@hopper-ui/components 1.3.20 → 1.3.21

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 (219) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/Avatar/src/AnonymousAvatar.css +37 -37
  3. package/dist/Avatar/src/AnonymousAvatar.js +3 -3
  4. package/dist/Avatar/src/Avatar.css +55 -55
  5. package/dist/Avatar/src/Avatar.js +4 -4
  6. package/dist/Avatar/src/DeletedAvatar.css +37 -37
  7. package/dist/Avatar/src/DeletedAvatar.js +3 -3
  8. package/dist/Avatar/src/RichIconAvatarImage.css +37 -37
  9. package/dist/Avatar/src/RichIconAvatarImage.js +2 -2
  10. package/dist/Avatar/src/index.css +55 -55
  11. package/dist/Avatar/src/index.js +6 -6
  12. package/dist/Badge/src/Badge.css +42 -42
  13. package/dist/Badge/src/Badge.js +3 -3
  14. package/dist/Badge/src/FloatingBadge.css +37 -37
  15. package/dist/Badge/src/FloatingBadge.js +2 -2
  16. package/dist/Badge/src/index.css +52 -52
  17. package/dist/Badge/src/index.js +5 -5
  18. package/dist/ComboBox/src/ComboBox.css +1179 -866
  19. package/dist/ComboBox/src/ComboBox.js +8 -8
  20. package/dist/ComboBox/src/ComboBoxOptions.css +1179 -866
  21. package/dist/ComboBox/src/ComboBoxOptions.js +63 -61
  22. package/dist/ComboBox/src/index.css +1179 -866
  23. package/dist/ComboBox/src/index.js +63 -61
  24. package/dist/Divider/src/Divider.css +29 -29
  25. package/dist/Divider/src/Divider.js +1 -1
  26. package/dist/Divider/src/index.css +29 -29
  27. package/dist/Divider/src/index.js +1 -1
  28. package/dist/ErrorMessage/src/ErrorMessage.css +29 -29
  29. package/dist/ErrorMessage/src/ErrorMessage.js +3 -3
  30. package/dist/ErrorMessage/src/index.css +29 -29
  31. package/dist/ErrorMessage/src/index.js +3 -3
  32. package/dist/Form/src/Form.css +1179 -866
  33. package/dist/Form/src/Form.js +63 -61
  34. package/dist/Form/src/index.css +1179 -866
  35. package/dist/Form/src/index.js +63 -61
  36. package/dist/HelperMessage/src/HelperMessage.css +29 -29
  37. package/dist/HelperMessage/src/HelperMessage.js +2 -2
  38. package/dist/HelperMessage/src/index.css +29 -29
  39. package/dist/HelperMessage/src/index.js +2 -2
  40. package/dist/IconList/src/IconList.css +28 -28
  41. package/dist/IconList/src/IconList.js +1 -1
  42. package/dist/IconList/src/index.css +28 -28
  43. package/dist/IconList/src/index.js +1 -1
  44. package/dist/Link/src/Link.css +49 -49
  45. package/dist/Link/src/Link.js +7 -7
  46. package/dist/Link/src/index.css +49 -49
  47. package/dist/Link/src/index.js +7 -7
  48. package/dist/ListBox/src/ListBox.css +274 -274
  49. package/dist/ListBox/src/ListBox.js +12 -12
  50. package/dist/ListBox/src/ListBoxItem.css +262 -262
  51. package/dist/ListBox/src/ListBoxItem.d.ts +2 -6
  52. package/dist/ListBox/src/ListBoxItem.js +11 -11
  53. package/dist/ListBox/src/ListBoxItemContext.d.ts +1 -2
  54. package/dist/ListBox/src/ListBoxItemSkeleton.css +34 -34
  55. package/dist/ListBox/src/ListBoxItemSkeleton.d.ts +0 -1
  56. package/dist/ListBox/src/ListBoxItemSkeleton.js +1 -1
  57. package/dist/ListBox/src/ListBoxItemSkeletonContext.d.ts +0 -1
  58. package/dist/ListBox/src/index.css +274 -274
  59. package/dist/ListBox/src/index.js +12 -12
  60. package/dist/Select/src/Select.css +296 -296
  61. package/dist/Select/src/Select.js +8 -8
  62. package/dist/Select/src/SelectOptions.css +1179 -866
  63. package/dist/Select/src/SelectOptions.js +63 -61
  64. package/dist/Select/src/SelectValue.css +61 -61
  65. package/dist/Select/src/SelectValue.js +6 -6
  66. package/dist/Select/src/index.css +1179 -866
  67. package/dist/Select/src/index.js +63 -61
  68. package/dist/Spinner/src/Spinner.css +37 -37
  69. package/dist/Spinner/src/Spinner.js +3 -3
  70. package/dist/Spinner/src/index.css +37 -37
  71. package/dist/Spinner/src/index.js +3 -3
  72. package/dist/buttons/src/Button.css +186 -265
  73. package/dist/buttons/src/Button.d.ts +5 -14
  74. package/dist/buttons/src/Button.js +8 -9
  75. package/dist/buttons/src/ButtonContext.d.ts +4 -6
  76. package/dist/buttons/src/ButtonGroup.css +38 -38
  77. package/dist/buttons/src/ButtonGroup.d.ts +1 -2
  78. package/dist/buttons/src/ButtonGroup.js +2 -1
  79. package/dist/buttons/src/ButtonGroupContext.d.ts +1 -2
  80. package/dist/buttons/src/ClearButton.css +98 -98
  81. package/dist/buttons/src/ClearButton.js +3 -3
  82. package/dist/buttons/src/EmbeddedButton.css +98 -98
  83. package/dist/buttons/src/EmbeddedButton.js +2 -2
  84. package/dist/buttons/src/LinkButton.css +627 -0
  85. package/dist/buttons/src/LinkButton.d.ts +30 -0
  86. package/dist/buttons/src/LinkButton.js +21 -0
  87. package/dist/buttons/src/LinkButtonContext.d.ts +9 -0
  88. package/dist/buttons/src/LinkButtonContext.js +2 -0
  89. package/dist/buttons/src/index.css +660 -347
  90. package/dist/buttons/src/index.d.ts +6 -3
  91. package/dist/buttons/src/index.js +13 -12
  92. package/dist/checkbox/src/Checkbox.css +46 -46
  93. package/dist/checkbox/src/Checkbox.js +7 -7
  94. package/dist/checkbox/src/CheckboxField.css +33 -33
  95. package/dist/checkbox/src/CheckboxField.js +2 -2
  96. package/dist/checkbox/src/CheckboxGroup.css +98 -98
  97. package/dist/checkbox/src/CheckboxGroup.js +2 -2
  98. package/dist/checkbox/src/DecorativeCheckbox.css +54 -54
  99. package/dist/checkbox/src/DecorativeCheckbox.js +7 -7
  100. package/dist/checkbox/src/index.css +98 -98
  101. package/dist/checkbox/src/index.js +10 -10
  102. package/dist/{chunk-56JPORN2.js → chunk-2FXHD5EF.js} +2 -2
  103. package/dist/{chunk-G3KPVKSY.js → chunk-3PONZZJH.js} +1 -1
  104. package/dist/{chunk-PMLYF4LY.js → chunk-3TN23WXI.js} +3 -3
  105. package/dist/chunk-3UQFC2NQ.js +7 -0
  106. package/dist/{chunk-DF556GIE.js → chunk-4MJUV4Y4.js} +1 -1
  107. package/dist/{chunk-NBU2JO34.js → chunk-7XRGRMKN.js} +2 -2
  108. package/dist/{chunk-2TKSTDV2.js → chunk-AJAXFPMZ.js} +1 -1
  109. package/dist/{chunk-LOK2QDPO.js → chunk-BZDYEIAN.js} +2 -2
  110. package/dist/{chunk-MILAEJ2L.js → chunk-CRBWHSR5.js} +1 -1
  111. package/dist/{chunk-ZFLVZHFU.js → chunk-D3ES4N5I.js} +4 -4
  112. package/dist/{chunk-FH236DA7.js → chunk-DQ3RMWYV.js} +6 -6
  113. package/dist/{chunk-653VMV4L.js → chunk-DSDDTQSP.js} +4 -4
  114. package/dist/{chunk-7S4WBT4G.js → chunk-E6KLDSL7.js} +2 -2
  115. package/dist/{chunk-3YY4L64N.js → chunk-EI3IUNUO.js} +3 -3
  116. package/dist/{chunk-LQQIV4NI.js → chunk-F6SXVFV7.js} +3 -3
  117. package/dist/{chunk-EOFFODBT.js → chunk-H5SFGSQY.js} +2 -2
  118. package/dist/{chunk-VR5K6SKY.js → chunk-HCDZVQF5.js} +3 -3
  119. package/dist/{chunk-AW7BK3KI.js → chunk-HEAER6AM.js} +1 -1
  120. package/dist/{chunk-MZUJCQXJ.js → chunk-HIDFOPDG.js} +2 -2
  121. package/dist/{chunk-AKZXMYPT.js → chunk-I7RO3Y4Y.js} +2 -2
  122. package/dist/{chunk-5DE3AIOL.js → chunk-ID7CLQIZ.js} +1 -1
  123. package/dist/{chunk-BAVC57WI.js → chunk-IRP5O2PB.js} +1 -1
  124. package/dist/{chunk-OQPYRC2F.js → chunk-IVVBR4PT.js} +2 -2
  125. package/dist/{chunk-EH3ONDLF.js → chunk-J3D3EFH7.js} +3 -3
  126. package/dist/{chunk-LU7FB5PR.js → chunk-KGVQXCKY.js} +7 -7
  127. package/dist/{chunk-FSXYBGL2.js → chunk-KWYYG3UT.js} +1 -1
  128. package/dist/{chunk-F4NDKYBQ.js → chunk-LTIKJWVL.js} +2 -2
  129. package/dist/{chunk-FGBJ4BQN.js → chunk-MCGBD7B2.js} +4 -4
  130. package/dist/{chunk-XAEUK2IS.js → chunk-MHDM4YO4.js} +1 -1
  131. package/dist/{chunk-ETRACW2O.js → chunk-N4TMRRF4.js} +3 -3
  132. package/dist/{chunk-H2IB2YPL.js → chunk-NH4G3E35.js} +2 -2
  133. package/dist/{chunk-D2ZXLYC4.js → chunk-NZUOHL5V.js} +2 -2
  134. package/dist/{chunk-VOPMQNZU.js → chunk-OD7U6X4F.js} +3 -3
  135. package/dist/{chunk-2GH5MFYM.js → chunk-QFWFNJTE.js} +7 -7
  136. package/dist/{chunk-4AJKRRST.js → chunk-QTVWIRCB.js} +4 -4
  137. package/dist/{chunk-GQE7EKQR.js → chunk-RJW3T3TL.js} +15 -9
  138. package/dist/{chunk-KFE26Z37.js → chunk-SH2PCVCP.js} +2 -2
  139. package/dist/{chunk-NHWFS4AT.js → chunk-SM3RKPS2.js} +3 -3
  140. package/dist/{chunk-UXX325G4.js → chunk-SUMAGCIA.js} +3 -3
  141. package/dist/chunk-T54ITIHK.js +107 -0
  142. package/dist/{chunk-DDCNAIN3.js → chunk-UHT3G5QZ.js} +1 -1
  143. package/dist/chunk-UKR2P5OV.js +130 -0
  144. package/dist/{chunk-CSG4J7DG.js → chunk-WMRLDPFX.js} +3 -3
  145. package/dist/{chunk-FZANHOCL.js → chunk-X5N7I2HV.js} +4 -4
  146. package/dist/{chunk-5IJ5WIHP.js → chunk-XSAC6GZB.js} +4 -4
  147. package/dist/{chunk-3RAC77T3.js → chunk-Y76Z32VB.js} +1 -1
  148. package/dist/{chunk-YTMJJOJ7.js → chunk-YGZQBJTZ.js} +11 -6
  149. package/dist/{chunk-QRJ5QOOH.js → chunk-YIIWGRHM.js} +3 -3
  150. package/dist/{chunk-K37GG2W4.js → chunk-ZWUASBUA.js} +1 -1
  151. package/dist/index.css +1179 -866
  152. package/dist/index.d.ts +6 -3
  153. package/dist/index.js +63 -61
  154. package/dist/inputs/src/InputGroup.css +675 -362
  155. package/dist/inputs/src/InputGroup.js +2 -2
  156. package/dist/inputs/src/NumberField.css +697 -384
  157. package/dist/inputs/src/NumberField.js +9 -9
  158. package/dist/inputs/src/PasswordField.css +685 -372
  159. package/dist/inputs/src/PasswordField.js +9 -9
  160. package/dist/inputs/src/RemainingCharacterCount.css +30 -30
  161. package/dist/inputs/src/RemainingCharacterCount.js +6 -6
  162. package/dist/inputs/src/SearchField.css +691 -378
  163. package/dist/inputs/src/SearchField.js +9 -9
  164. package/dist/inputs/src/TextArea.css +692 -379
  165. package/dist/inputs/src/TextArea.js +8 -8
  166. package/dist/inputs/src/TextField.css +689 -376
  167. package/dist/inputs/src/TextField.js +12 -12
  168. package/dist/inputs/src/index.css +735 -422
  169. package/dist/inputs/src/index.js +18 -18
  170. package/dist/overlays/Popover/src/Popover.css +1179 -866
  171. package/dist/overlays/Popover/src/Popover.js +63 -61
  172. package/dist/overlays/Popover/src/index.css +1179 -866
  173. package/dist/overlays/Popover/src/index.js +63 -61
  174. package/dist/radio/src/DecorativeRadio.css +54 -54
  175. package/dist/radio/src/DecorativeRadio.js +7 -7
  176. package/dist/radio/src/Radio.css +46 -46
  177. package/dist/radio/src/Radio.js +7 -7
  178. package/dist/radio/src/RadioField.css +33 -33
  179. package/dist/radio/src/RadioField.js +2 -2
  180. package/dist/radio/src/RadioGroup.css +98 -98
  181. package/dist/radio/src/RadioGroup.js +3 -3
  182. package/dist/radio/src/index.css +98 -98
  183. package/dist/radio/src/index.js +11 -11
  184. package/dist/switch/src/Switch.css +43 -43
  185. package/dist/switch/src/Switch.js +7 -7
  186. package/dist/switch/src/SwitchField.css +33 -33
  187. package/dist/switch/src/SwitchField.js +3 -3
  188. package/dist/switch/src/index.css +49 -49
  189. package/dist/switch/src/index.js +9 -9
  190. package/dist/tag/src/Tag.css +801 -488
  191. package/dist/tag/src/Tag.js +11 -11
  192. package/dist/tag/src/TagGroup.css +37 -37
  193. package/dist/tag/src/TagGroup.js +1 -1
  194. package/dist/tag/src/TagList.css +27 -27
  195. package/dist/tag/src/index.css +811 -498
  196. package/dist/tag/src/index.js +12 -12
  197. package/dist/types-CVCUJ7un.d.ts +4 -0
  198. package/dist/typography/Heading/src/Heading.css +27 -27
  199. package/dist/typography/Heading/src/Heading.js +1 -1
  200. package/dist/typography/Heading/src/index.css +27 -27
  201. package/dist/typography/Heading/src/index.js +1 -1
  202. package/dist/typography/Label/src/Label.css +27 -27
  203. package/dist/typography/Label/src/Label.js +1 -1
  204. package/dist/typography/Label/src/index.css +27 -27
  205. package/dist/typography/Label/src/index.js +1 -1
  206. package/dist/typography/OverlineText/src/OverlineText.css +27 -27
  207. package/dist/typography/OverlineText/src/OverlineText.js +1 -1
  208. package/dist/typography/OverlineText/src/index.css +27 -27
  209. package/dist/typography/OverlineText/src/index.js +1 -1
  210. package/dist/typography/Text/src/Text.css +27 -27
  211. package/dist/typography/Text/src/Text.js +1 -1
  212. package/dist/typography/Text/src/index.css +27 -27
  213. package/dist/typography/Text/src/index.js +1 -1
  214. package/dist/utils/src/EnsureTextWrapper.css +27 -27
  215. package/dist/utils/src/EnsureTextWrapper.js +5 -5
  216. package/dist/utils/src/index.css +27 -27
  217. package/dist/utils/src/index.js +7 -7
  218. package/package.json +10 -10
  219. package/dist/chunk-BPH5ATEH.js +0 -187
package/dist/index.css CHANGED
@@ -2,7 +2,7 @@
2
2
  @import "@hopper-ui/styled-system/index.css";
3
3
 
4
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___7drzK {
5
+ .Heading-module__hop-Heading___JWvs8 {
6
6
  --hop-Heading-xs-font-size: var(--hop-heading-xs-font-size);
7
7
  --hop-Heading-xs-font-family: var(--hop-heading-xs-font-family);
8
8
  --hop-Heading-xs-font-weight: var(--hop-heading-xs-font-weight);
@@ -36,50 +36,50 @@
36
36
  --hop-Heading-inherit-size-font-weight: inherit;
37
37
  --hop-Heading-inherit-size-line-height: inherit;
38
38
  }
39
- :where(.Heading-module__hop-Heading___7drzK) {
39
+ :where(.Heading-module__hop-Heading___JWvs8) {
40
40
  margin: 0;
41
41
  font-family: var(--font-family);
42
42
  font-size: var(--font-size);
43
43
  font-weight: var(--font-weight);
44
44
  line-height: var(--line-height);
45
45
  }
46
- :where(.Heading-module__hop-Heading--xs___0JHJR) {
46
+ :where(.Heading-module__hop-Heading--xs___Cfweo) {
47
47
  --font-size: var(--hop-Heading-xs-font-size);
48
48
  --font-family: var(--hop-Heading-xs-font-family);
49
49
  --font-weight: var(--hop-Heading-xs-font-weight);
50
50
  --line-height: var(--hop-Heading-xs-line-height);
51
51
  }
52
- :where(.Heading-module__hop-Heading--sm___FfRbr) {
52
+ :where(.Heading-module__hop-Heading--sm___sAf2J) {
53
53
  --font-size: var(--hop-Heading-sm-font-size);
54
54
  --font-family: var(--hop-Heading-sm-font-family);
55
55
  --font-weight: var(--hop-Heading-sm-font-weight);
56
56
  --line-height: var(--hop-Heading-sm-line-height);
57
57
  }
58
- :where(.Heading-module__hop-Heading--md___iEZB3) {
58
+ :where(.Heading-module__hop-Heading--md___6wrhw) {
59
59
  --font-size: var(--hop-Heading-md-font-size);
60
60
  --font-family: var(--hop-Heading-md-font-family);
61
61
  --font-weight: var(--hop-Heading-md-font-weight);
62
62
  --line-height: var(--hop-Heading-md-line-height);
63
63
  }
64
- :where(.Heading-module__hop-Heading--lg___CiHJr) {
64
+ :where(.Heading-module__hop-Heading--lg___jvv5C) {
65
65
  --font-size: var(--hop-Heading-lg-font-size);
66
66
  --font-family: var(--hop-Heading-lg-font-family);
67
67
  --font-weight: var(--hop-Heading-lg-font-weight);
68
68
  --line-height: var(--hop-Heading-lg-line-height);
69
69
  }
70
- :where(.Heading-module__hop-Heading--xl___BxXWu) {
70
+ :where(.Heading-module__hop-Heading--xl___rJZ8W) {
71
71
  --font-size: var(--hop-Heading-xl-font-size);
72
72
  --font-family: var(--hop-Heading-xl-font-family);
73
73
  --font-weight: var(--hop-Heading-xl-font-weight);
74
74
  --line-height: var(--hop-Heading-xl-line-height);
75
75
  }
76
- :where(.Heading-module__hop-Heading--2xl___AaMF1) {
76
+ :where(.Heading-module__hop-Heading--2xl___vy5tr) {
77
77
  --font-size: var(--hop-Heading-2xl-font-size);
78
78
  --font-family: var(--hop-Heading-2xl-font-family);
79
79
  --font-weight: var(--hop-Heading-2xl-font-weight);
80
80
  --line-height: var(--hop-Heading-2xl-line-height);
81
81
  }
82
- :where(.Heading-module__hop-Heading--3xl___KsM39) {
82
+ :where(.Heading-module__hop-Heading--3xl___sHzoB) {
83
83
  --font-size: var(--hop-Heading-3xl-font-size);
84
84
  --font-family: var(--hop-Heading-3xl-font-family);
85
85
  --font-weight: var(--hop-Heading-3xl-font-weight);
@@ -87,7 +87,7 @@
87
87
  }
88
88
 
89
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___DX8iF) {
90
+ :where(.OverlineText-module__hop-OverlineText___6KBG7) {
91
91
  --hop-OverlineText-font-family: var(--hop-overline-font-family);
92
92
  --hop-OverlineText-font-size: var(--hop-overline-font-size);
93
93
  --hop-OverlineText-font-weight: var(--hop-overline-font-weight);
@@ -111,45 +111,45 @@
111
111
  text-transform: uppercase;
112
112
  letter-spacing: var(--letter-spacing);
113
113
  }
114
- .OverlineText-module__hop-OverlineText__text___p5TCe {
114
+ .OverlineText-module__hop-OverlineText__text___MHRJ4 {
115
115
  box-sizing: border-box;
116
116
  }
117
- .OverlineText-module__hop-OverlineText__text___p5TCe::before,
118
- .OverlineText-module__hop-OverlineText__text___p5TCe::after {
117
+ .OverlineText-module__hop-OverlineText__text___MHRJ4::before,
118
+ .OverlineText-module__hop-OverlineText__text___MHRJ4::after {
119
119
  content: "";
120
120
  display: block;
121
121
  box-sizing: border-box;
122
122
  inline-size: 0;
123
123
  block-size: 0;
124
124
  }
125
- .OverlineText-module__hop-OverlineText__text___p5TCe::before {
125
+ .OverlineText-module__hop-OverlineText__text___MHRJ4::before {
126
126
  margin-block-end: var(--bottom-offset);
127
127
  }
128
- .OverlineText-module__hop-OverlineText__text___p5TCe::after {
128
+ .OverlineText-module__hop-OverlineText__text___MHRJ4::after {
129
129
  margin-block-start: var(--top-offset);
130
130
  }
131
131
 
132
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___YFmlQ {
133
+ .Label-module__hop-Label___2VJx8 {
134
134
  --hop-Label-font-size: var(--hop-heading-xs-font-size);
135
135
  --hop-Label-font-family: var(--hop-heading-xs-font-family);
136
136
  --hop-Label-font-weight: var(--hop-heading-xs-font-weight);
137
137
  --hop-Label-line-height: var(--hop-heading-xs-line-height);
138
138
  --hop-Label-color: var(--hop-neutral-text-weak);
139
139
  }
140
- :where(.Label-module__hop-Label___YFmlQ) {
140
+ :where(.Label-module__hop-Label___2VJx8) {
141
141
  font-family: var(--hop-Label-font-family);
142
142
  font-size: var(--hop-Label-font-size);
143
143
  font-weight: var(--hop-Label-font-weight);
144
144
  line-height: var(--hop-Label-line-height);
145
145
  color: var(--hop-Label-color);
146
146
  }
147
- :where(.Label-module__hop-Label__indicator___32htv) {
147
+ :where(.Label-module__hop-Label__indicator___UgwtS) {
148
148
  padding-inline-start: var(--hop-space-20);
149
149
  }
150
150
 
151
151
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Text/src/Text.module.css/#css-module-data */
152
- .Text-module__hop-Text___-EUra {
152
+ .Text-module__hop-Text___45Zf4 {
153
153
  --hop-Text-xs-font-size: var(--hop-body-xs-font-size);
154
154
  --hop-Text-xs-font-family: var(--hop-body-xs-font-family);
155
155
  --hop-Text-xs-font-weight: var(--hop-body-xs-font-weight);
@@ -179,49 +179,49 @@
179
179
  --hop-Text-inherit-size-font-weight: inherit;
180
180
  --hop-Text-inherit-size-line-height: inherit;
181
181
  }
182
- :where(.Text-module__hop-Text___-EUra) {
182
+ :where(.Text-module__hop-Text___45Zf4) {
183
183
  font-family: var(--font-family);
184
184
  font-size: var(--font-size);
185
185
  font-weight: var(--font-weight);
186
186
  line-height: var(--line-height);
187
187
  }
188
- :where(.Text-module__hop-Text--xs___t4w0g) {
188
+ :where(.Text-module__hop-Text--xs___d9F1w) {
189
189
  --font-size: var(--hop-Text-xs-font-size);
190
190
  --font-family: var(--hop-Text-xs-font-family);
191
191
  --font-weight: var(--hop-Text-xs-font-weight);
192
192
  --line-height: var(--hop-Text-xs-line-height);
193
193
  }
194
- :where(.Text-module__hop-Text--sm___3fx9R) {
194
+ :where(.Text-module__hop-Text--sm___-NvEj) {
195
195
  --font-size: var(--hop-Text-sm-font-size);
196
196
  --font-family: var(--hop-Text-sm-font-family);
197
197
  --font-weight: var(--hop-Text-sm-font-weight);
198
198
  --line-height: var(--hop-Text-sm-line-height);
199
199
  }
200
- :where(.Text-module__hop-Text--md___N-FVs) {
200
+ :where(.Text-module__hop-Text--md___lFLy8) {
201
201
  --font-size: var(--hop-Text-md-font-size);
202
202
  --font-family: var(--hop-Text-md-font-family);
203
203
  --font-weight: var(--hop-Text-md-font-weight);
204
204
  --line-height: var(--hop-Text-md-line-height);
205
205
  }
206
- :where(.Text-module__hop-Text--lg___Hk0C7) {
206
+ :where(.Text-module__hop-Text--lg___eI9o1) {
207
207
  --font-size: var(--hop-Text-lg-font-size);
208
208
  --font-family: var(--hop-Text-lg-font-family);
209
209
  --font-weight: var(--hop-Text-lg-font-weight);
210
210
  --line-height: var(--hop-Text-lg-line-height);
211
211
  }
212
- :where(.Text-module__hop-Text--xl___a4t-X) {
212
+ :where(.Text-module__hop-Text--xl___gyrV0) {
213
213
  --font-size: var(--hop-Text-xl-font-size);
214
214
  --font-family: var(--hop-Text-xl-font-family);
215
215
  --font-weight: var(--hop-Text-xl-font-weight);
216
216
  --line-height: var(--hop-Text-xl-line-height);
217
217
  }
218
- :where(.Text-module__hop-Text--2xl___PFpVA) {
218
+ :where(.Text-module__hop-Text--2xl___ZQS8X) {
219
219
  --font-size: var(--hop-Text-2xl-font-size);
220
220
  --font-family: var(--hop-Text-2xl-font-family);
221
221
  --font-weight: var(--hop-Text-2xl-font-weight);
222
222
  --line-height: var(--hop-Text-2xl-line-height);
223
223
  }
224
- :where(.Text-module__hop-Text--inherit___ENNdv) {
224
+ :where(.Text-module__hop-Text--inherit___wmhsR) {
225
225
  --font-size: var(--hop-Text-inherit-size-font-size);
226
226
  --font-family: var(--hop-Text-inherit-size-font-family);
227
227
  --font-weight: var(--hop-Text-inherit-size-font-weight);
@@ -229,7 +229,7 @@
229
229
  }
230
230
 
231
231
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Avatar/src/RichIconAvatarImage.module.css/#css-module-data */
232
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___NKQzj {
232
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___WBGT4 {
233
233
  --hop-RichIconAvatarImage-background-color: var(--hop-decorative-option7-surface);
234
234
  --hop-RichIconAvatarImage-border-radius: var(--hop-shape-circle);
235
235
  --hop-RichIconAvatarImage-icon-color: var(--hop-decorative-option7-icon);
@@ -260,46 +260,46 @@
260
260
  background-color: var(--background-color);
261
261
  border-radius: var(--hop-RichIconAvatarImage-border-radius);
262
262
  }
263
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___R-2LR {
263
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___jFcEk {
264
264
  --size: var(--hop-RichIconAvatarImage-xs-size);
265
265
  --icon-size: var(--hop-RichIconAvatarImage-icon-xs-size);
266
266
  }
267
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___DG4lv {
267
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___Tp-W8 {
268
268
  --size: var(--hop-RichIconAvatarImage-sm-size);
269
269
  --icon-size: var(--hop-RichIconAvatarImage-icon-sm-size);
270
270
  }
271
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___TduzT {
271
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___f4Jds {
272
272
  --size: var(--hop-RichIconAvatarImage-md-size);
273
273
  --icon-size: var(--hop-RichIconAvatarImage-icon-md-size);
274
274
  }
275
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___fMUgx {
275
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___TJeA3 {
276
276
  --size: var(--hop-RichIconAvatarImage-lg-size);
277
277
  --icon-size: var(--hop-RichIconAvatarImage-icon-lg-size);
278
278
  }
279
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___YuZQW {
279
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___TnS4q {
280
280
  --size: var(--hop-RichIconAvatarImage-xl-size);
281
281
  --icon-size: var(--hop-RichIconAvatarImage-icon-xl-size);
282
282
  }
283
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___w5WGF {
283
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___All-Y {
284
284
  --size: var(--hop-RichIconAvatarImage-2xl-size);
285
285
  --icon-size: var(--hop-RichIconAvatarImage-icon-2xl-size);
286
286
  }
287
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___NKQzj[data-disabled] {
287
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___WBGT4[data-disabled] {
288
288
  --background-color: var(--hop-RichIconAvatarImage-background-color-disabled);
289
289
  }
290
- .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___uDj92 {
290
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___V5XSb {
291
291
  position: relative;
292
292
  display: block;
293
293
  inline-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
294
294
  block-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
295
295
  }
296
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___NKQzj[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___uDj92 {
296
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___WBGT4[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___V5XSb {
297
297
  --hop-RichIcon-placeholder-background: var(--hop-RichIconAvatarImage-background-color-disabled);
298
298
  --hop-RichIcon-placeholder-shadow: var(--hop-RichIconAvatarImage-icon-color-disabled);
299
299
  }
300
300
 
301
301
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Avatar/src/Avatar.module.css/#css-module-data */
302
- .Avatar-module__hop-Avatar___S3G8c {
302
+ .Avatar-module__hop-Avatar___V-tog {
303
303
  --hop-Avatar-border-radius: var(--hop-shape-circle);
304
304
  --hop-Avatar-mix-blend-mode: normal;
305
305
  --hop-Avatar-decorative-1-background-color: var(--hop-decorative-option1-surface-strong);
@@ -344,67 +344,67 @@
344
344
  background-color: var(--background-color, transparent);
345
345
  border-radius: var(--hop-Avatar-border-radius);
346
346
  }
347
- .Avatar-module__hop-Avatar--xs___GjK0- {
347
+ .Avatar-module__hop-Avatar--xs___Q55Yc {
348
348
  --size: var(--hop-Avatar-xs-size);
349
349
  }
350
- .Avatar-module__hop-Avatar--sm___Uc9w7 {
350
+ .Avatar-module__hop-Avatar--sm___m2WLy {
351
351
  --size: var(--hop-Avatar-sm-size);
352
352
  }
353
- .Avatar-module__hop-Avatar--md___wj9GR {
353
+ .Avatar-module__hop-Avatar--md___Gf8i9 {
354
354
  --size: var(--hop-Avatar-md-size);
355
355
  }
356
- .Avatar-module__hop-Avatar--lg___yzcBv {
356
+ .Avatar-module__hop-Avatar--lg___DRafX {
357
357
  --size: var(--hop-Avatar-lg-size);
358
358
  }
359
- .Avatar-module__hop-Avatar--xl___nO3hZ {
359
+ .Avatar-module__hop-Avatar--xl___VUaj9 {
360
360
  --size: var(--hop-Avatar-xl-size);
361
361
  }
362
- .Avatar-module__hop-Avatar--2xl___124-T {
362
+ .Avatar-module__hop-Avatar--2xl___T7F4O {
363
363
  --size: var(--hop-Avatar-2xl-size);
364
364
  }
365
- .Avatar-module__hop-Avatar--decorative-option1___WAMt4 {
365
+ .Avatar-module__hop-Avatar--decorative-option1___q8Gq1 {
366
366
  --background-color: var(--hop-Avatar-decorative-1-background-color);
367
367
  --text-color: var(--hop-Avatar-decorative-1-text-color);
368
368
  }
369
- .Avatar-module__hop-Avatar--decorative-option2___rdhY- {
369
+ .Avatar-module__hop-Avatar--decorative-option2___4pj7q {
370
370
  --background-color: var(--hop-Avatar-decorative-2-background-color);
371
371
  --text-color: var(--hop-Avatar-decorative-2-text-color);
372
372
  }
373
- .Avatar-module__hop-Avatar--decorative-option3___m1yRU {
373
+ .Avatar-module__hop-Avatar--decorative-option3___Xqgtl {
374
374
  --background-color: var(--hop-Avatar-decorative-3-background-color);
375
375
  --text-color: var(--hop-Avatar-decorative-3-text-color);
376
376
  }
377
- .Avatar-module__hop-Avatar--decorative-option4___XSbQE {
377
+ .Avatar-module__hop-Avatar--decorative-option4___NZjJ2 {
378
378
  --background-color: var(--hop-Avatar-decorative-4-background-color);
379
379
  --text-color: var(--hop-Avatar-decorative-4-text-color);
380
380
  }
381
- .Avatar-module__hop-Avatar--decorative-option5___6JthT {
381
+ .Avatar-module__hop-Avatar--decorative-option5___D8-8Q {
382
382
  --background-color: var(--hop-Avatar-decorative-5-background-color);
383
383
  --text-color: var(--hop-Avatar-decorative-5-text-color);
384
384
  }
385
- .Avatar-module__hop-Avatar--decorative-option6___dghk6 {
385
+ .Avatar-module__hop-Avatar--decorative-option6___57wIP {
386
386
  --background-color: var(--hop-Avatar-decorative-6-background-color);
387
387
  --text-color: var(--hop-Avatar-decorative-6-text-color);
388
388
  }
389
- .Avatar-module__hop-Avatar--decorative-option7___aBDkk {
389
+ .Avatar-module__hop-Avatar--decorative-option7___Lls3f {
390
390
  --background-color: var(--hop-Avatar-decorative-7-background-color);
391
391
  --text-color: var(--hop-Avatar-decorative-7-text-color);
392
392
  }
393
- .Avatar-module__hop-Avatar--decorative-option8___-eIVi {
393
+ .Avatar-module__hop-Avatar--decorative-option8___kbBbR {
394
394
  --background-color: var(--hop-Avatar-decorative-8-background-color);
395
395
  --text-color: var(--hop-Avatar-decorative-8-text-color);
396
396
  }
397
- .Avatar-module__hop-Avatar--decorative-option9___TIR9s {
397
+ .Avatar-module__hop-Avatar--decorative-option9___nLT4F {
398
398
  --background-color: var(--hop-Avatar-decorative-9-background-color);
399
399
  --text-color: var(--hop-Avatar-decorative-9-text-color);
400
400
  }
401
- .Avatar-module__hop-Avatar___S3G8c[data-disabled] {
401
+ .Avatar-module__hop-Avatar___V-tog[data-disabled] {
402
402
  --background-color: var(--hop-Avatar-background-color-disabled);
403
403
  --text-color: var(--hop-Avatar-text-color-disabled);
404
404
  --mix-blend-mode: var(--hop-Avatar-mix-blend-mode-disabled);
405
405
  isolation: isolate;
406
406
  }
407
- .Avatar-module__hop-Avatar__image___MIRJd {
407
+ .Avatar-module__hop-Avatar__image___YIAYq {
408
408
  position: relative;
409
409
  display: block;
410
410
  box-sizing: border-box;
@@ -415,7 +415,7 @@
415
415
  }
416
416
 
417
417
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Badge/src/Badge.module.css/#css-module-data */
418
- .Badge-module__hop-Badge___5fQ5c {
418
+ .Badge-module__hop-Badge___OVJ7C {
419
419
  --hop-Badge-height: 1.5rem;
420
420
  --hop-Badge-width: max-content;
421
421
  --hop-Badge-padding-inline: var(--hop-space-inset-sm);
@@ -465,67 +465,67 @@
465
465
  background-color: var(--background-color, var(--hop-Badge-primary-background-color));
466
466
  border-radius: var(--border-radius);
467
467
  }
468
- .Badge-module__hop-Badge___5fQ5c[data-variant=primary] {
468
+ .Badge-module__hop-Badge___OVJ7C[data-variant=primary] {
469
469
  --background-color: var(--hop-Badge-primary-background-color);
470
470
  --text-color: var(--hop-Badge-primary-text-color);
471
471
  }
472
- .Badge-module__hop-Badge___5fQ5c[data-hovered][data-variant=primary] {
472
+ .Badge-module__hop-Badge___OVJ7C[data-hovered][data-variant=primary] {
473
473
  --background-color: var(--hop-Badge-primary-background-color-hovered);
474
474
  --text-color: var(--hop-Badge-primary-text-color-hovered);
475
475
  }
476
- .Badge-module__hop-Badge___5fQ5c[data-pressed][data-variant=primary] {
476
+ .Badge-module__hop-Badge___OVJ7C[data-pressed][data-variant=primary] {
477
477
  --background-color: var(--hop-Badge-primary-background-color-pressed);
478
478
  --text-color: var(--hop-Badge-primary-text-color-pressed);
479
479
  }
480
- .Badge-module__hop-Badge___5fQ5c[data-selected][data-variant=primary] {
480
+ .Badge-module__hop-Badge___OVJ7C[data-selected][data-variant=primary] {
481
481
  --background-color: var(--hop-Badge-primary-background-color-selected);
482
482
  --text-color: var(--hop-Badge-primary-text-color-selected);
483
483
  }
484
- .Badge-module__hop-Badge___5fQ5c[data-variant=secondary] {
484
+ .Badge-module__hop-Badge___OVJ7C[data-variant=secondary] {
485
485
  --background-color: var(--hop-Badge-secondary-background-color);
486
486
  --text-color: var(--hop-Badge-secondary-text-color);
487
487
  }
488
- .Badge-module__hop-Badge___5fQ5c[data-hovered][data-variant=secondary] {
488
+ .Badge-module__hop-Badge___OVJ7C[data-hovered][data-variant=secondary] {
489
489
  --background-color: var(--hop-Badge-secondary-background-color-hovered);
490
490
  --text-color: var(--hop-Badge-secondary-text-color-hovered);
491
491
  }
492
- .Badge-module__hop-Badge___5fQ5c[data-pressed][data-variant=secondary] {
492
+ .Badge-module__hop-Badge___OVJ7C[data-pressed][data-variant=secondary] {
493
493
  --background-color: var(--hop-Badge-secondary-background-color-pressed);
494
494
  --text-color: var(--hop-Badge-secondary-text-color-pressed);
495
495
  }
496
- .Badge-module__hop-Badge___5fQ5c[data-selected][data-variant=secondary] {
496
+ .Badge-module__hop-Badge___OVJ7C[data-selected][data-variant=secondary] {
497
497
  --background-color: var(--hop-Badge-secondary-background-color-selected);
498
498
  --text-color: var(--hop-Badge-secondary-text-color-selected);
499
499
  }
500
- .Badge-module__hop-Badge___5fQ5c[data-variant=subdued] {
500
+ .Badge-module__hop-Badge___OVJ7C[data-variant=subdued] {
501
501
  --background-color: var(--hop-Badge-subdued-background-color);
502
502
  --text-color: var(--hop-Badge-subdued-text-color);
503
503
  }
504
- .Badge-module__hop-Badge___5fQ5c[data-hovered][data-variant=subdued] {
504
+ .Badge-module__hop-Badge___OVJ7C[data-hovered][data-variant=subdued] {
505
505
  --background-color: var(--hop-Badge-subdued-background-color-hovered);
506
506
  --text-color: var(--hop-Badge-subdued-text-color-hovered);
507
507
  }
508
- .Badge-module__hop-Badge___5fQ5c[data-pressed][data-variant=subdued] {
508
+ .Badge-module__hop-Badge___OVJ7C[data-pressed][data-variant=subdued] {
509
509
  --background-color: var(--hop-Badge-subdued-background-color-pressed);
510
510
  --text-color: var(--hop-Badge-subdued-text-color-pressed);
511
511
  }
512
- .Badge-module__hop-Badge___5fQ5c[data-selected][data-variant=subdued] {
512
+ .Badge-module__hop-Badge___OVJ7C[data-selected][data-variant=subdued] {
513
513
  --background-color: var(--hop-Badge-subdued-background-color-selected);
514
514
  --text-color: var(--hop-Badge-subdued-text-color-selected);
515
515
  }
516
- .Badge-module__hop-Badge___5fQ5c[data-indeterminate] {
516
+ .Badge-module__hop-Badge___OVJ7C[data-indeterminate] {
517
517
  --border-radius: var(--hop-Badge-indeterminate-border-radius);
518
518
  --height: var(--hop-Badge-indeterminate-height);
519
519
  --width: var(--hop-Badge-indeterminate-width);
520
520
  --padding-inline: var(--hop-Badge-indeterminate-padding-inline);
521
521
  }
522
- .Badge-module__hop-Badge___5fQ5c[data-disabled] {
522
+ .Badge-module__hop-Badge___OVJ7C[data-disabled] {
523
523
  --background-color: var(--hop-Badge-background-color-disabled);
524
524
  --text-color: var(--hop-Badge-text-color-disabled);
525
525
  }
526
526
 
527
527
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Badge/src/FloatingBadge.module.css/#css-module-data */
528
- .FloatingBadge-module__hop-FloatingBadge___AkP3O {
528
+ .FloatingBadge-module__hop-FloatingBadge___CqOJ3 {
529
529
  --hop-FloatingBadge-badge-x: calc(0% + var(--hop-FloatingBadge-offset-x));
530
530
  --hop-FloatingBadge-badge-circular-x: calc(10% + var(--hop-FloatingBadge-offset-x));
531
531
  --hop-FloatingBadge-badge-y: calc(0% + var(--hop-FloatingBadge-offset-y));
@@ -566,7 +566,7 @@
566
566
  box-sizing: border-box;
567
567
  inline-size: max-content;
568
568
  }
569
- .FloatingBadge-module__hop-FloatingBadge___AkP3O[data-placement="top right"] {
569
+ .FloatingBadge-module__hop-FloatingBadge___CqOJ3[data-placement="top right"] {
570
570
  --badge-top: var(--hop-FloatingBadge-badge-topright-top);
571
571
  --badge-right: var(--hop-FloatingBadge-badge-topright-right);
572
572
  --badge-bottom: var(--hop-FloatingBadge-badge-topright-bottom);
@@ -574,11 +574,11 @@
574
574
  --badge-transform: var(--hop-FloatingBadge-badge-topright-transform);
575
575
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topright-transform-origin);
576
576
  }
577
- .FloatingBadge-module__hop-FloatingBadge___AkP3O[data-placement="top right"][data-overlap=circular] {
577
+ .FloatingBadge-module__hop-FloatingBadge___CqOJ3[data-placement="top right"][data-overlap=circular] {
578
578
  --badge-top: var(--hop-FloatingBadge-badge-topright-circular-top);
579
579
  --badge-right: var(--hop-FloatingBadge-badge-topright-circular-right);
580
580
  }
581
- .FloatingBadge-module__hop-FloatingBadge___AkP3O[data-placement="top left"] {
581
+ .FloatingBadge-module__hop-FloatingBadge___CqOJ3[data-placement="top left"] {
582
582
  --badge-top: var(--hop-FloatingBadge-badge-topleft-top);
583
583
  --badge-right: var(--hop-FloatingBadge-badge-topleft-right);
584
584
  --badge-bottom: var(--hop-FloatingBadge-badge-topleft-bottom);
@@ -586,11 +586,11 @@
586
586
  --badge-transform: var(--hop-FloatingBadge-badge-topleft-transform);
587
587
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topleft-transform-origin);
588
588
  }
589
- .FloatingBadge-module__hop-FloatingBadge___AkP3O[data-placement="top left"][data-overlap=circular] {
589
+ .FloatingBadge-module__hop-FloatingBadge___CqOJ3[data-placement="top left"][data-overlap=circular] {
590
590
  --badge-top: var(--hop-FloatingBadge-badge-topleft-circular-top);
591
591
  --badge-left: var(--hop-FloatingBadge-badge-topleft-circular-left);
592
592
  }
593
- .FloatingBadge-module__hop-FloatingBadge___AkP3O[data-placement="bottom right"] {
593
+ .FloatingBadge-module__hop-FloatingBadge___CqOJ3[data-placement="bottom right"] {
594
594
  --badge-top: var(--hop-FloatingBadge-badge-bottomright-top);
595
595
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-right);
596
596
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-bottom);
@@ -598,11 +598,11 @@
598
598
  --badge-transform: var(--hop-FloatingBadge-badge-bottomright-transform);
599
599
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomright-transform-origin);
600
600
  }
601
- .FloatingBadge-module__hop-FloatingBadge___AkP3O[data-placement="bottom right"][data-overlap=circular] {
601
+ .FloatingBadge-module__hop-FloatingBadge___CqOJ3[data-placement="bottom right"][data-overlap=circular] {
602
602
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-circular-right);
603
603
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-circular-bottom);
604
604
  }
605
- .FloatingBadge-module__hop-FloatingBadge___AkP3O[data-placement="bottom left"] {
605
+ .FloatingBadge-module__hop-FloatingBadge___CqOJ3[data-placement="bottom left"] {
606
606
  --badge-top: var(--hop-FloatingBadge-badge-bottomleft-top);
607
607
  --badge-right: var(--hop-FloatingBadge-badge-bottomleft-right);
608
608
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-bottom);
@@ -610,11 +610,11 @@
610
610
  --badge-transform: var(--hop-FloatingBadge-badge-bottomleft-transform);
611
611
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomleft-transform-origin);
612
612
  }
613
- .FloatingBadge-module__hop-FloatingBadge___AkP3O[data-placement="bottom left"][data-overlap=circular] {
613
+ .FloatingBadge-module__hop-FloatingBadge___CqOJ3[data-placement="bottom left"][data-overlap=circular] {
614
614
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-circular-bottom);
615
615
  --badge-left: var(--hop-FloatingBadge-badge-bottomleft-circular-left);
616
616
  }
617
- .FloatingBadge-module__hop-FloatingBadge__badge___Igord {
617
+ .FloatingBadge-module__hop-FloatingBadge__badge___-OFJO {
618
618
  position: absolute;
619
619
  inset: var(--badge-top) var(--badge-right) var(--badge-bottom) var(--badge-left);
620
620
  transform-origin: var(--badge-transform-origin);
@@ -622,7 +622,7 @@
622
622
  }
623
623
 
624
624
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/IconList/src/IconList.module.css/#css-module-data */
625
- .IconList-module__hop-IconList___6ZKNr {
625
+ .IconList-module__hop-IconList___EG9zZ {
626
626
  --hop-IconList-gap: var(--hop-space-inline-xs);
627
627
  display: flex;
628
628
  flex-wrap: wrap;
@@ -631,7 +631,7 @@
631
631
  }
632
632
 
633
633
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Spinner/src/Spinner.module.css/#css-module-data */
634
- @keyframes Spinner-module__spin___X-87m {
634
+ @keyframes Spinner-module__spin___PNrmz {
635
635
  0% {
636
636
  transform: rotate(0deg);
637
637
  }
@@ -639,7 +639,7 @@
639
639
  transform: rotate(360deg);
640
640
  }
641
641
  }
642
- .Spinner-module__hop-Spinner___Y71Fj {
642
+ .Spinner-module__hop-Spinner___4oEd8 {
643
643
  --hop-Spinner-border-radius: var(--hop-shape-circle);
644
644
  --hop-Spinner-sm-wheel-size: 1rem;
645
645
  --hop-Spinner-md-wheel-size: 1.25rem;
@@ -647,7 +647,7 @@
647
647
  --hop-Spinner-track-width: 0.125rem;
648
648
  --hop-Spinner-track-opacity: 0.2;
649
649
  --hop-Spinner-track-border: var(--hop-Spinner-track-width) solid currentcolor;
650
- --hop-Spinner-fill-animation: Spinner-module__spin___X-87m .8s infinite linear;
650
+ --hop-Spinner-fill-animation: Spinner-module__spin___PNrmz .8s infinite linear;
651
651
  --hop-Spinner-fill-animation-reduced-motion-duration: 2s;
652
652
  --hop-Spinner-fill-border: var(--hop-Spinner-track-width) solid transparent;
653
653
  --hop-Spinner-fill-border-inline-start: var(--hop-Spinner-track-width) solid currentcolor;
@@ -658,19 +658,19 @@
658
658
  align-items: center;
659
659
  box-sizing: border-box;
660
660
  }
661
- .Spinner-module__hop-Spinner--sm___t0TNT {
661
+ .Spinner-module__hop-Spinner--sm___rFYBa {
662
662
  --width: var(--hop-Spinner-sm-wheel-size);
663
663
  --height: var(--hop-Spinner-sm-wheel-size);
664
664
  }
665
- .Spinner-module__hop-Spinner--md___RrMzk {
665
+ .Spinner-module__hop-Spinner--md___qHIq6 {
666
666
  --width: var(--hop-Spinner-md-wheel-size);
667
667
  --height: var(--hop-Spinner-md-wheel-size);
668
668
  }
669
- .Spinner-module__hop-Spinner--lg___Kk95a {
669
+ .Spinner-module__hop-Spinner--lg___XeZ29 {
670
670
  --width: var(--hop-Spinner-lg-wheel-size);
671
671
  --height: var(--hop-Spinner-lg-wheel-size);
672
672
  }
673
- .Spinner-module__hop-Spinner__track___9tt9q {
673
+ .Spinner-module__hop-Spinner__track___A7jcm {
674
674
  grid-area: spinner;
675
675
  box-sizing: border-box;
676
676
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -679,7 +679,7 @@
679
679
  border: var(--hop-Spinner-track-border);
680
680
  border-radius: var(--hop-Spinner-border-radius);
681
681
  }
682
- .Spinner-module__hop-Spinner__fill___EY98e {
682
+ .Spinner-module__hop-Spinner__fill___nw6mJ {
683
683
  grid-area: spinner;
684
684
  box-sizing: border-box;
685
685
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -690,144 +690,107 @@
690
690
  animation: var(--hop-Spinner-fill-animation);
691
691
  }
692
692
  @media (prefers-reduced-motion: reduce) {
693
- .Spinner-module__hop-Spinner__fill___EY98e {
693
+ .Spinner-module__hop-Spinner__fill___nw6mJ {
694
694
  animation-duration: var(--hop-Spinner-fill-animation-reduced-motion-duration);
695
695
  }
696
696
  }
697
- .Spinner-module__hop-Spinner__label___voEwO {
697
+ .Spinner-module__hop-Spinner__label___OPVd- {
698
698
  grid-area: label;
699
699
  margin-inline-start: var(--hop-Spinner-label-margin-inline-start);
700
700
  }
701
701
 
702
702
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/Button.module.css/#css-module-data */
703
- .Button-module__hop-Button___HPpVI {
703
+ .Button-module__hop-Button___y82Y5 {
704
704
  --hop-Button-border-radius: var(--hop-shape-rounded-md);
705
705
  --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
706
706
  --hop-Button-column-gap: var(--hop-space-inline-xs);
707
707
  --hop-Button-icon-only-column-gap: 0;
708
708
  --hop-Button-outline-size: var(--hop-space-20);
709
+ --hop-Button-border-size: var(--hop-space-10);
710
+ --hop-Button-text-underline-offset: var(--hop-space-20);
709
711
  --hop-Button-icon-only-padding: 0;
710
712
  --hop-Button-sm-height: 2rem;
711
713
  --hop-Button-md-height: 2.5rem;
714
+ --hop-Button-sm-padding: 0 var(--hop-space-inset-md);
715
+ --hop-Button-md-padding: 0 var(--hop-space-inset-md);
716
+ --hop-Button-ghost-sm-padding: 0 var(--hop-space-inset-xs);
717
+ --hop-Button-ghost-md-padding: 0 var(--hop-space-inset-sm);
718
+ --hop-Button-color-disabled: var(--hop-neutral-text-disabled);
719
+ --hop-Button-background-color-disabled: var(--hop-neutral-surface-disabled);
720
+ --hop-Button-border-disabled: var(--hop-Button-border-size) solid var(--hop-Button-background-color-disabled);
721
+ --hop-Button-ghost-color-disabled: var(--hop-neutral-text-disabled);
722
+ --hop-Button-ghost-background-color-disabled: transparent;
723
+ --hop-Button-ghost-border-disabled: var(--hop-Button-border-size) solid var(--hop-Button-ghost-background-color-disabled);
712
724
  --hop-Button-primary-color: var(--hop-primary-text-strong);
713
725
  --hop-Button-primary-color-hover: var(--hop-primary-text-strong-hover);
714
726
  --hop-Button-primary-color-pressed: var(--hop-primary-text-strong);
715
- --hop-Button-primary-color-disabled: var(--hop-neutral-text-disabled);
716
727
  --hop-Button-primary-background-color: var(--hop-primary-surface-strong);
717
728
  --hop-Button-primary-background-color-hover: var(--hop-primary-surface-strong-hover);
718
729
  --hop-Button-primary-background-color-pressed: var(--hop-primary-surface-strong-press);
719
- --hop-Button-primary-background-color-disabled: var(--hop-neutral-surface-disabled);
720
- --hop-Button-primary-border: 0.0625rem solid var(--hop-Button-primary-background-color);
721
- --hop-Button-primary-border-hover: 0.0625rem solid var(--hop-Button-primary-background-color-hover);
722
- --hop-Button-primary-border-pressed: 0.0625rem solid var(--hop-Button-primary-background-color-pressed);
723
- --hop-Button-primary-border-disabled: 0.0625rem solid var(--hop-Button-primary-background-color-disabled);
730
+ --hop-Button-primary-border: var(--hop-Button-border-size) solid var(--hop-Button-primary-background-color);
731
+ --hop-Button-primary-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-primary-background-color-hover);
732
+ --hop-Button-primary-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-primary-background-color-pressed);
724
733
  --hop-Button-primary-spinner-color: var(--hop-primary-icon-strong);
725
- --hop-Button-primary-sm-padding-x: var(--hop-space-inset-sm);
726
- --hop-Button-primary-sm-padding-y: 0;
727
- --hop-Button-primary-md-padding-x: var(--hop-space-inset-md);
728
- --hop-Button-primary-md-padding-y: 0;
729
734
  --hop-Button-secondary-color: var(--hop-neutral-text);
730
735
  --hop-Button-secondary-color-hover: var(--hop-neutral-text-hover);
731
736
  --hop-Button-secondary-color-pressed: var(--hop-neutral-text-press);
732
- --hop-Button-secondary-color-disabled: var(--hop-neutral-text-disabled);
733
737
  --hop-Button-secondary-background-color: var(--hop-neutral-surface);
734
738
  --hop-Button-secondary-background-color-hover: var(--hop-neutral-surface-hover);
735
739
  --hop-Button-secondary-background-color-pressed: var(--hop-neutral-surface-press);
736
- --hop-Button-secondary-background-color-disabled: var(--hop-neutral-surface-disabled);
737
- --hop-Button-secondary-border: 0.0625rem solid var(--hop-neutral-border-strong);
738
- --hop-Button-secondary-border-hover: 0.0625rem solid var(--hop-neutral-border-strong-hover);
739
- --hop-Button-secondary-border-pressed: 0.0625rem solid var(--hop-neutral-border-strong);
740
- --hop-Button-secondary-border-disabled: 0.0625rem solid var(--hop-Button-secondary-background-color-disabled);
740
+ --hop-Button-secondary-border: var(--hop-Button-border-size) solid var(--hop-neutral-border-strong);
741
+ --hop-Button-secondary-border-hover: var(--hop-Button-border-size) solid var(--hop-neutral-border-strong-hover);
742
+ --hop-Button-secondary-border-pressed: var(--hop-Button-border-size) solid var(--hop-neutral-border-strong);
741
743
  --hop-Button-secondary-spinner-color: var(--hop-neutral-icon);
742
- --hop-Button-secondary-sm-padding-x: var(--hop-space-inset-sm);
743
- --hop-Button-secondary-sm-padding-y: 0;
744
- --hop-Button-secondary-md-padding-x: var(--hop-space-inset-md);
745
- --hop-Button-secondary-md-padding-y: 0;
746
744
  --hop-Button-upsell-color: var(--hop-upsell-text);
747
745
  --hop-Button-upsell-color-hover: var(--hop-upsell-text-hover);
748
746
  --hop-Button-upsell-color-pressed: var(--hop-upsell-text-press);
749
- --hop-Button-upsell-color-disabled: var(--hop-neutral-text-disabled);
750
747
  --hop-Button-upsell-background-color: var(--hop-upsell-surface);
751
748
  --hop-Button-upsell-background-color-hover: var(--hop-upsell-surface-hover);
752
749
  --hop-Button-upsell-background-color-pressed: var(--hop-upsell-surface-press);
753
- --hop-Button-upsell-background-color-disabled: var(--hop-neutral-surface-disabled);
754
- --hop-Button-upsell-border: 0.0625rem solid var(--hop-Button-upsell-background-color);
755
- --hop-Button-upsell-border-hover: 0.0625rem solid var(--hop-Button-upsell-background-color-hover);
756
- --hop-Button-upsell-border-pressed: 0.0625rem solid var(--hop-Button-upsell-background-color-pressed);
757
- --hop-Button-upsell-border-disabled: 0.0625rem solid var(--hop-Button-upsell-background-color-disabled);
750
+ --hop-Button-upsell-border: var(--hop-Button-border-size) solid var(--hop-Button-upsell-background-color);
751
+ --hop-Button-upsell-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-upsell-background-color-hover);
752
+ --hop-Button-upsell-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-upsell-background-color-pressed);
758
753
  --hop-Button-upsell-spinner-color: var(--hop-upsell-icon);
759
- --hop-Button-upsell-sm-padding-x: var(--hop-space-inset-sm);
760
- --hop-Button-upsell-sm-padding-y: 0;
761
- --hop-Button-upsell-md-padding-x: var(--hop-space-inset-md);
762
- --hop-Button-upsell-md-padding-y: 0;
763
754
  --hop-Button-danger-color: var(--hop-danger-text-strong);
764
755
  --hop-Button-danger-color-hover: var(--hop-danger-text-strong-hover);
765
756
  --hop-Button-danger-color-pressed: var(--hop-danger-text-strong-hover);
766
- --hop-Button-danger-color-disabled: var(--hop-neutral-text-disabled);
767
757
  --hop-Button-danger-background-color: var(--hop-danger-surface-strong);
768
758
  --hop-Button-danger-background-color-hover: var(--hop-danger-surface-strong-hover);
769
759
  --hop-Button-danger-background-color-pressed: var(--hop-danger-surface-press);
770
- --hop-Button-danger-background-color-disabled: var(--hop-neutral-surface-disabled);
771
- --hop-Button-danger-border: 0.0625rem solid var(--hop-Button-danger-background-color);
772
- --hop-Button-danger-border-hover: 0.0625rem solid var(--hop-Button-danger-background-color-hover);
773
- --hop-Button-danger-border-pressed: 0.0625rem solid var(--hop-Button-danger-background-color-pressed);
774
- --hop-Button-danger-border-disabled: 0.0625rem solid var(--hop-Button-danger-background-color-disabled);
760
+ --hop-Button-danger-border: var(--hop-Button-border-size) solid var(--hop-Button-danger-background-color);
761
+ --hop-Button-danger-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-danger-background-color-hover);
762
+ --hop-Button-danger-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-danger-background-color-pressed);
775
763
  --hop-Button-danger-spinner-color: var(--hop-primary-icon-strong);
776
- --hop-Button-danger-sm-padding-x: var(--hop-space-inset-sm);
777
- --hop-Button-danger-sm-padding-y: 0;
778
- --hop-Button-danger-md-padding-x: var(--hop-space-inset-md);
779
- --hop-Button-danger-md-padding-y: 0;
780
764
  --hop-Button-ghost-primary-color: var(--hop-primary-text);
781
765
  --hop-Button-ghost-primary-color-hover: var(--hop-primary-text-hover);
782
766
  --hop-Button-ghost-primary-color-pressed: var(--hop-primary-text-press);
783
- --hop-Button-ghost-primary-color-disabled: var(--hop-neutral-text-disabled);
784
767
  --hop-Button-ghost-primary-background-color: transparent;
785
768
  --hop-Button-ghost-primary-background-color-hover: var(--hop-neutral-surface-hover);
786
769
  --hop-Button-ghost-primary-background-color-pressed: var(--hop-primary-surface-weak-press);
787
- --hop-Button-ghost-primary-background-color-disabled: transparent;
788
- --hop-Button-ghost-primary-border: 0.0625rem solid var(--hop-Button-ghost-primary-background-color);
789
- --hop-Button-ghost-primary-border-hover: 0.0625rem solid var(--hop-Button-ghost-primary-background-color-hover);
790
- --hop-Button-ghost-primary-border-pressed: 0.0625rem solid var(--hop-Button-ghost-primary-background-color-pressed);
791
- --hop-Button-ghost-primary-border-disabled: 0.0625rem solid var(--hop-Button-ghost-primary-background-color-disabled);
770
+ --hop-Button-ghost-primary-border: var(--hop-Button-border-size) solid var(--hop-Button-ghost-primary-background-color);
771
+ --hop-Button-ghost-primary-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-ghost-primary-background-color-hover);
772
+ --hop-Button-ghost-primary-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-ghost-primary-background-color-pressed);
792
773
  --hop-Button-ghost-primary-spinner-color: var(--hop-neutral-icon);
793
- --hop-Button-ghost-primary-sm-padding-x: var(--hop-space-inset-xs);
794
- --hop-Button-ghost-primary-sm-padding-y: 0;
795
- --hop-Button-ghost-primary-md-padding-x: var(--hop-space-inset-sm);
796
- --hop-Button-ghost-primary-md-padding-y: 0;
797
774
  --hop-Button-ghost-secondary-color: var(--hop-neutral-text-weak);
798
775
  --hop-Button-ghost-secondary-color-hover: var(--hop-neutral-text-weak-hover);
799
776
  --hop-Button-ghost-secondary-color-pressed: var(--hop-neutral-text-weak-press);
800
- --hop-Button-ghost-secondary-color-disabled: var(--hop-neutral-text-disabled);
801
777
  --hop-Button-ghost-secondary-background-color: transparent;
802
778
  --hop-Button-ghost-secondary-background-color-hover: var(--hop-neutral-surface-hover);
803
779
  --hop-Button-ghost-secondary-background-color-pressed: var(--hop-neutral-surface-press);
804
- --hop-Button-ghost-secondary-background-color-disabled: transparent;
805
- --hop-Button-ghost-secondary-border: 0.0625rem solid var(--hop-Button-ghost-secondary-background-color);
806
- --hop-Button-ghost-secondary-border-hover: 0.0625rem solid var(--hop-Button-ghost-secondary-background-color-hover);
807
- --hop-Button-ghost-secondary-border-pressed: 0.0625rem solid var(--hop-Button-ghost-secondary-background-color-pressed);
808
- --hop-Button-ghost-secondary-border-disabled: 0.0625rem solid var(--hop-Button-ghost-secondary-background-color-disabled);
780
+ --hop-Button-ghost-secondary-border: var(--hop-Button-border-size) solid var(--hop-Button-ghost-secondary-background-color);
781
+ --hop-Button-ghost-secondary-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-ghost-secondary-background-color-hover);
782
+ --hop-Button-ghost-secondary-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-ghost-secondary-background-color-pressed);
809
783
  --hop-Button-ghost-secondary-spinner-color: var(--hop-neutral-icon);
810
- --hop-Button-ghost-secondary-sm-padding-x: var(--hop-space-inset-xs);
811
- --hop-Button-ghost-secondary-sm-padding-y: 0;
812
- --hop-Button-ghost-secondary-md-padding-x: var(--hop-space-inset-sm);
813
- --hop-Button-ghost-secondary-md-padding-y: 0;
814
784
  --hop-Button-ghost-danger-color: var(--hop-danger-text-weak);
815
785
  --hop-Button-ghost-danger-color-hover: var(--hop-danger-text-hover);
816
786
  --hop-Button-ghost-danger-color-pressed: var(--hop-danger-text-press);
817
- --hop-Button-ghost-danger-color-disabled: var(--hop-neutral-text-disabled);
818
787
  --hop-Button-ghost-danger-background-color: transparent;
819
788
  --hop-Button-ghost-danger-background-color-hover: var(--hop-neutral-surface-hover);
820
789
  --hop-Button-ghost-danger-background-color-pressed: var(--hop-danger-surface-weak-press);
821
- --hop-Button-ghost-danger-background-color-disabled: transparent;
822
- --hop-Button-ghost-danger-border: 0.0625rem solid var(--hop-Button-ghost-danger-background-color);
823
- --hop-Button-ghost-danger-border-hover: 0.0625rem solid var(--hop-Button-ghost-danger-background-color-hover);
824
- --hop-Button-ghost-danger-border-pressed: 0.0625rem solid var(--hop-Button-ghost-danger-background-color-pressed);
825
- --hop-Button-ghost-danger-border-disabled: 0.0625rem solid var(--hop-Button-ghost-danger-background-color-disabled);
790
+ --hop-Button-ghost-danger-border: var(--hop-Button-border-size) solid var(--hop-Button-ghost-danger-background-color);
791
+ --hop-Button-ghost-danger-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-ghost-danger-background-color-hover);
792
+ --hop-Button-ghost-danger-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-ghost-danger-background-color-pressed);
826
793
  --hop-Button-ghost-danger-spinner-color: var(--hop-neutral-icon);
827
- --hop-Button-ghost-danger-sm-padding-x: var(--hop-space-inset-xs);
828
- --hop-Button-ghost-danger-sm-padding-y: 0;
829
- --hop-Button-ghost-danger-md-padding-x: var(--hop-space-inset-sm);
830
- --hop-Button-ghost-danger-md-padding-y: 0;
831
794
  --inline-size: max-content;
832
795
  --block-size: var(--hop-Button-md-height);
833
796
  --background-color: var(--hop-primary-surface-strong);
@@ -835,8 +798,8 @@
835
798
  --column-gap: var(--hop-Button-column-gap);
836
799
  --spinner: var(--hop-primary-icon-strong);
837
800
  --border: 0;
838
- --padding-inline: 0;
839
- --padding-block: 0;
801
+ --padding: var(--hop-Button-md-padding);
802
+ --text-underline: none;
840
803
  cursor: pointer;
841
804
  position: relative;
842
805
  overflow: hidden;
@@ -847,8 +810,7 @@
847
810
  box-sizing: border-box;
848
811
  inline-size: var(--inline-size);
849
812
  block-size: var(--block-size);
850
- padding-block: var(--padding-block);
851
- padding-inline: var(--padding-inline);
813
+ padding: var(--padding);
852
814
  color: var(--color);
853
815
  text-decoration: none;
854
816
  white-space: nowrap;
@@ -862,319 +824,278 @@
862
824
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
863
825
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
864
826
  }
865
- .Button-module__hop-Button___HPpVI[data-focus-visible] {
866
- outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
867
- }
868
- .Button-module__hop-Button--icon-only___T3G5d {
869
- --padding-block: var(--hop-Button-icon-only-padding);
870
- --padding-inline: var(--hop-Button-icon-only-padding);
871
- --column-gap: var(--hop-Button-icon-only-column-gap);
872
- aspect-ratio: 1;
873
- }
874
- .Button-module__hop-Button___HPpVI[data-disabled],
875
- .Button-module__hop-Button___HPpVI[data-loading] {
876
- cursor: not-allowed;
877
- }
878
- .Button-module__hop-Button--fluid___3YVb7 {
827
+ .Button-module__hop-Button--fluid___yrsMn {
879
828
  --inline-size: 100%;
880
829
  }
881
- .Button-module__hop-Button--sm___0fIDw {
830
+ .Button-module__hop-Button--sm___MqqBM {
882
831
  --block-size: var(--hop-Button-sm-height);
832
+ --padding: var(--hop-Button-sm-padding);
883
833
  }
884
- .Button-module__hop-Button--primary___Cx51h.Button-module__hop-Button--sm___0fIDw:not(.Button-module__hop-Button--icon-only___T3G5d) {
885
- --padding-inline: var(--hop-Button-primary-sm-padding-x);
886
- --padding-block: var(--hop-Button-primary-sm-padding-y);
887
- }
888
- .Button-module__hop-Button--primary___Cx51h.Button-module__hop-Button--md___uSRhB:not(.Button-module__hop-Button--icon-only___T3G5d) {
889
- --padding-inline: var(--hop-Button-primary-md-padding-x);
890
- --padding-block: var(--hop-Button-primary-md-padding-y);
891
- }
892
- .Button-module__hop-Button--secondary___UTPB-.Button-module__hop-Button--md___uSRhB:not(.Button-module__hop-Button--icon-only___T3G5d) {
893
- --padding-inline: var(--hop-Button-secondary-md-padding-x);
894
- --padding-block: var(--hop-Button-secondary-md-padding-y);
895
- }
896
- .Button-module__hop-Button--secondary___UTPB-.Button-module__hop-Button--sm___0fIDw:not(.Button-module__hop-Button--icon-only___T3G5d) {
897
- --padding-inline: var(--hop-Button-secondary-sm-padding-x);
898
- --padding-block: var(--hop-Button-secondary-sm-padding-y);
899
- }
900
- .Button-module__hop-Button--upsell___kcXh5.Button-module__hop-Button--md___uSRhB:not(.Button-module__hop-Button--icon-only___T3G5d) {
901
- --padding-inline: var(--hop-Button-upsell-md-padding-x);
902
- --padding-block: var(--hop-Button-upsell-md-padding-y);
903
- }
904
- .Button-module__hop-Button--upsell___kcXh5.Button-module__hop-Button--sm___0fIDw:not(.Button-module__hop-Button--icon-only___T3G5d) {
905
- --padding-inline: var(--hop-Button-upsell-sm-padding-x);
906
- --padding-block: var(--hop-Button-upsell-sm-padding-y);
907
- }
908
- .Button-module__hop-Button--danger___HXRrw.Button-module__hop-Button--md___uSRhB:not(.Button-module__hop-Button--icon-only___T3G5d) {
909
- --padding-inline: var(--hop-Button-danger-md-padding-x);
910
- --padding-block: var(--hop-Button-danger-md-padding-y);
911
- }
912
- .Button-module__hop-Button--danger___HXRrw.Button-module__hop-Button--sm___0fIDw:not(.Button-module__hop-Button--icon-only___T3G5d) {
913
- --padding-inline: var(--hop-Button-danger-sm-padding-x);
914
- --padding-block: var(--hop-Button-danger-sm-padding-y);
915
- }
916
- .Button-module__hop-Button--ghost-danger___VbKFl.Button-module__hop-Button--md___uSRhB:not(.Button-module__hop-Button--icon-only___T3G5d) {
917
- --padding-inline: var(--hop-Button-ghost-danger-md-padding-x);
918
- --padding-block: var(--hop-Button-ghost-danger-md-padding-y);
919
- }
920
- .Button-module__hop-Button--ghost-danger___VbKFl.Button-module__hop-Button--sm___0fIDw:not(.Button-module__hop-Button--icon-only___T3G5d) {
921
- --padding-inline: var(--hop-Button-ghost-danger-sm-padding-x);
922
- --padding-block: var(--hop-Button-ghost-danger-sm-padding-y);
834
+ .Button-module__hop-Button--sm___MqqBM[class*=--ghost] {
835
+ --padding: var(--hop-Button-ghost-sm-padding);
923
836
  }
924
- .Button-module__hop-Button--ghost-secondary___WQyum.Button-module__hop-Button--md___uSRhB:not(.Button-module__hop-Button--icon-only___T3G5d) {
925
- --padding-inline: var(--hop-Button-ghost-secondary-md-padding-x);
926
- --padding-block: var(--hop-Button-ghost-secondary-md-padding-y);
837
+ .Button-module__hop-Button--md___689QA[class*=--ghost] {
838
+ --padding: var(--hop-Button-ghost-md-padding);
927
839
  }
928
- .Button-module__hop-Button--ghost-secondary___WQyum.Button-module__hop-Button--sm___0fIDw:not(.Button-module__hop-Button--icon-only___T3G5d) {
929
- --padding-inline: var(--hop-Button-ghost-secondary-sm-padding-x);
930
- --padding-block: var(--hop-Button-ghost-secondary-sm-padding-y);
931
- }
932
- .Button-module__hop-Button--ghost-primary___bYDdD.Button-module__hop-Button--md___uSRhB:not(.Button-module__hop-Button--icon-only___T3G5d) {
933
- --padding-inline: var(--hop-Button-ghost-primary-md-padding-x);
934
- --padding-block: var(--hop-Button-ghost-primary-md-padding-y);
935
- }
936
- .Button-module__hop-Button--ghost-primary___bYDdD.Button-module__hop-Button--sm___0fIDw:not(.Button-module__hop-Button--icon-only___T3G5d) {
937
- --padding-inline: var(--hop-Button-ghost-primary-sm-padding-x);
938
- --padding-block: var(--hop-Button-ghost-primary-sm-padding-y);
840
+ .Button-module__hop-Button--icon-only___mnrYP {
841
+ --column-gap: var(--hop-Button-icon-only-column-gap);
842
+ --padding: var(--hop-Button-icon-only-padding);
843
+ aspect-ratio: 1;
939
844
  }
940
- .Button-module__hop-Button--primary___Cx51h {
845
+ .Button-module__hop-Button--primary___i4wgt {
941
846
  --background-color: var(--hop-Button-primary-background-color);
942
847
  --color: var(--hop-Button-primary-color);
943
848
  --border: var(--hop-Button-primary-border);
944
849
  --spinner-color: var(--hop-Button-primary-spinner-color);
945
850
  }
946
- .Button-module__hop-Button--primary___Cx51h[data-disabled]:not([data-loading]) {
947
- --background-color: var(--hop-Button-primary-background-color-disabled);
948
- --color: var(--hop-Button-primary-color-disabled);
949
- --border: var(--hop-Button-primary-border-disabled);
950
- }
951
- .Button-module__hop-Button--primary___Cx51h[data-hovered]:not([data-disabled], [data-loading]),
952
- .Button-module__hop-Button--primary___Cx51h[data-focus-visible]:not([data-disabled], [data-loading]) {
851
+ .Button-module__hop-Button--primary___i4wgt[data-hovered],
852
+ .Button-module__hop-Button--primary___i4wgt[data-focus-visible] {
953
853
  --background-color: var(--hop-Button-primary-background-color-hover);
954
854
  --color: var(--hop-Button-primary-color-hover);
955
855
  --border: var(--hop-Button-primary-border-hover);
956
856
  }
957
- .Button-module__hop-Button--primary___Cx51h[data-pressed]:not([data-loading]) {
857
+ .Button-module__hop-Button--primary___i4wgt[data-pressed] {
958
858
  --background-color: var(--hop-Button-primary-background-color-pressed);
959
859
  --color: var(--hop-Button-primary-color-pressed);
960
860
  --border: var(--hop-Button-primary-border-pressed);
961
861
  }
962
- .Button-module__hop-Button--secondary___UTPB- {
862
+ .Button-module__hop-Button--secondary___aTxQ5 {
963
863
  --background-color: var(--hop-Button-secondary-background-color);
964
864
  --color: var(--hop-Button-secondary-color);
965
865
  --border: var(--hop-Button-secondary-border);
966
866
  --spinner-color: var(--hop-Button-secondary-spinner-color);
967
867
  }
968
- .Button-module__hop-Button--secondary___UTPB-[data-disabled]:not([data-loading]) {
969
- --background-color: var(--hop-Button-secondary-background-color-disabled);
970
- --color: var(--hop-Button-secondary-color-disabled);
971
- --border: var(--hop-Button-secondary-border-disabled);
972
- }
973
- .Button-module__hop-Button--secondary___UTPB-[data-hovered]:not([data-disabled], [data-loading]),
974
- .Button-module__hop-Button--secondary___UTPB-[data-focus-visible]:not([data-disabled], [data-loading]) {
868
+ .Button-module__hop-Button--secondary___aTxQ5[data-hovered],
869
+ .Button-module__hop-Button--secondary___aTxQ5[data-focus-visible] {
975
870
  --background-color: var(--hop-Button-secondary-background-color-hover);
976
871
  --color: var(--hop-Button-secondary-color-hover);
977
872
  --border: var(--hop-Button-secondary-border-hover);
978
873
  }
979
- .Button-module__hop-Button--secondary___UTPB-[data-pressed]:not([data-loading]) {
874
+ .Button-module__hop-Button--secondary___aTxQ5[data-pressed] {
980
875
  --background-color: var(--hop-Button-secondary-background-color-pressed);
981
876
  --color: var(--hop-Button-secondary-color-pressed);
982
877
  --border: var(--hop-Button-secondary-border-pressed);
983
878
  }
984
- .Button-module__hop-Button--upsell___kcXh5 {
879
+ .Button-module__hop-Button--upsell___VdxM3 {
985
880
  --background-color: var(--hop-Button-upsell-background-color);
986
881
  --color: var(--hop-Button-upsell-color);
987
882
  --border: var(--hop-Button-upsell-border);
988
883
  --spinner-color: var(--hop-Button-upsell-spinner-color);
989
884
  }
990
- .Button-module__hop-Button--upsell___kcXh5[data-disabled]:not([data-loading]) {
991
- --background-color: var(--hop-Button-upsell-background-color-disabled);
992
- --color: var(--hop-Button-upsell-color-disabled);
993
- --border: var(--hop-Button-upsell-border-disabled);
994
- }
995
- .Button-module__hop-Button--upsell___kcXh5[data-hovered]:not([data-disabled], [data-loading]),
996
- .Button-module__hop-Button--upsell___kcXh5[data-focus-visible]:not([data-disabled], [data-loading]) {
885
+ .Button-module__hop-Button--upsell___VdxM3[data-hovered],
886
+ .Button-module__hop-Button--upsell___VdxM3[data-focus-visible] {
997
887
  --background-color: var(--hop-Button-upsell-background-color-hover);
998
888
  --color: var(--hop-Button-upsell-color-hover);
999
889
  --border: var(--hop-Button-upsell-border-hover);
1000
890
  }
1001
- .Button-module__hop-Button--upsell___kcXh5[data-pressed]:not([data-loading]) {
891
+ .Button-module__hop-Button--upsell___VdxM3[data-pressed] {
1002
892
  --background-color: var(--hop-Button-upsell-background-color-pressed);
1003
893
  --color: var(--hop-Button-upsell-color-pressed);
1004
894
  --border: var(--hop-Button-upsell-border-pressed);
1005
895
  }
1006
- .Button-module__hop-Button--danger___HXRrw {
896
+ .Button-module__hop-Button--danger___U0g6u {
1007
897
  --background-color: var(--hop-Button-danger-background-color);
1008
898
  --color: var(--hop-Button-danger-color);
1009
899
  --border: var(--hop-Button-danger-border);
1010
900
  --spinner-color: var(--hop-Button-danger-spinner-color);
1011
901
  }
1012
- .Button-module__hop-Button--danger___HXRrw[data-disabled]:not([data-loading]) {
1013
- --background-color: var(--hop-Button-danger-background-color-disabled);
1014
- --color: var(--hop-Button-danger-color-disabled);
1015
- --border: var(--hop-Button-danger-border-disabled);
1016
- }
1017
- .Button-module__hop-Button--danger___HXRrw[data-hovered]:not([data-disabled], [data-loading]),
1018
- .Button-module__hop-Button--danger___HXRrw[data-focus-visible]:not([data-disabled], [data-loading]) {
902
+ .Button-module__hop-Button--danger___U0g6u[data-hovered],
903
+ .Button-module__hop-Button--danger___U0g6u[data-focus-visible] {
1019
904
  --background-color: var(--hop-Button-danger-background-color-hover);
1020
905
  --color: var(--hop-Button-danger-color-hover);
1021
906
  --border: var(--hop-Button-danger-border-hover);
1022
907
  }
1023
- .Button-module__hop-Button--danger___HXRrw[data-pressed]:not([data-loading]) {
908
+ .Button-module__hop-Button--danger___U0g6u[data-pressed] {
1024
909
  --background-color: var(--hop-Button-danger-background-color-pressed);
1025
910
  --color: var(--hop-Button-danger-color-pressed);
1026
911
  --border: var(--hop-Button-danger-border-pressed);
1027
912
  }
1028
- .Button-module__hop-Button--ghost-primary___bYDdD {
913
+ .Button-module__hop-Button--ghost-primary___R3YQO {
1029
914
  --background-color: var(--hop-Button-ghost-primary-background-color);
1030
915
  --color: var(--hop-Button-ghost-primary-color);
1031
916
  --border: var(--hop-Button-ghost-primary-border);
1032
917
  --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
1033
918
  }
1034
- .Button-module__hop-Button--ghost-primary___bYDdD[data-disabled]:not([data-loading]) {
1035
- --background-color: var(--hop-Button-ghost-primary-background-color-disabled);
1036
- --color: var(--hop-Button-ghost-primary-color-disabled);
1037
- --border: var(--hop-Button-ghost-primary-border-disabled);
1038
- }
1039
- .Button-module__hop-Button--ghost-primary___bYDdD[data-hovered]:not([data-disabled], [data-loading]),
1040
- .Button-module__hop-Button--ghost-primary___bYDdD[data-focus-visible]:not([data-disabled], [data-loading]) {
919
+ .Button-module__hop-Button--ghost-primary___R3YQO[data-hovered],
920
+ .Button-module__hop-Button--ghost-primary___R3YQO[data-focus-visible] {
1041
921
  --background-color: var(--hop-Button-ghost-primary-background-color-hover);
1042
922
  --color: var(--hop-Button-ghost-primary-color-hover);
1043
923
  --border: var(--hop-Button-ghost-primary-border-hover);
924
+ --text-underline: underline;
1044
925
  }
1045
- .Button-module__hop-Button--ghost-primary___bYDdD[data-pressed]:not([data-loading]) {
926
+ .Button-module__hop-Button--ghost-primary___R3YQO[data-pressed] {
1046
927
  --background-color: var(--hop-Button-ghost-primary-background-color-pressed);
1047
928
  --color: var(--hop-Button-ghost-primary-color-pressed);
1048
929
  --border: var(--hop-Button-ghost-primary-border-pressed);
930
+ --text-underline: underline;
1049
931
  }
1050
- .Button-module__hop-Button--ghost-secondary___WQyum {
932
+ .Button-module__hop-Button--ghost-secondary___0IoPr {
1051
933
  --background-color: var(--hop-Button-ghost-secondary-background-color);
1052
934
  --color: var(--hop-Button-ghost-secondary-color);
1053
935
  --border: var(--hop-Button-ghost-secondary-border);
1054
936
  --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
1055
937
  }
1056
- .Button-module__hop-Button--ghost-secondary___WQyum[data-disabled]:not([data-loading]) {
1057
- --background-color: var(--hop-Button-ghost-secondary-background-color-disabled);
1058
- --color: var(--hop-Button-ghost-secondary-color-disabled);
1059
- --border: var(--hop-Button-ghost-secondary-border-disabled);
1060
- }
1061
- .Button-module__hop-Button--ghost-secondary___WQyum[data-hovered]:not([data-disabled], [data-loading]),
1062
- .Button-module__hop-Button--ghost-secondary___WQyum[data-focus-visible]:not([data-disabled], [data-loading]) {
938
+ .Button-module__hop-Button--ghost-secondary___0IoPr[data-hovered],
939
+ .Button-module__hop-Button--ghost-secondary___0IoPr[data-focus-visible] {
1063
940
  --background-color: var(--hop-Button-ghost-secondary-background-color-hover);
1064
941
  --color: var(--hop-Button-ghost-secondary-color-hover);
1065
942
  --border: var(--hop-Button-ghost-secondary-border-hover);
943
+ --text-underline: underline;
1066
944
  }
1067
- .Button-module__hop-Button--ghost-secondary___WQyum[data-pressed]:not([data-loading]) {
945
+ .Button-module__hop-Button--ghost-secondary___0IoPr[data-pressed] {
1068
946
  --background-color: var(--hop-Button-ghost-secondary-background-color-pressed);
1069
947
  --color: var(--hop-Button-ghost-secondary-color-pressed);
1070
948
  --border: var(--hop-Button-ghost-secondary-border-pressed);
949
+ --text-underline: underline;
1071
950
  }
1072
- .Button-module__hop-Button--ghost-danger___VbKFl {
951
+ .Button-module__hop-Button--ghost-danger___-3oFp {
1073
952
  --background-color: var(--hop-Button-ghost-danger-background-color);
1074
953
  --color: var(--hop-Button-ghost-danger-color);
1075
954
  --border: var(--hop-Button-ghost-danger-border);
1076
955
  --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
1077
956
  }
1078
- .Button-module__hop-Button--ghost-danger___VbKFl[data-disabled]:not([data-loading]) {
1079
- --background-color: var(--hop-Button-ghost-danger-background-color-disabled);
1080
- --color: var(--hop-Button-ghost-danger-color-disabled);
1081
- --border: var(--hop-Button-ghost-danger-border-disabled);
1082
- }
1083
- .Button-module__hop-Button--ghost-danger___VbKFl[data-hovered]:not([data-disabled], [data-loading]),
1084
- .Button-module__hop-Button--ghost-danger___VbKFl[data-focus-visible]:not([data-disabled], [data-loading]) {
957
+ .Button-module__hop-Button--ghost-danger___-3oFp[data-hovered],
958
+ .Button-module__hop-Button--ghost-danger___-3oFp[data-focus-visible] {
1085
959
  --background-color: var(--hop-Button-ghost-danger-background-color-hover);
1086
960
  --color: var(--hop-Button-ghost-danger-color-hover);
1087
961
  --border: var(--hop-Button-ghost-danger-border-hover);
962
+ --text-underline: underline;
1088
963
  }
1089
- .Button-module__hop-Button--ghost-danger___VbKFl[data-pressed]:not([data-loading]) {
964
+ .Button-module__hop-Button--ghost-danger___-3oFp[data-pressed] {
1090
965
  --background-color: var(--hop-Button-ghost-danger-background-color-pressed);
1091
966
  --color: var(--hop-Button-ghost-danger-color-pressed);
1092
967
  --border: var(--hop-Button-ghost-danger-border-pressed);
968
+ --text-underline: underline;
969
+ }
970
+ .Button-module__hop-Button___y82Y5[data-focus-visible] {
971
+ outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
972
+ }
973
+ .Button-module__hop-Button___y82Y5[data-disabled],
974
+ .Button-module__hop-Button___y82Y5[data-pending] {
975
+ cursor: not-allowed;
976
+ }
977
+ .Button-module__hop-Button___y82Y5[data-disabled] {
978
+ --background-color: var(--hop-Button-background-color-disabled);
979
+ --color: var(--hop-Button-color-disabled);
980
+ --border: var(--hop-Button-border-disabled);
981
+ }
982
+ .Button-module__hop-Button___y82Y5[class*=--ghost][data-disabled] {
983
+ --background-color: var(--hop-Button-ghost-background-color-disabled);
984
+ --color: var(--hop-Button-ghost-color-disabled);
985
+ --border: var(--hop-Button-ghost-border-disabled);
986
+ }
987
+ .Button-module__hop-Button--primary___i4wgt[data-pending] {
988
+ --background-color: var(--hop-Button-primary-background-color);
989
+ --color: var(--hop-Button-primary-color);
990
+ --border: var(--hop-Button-primary-border);
1093
991
  }
1094
- .Button-module__hop-Button__Spinner___BPaSX {
992
+ .Button-module__hop-Button--secondary___aTxQ5[data-pending] {
993
+ --background-color: var(--hop-Button-secondary-background-color);
994
+ --color: var(--hop-Button-secondary-color);
995
+ --border: var(--hop-Button-secondary-border);
996
+ }
997
+ .Button-module__hop-Button--upsell___VdxM3[data-pending] {
998
+ --background-color: var(--hop-Button-upsell-background-color);
999
+ --color: var(--hop-Button-upsell-color);
1000
+ --border: var(--hop-Button-upsell-border);
1001
+ }
1002
+ .Button-module__hop-Button--danger___U0g6u[data-pending] {
1003
+ --background-color: var(--hop-Button-danger-background-color);
1004
+ --color: var(--hop-Button-danger-color);
1005
+ --border: var(--hop-Button-danger-border);
1006
+ }
1007
+ .Button-module__hop-Button--ghost-primary___R3YQO[data-pending] {
1008
+ --background-color: var(--hop-Button-ghost-primary-background-color);
1009
+ --color: var(--hop-Button-ghost-primary-color);
1010
+ --border: var(--hop-Button-ghost-primary-border);
1011
+ --text-underline: none;
1012
+ }
1013
+ .Button-module__hop-Button--ghost-secondary___0IoPr[data-pending] {
1014
+ --background-color: var(--hop-Button-ghost-secondary-background-color);
1015
+ --color: var(--hop-Button-ghost-secondary-color);
1016
+ --border: var(--hop-Button-ghost-secondary-border);
1017
+ --text-underline: none;
1018
+ }
1019
+ .Button-module__hop-Button--ghost-danger___-3oFp[data-pending] {
1020
+ --background-color: var(--hop-Button-ghost-danger-background-color);
1021
+ --color: var(--hop-Button-ghost-danger-color);
1022
+ --border: var(--hop-Button-ghost-danger-border);
1023
+ --text-underline: none;
1024
+ }
1025
+ .Button-module__hop-Button__Spinner___iIz-g {
1095
1026
  position: absolute;
1096
1027
  color: var(--spinner-color);
1097
1028
  }
1098
- .Button-module__hop-Button__icon___eA9hq,
1099
- .Button-module__hop-Button__icon-list___mGVJY {
1029
+ .Button-module__hop-Button__icon___ol4xI,
1030
+ .Button-module__hop-Button__icon-list___wcA7Z {
1100
1031
  flex: 0 0 auto;
1101
1032
  justify-self: end;
1102
1033
  order: 1;
1103
1034
  }
1104
- .Button-module__hop-Button__text___zKrFi {
1035
+ .Button-module__hop-Button__text___8Y-6a {
1105
1036
  user-select: none;
1106
1037
  overflow: visible;
1107
1038
  flex: 0 1 auto;
1108
1039
  order: 2;
1109
1040
  font-weight: var(--hop-font-weight-505);
1110
- text-wrap: nowrap;
1111
- }
1112
- .Button-module__hop-Button--ghost-primary___bYDdD[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___zKrFi,
1113
- .Button-module__hop-Button--ghost-secondary___WQyum[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___zKrFi,
1114
- .Button-module__hop-Button--ghost-danger___VbKFl[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___zKrFi,
1115
- .Button-module__hop-Button--ghost-primary___bYDdD[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___zKrFi,
1116
- .Button-module__hop-Button--ghost-secondary___WQyum[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___zKrFi,
1117
- .Button-module__hop-Button--ghost-danger___VbKFl[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___zKrFi,
1118
- .Button-module__hop-Button--ghost-primary___bYDdD[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___zKrFi,
1119
- .Button-module__hop-Button--ghost-secondary___WQyum[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___zKrFi,
1120
- .Button-module__hop-Button--ghost-danger___VbKFl[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___zKrFi {
1121
- text-decoration: underline;
1041
+ text-decoration: var(--text-underline);
1122
1042
  text-underline-offset: 0.125rem;
1043
+ text-wrap: nowrap;
1123
1044
  }
1124
- .Button-module__hop-Button__end-icon___WL9OE,
1125
- .Button-module__hop-Button__end-icon-list___lcbkq {
1045
+ .Button-module__hop-Button__end-icon___UD9RU,
1046
+ .Button-module__hop-Button__end-icon-list___2-25Q {
1126
1047
  flex: 0 0 auto;
1127
1048
  order: 3;
1128
1049
  }
1129
- .Button-module__hop-Button___HPpVI .Button-module__hop-Button__icon-list___mGVJY,
1130
- .Button-module__hop-Button___HPpVI .Button-module__hop-Button__end-icon-list___lcbkq {
1050
+ .Button-module__hop-Button___y82Y5 .Button-module__hop-Button__icon-list___wcA7Z,
1051
+ .Button-module__hop-Button___y82Y5 .Button-module__hop-Button__end-icon-list___2-25Q {
1131
1052
  flex-wrap: nowrap;
1132
1053
  }
1133
- .Button-module__hop-Button___HPpVI[data-loading] > *:not(.Button-module__hop-Button__Spinner___BPaSX) {
1054
+ .Button-module__hop-Button___y82Y5[data-pending] > *:not(.Button-module__hop-Button__Spinner___iIz-g) {
1134
1055
  opacity: 0;
1135
1056
  }
1136
1057
 
1137
1058
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/ButtonGroup.module.css/#css-module-data */
1138
- .ButtonGroup-module__hop-ButtonGroup___6Wt7- {
1059
+ .ButtonGroup-module__hop-ButtonGroup___bqIMq {
1139
1060
  display: inline-flex;
1140
1061
  flex-wrap: nowrap;
1141
1062
  gap: var(--hop-space-inline-md);
1142
1063
  }
1143
- .ButtonGroup-module__hop-ButtonGroup--horizontal___A4PM8 {
1064
+ .ButtonGroup-module__hop-ButtonGroup--horizontal___BSNlY {
1144
1065
  align-items: center;
1145
1066
  }
1146
- .ButtonGroup-module__hop-ButtonGroup--vertical___XXsfV {
1067
+ .ButtonGroup-module__hop-ButtonGroup--vertical___n7MaV {
1147
1068
  flex-direction: column;
1148
1069
  gap: var(--hop-space-stack-md);
1149
1070
  justify-content: center;
1150
1071
  }
1151
- .ButtonGroup-module__hop-ButtonGroup--start___eN8Ed.ButtonGroup-module__hop-ButtonGroup--vertical___XXsfV {
1072
+ .ButtonGroup-module__hop-ButtonGroup--start___Unpn2.ButtonGroup-module__hop-ButtonGroup--vertical___n7MaV {
1152
1073
  align-items: flex-start;
1153
1074
  }
1154
- .ButtonGroup-module__hop-ButtonGroup--center___XfVHT.ButtonGroup-module__hop-ButtonGroup--vertical___XXsfV {
1075
+ .ButtonGroup-module__hop-ButtonGroup--center___AufeM.ButtonGroup-module__hop-ButtonGroup--vertical___n7MaV {
1155
1076
  align-items: center;
1156
1077
  }
1157
- .ButtonGroup-module__hop-ButtonGroup--end___BSeUO.ButtonGroup-module__hop-ButtonGroup--vertical___XXsfV {
1078
+ .ButtonGroup-module__hop-ButtonGroup--end___JoVZV.ButtonGroup-module__hop-ButtonGroup--vertical___n7MaV {
1158
1079
  align-items: flex-end;
1159
1080
  }
1160
- .ButtonGroup-module__hop-ButtonGroup--start___eN8Ed.ButtonGroup-module__hop-ButtonGroup--horizontal___A4PM8 {
1081
+ .ButtonGroup-module__hop-ButtonGroup--start___Unpn2.ButtonGroup-module__hop-ButtonGroup--horizontal___BSNlY {
1161
1082
  justify-content: flex-start;
1162
1083
  }
1163
- .ButtonGroup-module__hop-ButtonGroup--center___XfVHT.ButtonGroup-module__hop-ButtonGroup--horizontal___A4PM8 {
1084
+ .ButtonGroup-module__hop-ButtonGroup--center___AufeM.ButtonGroup-module__hop-ButtonGroup--horizontal___BSNlY {
1164
1085
  justify-content: center;
1165
1086
  }
1166
- .ButtonGroup-module__hop-ButtonGroup--end___BSeUO.ButtonGroup-module__hop-ButtonGroup--horizontal___A4PM8 {
1087
+ .ButtonGroup-module__hop-ButtonGroup--end___JoVZV.ButtonGroup-module__hop-ButtonGroup--horizontal___BSNlY {
1167
1088
  justify-content: flex-end;
1168
1089
  }
1169
- .ButtonGroup-module__hop-ButtonGroup--wrap___ckKrK {
1090
+ .ButtonGroup-module__hop-ButtonGroup--wrap___0re0- {
1170
1091
  flex-wrap: wrap;
1171
1092
  }
1172
- .ButtonGroup-module__hop-ButtonGroup--fluid___CO-rt {
1093
+ .ButtonGroup-module__hop-ButtonGroup--fluid___tfM32 {
1173
1094
  inline-size: 100%;
1174
1095
  }
1175
1096
 
1176
1097
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/EmbeddedButton.module.css/#css-module-data */
1177
- .EmbeddedButton-module__hop-EmbeddedButton___pDmaw {
1098
+ .EmbeddedButton-module__hop-EmbeddedButton___a2Jze {
1178
1099
  --hop-EmbeddedButton-border-radius: var(--hop-shape-rounded-md);
1179
1100
  --hop-EmbeddedButton-focus-ring-color: var(--hop-primary-border-focus);
1180
1101
  --hop-EmbeddedButton-effect-border-radius: var(--hop-shape-circle);
@@ -1338,7 +1259,7 @@
1338
1259
  outline: none;
1339
1260
  transition: color var(--transition);
1340
1261
  }
1341
- .EmbeddedButton-module__hop-EmbeddedButton___pDmaw::before {
1262
+ .EmbeddedButton-module__hop-EmbeddedButton___a2Jze::before {
1342
1263
  content: "";
1343
1264
  position: absolute;
1344
1265
  inset-block-start: 50%;
@@ -1351,284 +1272,676 @@
1351
1272
  border-radius: var(--effect-border-radius);
1352
1273
  transition: background-color var(--transition);
1353
1274
  }
1354
- .EmbeddedButton-module__hop-EmbeddedButton___pDmaw[data-square] {
1275
+ .EmbeddedButton-module__hop-EmbeddedButton___a2Jze[data-square] {
1355
1276
  --effect-border-radius: var(--hop-EmbeddedButton-effect-square-border-radius);
1356
1277
  }
1357
- .EmbeddedButton-module__hop-EmbeddedButton--md___TQr-0 {
1278
+ .EmbeddedButton-module__hop-EmbeddedButton--md___IwX7I {
1358
1279
  --inline-size: var(--hop-EmbeddedButton-md-width);
1359
1280
  --block-size: var(--hop-EmbeddedButton-md-height);
1360
1281
  --focus-ring-offset: calc(-1 * var(--focus-ring-size));
1361
1282
  }
1362
- .EmbeddedButton-module__hop-EmbeddedButton--lg___zvyKi {
1283
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___hCesg {
1363
1284
  --inline-size: var(--hop-EmbeddedButton-lg-width);
1364
1285
  --block-size: var(--hop-EmbeddedButton-lg-height);
1365
1286
  --focus-ring-offset: 0;
1366
1287
  }
1367
- .EmbeddedButton-module__hop-EmbeddedButton--md___TQr-0::before {
1288
+ .EmbeddedButton-module__hop-EmbeddedButton--md___IwX7I::before {
1368
1289
  --effect-inline-size: var(--hop-EmbeddedButton-md-effect-width);
1369
1290
  --effect-block-size: var(--hop-EmbeddedButton-md-effect-height);
1370
1291
  }
1371
- .EmbeddedButton-module__hop-EmbeddedButton--lg___zvyKi::before {
1292
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___hCesg::before {
1372
1293
  --effect-inline-size: var(--hop-EmbeddedButton-lg-effect-width);
1373
1294
  --effect-block-size: var(--hop-EmbeddedButton-lg-effect-height);
1374
1295
  }
1375
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___TFsUF {
1296
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___o1As4 {
1376
1297
  --color: var(--hop-EmbeddedButton-neutral-color);
1377
1298
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color);
1378
1299
  }
1379
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___LxTLn {
1300
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___d-hG8 {
1380
1301
  --color: var(--hop-EmbeddedButton-subdued-color);
1381
1302
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color);
1382
1303
  }
1383
- .EmbeddedButton-module__hop-EmbeddedButton--progress___tdz11 {
1304
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___g0OnZ {
1384
1305
  --color: var(--hop-EmbeddedButton-progress-color);
1385
1306
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color);
1386
1307
  }
1387
- .EmbeddedButton-module__hop-EmbeddedButton--positive___JYB7M {
1308
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___ti2kL {
1388
1309
  --color: var(--hop-EmbeddedButton-positive-color);
1389
1310
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color);
1390
1311
  }
1391
- .EmbeddedButton-module__hop-EmbeddedButton--caution___AEEc- {
1312
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___2XoPe {
1392
1313
  --color: var(--hop-EmbeddedButton-caution-color);
1393
1314
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color);
1394
1315
  }
1395
- .EmbeddedButton-module__hop-EmbeddedButton--negative___MWxgT {
1316
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___6hry8 {
1396
1317
  --color: var(--hop-EmbeddedButton-negative-color);
1397
1318
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color);
1398
1319
  }
1399
- .EmbeddedButton-module__hop-EmbeddedButton--option1___MOb8f {
1320
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___yi2Mj {
1400
1321
  --color: var(--hop-EmbeddedButton-option1-color);
1401
1322
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color);
1402
1323
  }
1403
- .EmbeddedButton-module__hop-EmbeddedButton--option2___ow5-i {
1324
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___gltNB {
1404
1325
  --color: var(--hop-EmbeddedButton-option2-color);
1405
1326
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color);
1406
1327
  }
1407
- .EmbeddedButton-module__hop-EmbeddedButton--option3___NX8HX {
1328
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___zO6kP {
1408
1329
  --color: var(--hop-EmbeddedButton-option3-color);
1409
1330
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color);
1410
1331
  }
1411
- .EmbeddedButton-module__hop-EmbeddedButton--option4___f8xXS {
1332
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___o2AeV {
1412
1333
  --color: var(--hop-EmbeddedButton-option4-color);
1413
1334
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color);
1414
1335
  }
1415
- .EmbeddedButton-module__hop-EmbeddedButton--option5___iUOpy {
1336
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___nFdc7 {
1416
1337
  --color: var(--hop-EmbeddedButton-option5-color);
1417
1338
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color);
1418
1339
  }
1419
- .EmbeddedButton-module__hop-EmbeddedButton--option6___k1iK7 {
1340
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___rbfAq {
1420
1341
  --color: var(--hop-EmbeddedButton-option6-color);
1421
1342
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color);
1422
1343
  }
1423
- .EmbeddedButton-module__hop-EmbeddedButton___pDmaw[data-selected] {
1344
+ .EmbeddedButton-module__hop-EmbeddedButton___a2Jze[data-selected] {
1424
1345
  --color: var(--hop-EmbeddedButton-selected-color);
1425
1346
  --effect-background-color: var(--hop-EmbeddedButton-selected-effect-background-color);
1426
1347
  }
1427
- .EmbeddedButton-module__hop-EmbeddedButton___pDmaw[data-focus-visible] {
1348
+ .EmbeddedButton-module__hop-EmbeddedButton___a2Jze[data-focus-visible] {
1428
1349
  outline: var(--focus-ring-size) solid var(--hop-EmbeddedButton-focus-ring-color);
1429
1350
  outline-offset: var(--focus-ring-offset);
1430
1351
  }
1431
- .EmbeddedButton-module__hop-EmbeddedButton___pDmaw[data-disabled] {
1352
+ .EmbeddedButton-module__hop-EmbeddedButton___a2Jze[data-disabled] {
1432
1353
  cursor: not-allowed;
1433
1354
  }
1434
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___TFsUF[data-hovered] {
1355
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___o1As4[data-hovered] {
1435
1356
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-hovered);
1436
1357
  --color: var(--hop-EmbeddedButton-neutral-color-hovered);
1437
1358
  }
1438
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___TFsUF[data-focus-visible] {
1359
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___o1As4[data-focus-visible] {
1439
1360
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-focused);
1440
1361
  --color: var(--hop-EmbeddedButton-neutral-color-focused);
1441
1362
  }
1442
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___TFsUF[data-pressed] {
1363
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___o1As4[data-pressed] {
1443
1364
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-pressed);
1444
1365
  --color: var(--hop-EmbeddedButton-neutral-color-pressed);
1445
1366
  }
1446
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___TFsUF[data-disabled] {
1367
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___o1As4[data-disabled] {
1447
1368
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-disabled);
1448
1369
  --color: var(--hop-EmbeddedButton-neutral-color-disabled);
1449
1370
  }
1450
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___LxTLn[data-hovered] {
1371
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___d-hG8[data-hovered] {
1451
1372
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-hovered);
1452
1373
  --color: var(--hop-EmbeddedButton-subdued-color-hovered);
1453
1374
  }
1454
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___LxTLn[data-focus-visible] {
1375
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___d-hG8[data-focus-visible] {
1455
1376
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-focused);
1456
1377
  --color: var(--hop-EmbeddedButton-subdued-color-focused);
1457
1378
  }
1458
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___LxTLn[data-pressed] {
1379
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___d-hG8[data-pressed] {
1459
1380
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-pressed);
1460
1381
  --color: var(--hop-EmbeddedButton-subdued-color-pressed);
1461
1382
  }
1462
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___LxTLn[data-disabled] {
1383
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___d-hG8[data-disabled] {
1463
1384
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-disabled);
1464
1385
  --color: var(--hop-EmbeddedButton-subdued-color-disabled);
1465
1386
  }
1466
- .EmbeddedButton-module__hop-EmbeddedButton--progress___tdz11[data-hovered] {
1387
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___g0OnZ[data-hovered] {
1467
1388
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-hovered);
1468
1389
  --color: var(--hop-EmbeddedButton-progress-color-hovered);
1469
1390
  }
1470
- .EmbeddedButton-module__hop-EmbeddedButton--progress___tdz11[data-focus-visible] {
1391
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___g0OnZ[data-focus-visible] {
1471
1392
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-focused);
1472
1393
  --color: var(--hop-EmbeddedButton-progress-color-focused);
1473
1394
  }
1474
- .EmbeddedButton-module__hop-EmbeddedButton--progress___tdz11[data-pressed] {
1395
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___g0OnZ[data-pressed] {
1475
1396
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-pressed);
1476
1397
  --color: var(--hop-EmbeddedButton-progress-color-pressed);
1477
1398
  }
1478
- .EmbeddedButton-module__hop-EmbeddedButton--progress___tdz11[data-disabled] {
1399
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___g0OnZ[data-disabled] {
1479
1400
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-disabled);
1480
1401
  --color: var(--hop-EmbeddedButton-progress-color-disabled);
1481
1402
  }
1482
- .EmbeddedButton-module__hop-EmbeddedButton--positive___JYB7M[data-hovered] {
1403
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___ti2kL[data-hovered] {
1483
1404
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-hovered);
1484
1405
  --color: var(--hop-EmbeddedButton-positive-color-hovered);
1485
1406
  }
1486
- .EmbeddedButton-module__hop-EmbeddedButton--positive___JYB7M[data-focus-visible] {
1407
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___ti2kL[data-focus-visible] {
1487
1408
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-focused);
1488
1409
  --color: var(--hop-EmbeddedButton-positive-color-focused);
1489
1410
  }
1490
- .EmbeddedButton-module__hop-EmbeddedButton--positive___JYB7M[data-pressed] {
1411
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___ti2kL[data-pressed] {
1491
1412
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-pressed);
1492
1413
  --color: var(--hop-EmbeddedButton-positive-color-pressed);
1493
1414
  }
1494
- .EmbeddedButton-module__hop-EmbeddedButton--positive___JYB7M[data-disabled] {
1415
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___ti2kL[data-disabled] {
1495
1416
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-disabled);
1496
1417
  --color: var(--hop-EmbeddedButton-positive-color-disabled);
1497
1418
  }
1498
- .EmbeddedButton-module__hop-EmbeddedButton--caution___AEEc-[data-hovered] {
1419
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___2XoPe[data-hovered] {
1499
1420
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-hovered);
1500
1421
  --color: var(--hop-EmbeddedButton-caution-color-hovered);
1501
1422
  }
1502
- .EmbeddedButton-module__hop-EmbeddedButton--caution___AEEc-[data-focus-visible] {
1423
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___2XoPe[data-focus-visible] {
1503
1424
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-focused);
1504
1425
  --color: var(--hop-EmbeddedButton-caution-color-focused);
1505
1426
  }
1506
- .EmbeddedButton-module__hop-EmbeddedButton--caution___AEEc-[data-pressed] {
1427
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___2XoPe[data-pressed] {
1507
1428
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-pressed);
1508
1429
  --color: var(--hop-EmbeddedButton-caution-color-pressed);
1509
1430
  }
1510
- .EmbeddedButton-module__hop-EmbeddedButton--caution___AEEc-[data-disabled] {
1431
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___2XoPe[data-disabled] {
1511
1432
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-disabled);
1512
1433
  --color: var(--hop-EmbeddedButton-caution-color-disabled);
1513
1434
  }
1514
- .EmbeddedButton-module__hop-EmbeddedButton--negative___MWxgT[data-hovered] {
1435
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___6hry8[data-hovered] {
1515
1436
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-hovered);
1516
1437
  --color: var(--hop-EmbeddedButton-negative-color-hovered);
1517
1438
  }
1518
- .EmbeddedButton-module__hop-EmbeddedButton--negative___MWxgT[data-focus-visible] {
1439
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___6hry8[data-focus-visible] {
1519
1440
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-focused);
1520
1441
  --color: var(--hop-EmbeddedButton-negative-color-focused);
1521
1442
  }
1522
- .EmbeddedButton-module__hop-EmbeddedButton--negative___MWxgT[data-pressed] {
1443
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___6hry8[data-pressed] {
1523
1444
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-pressed);
1524
1445
  --color: var(--hop-EmbeddedButton-negative-color-pressed);
1525
1446
  }
1526
- .EmbeddedButton-module__hop-EmbeddedButton--negative___MWxgT[data-disabled] {
1447
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___6hry8[data-disabled] {
1527
1448
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-disabled);
1528
1449
  --color: var(--hop-EmbeddedButton-negative-color-disabled);
1529
1450
  }
1530
- .EmbeddedButton-module__hop-EmbeddedButton--option1___MOb8f[data-hovered] {
1451
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___yi2Mj[data-hovered] {
1531
1452
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-hovered);
1532
1453
  --color: var(--hop-EmbeddedButton-option1-color-hovered);
1533
1454
  }
1534
- .EmbeddedButton-module__hop-EmbeddedButton--option1___MOb8f[data-focus-visible] {
1455
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___yi2Mj[data-focus-visible] {
1535
1456
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-focused);
1536
1457
  --color: var(--hop-EmbeddedButton-option1-color-focused);
1537
1458
  }
1538
- .EmbeddedButton-module__hop-EmbeddedButton--option1___MOb8f[data-pressed] {
1459
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___yi2Mj[data-pressed] {
1539
1460
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-pressed);
1540
1461
  --color: var(--hop-EmbeddedButton-option1-color-pressed);
1541
1462
  }
1542
- .EmbeddedButton-module__hop-EmbeddedButton--option1___MOb8f[data-disabled] {
1463
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___yi2Mj[data-disabled] {
1543
1464
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-disabled);
1544
1465
  --color: var(--hop-EmbeddedButton-option1-color-disabled);
1545
1466
  }
1546
- .EmbeddedButton-module__hop-EmbeddedButton--option2___ow5-i[data-hovered] {
1467
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___gltNB[data-hovered] {
1547
1468
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-hovered);
1548
1469
  --color: var(--hop-EmbeddedButton-option2-color-hovered);
1549
1470
  }
1550
- .EmbeddedButton-module__hop-EmbeddedButton--option2___ow5-i[data-focus-visible] {
1471
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___gltNB[data-focus-visible] {
1551
1472
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-focused);
1552
1473
  --color: var(--hop-EmbeddedButton-option2-color-focused);
1553
1474
  }
1554
- .EmbeddedButton-module__hop-EmbeddedButton--option2___ow5-i[data-pressed] {
1475
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___gltNB[data-pressed] {
1555
1476
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-pressed);
1556
1477
  --color: var(--hop-EmbeddedButton-option2-color-pressed);
1557
1478
  }
1558
- .EmbeddedButton-module__hop-EmbeddedButton--option2___ow5-i[data-disabled] {
1479
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___gltNB[data-disabled] {
1559
1480
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-disabled);
1560
1481
  --color: var(--hop-EmbeddedButton-option2-color-disabled);
1561
1482
  }
1562
- .EmbeddedButton-module__hop-EmbeddedButton--option3___NX8HX[data-hovered] {
1483
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___zO6kP[data-hovered] {
1563
1484
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-hovered);
1564
1485
  --color: var(--hop-EmbeddedButton-option3-color-hovered);
1565
1486
  }
1566
- .EmbeddedButton-module__hop-EmbeddedButton--option3___NX8HX[data-focus-visible] {
1487
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___zO6kP[data-focus-visible] {
1567
1488
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-focused);
1568
1489
  --color: var(--hop-EmbeddedButton-option3-color-focused);
1569
1490
  }
1570
- .EmbeddedButton-module__hop-EmbeddedButton--option3___NX8HX[data-pressed] {
1491
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___zO6kP[data-pressed] {
1571
1492
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-pressed);
1572
1493
  --color: var(--hop-EmbeddedButton-option3-color-pressed);
1573
1494
  }
1574
- .EmbeddedButton-module__hop-EmbeddedButton--option3___NX8HX[data-disabled] {
1495
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___zO6kP[data-disabled] {
1575
1496
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-disabled);
1576
1497
  --color: var(--hop-EmbeddedButton-option3-color-disabled);
1577
1498
  }
1578
- .EmbeddedButton-module__hop-EmbeddedButton--option4___f8xXS[data-hovered] {
1499
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___o2AeV[data-hovered] {
1579
1500
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-hovered);
1580
1501
  --color: var(--hop-EmbeddedButton-option4-color-hovered);
1581
1502
  }
1582
- .EmbeddedButton-module__hop-EmbeddedButton--option4___f8xXS[data-focus-visible] {
1503
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___o2AeV[data-focus-visible] {
1583
1504
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-focused);
1584
1505
  --color: var(--hop-EmbeddedButton-option4-color-focused);
1585
1506
  }
1586
- .EmbeddedButton-module__hop-EmbeddedButton--option4___f8xXS[data-pressed] {
1507
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___o2AeV[data-pressed] {
1587
1508
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-pressed);
1588
1509
  --color: var(--hop-EmbeddedButton-option4-color-pressed);
1589
1510
  }
1590
- .EmbeddedButton-module__hop-EmbeddedButton--option4___f8xXS[data-disabled] {
1511
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___o2AeV[data-disabled] {
1591
1512
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-disabled);
1592
1513
  --color: var(--hop-EmbeddedButton-option4-color-disabled);
1593
1514
  }
1594
- .EmbeddedButton-module__hop-EmbeddedButton--option5___iUOpy[data-hovered] {
1515
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___nFdc7[data-hovered] {
1595
1516
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-hovered);
1596
1517
  --color: var(--hop-EmbeddedButton-option5-color-hovered);
1597
1518
  }
1598
- .EmbeddedButton-module__hop-EmbeddedButton--option5___iUOpy[data-focus-visible] {
1519
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___nFdc7[data-focus-visible] {
1599
1520
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-focused);
1600
1521
  --color: var(--hop-EmbeddedButton-option5-color-focused);
1601
1522
  }
1602
- .EmbeddedButton-module__hop-EmbeddedButton--option5___iUOpy[data-pressed] {
1523
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___nFdc7[data-pressed] {
1603
1524
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-pressed);
1604
1525
  --color: var(--hop-EmbeddedButton-option5-color-pressed);
1605
1526
  }
1606
- .EmbeddedButton-module__hop-EmbeddedButton--option5___iUOpy[data-disabled] {
1527
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___nFdc7[data-disabled] {
1607
1528
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-disabled);
1608
1529
  --color: var(--hop-EmbeddedButton-option5-color-disabled);
1609
1530
  }
1610
- .EmbeddedButton-module__hop-EmbeddedButton--option6___k1iK7[data-hovered] {
1531
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___rbfAq[data-hovered] {
1611
1532
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-hovered);
1612
1533
  --color: var(--hop-EmbeddedButton-option6-color-hovered);
1613
1534
  }
1614
- .EmbeddedButton-module__hop-EmbeddedButton--option6___k1iK7[data-focus-visible] {
1535
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___rbfAq[data-focus-visible] {
1615
1536
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-focused);
1616
1537
  --color: var(--hop-EmbeddedButton-option6-color-focused);
1617
1538
  }
1618
- .EmbeddedButton-module__hop-EmbeddedButton--option6___k1iK7[data-pressed] {
1539
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___rbfAq[data-pressed] {
1619
1540
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-pressed);
1620
1541
  --color: var(--hop-EmbeddedButton-option6-color-pressed);
1621
1542
  }
1622
- .EmbeddedButton-module__hop-EmbeddedButton--option6___k1iK7[data-disabled] {
1543
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___rbfAq[data-disabled] {
1623
1544
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-disabled);
1624
1545
  --color: var(--hop-EmbeddedButton-option6-color-disabled);
1625
1546
  }
1626
- .EmbeddedButton-module__hop-EmbeddedButton__icon___9JL7D {
1547
+ .EmbeddedButton-module__hop-EmbeddedButton__icon___EAxnK {
1548
+ position: relative;
1549
+ }
1550
+
1551
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/LinkButton.module.css/#css-module-data */
1552
+ .Button-module__hop-Button___y82Y5 {
1553
+ --hop-Button-border-radius: var(--hop-shape-rounded-md);
1554
+ --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
1555
+ --hop-Button-column-gap: var(--hop-space-inline-xs);
1556
+ --hop-Button-icon-only-column-gap: 0;
1557
+ --hop-Button-outline-size: var(--hop-space-20);
1558
+ --hop-Button-border-size: var(--hop-space-10);
1559
+ --hop-Button-text-underline-offset: var(--hop-space-20);
1560
+ --hop-Button-icon-only-padding: 0;
1561
+ --hop-Button-sm-height: 2rem;
1562
+ --hop-Button-md-height: 2.5rem;
1563
+ --hop-Button-sm-padding: 0 var(--hop-space-inset-md);
1564
+ --hop-Button-md-padding: 0 var(--hop-space-inset-md);
1565
+ --hop-Button-ghost-sm-padding: 0 var(--hop-space-inset-xs);
1566
+ --hop-Button-ghost-md-padding: 0 var(--hop-space-inset-sm);
1567
+ --hop-Button-color-disabled: var(--hop-neutral-text-disabled);
1568
+ --hop-Button-background-color-disabled: var(--hop-neutral-surface-disabled);
1569
+ --hop-Button-border-disabled: var(--hop-Button-border-size) solid var(--hop-Button-background-color-disabled);
1570
+ --hop-Button-ghost-color-disabled: var(--hop-neutral-text-disabled);
1571
+ --hop-Button-ghost-background-color-disabled: transparent;
1572
+ --hop-Button-ghost-border-disabled: var(--hop-Button-border-size) solid var(--hop-Button-ghost-background-color-disabled);
1573
+ --hop-Button-primary-color: var(--hop-primary-text-strong);
1574
+ --hop-Button-primary-color-hover: var(--hop-primary-text-strong-hover);
1575
+ --hop-Button-primary-color-pressed: var(--hop-primary-text-strong);
1576
+ --hop-Button-primary-background-color: var(--hop-primary-surface-strong);
1577
+ --hop-Button-primary-background-color-hover: var(--hop-primary-surface-strong-hover);
1578
+ --hop-Button-primary-background-color-pressed: var(--hop-primary-surface-strong-press);
1579
+ --hop-Button-primary-border: var(--hop-Button-border-size) solid var(--hop-Button-primary-background-color);
1580
+ --hop-Button-primary-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-primary-background-color-hover);
1581
+ --hop-Button-primary-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-primary-background-color-pressed);
1582
+ --hop-Button-primary-spinner-color: var(--hop-primary-icon-strong);
1583
+ --hop-Button-secondary-color: var(--hop-neutral-text);
1584
+ --hop-Button-secondary-color-hover: var(--hop-neutral-text-hover);
1585
+ --hop-Button-secondary-color-pressed: var(--hop-neutral-text-press);
1586
+ --hop-Button-secondary-background-color: var(--hop-neutral-surface);
1587
+ --hop-Button-secondary-background-color-hover: var(--hop-neutral-surface-hover);
1588
+ --hop-Button-secondary-background-color-pressed: var(--hop-neutral-surface-press);
1589
+ --hop-Button-secondary-border: var(--hop-Button-border-size) solid var(--hop-neutral-border-strong);
1590
+ --hop-Button-secondary-border-hover: var(--hop-Button-border-size) solid var(--hop-neutral-border-strong-hover);
1591
+ --hop-Button-secondary-border-pressed: var(--hop-Button-border-size) solid var(--hop-neutral-border-strong);
1592
+ --hop-Button-secondary-spinner-color: var(--hop-neutral-icon);
1593
+ --hop-Button-upsell-color: var(--hop-upsell-text);
1594
+ --hop-Button-upsell-color-hover: var(--hop-upsell-text-hover);
1595
+ --hop-Button-upsell-color-pressed: var(--hop-upsell-text-press);
1596
+ --hop-Button-upsell-background-color: var(--hop-upsell-surface);
1597
+ --hop-Button-upsell-background-color-hover: var(--hop-upsell-surface-hover);
1598
+ --hop-Button-upsell-background-color-pressed: var(--hop-upsell-surface-press);
1599
+ --hop-Button-upsell-border: var(--hop-Button-border-size) solid var(--hop-Button-upsell-background-color);
1600
+ --hop-Button-upsell-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-upsell-background-color-hover);
1601
+ --hop-Button-upsell-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-upsell-background-color-pressed);
1602
+ --hop-Button-upsell-spinner-color: var(--hop-upsell-icon);
1603
+ --hop-Button-danger-color: var(--hop-danger-text-strong);
1604
+ --hop-Button-danger-color-hover: var(--hop-danger-text-strong-hover);
1605
+ --hop-Button-danger-color-pressed: var(--hop-danger-text-strong-hover);
1606
+ --hop-Button-danger-background-color: var(--hop-danger-surface-strong);
1607
+ --hop-Button-danger-background-color-hover: var(--hop-danger-surface-strong-hover);
1608
+ --hop-Button-danger-background-color-pressed: var(--hop-danger-surface-press);
1609
+ --hop-Button-danger-border: var(--hop-Button-border-size) solid var(--hop-Button-danger-background-color);
1610
+ --hop-Button-danger-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-danger-background-color-hover);
1611
+ --hop-Button-danger-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-danger-background-color-pressed);
1612
+ --hop-Button-danger-spinner-color: var(--hop-primary-icon-strong);
1613
+ --hop-Button-ghost-primary-color: var(--hop-primary-text);
1614
+ --hop-Button-ghost-primary-color-hover: var(--hop-primary-text-hover);
1615
+ --hop-Button-ghost-primary-color-pressed: var(--hop-primary-text-press);
1616
+ --hop-Button-ghost-primary-background-color: transparent;
1617
+ --hop-Button-ghost-primary-background-color-hover: var(--hop-neutral-surface-hover);
1618
+ --hop-Button-ghost-primary-background-color-pressed: var(--hop-primary-surface-weak-press);
1619
+ --hop-Button-ghost-primary-border: var(--hop-Button-border-size) solid var(--hop-Button-ghost-primary-background-color);
1620
+ --hop-Button-ghost-primary-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-ghost-primary-background-color-hover);
1621
+ --hop-Button-ghost-primary-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-ghost-primary-background-color-pressed);
1622
+ --hop-Button-ghost-primary-spinner-color: var(--hop-neutral-icon);
1623
+ --hop-Button-ghost-secondary-color: var(--hop-neutral-text-weak);
1624
+ --hop-Button-ghost-secondary-color-hover: var(--hop-neutral-text-weak-hover);
1625
+ --hop-Button-ghost-secondary-color-pressed: var(--hop-neutral-text-weak-press);
1626
+ --hop-Button-ghost-secondary-background-color: transparent;
1627
+ --hop-Button-ghost-secondary-background-color-hover: var(--hop-neutral-surface-hover);
1628
+ --hop-Button-ghost-secondary-background-color-pressed: var(--hop-neutral-surface-press);
1629
+ --hop-Button-ghost-secondary-border: var(--hop-Button-border-size) solid var(--hop-Button-ghost-secondary-background-color);
1630
+ --hop-Button-ghost-secondary-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-ghost-secondary-background-color-hover);
1631
+ --hop-Button-ghost-secondary-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-ghost-secondary-background-color-pressed);
1632
+ --hop-Button-ghost-secondary-spinner-color: var(--hop-neutral-icon);
1633
+ --hop-Button-ghost-danger-color: var(--hop-danger-text-weak);
1634
+ --hop-Button-ghost-danger-color-hover: var(--hop-danger-text-hover);
1635
+ --hop-Button-ghost-danger-color-pressed: var(--hop-danger-text-press);
1636
+ --hop-Button-ghost-danger-background-color: transparent;
1637
+ --hop-Button-ghost-danger-background-color-hover: var(--hop-neutral-surface-hover);
1638
+ --hop-Button-ghost-danger-background-color-pressed: var(--hop-danger-surface-weak-press);
1639
+ --hop-Button-ghost-danger-border: var(--hop-Button-border-size) solid var(--hop-Button-ghost-danger-background-color);
1640
+ --hop-Button-ghost-danger-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-ghost-danger-background-color-hover);
1641
+ --hop-Button-ghost-danger-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-ghost-danger-background-color-pressed);
1642
+ --hop-Button-ghost-danger-spinner-color: var(--hop-neutral-icon);
1643
+ --inline-size: max-content;
1644
+ --block-size: var(--hop-Button-md-height);
1645
+ --background-color: var(--hop-primary-surface-strong);
1646
+ --color: var(--hop-primary-text-strong);
1647
+ --column-gap: var(--hop-Button-column-gap);
1648
+ --spinner: var(--hop-primary-icon-strong);
1649
+ --border: 0;
1650
+ --padding: var(--hop-Button-md-padding);
1651
+ --text-underline: none;
1652
+ cursor: pointer;
1627
1653
  position: relative;
1654
+ overflow: hidden;
1655
+ display: flex;
1656
+ column-gap: var(--column-gap);
1657
+ align-items: center;
1658
+ justify-content: center;
1659
+ box-sizing: border-box;
1660
+ inline-size: var(--inline-size);
1661
+ block-size: var(--block-size);
1662
+ padding: var(--padding);
1663
+ color: var(--color);
1664
+ text-decoration: none;
1665
+ white-space: nowrap;
1666
+ background-color: var(--background-color);
1667
+ border: var(--border);
1668
+ border-radius: var(--hop-Button-border-radius);
1669
+ outline: none;
1670
+ outline-offset: var(--hop-Button-outline-size);
1671
+ transition:
1672
+ color var(--hop-easing-duration-2) var(--hop-easing-productive),
1673
+ background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
1674
+ border var(--hop-easing-duration-2) var(--hop-easing-productive);
1675
+ }
1676
+ .Button-module__hop-Button--fluid___yrsMn {
1677
+ --inline-size: 100%;
1678
+ }
1679
+ .Button-module__hop-Button--sm___MqqBM {
1680
+ --block-size: var(--hop-Button-sm-height);
1681
+ --padding: var(--hop-Button-sm-padding);
1682
+ }
1683
+ .Button-module__hop-Button--sm___MqqBM[class*=--ghost] {
1684
+ --padding: var(--hop-Button-ghost-sm-padding);
1685
+ }
1686
+ .Button-module__hop-Button--md___689QA[class*=--ghost] {
1687
+ --padding: var(--hop-Button-ghost-md-padding);
1688
+ }
1689
+ .Button-module__hop-Button--icon-only___mnrYP {
1690
+ --column-gap: var(--hop-Button-icon-only-column-gap);
1691
+ --padding: var(--hop-Button-icon-only-padding);
1692
+ aspect-ratio: 1;
1693
+ }
1694
+ .Button-module__hop-Button--primary___i4wgt {
1695
+ --background-color: var(--hop-Button-primary-background-color);
1696
+ --color: var(--hop-Button-primary-color);
1697
+ --border: var(--hop-Button-primary-border);
1698
+ --spinner-color: var(--hop-Button-primary-spinner-color);
1699
+ }
1700
+ .Button-module__hop-Button--primary___i4wgt[data-hovered],
1701
+ .Button-module__hop-Button--primary___i4wgt[data-focus-visible] {
1702
+ --background-color: var(--hop-Button-primary-background-color-hover);
1703
+ --color: var(--hop-Button-primary-color-hover);
1704
+ --border: var(--hop-Button-primary-border-hover);
1705
+ }
1706
+ .Button-module__hop-Button--primary___i4wgt[data-pressed] {
1707
+ --background-color: var(--hop-Button-primary-background-color-pressed);
1708
+ --color: var(--hop-Button-primary-color-pressed);
1709
+ --border: var(--hop-Button-primary-border-pressed);
1710
+ }
1711
+ .Button-module__hop-Button--secondary___aTxQ5 {
1712
+ --background-color: var(--hop-Button-secondary-background-color);
1713
+ --color: var(--hop-Button-secondary-color);
1714
+ --border: var(--hop-Button-secondary-border);
1715
+ --spinner-color: var(--hop-Button-secondary-spinner-color);
1716
+ }
1717
+ .Button-module__hop-Button--secondary___aTxQ5[data-hovered],
1718
+ .Button-module__hop-Button--secondary___aTxQ5[data-focus-visible] {
1719
+ --background-color: var(--hop-Button-secondary-background-color-hover);
1720
+ --color: var(--hop-Button-secondary-color-hover);
1721
+ --border: var(--hop-Button-secondary-border-hover);
1722
+ }
1723
+ .Button-module__hop-Button--secondary___aTxQ5[data-pressed] {
1724
+ --background-color: var(--hop-Button-secondary-background-color-pressed);
1725
+ --color: var(--hop-Button-secondary-color-pressed);
1726
+ --border: var(--hop-Button-secondary-border-pressed);
1727
+ }
1728
+ .Button-module__hop-Button--upsell___VdxM3 {
1729
+ --background-color: var(--hop-Button-upsell-background-color);
1730
+ --color: var(--hop-Button-upsell-color);
1731
+ --border: var(--hop-Button-upsell-border);
1732
+ --spinner-color: var(--hop-Button-upsell-spinner-color);
1733
+ }
1734
+ .Button-module__hop-Button--upsell___VdxM3[data-hovered],
1735
+ .Button-module__hop-Button--upsell___VdxM3[data-focus-visible] {
1736
+ --background-color: var(--hop-Button-upsell-background-color-hover);
1737
+ --color: var(--hop-Button-upsell-color-hover);
1738
+ --border: var(--hop-Button-upsell-border-hover);
1739
+ }
1740
+ .Button-module__hop-Button--upsell___VdxM3[data-pressed] {
1741
+ --background-color: var(--hop-Button-upsell-background-color-pressed);
1742
+ --color: var(--hop-Button-upsell-color-pressed);
1743
+ --border: var(--hop-Button-upsell-border-pressed);
1744
+ }
1745
+ .Button-module__hop-Button--danger___U0g6u {
1746
+ --background-color: var(--hop-Button-danger-background-color);
1747
+ --color: var(--hop-Button-danger-color);
1748
+ --border: var(--hop-Button-danger-border);
1749
+ --spinner-color: var(--hop-Button-danger-spinner-color);
1750
+ }
1751
+ .Button-module__hop-Button--danger___U0g6u[data-hovered],
1752
+ .Button-module__hop-Button--danger___U0g6u[data-focus-visible] {
1753
+ --background-color: var(--hop-Button-danger-background-color-hover);
1754
+ --color: var(--hop-Button-danger-color-hover);
1755
+ --border: var(--hop-Button-danger-border-hover);
1756
+ }
1757
+ .Button-module__hop-Button--danger___U0g6u[data-pressed] {
1758
+ --background-color: var(--hop-Button-danger-background-color-pressed);
1759
+ --color: var(--hop-Button-danger-color-pressed);
1760
+ --border: var(--hop-Button-danger-border-pressed);
1761
+ }
1762
+ .Button-module__hop-Button--ghost-primary___R3YQO {
1763
+ --background-color: var(--hop-Button-ghost-primary-background-color);
1764
+ --color: var(--hop-Button-ghost-primary-color);
1765
+ --border: var(--hop-Button-ghost-primary-border);
1766
+ --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
1767
+ }
1768
+ .Button-module__hop-Button--ghost-primary___R3YQO[data-hovered],
1769
+ .Button-module__hop-Button--ghost-primary___R3YQO[data-focus-visible] {
1770
+ --background-color: var(--hop-Button-ghost-primary-background-color-hover);
1771
+ --color: var(--hop-Button-ghost-primary-color-hover);
1772
+ --border: var(--hop-Button-ghost-primary-border-hover);
1773
+ --text-underline: underline;
1774
+ }
1775
+ .Button-module__hop-Button--ghost-primary___R3YQO[data-pressed] {
1776
+ --background-color: var(--hop-Button-ghost-primary-background-color-pressed);
1777
+ --color: var(--hop-Button-ghost-primary-color-pressed);
1778
+ --border: var(--hop-Button-ghost-primary-border-pressed);
1779
+ --text-underline: underline;
1780
+ }
1781
+ .Button-module__hop-Button--ghost-secondary___0IoPr {
1782
+ --background-color: var(--hop-Button-ghost-secondary-background-color);
1783
+ --color: var(--hop-Button-ghost-secondary-color);
1784
+ --border: var(--hop-Button-ghost-secondary-border);
1785
+ --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
1786
+ }
1787
+ .Button-module__hop-Button--ghost-secondary___0IoPr[data-hovered],
1788
+ .Button-module__hop-Button--ghost-secondary___0IoPr[data-focus-visible] {
1789
+ --background-color: var(--hop-Button-ghost-secondary-background-color-hover);
1790
+ --color: var(--hop-Button-ghost-secondary-color-hover);
1791
+ --border: var(--hop-Button-ghost-secondary-border-hover);
1792
+ --text-underline: underline;
1793
+ }
1794
+ .Button-module__hop-Button--ghost-secondary___0IoPr[data-pressed] {
1795
+ --background-color: var(--hop-Button-ghost-secondary-background-color-pressed);
1796
+ --color: var(--hop-Button-ghost-secondary-color-pressed);
1797
+ --border: var(--hop-Button-ghost-secondary-border-pressed);
1798
+ --text-underline: underline;
1799
+ }
1800
+ .Button-module__hop-Button--ghost-danger___-3oFp {
1801
+ --background-color: var(--hop-Button-ghost-danger-background-color);
1802
+ --color: var(--hop-Button-ghost-danger-color);
1803
+ --border: var(--hop-Button-ghost-danger-border);
1804
+ --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
1805
+ }
1806
+ .Button-module__hop-Button--ghost-danger___-3oFp[data-hovered],
1807
+ .Button-module__hop-Button--ghost-danger___-3oFp[data-focus-visible] {
1808
+ --background-color: var(--hop-Button-ghost-danger-background-color-hover);
1809
+ --color: var(--hop-Button-ghost-danger-color-hover);
1810
+ --border: var(--hop-Button-ghost-danger-border-hover);
1811
+ --text-underline: underline;
1812
+ }
1813
+ .Button-module__hop-Button--ghost-danger___-3oFp[data-pressed] {
1814
+ --background-color: var(--hop-Button-ghost-danger-background-color-pressed);
1815
+ --color: var(--hop-Button-ghost-danger-color-pressed);
1816
+ --border: var(--hop-Button-ghost-danger-border-pressed);
1817
+ --text-underline: underline;
1818
+ }
1819
+ .Button-module__hop-Button___y82Y5[data-focus-visible] {
1820
+ outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
1821
+ }
1822
+ .Button-module__hop-Button___y82Y5[data-disabled],
1823
+ .Button-module__hop-Button___y82Y5[data-pending] {
1824
+ cursor: not-allowed;
1825
+ }
1826
+ .Button-module__hop-Button___y82Y5[data-disabled] {
1827
+ --background-color: var(--hop-Button-background-color-disabled);
1828
+ --color: var(--hop-Button-color-disabled);
1829
+ --border: var(--hop-Button-border-disabled);
1830
+ }
1831
+ .Button-module__hop-Button___y82Y5[class*=--ghost][data-disabled] {
1832
+ --background-color: var(--hop-Button-ghost-background-color-disabled);
1833
+ --color: var(--hop-Button-ghost-color-disabled);
1834
+ --border: var(--hop-Button-ghost-border-disabled);
1835
+ }
1836
+ .Button-module__hop-Button--primary___i4wgt[data-pending] {
1837
+ --background-color: var(--hop-Button-primary-background-color);
1838
+ --color: var(--hop-Button-primary-color);
1839
+ --border: var(--hop-Button-primary-border);
1840
+ }
1841
+ .Button-module__hop-Button--secondary___aTxQ5[data-pending] {
1842
+ --background-color: var(--hop-Button-secondary-background-color);
1843
+ --color: var(--hop-Button-secondary-color);
1844
+ --border: var(--hop-Button-secondary-border);
1845
+ }
1846
+ .Button-module__hop-Button--upsell___VdxM3[data-pending] {
1847
+ --background-color: var(--hop-Button-upsell-background-color);
1848
+ --color: var(--hop-Button-upsell-color);
1849
+ --border: var(--hop-Button-upsell-border);
1850
+ }
1851
+ .Button-module__hop-Button--danger___U0g6u[data-pending] {
1852
+ --background-color: var(--hop-Button-danger-background-color);
1853
+ --color: var(--hop-Button-danger-color);
1854
+ --border: var(--hop-Button-danger-border);
1855
+ }
1856
+ .Button-module__hop-Button--ghost-primary___R3YQO[data-pending] {
1857
+ --background-color: var(--hop-Button-ghost-primary-background-color);
1858
+ --color: var(--hop-Button-ghost-primary-color);
1859
+ --border: var(--hop-Button-ghost-primary-border);
1860
+ --text-underline: none;
1861
+ }
1862
+ .Button-module__hop-Button--ghost-secondary___0IoPr[data-pending] {
1863
+ --background-color: var(--hop-Button-ghost-secondary-background-color);
1864
+ --color: var(--hop-Button-ghost-secondary-color);
1865
+ --border: var(--hop-Button-ghost-secondary-border);
1866
+ --text-underline: none;
1867
+ }
1868
+ .Button-module__hop-Button--ghost-danger___-3oFp[data-pending] {
1869
+ --background-color: var(--hop-Button-ghost-danger-background-color);
1870
+ --color: var(--hop-Button-ghost-danger-color);
1871
+ --border: var(--hop-Button-ghost-danger-border);
1872
+ --text-underline: none;
1873
+ }
1874
+ .Button-module__hop-Button__Spinner___iIz-g {
1875
+ position: absolute;
1876
+ color: var(--spinner-color);
1877
+ }
1878
+ .Button-module__hop-Button__icon___ol4xI,
1879
+ .Button-module__hop-Button__icon-list___wcA7Z {
1880
+ flex: 0 0 auto;
1881
+ justify-self: end;
1882
+ order: 1;
1883
+ }
1884
+ .Button-module__hop-Button__text___8Y-6a {
1885
+ user-select: none;
1886
+ overflow: visible;
1887
+ flex: 0 1 auto;
1888
+ order: 2;
1889
+ font-weight: var(--hop-font-weight-505);
1890
+ text-decoration: var(--text-underline);
1891
+ text-underline-offset: 0.125rem;
1892
+ text-wrap: nowrap;
1893
+ }
1894
+ .Button-module__hop-Button__end-icon___UD9RU,
1895
+ .Button-module__hop-Button__end-icon-list___2-25Q {
1896
+ flex: 0 0 auto;
1897
+ order: 3;
1898
+ }
1899
+ .Button-module__hop-Button___y82Y5 .Button-module__hop-Button__icon-list___wcA7Z,
1900
+ .Button-module__hop-Button___y82Y5 .Button-module__hop-Button__end-icon-list___2-25Q {
1901
+ flex-wrap: nowrap;
1902
+ }
1903
+ .Button-module__hop-Button___y82Y5[data-pending] > *:not(.Button-module__hop-Button__Spinner___iIz-g) {
1904
+ opacity: 0;
1905
+ }
1906
+ .LinkButton-module__hop-LinkButton___AJ7uv {
1907
+ }
1908
+ .LinkButton-module__hop-LinkButton--fluid___eUTM2 {
1909
+ }
1910
+ .LinkButton-module__hop-LinkButton--sm___304eI {
1911
+ }
1912
+ .LinkButton-module__hop-LinkButton--icon-only___ejsSp {
1913
+ }
1914
+ .LinkButton-module__hop-LinkButton--primary___Hh1-L {
1915
+ }
1916
+ .LinkButton-module__hop-LinkButton--secondary___v6hRn {
1917
+ }
1918
+ .LinkButton-module__hop-LinkButton--upsell___sT6J9 {
1919
+ }
1920
+ .LinkButton-module__hop-LinkButton--danger___2i8Ov {
1921
+ }
1922
+ .LinkButton-module__hop-LinkButton--ghost-primary___jL-l- {
1923
+ }
1924
+ .LinkButton-module__hop-LinkButton--ghost-secondary___Ng0Vv {
1925
+ }
1926
+ .LinkButton-module__hop-LinkButton--ghost-danger___tckjJ {
1927
+ }
1928
+ .LinkButton-module__hop-LinkButton__Spinner___oKMl8 {
1929
+ }
1930
+ .LinkButton-module__hop-LinkButton__icon___uBdH-,
1931
+ .LinkButton-module__hop-LinkButton__icon-list___elfO1 {
1932
+ }
1933
+ .LinkButton-module__hop-LinkButton__text___3bvOv {
1934
+ }
1935
+ .LinkButton-module__hop-LinkButton__end-icon___EsYoO,
1936
+ .LinkButton-module__hop-LinkButton__end-icon-list___FsZjl {
1937
+ }
1938
+ .LinkButton-module__hop-LinkButton___AJ7uv .LinkButton-module__hop-LinkButton__icon-list___elfO1,
1939
+ .LinkButton-module__hop-LinkButton___AJ7uv .LinkButton-module__hop-LinkButton__end-icon-list___FsZjl {
1940
+ flex-wrap: nowrap;
1628
1941
  }
1629
1942
 
1630
1943
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/Checkbox.module.css/#css-module-data */
1631
- .Checkbox-module__hop-Checkbox___CzO1h {
1944
+ .Checkbox-module__hop-Checkbox___BAZW7 {
1632
1945
  --hop-Checkbox-box-border-size: 0.0625rem;
1633
1946
  --hop-Checkbox-box-border-color: var(--hop-neutral-border);
1634
1947
  --hop-Checkbox-box-background-color: var(--hop-neutral-surface);
@@ -1703,60 +2016,60 @@
1703
2016
  inline-size: max-content;
1704
2017
  max-inline-size: 100%;
1705
2018
  }
1706
- .Checkbox-module__hop-Checkbox___CzO1h[data-focus-visible] {
2019
+ .Checkbox-module__hop-Checkbox___BAZW7[data-focus-visible] {
1707
2020
  --box-background-color: var(--hop-Checkbox-box-background-color-focused);
1708
2021
  --box-border-color: var(--hop-Checkbox-box-border-color-focused);
1709
2022
  --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
1710
2023
  --text-color: var(--hop-Checkbox-text-color-focused);
1711
2024
  --icon-color: var(--hop-Checkbox-icon-color-focused);
1712
2025
  }
1713
- .Checkbox-module__hop-Checkbox___CzO1h[data-hovered] {
2026
+ .Checkbox-module__hop-Checkbox___BAZW7[data-hovered] {
1714
2027
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered);
1715
2028
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered);
1716
2029
  --text-color: var(--hop-Checkbox-text-color-hovered);
1717
2030
  --icon-color: var(--hop-Checkbox-icon-color-hovered);
1718
2031
  }
1719
- .Checkbox-module__hop-Checkbox___CzO1h[data-pressed] {
2032
+ .Checkbox-module__hop-Checkbox___BAZW7[data-pressed] {
1720
2033
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed);
1721
2034
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed);
1722
2035
  --text-color: var(--hop-Checkbox-text-color-pressed);
1723
2036
  --icon-color: var(--hop-Checkbox-icon-color-pressed);
1724
2037
  }
1725
- .Checkbox-module__hop-Checkbox___CzO1h[data-selected] {
2038
+ .Checkbox-module__hop-Checkbox___BAZW7[data-selected] {
1726
2039
  --box-background-color: var(--hop-Checkbox-box-background-color-selected);
1727
2040
  --box-border-color: var(--hop-Checkbox-box-border-color-selected);
1728
2041
  --check-display: var(--hop-Checkbox-check-display-selected);
1729
2042
  --text-color: var(--hop-Checkbox-text-color-selected);
1730
2043
  --icon-color: var(--hop-Checkbox-icon-color-selected);
1731
2044
  }
1732
- .Checkbox-module__hop-Checkbox___CzO1h[data-invalid] {
2045
+ .Checkbox-module__hop-Checkbox___BAZW7[data-invalid] {
1733
2046
  --box-background-color: var(--hop-Checkbox-box-background-color-invalid);
1734
2047
  --box-border-color: var(--hop-Checkbox-box-border-color-invalid);
1735
2048
  --check-color: var(--hop-Checkbox-check-color-invalid);
1736
2049
  --text-color: var(--hop-Checkbox-text-color-invalid);
1737
2050
  --icon-color: var(--hop-Checkbox-icon-color-invalid);
1738
2051
  }
1739
- .Checkbox-module__hop-Checkbox___CzO1h[data-invalid]:where([data-focus-visible]) {
2052
+ .Checkbox-module__hop-Checkbox___BAZW7[data-invalid]:where([data-focus-visible]) {
1740
2053
  --box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
1741
2054
  --box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
1742
2055
  }
1743
- .Checkbox-module__hop-Checkbox___CzO1h[data-invalid]:where([data-hovered]) {
2056
+ .Checkbox-module__hop-Checkbox___BAZW7[data-invalid]:where([data-hovered]) {
1744
2057
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
1745
2058
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
1746
2059
  --text-color: var(--hop-Checkbox-text-color-hovered-invalid);
1747
2060
  --icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
1748
2061
  }
1749
- .Checkbox-module__hop-Checkbox___CzO1h[data-invalid]:where([data-pressed]) {
2062
+ .Checkbox-module__hop-Checkbox___BAZW7[data-invalid]:where([data-pressed]) {
1750
2063
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
1751
2064
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
1752
2065
  --text-color: var(--hop-Checkbox-text-color-pressed-invalid);
1753
2066
  --icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
1754
2067
  }
1755
- .Checkbox-module__hop-Checkbox___CzO1h:where([data-invalid])[data-selected] {
2068
+ .Checkbox-module__hop-Checkbox___BAZW7:where([data-invalid])[data-selected] {
1756
2069
  --box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
1757
2070
  --box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
1758
2071
  }
1759
- .Checkbox-module__hop-Checkbox___CzO1h[data-disabled] {
2072
+ .Checkbox-module__hop-Checkbox___BAZW7[data-disabled] {
1760
2073
  --box-background-color: var(--hop-Checkbox-box-background-color-disabled);
1761
2074
  --box-border-color: var(--hop-Checkbox-box-border-color-disabled);
1762
2075
  --check-color: var(--hop-Checkbox-check-color-disabled);
@@ -1764,25 +2077,25 @@
1764
2077
  --text-color: var(--hop-Checkbox-text-color-disabled);
1765
2078
  --icon-color: var(--hop-Checkbox-icon-color-disabled);
1766
2079
  }
1767
- .Checkbox-module__hop-Checkbox--sm___VcyT6 {
2080
+ .Checkbox-module__hop-Checkbox--sm___YqWaC {
1768
2081
  --box-block-size: var(--hop-Checkbox-box-sm-block-size);
1769
2082
  --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
1770
2083
  --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
1771
2084
  --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
1772
2085
  }
1773
- .Checkbox-module__hop-Checkbox--md___J3sX8 {
2086
+ .Checkbox-module__hop-Checkbox--md___U5XZP {
1774
2087
  --box-block-size: var(--hop-Checkbox-box-md-block-size);
1775
2088
  --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
1776
2089
  --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
1777
2090
  --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
1778
2091
  }
1779
- .Checkbox-module__hop-Checkbox__icon___2OaKH,
1780
- .Checkbox-module__hop-Checkbox__icon-list___zLzmp {
2092
+ .Checkbox-module__hop-Checkbox__icon___KLnth,
2093
+ .Checkbox-module__hop-Checkbox__icon-list___W0H7Z {
1781
2094
  flex: 0 0 auto;
1782
2095
  order: 3;
1783
2096
  color: var(--icon-color);
1784
2097
  }
1785
- .Checkbox-module__hop-Checkbox__box___w4Bp4 {
2098
+ .Checkbox-module__hop-Checkbox__box___S6YLI {
1786
2099
  display: flex;
1787
2100
  flex: 0 0 auto;
1788
2101
  align-items: center;
@@ -1798,11 +2111,11 @@
1798
2111
  outline-offset: 0.125rem;
1799
2112
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
1800
2113
  }
1801
- .Checkbox-module__hop-Checkbox__check___i6tFk {
2114
+ .Checkbox-module__hop-Checkbox__check___6XxRa {
1802
2115
  display: var(--check-display);
1803
2116
  color: var(--check-color);
1804
2117
  }
1805
- .Checkbox-module__hop-Checkbox__text___yw7JB {
2118
+ .Checkbox-module__hop-Checkbox__text___IDqT7 {
1806
2119
  flex: 0 1 auto;
1807
2120
  order: 2;
1808
2121
  min-inline-size: 0;
@@ -1812,7 +2125,7 @@
1812
2125
  }
1813
2126
 
1814
2127
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxField.module.css/#css-module-data */
1815
- .CheckboxField-module__hop-CheckboxField___-cncn {
2128
+ .CheckboxField-module__hop-CheckboxField___1aGo3 {
1816
2129
  --hop-CheckboxField-description-color: var(--hop-neutral-text-weak);
1817
2130
  --hop-CheckboxField-description-color-disabled: var(--hop-neutral-text-disabled);
1818
2131
  --hop-CheckboxField-sm-row-gap: var(--hop-space-stack-xs);
@@ -1831,28 +2144,28 @@
1831
2144
  inline-size: max-content;
1832
2145
  max-inline-size: 100%;
1833
2146
  }
1834
- .CheckboxField-module__hop-CheckboxField___-cncn[data-disabled] {
2147
+ .CheckboxField-module__hop-CheckboxField___1aGo3[data-disabled] {
1835
2148
  --description-color: var(--hop-CheckboxField-description-color-disabled);
1836
2149
  }
1837
- .CheckboxField-module__hop-CheckboxField--sm___NyzFJ {
2150
+ .CheckboxField-module__hop-CheckboxField--sm___oq2Qa {
1838
2151
  --row-gap: var(--hop-CheckboxField-sm-row-gap);
1839
2152
  --description-margin-inline-start: var(--hop-CheckboxField-description-sm-margin-inline-start);
1840
2153
  }
1841
- .CheckboxField-module__hop-CheckboxField--md___SNi5C {
2154
+ .CheckboxField-module__hop-CheckboxField--md___hMYjs {
1842
2155
  --row-gap: var(--hop-CheckboxField-md-row-gap);
1843
2156
  --description-margin-inline-start: var(--hop-CheckboxField-description-md-margin-inline-start);
1844
2157
  }
1845
- .CheckboxField-module__hop-CheckboxField__description___1Swkk {
2158
+ .CheckboxField-module__hop-CheckboxField__description___ebTxh {
1846
2159
  order: 2;
1847
2160
  margin-inline-start: var(--description-margin-inline-start, var(--hop-CheckboxField-description-md-margin-inline-start));
1848
2161
  color: var(--description-color);
1849
2162
  }
1850
- .CheckboxField-module__hop-CheckboxField__checkbox___9TFNK {
2163
+ .CheckboxField-module__hop-CheckboxField__checkbox___UEj8N {
1851
2164
  order: 1;
1852
2165
  }
1853
2166
 
1854
2167
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ErrorMessage/src/ErrorMessage.module.css/#css-module-data */
1855
- .ErrorMessage-module__hop-ErrorMessage___qqdy5 {
2168
+ .ErrorMessage-module__hop-ErrorMessage___yhAIF {
1856
2169
  --hop-ErrorMessage-color: var(--hop-danger-text-weak);
1857
2170
  --hop-ErrorMessage-font-family: var(--hop-body-xs-font-family);
1858
2171
  --hop-ErrorMessage-font-size: var(--hop-body-xs-font-size);
@@ -1869,13 +2182,13 @@
1869
2182
  line-height: var(--hop-ErrorMessage-line-height);
1870
2183
  color: var(--hop-ErrorMessage-color);
1871
2184
  }
1872
- .ErrorMessage-module__hop-ErrorMessage__icon___ZP8SK {
2185
+ .ErrorMessage-module__hop-ErrorMessage__icon___McOhx {
1873
2186
  flex: 0 0 auto;
1874
2187
  align-self: flex-start;
1875
2188
  }
1876
2189
 
1877
2190
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/HelperMessage/src/HelperMessage.module.css/#css-module-data */
1878
- .HelperMessage-module__hop-HelperMessage___MxY3k {
2191
+ .HelperMessage-module__hop-HelperMessage___cDya6 {
1879
2192
  --hop-HelperMessage-color: var(--hop-neutral-text-weak);
1880
2193
  --hop-HelperMessage-column-gap: var(--hop-space-inline-xs);
1881
2194
  display: flex;
@@ -1884,13 +2197,13 @@
1884
2197
  box-sizing: border-box;
1885
2198
  color: var(--hop-HelperMessage-color);
1886
2199
  }
1887
- .HelperMessage-module__hop-HelperMessage__icon___J4cU2 {
2200
+ .HelperMessage-module__hop-HelperMessage__icon___CIGmx {
1888
2201
  flex: 0 0 auto;
1889
2202
  align-self: flex-start;
1890
2203
  }
1891
2204
 
1892
2205
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxGroup.module.css/#css-module-data */
1893
- .CheckboxGroup-module__hop-CheckboxGroup___WPTzg {
2206
+ .CheckboxGroup-module__hop-CheckboxGroup___TY0L4 {
1894
2207
  --hop-CheckboxGroup-align-items: flex-start;
1895
2208
  --hop-CheckboxGroup-justify-content: flex-start;
1896
2209
  --hop-CheckboxGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -1929,46 +2242,46 @@
1929
2242
  inline-size: max-content;
1930
2243
  max-inline-size: 100%;
1931
2244
  }
1932
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___41I-l {
2245
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___u7Qad {
1933
2246
  --list-border: var(--checkbox-border-size) solid var(--checkbox-border-color);
1934
2247
  --list-border-radius: var(--hop-shape-rounded-md);
1935
2248
  }
1936
- .CheckboxGroup-module__hop-CheckboxGroup--sm___BKkso {
2249
+ .CheckboxGroup-module__hop-CheckboxGroup--sm___OpNi3 {
1937
2250
  --column-gap: var(--hop-CheckboxGroup-sm-column-gap);
1938
2251
  --row-gap: var(--hop-CheckboxGroup-sm-row-gap);
1939
2252
  --list-column-gap: var(--hop-CheckboxGroup-list-sm-column-gap);
1940
2253
  --list-row-gap: var(--hop-CheckboxGroup-list-sm-row-gap);
1941
2254
  }
1942
- .CheckboxGroup-module__hop-CheckboxGroup--md___xkOXw {
2255
+ .CheckboxGroup-module__hop-CheckboxGroup--md___orn6Z {
1943
2256
  --column-gap: var(--hop-CheckboxGroup-md-column-gap);
1944
2257
  --row-gap: var(--hop-CheckboxGroup-md-row-gap);
1945
2258
  --list-column-gap: var(--hop-CheckboxGroup-list-md-column-gap);
1946
2259
  --list-row-gap: var(--hop-CheckboxGroup-list-md-row-gap);
1947
2260
  }
1948
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___41I-l.CheckboxGroup-module__hop-CheckboxGroup--sm___BKkso {
2261
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___u7Qad.CheckboxGroup-module__hop-CheckboxGroup--sm___OpNi3 {
1949
2262
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-sm-padding);
1950
2263
  --column-gap: var(--hop-CheckboxGroup-bordered-sm-column-gap);
1951
2264
  --row-gap: var(--hop-CheckboxGroup-bordered-sm-row-gap);
1952
2265
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-sm-column-gap);
1953
2266
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-sm-row-gap);
1954
2267
  }
1955
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___41I-l.CheckboxGroup-module__hop-CheckboxGroup--md___xkOXw {
2268
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___u7Qad.CheckboxGroup-module__hop-CheckboxGroup--md___orn6Z {
1956
2269
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-md-padding);
1957
2270
  --column-gap: var(--hop-CheckboxGroup-bordered-md-column-gap);
1958
2271
  --row-gap: var(--hop-CheckboxGroup-bordered-md-row-gap);
1959
2272
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-md-column-gap);
1960
2273
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-md-row-gap);
1961
2274
  }
1962
- .CheckboxGroup-module__hop-CheckboxGroup___WPTzg[data-orientation=horizontal] {
2275
+ .CheckboxGroup-module__hop-CheckboxGroup___TY0L4[data-orientation=horizontal] {
1963
2276
  --flex-direction: var(--hop-CheckboxGroup-horizontal-flex-direction);
1964
2277
  }
1965
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___41I-l[data-orientation=horizontal] {
2278
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___u7Qad[data-orientation=horizontal] {
1966
2279
  --flex-wrap: nowrap;
1967
2280
  }
1968
- .CheckboxGroup-module__hop-CheckboxGroup___WPTzg > .CheckboxGroup-module__hop-CheckboxGroup__label___W1Nwe {
2281
+ .CheckboxGroup-module__hop-CheckboxGroup___TY0L4 > .CheckboxGroup-module__hop-CheckboxGroup__label___VT-Jc {
1969
2282
  order: 1;
1970
2283
  }
1971
- .CheckboxGroup-module__hop-CheckboxGroup__list___QyVVR {
2284
+ .CheckboxGroup-module__hop-CheckboxGroup__list___xGgvs {
1972
2285
  display: flex;
1973
2286
  flex-flow: var(--flex-direction) var(--flex-wrap);
1974
2287
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -1979,7 +2292,7 @@
1979
2292
  border: var(--list-border, none);
1980
2293
  border-radius: var(--list-border-radius, 0);
1981
2294
  }
1982
- .CheckboxGroup-module__hop-CheckboxGroup__list___QyVVR > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___C5of9 {
2295
+ .CheckboxGroup-module__hop-CheckboxGroup__list___xGgvs > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___18s2- {
1983
2296
  position: relative;
1984
2297
  flex: 0 1 auto;
1985
2298
  align-content: start;
@@ -1987,28 +2300,28 @@
1987
2300
  min-inline-size: 0;
1988
2301
  padding: var(--checkbox-padding, 0);
1989
2302
  }
1990
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___41I-l .CheckboxGroup-module__hop-CheckboxGroup__list___QyVVR > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___C5of9 ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___C5of9::before {
2303
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___u7Qad .CheckboxGroup-module__hop-CheckboxGroup__list___xGgvs > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___18s2- ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___18s2-::before {
1991
2304
  content: "";
1992
2305
  position: absolute;
1993
2306
  display: block;
1994
2307
  }
1995
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___41I-l[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___QyVVR > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___C5of9 ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___C5of9::before {
2308
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___u7Qad[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___xGgvs > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___18s2- ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___18s2-::before {
1996
2309
  inset-block-start: 0;
1997
2310
  inset-inline: 0;
1998
2311
  border-block-start: var(--list-border, none);
1999
2312
  }
2000
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___41I-l[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___QyVVR > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___C5of9 ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___C5of9::before {
2313
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___u7Qad[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___xGgvs > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___18s2- ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___18s2-::before {
2001
2314
  inset-block: 0;
2002
2315
  inset-inline-start: 0;
2003
2316
  border-inline-start: var(--list-border, none);
2004
2317
  }
2005
- .CheckboxGroup-module__hop-CheckboxGroup___WPTzg > .CheckboxGroup-module__hop-CheckboxGroup__error-message___QSt4A,
2006
- .CheckboxGroup-module__hop-CheckboxGroup___WPTzg > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___gp9QD {
2318
+ .CheckboxGroup-module__hop-CheckboxGroup___TY0L4 > .CheckboxGroup-module__hop-CheckboxGroup__error-message___Tb1J3,
2319
+ .CheckboxGroup-module__hop-CheckboxGroup___TY0L4 > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___oiDoF {
2007
2320
  order: 3;
2008
2321
  }
2009
2322
 
2010
2323
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/DecorativeCheckbox.module.css/#css-module-data */
2011
- .Checkbox-module__hop-Checkbox___CzO1h {
2324
+ .Checkbox-module__hop-Checkbox___BAZW7 {
2012
2325
  --hop-Checkbox-box-border-size: 0.0625rem;
2013
2326
  --hop-Checkbox-box-border-color: var(--hop-neutral-border);
2014
2327
  --hop-Checkbox-box-background-color: var(--hop-neutral-surface);
@@ -2083,60 +2396,60 @@
2083
2396
  inline-size: max-content;
2084
2397
  max-inline-size: 100%;
2085
2398
  }
2086
- .Checkbox-module__hop-Checkbox___CzO1h[data-focus-visible] {
2399
+ .Checkbox-module__hop-Checkbox___BAZW7[data-focus-visible] {
2087
2400
  --box-background-color: var(--hop-Checkbox-box-background-color-focused);
2088
2401
  --box-border-color: var(--hop-Checkbox-box-border-color-focused);
2089
2402
  --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
2090
2403
  --text-color: var(--hop-Checkbox-text-color-focused);
2091
2404
  --icon-color: var(--hop-Checkbox-icon-color-focused);
2092
2405
  }
2093
- .Checkbox-module__hop-Checkbox___CzO1h[data-hovered] {
2406
+ .Checkbox-module__hop-Checkbox___BAZW7[data-hovered] {
2094
2407
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered);
2095
2408
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered);
2096
2409
  --text-color: var(--hop-Checkbox-text-color-hovered);
2097
2410
  --icon-color: var(--hop-Checkbox-icon-color-hovered);
2098
2411
  }
2099
- .Checkbox-module__hop-Checkbox___CzO1h[data-pressed] {
2412
+ .Checkbox-module__hop-Checkbox___BAZW7[data-pressed] {
2100
2413
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed);
2101
2414
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed);
2102
2415
  --text-color: var(--hop-Checkbox-text-color-pressed);
2103
2416
  --icon-color: var(--hop-Checkbox-icon-color-pressed);
2104
2417
  }
2105
- .Checkbox-module__hop-Checkbox___CzO1h[data-selected] {
2418
+ .Checkbox-module__hop-Checkbox___BAZW7[data-selected] {
2106
2419
  --box-background-color: var(--hop-Checkbox-box-background-color-selected);
2107
2420
  --box-border-color: var(--hop-Checkbox-box-border-color-selected);
2108
2421
  --check-display: var(--hop-Checkbox-check-display-selected);
2109
2422
  --text-color: var(--hop-Checkbox-text-color-selected);
2110
2423
  --icon-color: var(--hop-Checkbox-icon-color-selected);
2111
2424
  }
2112
- .Checkbox-module__hop-Checkbox___CzO1h[data-invalid] {
2425
+ .Checkbox-module__hop-Checkbox___BAZW7[data-invalid] {
2113
2426
  --box-background-color: var(--hop-Checkbox-box-background-color-invalid);
2114
2427
  --box-border-color: var(--hop-Checkbox-box-border-color-invalid);
2115
2428
  --check-color: var(--hop-Checkbox-check-color-invalid);
2116
2429
  --text-color: var(--hop-Checkbox-text-color-invalid);
2117
2430
  --icon-color: var(--hop-Checkbox-icon-color-invalid);
2118
2431
  }
2119
- .Checkbox-module__hop-Checkbox___CzO1h[data-invalid]:where([data-focus-visible]) {
2432
+ .Checkbox-module__hop-Checkbox___BAZW7[data-invalid]:where([data-focus-visible]) {
2120
2433
  --box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
2121
2434
  --box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
2122
2435
  }
2123
- .Checkbox-module__hop-Checkbox___CzO1h[data-invalid]:where([data-hovered]) {
2436
+ .Checkbox-module__hop-Checkbox___BAZW7[data-invalid]:where([data-hovered]) {
2124
2437
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
2125
2438
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
2126
2439
  --text-color: var(--hop-Checkbox-text-color-hovered-invalid);
2127
2440
  --icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
2128
2441
  }
2129
- .Checkbox-module__hop-Checkbox___CzO1h[data-invalid]:where([data-pressed]) {
2442
+ .Checkbox-module__hop-Checkbox___BAZW7[data-invalid]:where([data-pressed]) {
2130
2443
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
2131
2444
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
2132
2445
  --text-color: var(--hop-Checkbox-text-color-pressed-invalid);
2133
2446
  --icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
2134
2447
  }
2135
- .Checkbox-module__hop-Checkbox___CzO1h:where([data-invalid])[data-selected] {
2448
+ .Checkbox-module__hop-Checkbox___BAZW7:where([data-invalid])[data-selected] {
2136
2449
  --box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
2137
2450
  --box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
2138
2451
  }
2139
- .Checkbox-module__hop-Checkbox___CzO1h[data-disabled] {
2452
+ .Checkbox-module__hop-Checkbox___BAZW7[data-disabled] {
2140
2453
  --box-background-color: var(--hop-Checkbox-box-background-color-disabled);
2141
2454
  --box-border-color: var(--hop-Checkbox-box-border-color-disabled);
2142
2455
  --check-color: var(--hop-Checkbox-check-color-disabled);
@@ -2144,25 +2457,25 @@
2144
2457
  --text-color: var(--hop-Checkbox-text-color-disabled);
2145
2458
  --icon-color: var(--hop-Checkbox-icon-color-disabled);
2146
2459
  }
2147
- .Checkbox-module__hop-Checkbox--sm___VcyT6 {
2460
+ .Checkbox-module__hop-Checkbox--sm___YqWaC {
2148
2461
  --box-block-size: var(--hop-Checkbox-box-sm-block-size);
2149
2462
  --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
2150
2463
  --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
2151
2464
  --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
2152
2465
  }
2153
- .Checkbox-module__hop-Checkbox--md___J3sX8 {
2466
+ .Checkbox-module__hop-Checkbox--md___U5XZP {
2154
2467
  --box-block-size: var(--hop-Checkbox-box-md-block-size);
2155
2468
  --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
2156
2469
  --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
2157
2470
  --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
2158
2471
  }
2159
- .Checkbox-module__hop-Checkbox__icon___2OaKH,
2160
- .Checkbox-module__hop-Checkbox__icon-list___zLzmp {
2472
+ .Checkbox-module__hop-Checkbox__icon___KLnth,
2473
+ .Checkbox-module__hop-Checkbox__icon-list___W0H7Z {
2161
2474
  flex: 0 0 auto;
2162
2475
  order: 3;
2163
2476
  color: var(--icon-color);
2164
2477
  }
2165
- .Checkbox-module__hop-Checkbox__box___w4Bp4 {
2478
+ .Checkbox-module__hop-Checkbox__box___S6YLI {
2166
2479
  display: flex;
2167
2480
  flex: 0 0 auto;
2168
2481
  align-items: center;
@@ -2178,11 +2491,11 @@
2178
2491
  outline-offset: 0.125rem;
2179
2492
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
2180
2493
  }
2181
- .Checkbox-module__hop-Checkbox__check___i6tFk {
2494
+ .Checkbox-module__hop-Checkbox__check___6XxRa {
2182
2495
  display: var(--check-display);
2183
2496
  color: var(--check-color);
2184
2497
  }
2185
- .Checkbox-module__hop-Checkbox__text___yw7JB {
2498
+ .Checkbox-module__hop-Checkbox__text___IDqT7 {
2186
2499
  flex: 0 1 auto;
2187
2500
  order: 2;
2188
2501
  min-inline-size: 0;
@@ -2190,24 +2503,24 @@
2190
2503
  margin-inline-start: var(--text-margin-inline-start, var(--hop-Checkbox-text-md-margin-inline-start));
2191
2504
  color: var(--text-color);
2192
2505
  }
2193
- .DecorativeCheckbox-module__hop-DecorativeCheckbox___KOwWB {
2506
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox___7G-qd {
2194
2507
  }
2195
- .DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___Wwf-t {
2508
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___FiN5k {
2196
2509
  }
2197
- .DecorativeCheckbox-module__hop-DecorativeCheckbox--md___yLA7z {
2510
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox--md___Iy3nN {
2198
2511
  }
2199
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___DW-Ps,
2200
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___8n8C5 {
2512
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___fB5K6,
2513
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___tpof1 {
2201
2514
  }
2202
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__box___HqnCq {
2515
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__box___-VWj4 {
2203
2516
  }
2204
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__check___IGtcx {
2517
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__check___lCcKA {
2205
2518
  }
2206
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__text___bHHxl {
2519
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__text___oCixZ {
2207
2520
  }
2208
2521
 
2209
2522
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/Radio.module.css/#css-module-data */
2210
- .Radio-module__hop-Radio___Gt8zz {
2523
+ .Radio-module__hop-Radio___XpuQG {
2211
2524
  --hop-Radio-box-border-size: 0.0625rem;
2212
2525
  --hop-Radio-box-border-color: var(--hop-neutral-border);
2213
2526
  --hop-Radio-box-background-color: var(--hop-neutral-surface);
@@ -2281,60 +2594,60 @@
2281
2594
  inline-size: max-content;
2282
2595
  max-inline-size: 100%;
2283
2596
  }
2284
- .Radio-module__hop-Radio___Gt8zz[data-focus-visible] {
2597
+ .Radio-module__hop-Radio___XpuQG[data-focus-visible] {
2285
2598
  --box-background-color: var(--hop-Radio-box-background-color-focused);
2286
2599
  --box-border-color: var(--hop-Radio-box-border-color-focused);
2287
2600
  --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
2288
2601
  --text-color: var(--hop-Radio-text-color-focused);
2289
2602
  --icon-color: var(--hop-Radio-icon-color-focused);
2290
2603
  }
2291
- .Radio-module__hop-Radio___Gt8zz[data-hovered] {
2604
+ .Radio-module__hop-Radio___XpuQG[data-hovered] {
2292
2605
  --box-background-color: var(--hop-Radio-box-background-color-hovered);
2293
2606
  --box-border-color: var(--hop-Radio-box-border-color-hovered);
2294
2607
  --text-color: var(--hop-Radio-text-color-hovered);
2295
2608
  --icon-color: var(--hop-Radio-icon-color-hovered);
2296
2609
  }
2297
- .Radio-module__hop-Radio___Gt8zz[data-pressed] {
2610
+ .Radio-module__hop-Radio___XpuQG[data-pressed] {
2298
2611
  --box-background-color: var(--hop-Radio-box-background-color-pressed);
2299
2612
  --box-border-color: var(--hop-Radio-box-border-color-pressed);
2300
2613
  --text-color: var(--hop-Radio-text-color-pressed);
2301
2614
  --icon-color: var(--hop-Radio-icon-color-pressed);
2302
2615
  }
2303
- .Radio-module__hop-Radio___Gt8zz[data-selected] {
2616
+ .Radio-module__hop-Radio___XpuQG[data-selected] {
2304
2617
  --box-background-color: var(--hop-Radio-box-background-color-selected);
2305
2618
  --box-border-color: var(--hop-Radio-box-border-color-selected);
2306
2619
  --bullet-display: var(--hop-Radio-bullet-display-selected);
2307
2620
  --text-color: var(--hop-Radio-text-color-selected);
2308
2621
  --icon-color: var(--hop-Radio-icon-color-selected);
2309
2622
  }
2310
- .Radio-module__hop-Radio___Gt8zz[data-invalid] {
2623
+ .Radio-module__hop-Radio___XpuQG[data-invalid] {
2311
2624
  --box-background-color: var(--hop-Radio-box-background-color-invalid);
2312
2625
  --box-border-color: var(--hop-Radio-box-border-color-invalid);
2313
2626
  --bullet-color: var(--hop-Radio-bullet-color-invalid);
2314
2627
  --text-color: var(--hop-Radio-text-color-invalid);
2315
2628
  --icon-color: var(--hop-Radio-icon-color-invalid);
2316
2629
  }
2317
- .Radio-module__hop-Radio___Gt8zz:where([data-invalid])[data-focus-visible] {
2630
+ .Radio-module__hop-Radio___XpuQG:where([data-invalid])[data-focus-visible] {
2318
2631
  --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
2319
2632
  --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
2320
2633
  }
2321
- .Radio-module__hop-Radio___Gt8zz:where([data-invalid])[data-hovered] {
2634
+ .Radio-module__hop-Radio___XpuQG:where([data-invalid])[data-hovered] {
2322
2635
  --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
2323
2636
  --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
2324
2637
  --text-color: var(--hop-Radio-text-color-hovered-invalid);
2325
2638
  --icon-color: var(--hop-Radio-text-color-hovered-invalid);
2326
2639
  }
2327
- .Radio-module__hop-Radio___Gt8zz:where([data-invalid])[data-pressed] {
2640
+ .Radio-module__hop-Radio___XpuQG:where([data-invalid])[data-pressed] {
2328
2641
  --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
2329
2642
  --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
2330
2643
  --text-color: var(--hop-Radio-text-color-pressed-invalid);
2331
2644
  --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
2332
2645
  }
2333
- .Radio-module__hop-Radio___Gt8zz:where([data-invalid])[data-selected] {
2646
+ .Radio-module__hop-Radio___XpuQG:where([data-invalid])[data-selected] {
2334
2647
  --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
2335
2648
  --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
2336
2649
  }
2337
- .Radio-module__hop-Radio___Gt8zz[data-disabled] {
2650
+ .Radio-module__hop-Radio___XpuQG[data-disabled] {
2338
2651
  --box-background-color: var(--hop-Radio-box-background-color-disabled);
2339
2652
  --box-border-color: var(--hop-Radio-box-border-color-disabled);
2340
2653
  --bullet-color: var(--hop-Radio-bullet-color-disabled);
@@ -2342,25 +2655,25 @@
2342
2655
  --text-color: var(--hop-Radio-text-color-disabled);
2343
2656
  --icon-color: var(--hop-Radio-icon-color-disabled);
2344
2657
  }
2345
- .Radio-module__hop-Radio--sm___09Mx- {
2658
+ .Radio-module__hop-Radio--sm___qIPmE {
2346
2659
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
2347
2660
  --box-block-size: var(--hop-Radio-box-sm-block-size);
2348
2661
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
2349
2662
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
2350
2663
  }
2351
- .Radio-module__hop-Radio--md___9P-QN {
2664
+ .Radio-module__hop-Radio--md___A8z-9 {
2352
2665
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
2353
2666
  --box-block-size: var(--hop-Radio-box-md-block-size);
2354
2667
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
2355
2668
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
2356
2669
  }
2357
- .Radio-module__hop-Radio__icon___Qk--g,
2358
- .Radio-module__hop-Radio__icon-list___f-HBt {
2670
+ .Radio-module__hop-Radio__icon___yeuXg,
2671
+ .Radio-module__hop-Radio__icon-list___eS0dh {
2359
2672
  flex: 0 0 auto;
2360
2673
  order: 3;
2361
2674
  color: var(--icon-color);
2362
2675
  }
2363
- .Radio-module__hop-Radio__box___h6dfa {
2676
+ .Radio-module__hop-Radio__box___W7AH6 {
2364
2677
  display: flex;
2365
2678
  flex: 0 0 auto;
2366
2679
  align-items: center;
@@ -2376,11 +2689,11 @@
2376
2689
  outline-offset: 0.125rem;
2377
2690
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
2378
2691
  }
2379
- .Radio-module__hop-Radio__bullet___Dzw-Q {
2692
+ .Radio-module__hop-Radio__bullet___lXZ2T {
2380
2693
  display: var(--bullet-display);
2381
2694
  color: var(--bullet-color);
2382
2695
  }
2383
- .Radio-module__hop-Radio__text___hKaTF {
2696
+ .Radio-module__hop-Radio__text___-d-rN {
2384
2697
  flex: 0 1 auto;
2385
2698
  order: 2;
2386
2699
  min-inline-size: 0;
@@ -2390,7 +2703,7 @@
2390
2703
  }
2391
2704
 
2392
2705
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioField.module.css/#css-module-data */
2393
- .RadioField-module__hop-RadioField___BXIJy {
2706
+ .RadioField-module__hop-RadioField___adhih {
2394
2707
  --hop-RadioField-description-color: var(--hop-neutral-text-weak);
2395
2708
  --hop-RadioField-description-color-disabled: var(--hop-neutral-text-disabled);
2396
2709
  --hop-RadioField-sm-row-gap: var(--hop-space-stack-xs);
@@ -2409,28 +2722,28 @@
2409
2722
  inline-size: max-content;
2410
2723
  max-inline-size: 100%;
2411
2724
  }
2412
- .RadioField-module__hop-RadioField___BXIJy[data-disabled] {
2725
+ .RadioField-module__hop-RadioField___adhih[data-disabled] {
2413
2726
  --description-color: var(--hop-RadioField-description-color-disabled);
2414
2727
  }
2415
- .RadioField-module__hop-RadioField--sm___04Cza {
2728
+ .RadioField-module__hop-RadioField--sm___nqA-p {
2416
2729
  --row-gap: var(--hop-RadioField-sm-row-gap);
2417
2730
  --description-margin-inline-start: var(--hop-RadioField-description-sm-margin-inline-start);
2418
2731
  }
2419
- .RadioField-module__hop-RadioField--md___UjlGp {
2732
+ .RadioField-module__hop-RadioField--md___Nu70w {
2420
2733
  --row-gap: var(--hop-RadioField-md-row-gap);
2421
2734
  --description-margin-inline-start: var(--hop-RadioField-description-md-margin-inline-start);
2422
2735
  }
2423
- .RadioField-module__hop-RadioField__description___RWABI {
2736
+ .RadioField-module__hop-RadioField__description___Gdp-x {
2424
2737
  order: 2;
2425
2738
  margin-inline-start: var(--description-margin-inline-start, var(--hop-RadioField-description-md-margin-inline-start));
2426
2739
  color: var(--description-color);
2427
2740
  }
2428
- .RadioField-module__hop-RadioField__radio___KReIM {
2741
+ .RadioField-module__hop-RadioField__radio___vV0V7 {
2429
2742
  order: 1;
2430
2743
  }
2431
2744
 
2432
2745
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioGroup.module.css/#css-module-data */
2433
- .RadioGroup-module__hop-RadioGroup___XlT-J {
2746
+ .RadioGroup-module__hop-RadioGroup___2wZA0 {
2434
2747
  --hop-RadioGroup-align-items: flex-start;
2435
2748
  --hop-RadioGroup-justify-content: flex-start;
2436
2749
  --hop-RadioGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -2470,46 +2783,46 @@
2470
2783
  inline-size: var(--inline-size);
2471
2784
  max-inline-size: 100%;
2472
2785
  }
2473
- .RadioGroup-module__hop-RadioGroup--bordered___kYFHH {
2786
+ .RadioGroup-module__hop-RadioGroup--bordered___qlNXg {
2474
2787
  --list-border: var(--radio-border-size) solid var(--radio-border-color);
2475
2788
  --list-border-radius: var(--hop-shape-rounded-md);
2476
2789
  }
2477
- .RadioGroup-module__hop-RadioGroup--sm___-fS2N {
2790
+ .RadioGroup-module__hop-RadioGroup--sm___frU7B {
2478
2791
  --column-gap: var(--hop-RadioGroup-sm-column-gap);
2479
2792
  --row-gap: var(--hop-RadioGroup-sm-row-gap);
2480
2793
  --list-column-gap: var(--hop-RadioGroup-list-sm-column-gap);
2481
2794
  --list-row-gap: var(--hop-RadioGroup-list-sm-row-gap);
2482
2795
  }
2483
- .RadioGroup-module__hop-RadioGroup--md___gpiyf {
2796
+ .RadioGroup-module__hop-RadioGroup--md___80FWT {
2484
2797
  --column-gap: var(--hop-RadioGroup-md-column-gap);
2485
2798
  --row-gap: var(--hop-RadioGroup-md-row-gap);
2486
2799
  --list-column-gap: var(--hop-RadioGroup-list-md-column-gap);
2487
2800
  --list-row-gap: var(--hop-RadioGroup-list-md-row-gap);
2488
2801
  }
2489
- .RadioGroup-module__hop-RadioGroup--bordered___kYFHH.RadioGroup-module__hop-RadioGroup--sm___-fS2N {
2802
+ .RadioGroup-module__hop-RadioGroup--bordered___qlNXg.RadioGroup-module__hop-RadioGroup--sm___frU7B {
2490
2803
  --radio-padding: var(--hop-RadioGroup-bordered-sm-padding);
2491
2804
  --column-gap: var(--hop-RadioGroup-bordered-sm-column-gap);
2492
2805
  --row-gap: var(--hop-RadioGroup-bordered-sm-row-gap);
2493
2806
  --list-column-gap: var(--hop-RadioGroup-list-bordered-sm-column-gap);
2494
2807
  --list-row-gap: var(--hop-RadioGroup-list-bordered-sm-row-gap);
2495
2808
  }
2496
- .RadioGroup-module__hop-RadioGroup--bordered___kYFHH.RadioGroup-module__hop-RadioGroup--md___gpiyf {
2809
+ .RadioGroup-module__hop-RadioGroup--bordered___qlNXg.RadioGroup-module__hop-RadioGroup--md___80FWT {
2497
2810
  --radio-padding: var(--hop-RadioGroup-bordered-md-padding);
2498
2811
  --column-gap: var(--hop-RadioGroup-bordered-md-column-gap);
2499
2812
  --row-gap: var(--hop-RadioGroup-bordered-md-row-gap);
2500
2813
  --list-column-gap: var(--hop-RadioGroup-list-bordered-md-column-gap);
2501
2814
  --list-row-gap: var(--hop-RadioGroup-list-bordered-md-row-gap);
2502
2815
  }
2503
- .RadioGroup-module__hop-RadioGroup___XlT-J[data-orientation=horizontal] {
2816
+ .RadioGroup-module__hop-RadioGroup___2wZA0[data-orientation=horizontal] {
2504
2817
  --flex-direction: var(--hop-RadioGroup-horizontal-flex-direction);
2505
2818
  }
2506
- .RadioGroup-module__hop-RadioGroup--bordered___kYFHH[data-orientation=horizontal] {
2819
+ .RadioGroup-module__hop-RadioGroup--bordered___qlNXg[data-orientation=horizontal] {
2507
2820
  --flex-wrap: nowrap;
2508
2821
  }
2509
- .RadioGroup-module__hop-RadioGroup___XlT-J > .RadioGroup-module__hop-RadioGroup__label___IZn9M {
2822
+ .RadioGroup-module__hop-RadioGroup___2wZA0 > .RadioGroup-module__hop-RadioGroup__label___DfHKF {
2510
2823
  order: 1;
2511
2824
  }
2512
- .RadioGroup-module__hop-RadioGroup__list___0sy-X {
2825
+ .RadioGroup-module__hop-RadioGroup__list___feKs5 {
2513
2826
  display: flex;
2514
2827
  flex-flow: var(--flex-direction) var(--flex-wrap);
2515
2828
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -2520,7 +2833,7 @@
2520
2833
  border: var(--list-border, none);
2521
2834
  border-radius: var(--list-border-radius, 0);
2522
2835
  }
2523
- .RadioGroup-module__hop-RadioGroup__list___0sy-X > .RadioGroup-module__hop-RadioGroup__radio___M5gu4 {
2836
+ .RadioGroup-module__hop-RadioGroup__list___feKs5 > .RadioGroup-module__hop-RadioGroup__radio___FrUyU {
2524
2837
  position: relative;
2525
2838
  flex: 0 1 auto;
2526
2839
  align-content: start;
@@ -2528,28 +2841,28 @@
2528
2841
  min-inline-size: 0;
2529
2842
  padding: var(--radio-padding, 0);
2530
2843
  }
2531
- .RadioGroup-module__hop-RadioGroup--bordered___kYFHH .RadioGroup-module__hop-RadioGroup__list___0sy-X > .RadioGroup-module__hop-RadioGroup__radio___M5gu4 ~ .RadioGroup-module__hop-RadioGroup__radio___M5gu4::before {
2844
+ .RadioGroup-module__hop-RadioGroup--bordered___qlNXg .RadioGroup-module__hop-RadioGroup__list___feKs5 > .RadioGroup-module__hop-RadioGroup__radio___FrUyU ~ .RadioGroup-module__hop-RadioGroup__radio___FrUyU::before {
2532
2845
  content: "";
2533
2846
  position: absolute;
2534
2847
  display: block;
2535
2848
  }
2536
- .RadioGroup-module__hop-RadioGroup--bordered___kYFHH[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___0sy-X > .RadioGroup-module__hop-RadioGroup__radio___M5gu4 ~ .RadioGroup-module__hop-RadioGroup__radio___M5gu4::before {
2849
+ .RadioGroup-module__hop-RadioGroup--bordered___qlNXg[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___feKs5 > .RadioGroup-module__hop-RadioGroup__radio___FrUyU ~ .RadioGroup-module__hop-RadioGroup__radio___FrUyU::before {
2537
2850
  inset-block-start: 0;
2538
2851
  inset-inline: 0;
2539
2852
  border-block-start: var(--list-border, none);
2540
2853
  }
2541
- .RadioGroup-module__hop-RadioGroup--bordered___kYFHH[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___0sy-X > .RadioGroup-module__hop-RadioGroup__radio___M5gu4 ~ .RadioGroup-module__hop-RadioGroup__radio___M5gu4::before {
2854
+ .RadioGroup-module__hop-RadioGroup--bordered___qlNXg[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___feKs5 > .RadioGroup-module__hop-RadioGroup__radio___FrUyU ~ .RadioGroup-module__hop-RadioGroup__radio___FrUyU::before {
2542
2855
  inset-block: 0;
2543
2856
  inset-inline-start: 0;
2544
2857
  border-inline-start: var(--list-border, none);
2545
2858
  }
2546
- .RadioGroup-module__hop-RadioGroup___XlT-J > .RadioGroup-module__hop-RadioGroup__error-message___8q3Af,
2547
- .RadioGroup-module__hop-RadioGroup___XlT-J > .RadioGroup-module__hop-RadioGroup__helper-message___3AitS {
2859
+ .RadioGroup-module__hop-RadioGroup___2wZA0 > .RadioGroup-module__hop-RadioGroup__error-message___3wQhm,
2860
+ .RadioGroup-module__hop-RadioGroup___2wZA0 > .RadioGroup-module__hop-RadioGroup__helper-message___wo5Vw {
2548
2861
  order: 3;
2549
2862
  }
2550
2863
 
2551
2864
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/DecorativeRadio.module.css/#css-module-data */
2552
- .Radio-module__hop-Radio___Gt8zz {
2865
+ .Radio-module__hop-Radio___XpuQG {
2553
2866
  --hop-Radio-box-border-size: 0.0625rem;
2554
2867
  --hop-Radio-box-border-color: var(--hop-neutral-border);
2555
2868
  --hop-Radio-box-background-color: var(--hop-neutral-surface);
@@ -2623,60 +2936,60 @@
2623
2936
  inline-size: max-content;
2624
2937
  max-inline-size: 100%;
2625
2938
  }
2626
- .Radio-module__hop-Radio___Gt8zz[data-focus-visible] {
2939
+ .Radio-module__hop-Radio___XpuQG[data-focus-visible] {
2627
2940
  --box-background-color: var(--hop-Radio-box-background-color-focused);
2628
2941
  --box-border-color: var(--hop-Radio-box-border-color-focused);
2629
2942
  --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
2630
2943
  --text-color: var(--hop-Radio-text-color-focused);
2631
2944
  --icon-color: var(--hop-Radio-icon-color-focused);
2632
2945
  }
2633
- .Radio-module__hop-Radio___Gt8zz[data-hovered] {
2946
+ .Radio-module__hop-Radio___XpuQG[data-hovered] {
2634
2947
  --box-background-color: var(--hop-Radio-box-background-color-hovered);
2635
2948
  --box-border-color: var(--hop-Radio-box-border-color-hovered);
2636
2949
  --text-color: var(--hop-Radio-text-color-hovered);
2637
2950
  --icon-color: var(--hop-Radio-icon-color-hovered);
2638
2951
  }
2639
- .Radio-module__hop-Radio___Gt8zz[data-pressed] {
2952
+ .Radio-module__hop-Radio___XpuQG[data-pressed] {
2640
2953
  --box-background-color: var(--hop-Radio-box-background-color-pressed);
2641
2954
  --box-border-color: var(--hop-Radio-box-border-color-pressed);
2642
2955
  --text-color: var(--hop-Radio-text-color-pressed);
2643
2956
  --icon-color: var(--hop-Radio-icon-color-pressed);
2644
2957
  }
2645
- .Radio-module__hop-Radio___Gt8zz[data-selected] {
2958
+ .Radio-module__hop-Radio___XpuQG[data-selected] {
2646
2959
  --box-background-color: var(--hop-Radio-box-background-color-selected);
2647
2960
  --box-border-color: var(--hop-Radio-box-border-color-selected);
2648
2961
  --bullet-display: var(--hop-Radio-bullet-display-selected);
2649
2962
  --text-color: var(--hop-Radio-text-color-selected);
2650
2963
  --icon-color: var(--hop-Radio-icon-color-selected);
2651
2964
  }
2652
- .Radio-module__hop-Radio___Gt8zz[data-invalid] {
2965
+ .Radio-module__hop-Radio___XpuQG[data-invalid] {
2653
2966
  --box-background-color: var(--hop-Radio-box-background-color-invalid);
2654
2967
  --box-border-color: var(--hop-Radio-box-border-color-invalid);
2655
2968
  --bullet-color: var(--hop-Radio-bullet-color-invalid);
2656
2969
  --text-color: var(--hop-Radio-text-color-invalid);
2657
2970
  --icon-color: var(--hop-Radio-icon-color-invalid);
2658
2971
  }
2659
- .Radio-module__hop-Radio___Gt8zz:where([data-invalid])[data-focus-visible] {
2972
+ .Radio-module__hop-Radio___XpuQG:where([data-invalid])[data-focus-visible] {
2660
2973
  --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
2661
2974
  --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
2662
2975
  }
2663
- .Radio-module__hop-Radio___Gt8zz:where([data-invalid])[data-hovered] {
2976
+ .Radio-module__hop-Radio___XpuQG:where([data-invalid])[data-hovered] {
2664
2977
  --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
2665
2978
  --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
2666
2979
  --text-color: var(--hop-Radio-text-color-hovered-invalid);
2667
2980
  --icon-color: var(--hop-Radio-text-color-hovered-invalid);
2668
2981
  }
2669
- .Radio-module__hop-Radio___Gt8zz:where([data-invalid])[data-pressed] {
2982
+ .Radio-module__hop-Radio___XpuQG:where([data-invalid])[data-pressed] {
2670
2983
  --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
2671
2984
  --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
2672
2985
  --text-color: var(--hop-Radio-text-color-pressed-invalid);
2673
2986
  --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
2674
2987
  }
2675
- .Radio-module__hop-Radio___Gt8zz:where([data-invalid])[data-selected] {
2988
+ .Radio-module__hop-Radio___XpuQG:where([data-invalid])[data-selected] {
2676
2989
  --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
2677
2990
  --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
2678
2991
  }
2679
- .Radio-module__hop-Radio___Gt8zz[data-disabled] {
2992
+ .Radio-module__hop-Radio___XpuQG[data-disabled] {
2680
2993
  --box-background-color: var(--hop-Radio-box-background-color-disabled);
2681
2994
  --box-border-color: var(--hop-Radio-box-border-color-disabled);
2682
2995
  --bullet-color: var(--hop-Radio-bullet-color-disabled);
@@ -2684,25 +2997,25 @@
2684
2997
  --text-color: var(--hop-Radio-text-color-disabled);
2685
2998
  --icon-color: var(--hop-Radio-icon-color-disabled);
2686
2999
  }
2687
- .Radio-module__hop-Radio--sm___09Mx- {
3000
+ .Radio-module__hop-Radio--sm___qIPmE {
2688
3001
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
2689
3002
  --box-block-size: var(--hop-Radio-box-sm-block-size);
2690
3003
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
2691
3004
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
2692
3005
  }
2693
- .Radio-module__hop-Radio--md___9P-QN {
3006
+ .Radio-module__hop-Radio--md___A8z-9 {
2694
3007
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
2695
3008
  --box-block-size: var(--hop-Radio-box-md-block-size);
2696
3009
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
2697
3010
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
2698
3011
  }
2699
- .Radio-module__hop-Radio__icon___Qk--g,
2700
- .Radio-module__hop-Radio__icon-list___f-HBt {
3012
+ .Radio-module__hop-Radio__icon___yeuXg,
3013
+ .Radio-module__hop-Radio__icon-list___eS0dh {
2701
3014
  flex: 0 0 auto;
2702
3015
  order: 3;
2703
3016
  color: var(--icon-color);
2704
3017
  }
2705
- .Radio-module__hop-Radio__box___h6dfa {
3018
+ .Radio-module__hop-Radio__box___W7AH6 {
2706
3019
  display: flex;
2707
3020
  flex: 0 0 auto;
2708
3021
  align-items: center;
@@ -2718,11 +3031,11 @@
2718
3031
  outline-offset: 0.125rem;
2719
3032
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
2720
3033
  }
2721
- .Radio-module__hop-Radio__bullet___Dzw-Q {
3034
+ .Radio-module__hop-Radio__bullet___lXZ2T {
2722
3035
  display: var(--bullet-display);
2723
3036
  color: var(--bullet-color);
2724
3037
  }
2725
- .Radio-module__hop-Radio__text___hKaTF {
3038
+ .Radio-module__hop-Radio__text___-d-rN {
2726
3039
  flex: 0 1 auto;
2727
3040
  order: 2;
2728
3041
  min-inline-size: 0;
@@ -2730,24 +3043,24 @@
2730
3043
  margin-inline-start: var(--text-margin-inline-start, var(--hop-Radio-text-md-margin-inline-start));
2731
3044
  color: var(--text-color);
2732
3045
  }
2733
- .DecorativeRadio-module__hop-DecorativeRadio___jcIIK {
3046
+ .DecorativeRadio-module__hop-DecorativeRadio___G970V {
2734
3047
  }
2735
- .DecorativeRadio-module__hop-DecorativeRadio--sm___lkONc {
3048
+ .DecorativeRadio-module__hop-DecorativeRadio--sm___evuAe {
2736
3049
  }
2737
- .DecorativeRadio-module__hop-DecorativeRadio--md___-VsBB {
3050
+ .DecorativeRadio-module__hop-DecorativeRadio--md___vRdWJ {
2738
3051
  }
2739
- .DecorativeRadio-module__hop-DecorativeRadio__icon___8nmwW,
2740
- .DecorativeRadio-module__hop-DecorativeRadio__icon-list___tses2 {
3052
+ .DecorativeRadio-module__hop-DecorativeRadio__icon___YkXaI,
3053
+ .DecorativeRadio-module__hop-DecorativeRadio__icon-list___4eJZB {
2741
3054
  }
2742
- .DecorativeRadio-module__hop-DecorativeRadio__box___MTfR- {
3055
+ .DecorativeRadio-module__hop-DecorativeRadio__box___DtAMN {
2743
3056
  }
2744
- .DecorativeRadio-module__hop-DecorativeRadio__bullet___Vf08g {
3057
+ .DecorativeRadio-module__hop-DecorativeRadio__bullet___2-V8G {
2745
3058
  }
2746
- .DecorativeRadio-module__hop-DecorativeRadio__text___tJxkL {
3059
+ .DecorativeRadio-module__hop-DecorativeRadio__text___aKVl1 {
2747
3060
  }
2748
3061
 
2749
3062
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBoxItemSkeleton.module.css/#css-module-data */
2750
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___bzUls {
3063
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___9zffP {
2751
3064
  --hop-ListBoxItemSkeleton-background-color: var(--hop-rock-50);
2752
3065
  --hop-ListBoxItemSkeleton-background-color-dark: var(--hop-rock-75);
2753
3066
  --hop-ListBoxItemSkeleton-border-radius: var(--hop-shape-rounded-md);
@@ -2773,7 +3086,7 @@
2773
3086
  background-image: var(--hop-ListBoxItemSkeleton-linear-gradient);
2774
3087
  background-size: 400% 100%;
2775
3088
  border-radius: var(--hop-ListBoxItemSkeleton-border-radius);
2776
- animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___ML5Qz;
3089
+ animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___WAceV;
2777
3090
  animation-duration: var(--animation-duration);
2778
3091
  animation-timing-function: ease-in-out;
2779
3092
  animation-fill-mode: forwards;
@@ -2782,19 +3095,19 @@
2782
3095
  --animation-duration: var(--hop-ListBoxItemSkeleton-animation-reduced-motion-duration);
2783
3096
  }
2784
3097
  }
2785
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___uDmGx {
3098
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___FFwjh {
2786
3099
  --height: var(--hop-ListBoxItemSkeleton-xs-height);
2787
3100
  }
2788
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___XgP-2 {
3101
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___SRA10 {
2789
3102
  --height: var(--hop-ListBoxItemSkeleton-sm-height);
2790
3103
  }
2791
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___AO18x {
3104
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___Sqyy9 {
2792
3105
  --height: var(--hop-ListBoxItemSkeleton-md-height);
2793
3106
  }
2794
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___-VlqF {
3107
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___0csSN {
2795
3108
  --height: var(--hop-ListBoxItemSkeleton-lg-height);
2796
3109
  }
2797
- @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___ML5Qz {
3110
+ @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___WAceV {
2798
3111
  0% {
2799
3112
  background-position: 125% 50%;
2800
3113
  }
@@ -2804,7 +3117,7 @@
2804
3117
  }
2805
3118
 
2806
3119
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBoxItem.module.css/#css-module-data */
2807
- .ListBoxItem-module__hop-ListBoxItem___GZOuB {
3120
+ .ListBoxItem-module__hop-ListBoxItem___1RRXP {
2808
3121
  --hop-ListBoxItem-background-color: transparent;
2809
3122
  --hop-ListBoxItem-border-radius: var(--hop-shape-rounded-md);
2810
3123
  --hop-ListBoxItem-text-color: var(--hop-neutral-text);
@@ -2901,129 +3214,129 @@
2901
3214
  outline: var(--outline);
2902
3215
  outline-offset: calc(-1 * var(--hop-ListBoxItem-outline-size));
2903
3216
  }
2904
- .ListBoxItem-module__hop-ListBoxItem--xs___hBS1R {
3217
+ .ListBoxItem-module__hop-ListBoxItem--xs___m1Wll {
2905
3218
  --padding-block: var(--hop-ListBoxItem-xs-padding-block);
2906
3219
  --padding-inline: var(--hop-ListBoxItem-xs-padding-inline);
2907
3220
  --min-height: var(--hop-ListBoxItem-xs-min-height);
2908
3221
  --avatar-margin-block: var(--hop-ListBoxItem-xs-avatar-margin-block);
2909
3222
  --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight);
2910
3223
  }
2911
- .ListBoxItem-module__hop-ListBoxItem--sm___rEQaX {
3224
+ .ListBoxItem-module__hop-ListBoxItem--sm___KIj7Y {
2912
3225
  --padding-block: var(--hop-ListBoxItem-sm-padding-block);
2913
3226
  --padding-inline: var(--hop-ListBoxItem-sm-padding-inline);
2914
3227
  --min-height: var(--hop-ListBoxItem-sm-min-height);
2915
3228
  --avatar-margin-block: var(--hop-ListBoxItem-sm-avatar-margin-block);
2916
3229
  --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight);
2917
3230
  }
2918
- .ListBoxItem-module__hop-ListBoxItem--md___4z-pw {
3231
+ .ListBoxItem-module__hop-ListBoxItem--md___3HAyR {
2919
3232
  --padding-block: var(--hop-ListBoxItem-md-padding-block);
2920
3233
  --padding-inline: var(--hop-ListBoxItem-md-padding-inline);
2921
3234
  --min-height: var(--hop-ListBoxItem-md-min-height);
2922
3235
  --avatar-margin-block: var(--hop-ListBoxItem-md-avatar-margin-block);
2923
3236
  --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight);
2924
3237
  }
2925
- .ListBoxItem-module__hop-ListBoxItem--lg___dqpuZ {
3238
+ .ListBoxItem-module__hop-ListBoxItem--lg___iefdL {
2926
3239
  --padding-block: var(--hop-ListBoxItem-lg-padding-block);
2927
3240
  --padding-inline: var(--hop-ListBoxItem-lg-padding-inline);
2928
3241
  --min-height: var(--hop-ListBoxItem-lg-min-height);
2929
3242
  --avatar-margin-block: var(--hop-ListBoxItem-lg-avatar-margin-block);
2930
3243
  --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight);
2931
3244
  }
2932
- .ListBoxItem-module__hop-ListBoxItem___GZOuB[data-selection-mode] {
3245
+ .ListBoxItem-module__hop-ListBoxItem___1RRXP[data-selection-mode] {
2933
3246
  --cursor: pointer;
2934
3247
  }
2935
- .ListBoxItem-module__hop-ListBoxItem___GZOuB:not([data-selection-mode]) {
3248
+ .ListBoxItem-module__hop-ListBoxItem___1RRXP:not([data-selection-mode]) {
2936
3249
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
2937
3250
  }
2938
- .ListBoxItem-module__hop-ListBoxItem__inner___EhcxD:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___L7u5U) {
3251
+ .ListBoxItem-module__hop-ListBoxItem__inner___tKaAM:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___uXDAf) {
2939
3252
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
2940
3253
  }
2941
- .ListBoxItem-module__hop-ListBoxItem__inner___EhcxD[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___L7u5U) {
3254
+ .ListBoxItem-module__hop-ListBoxItem__inner___tKaAM[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___uXDAf) {
2942
3255
  --checkmark-transition: none;
2943
3256
  }
2944
- .ListBoxItem-module__hop-ListBoxItem___GZOuB[data-selected] {
3257
+ .ListBoxItem-module__hop-ListBoxItem___1RRXP[data-selected] {
2945
3258
  --background-color: var(--hop-ListBoxItem-background-color-selected);
2946
3259
  --text-color: var(--hop-ListBoxItem-text-color-selected);
2947
3260
  --icon-color: var(--hop-ListBoxItem-icon-color-selected);
2948
3261
  --checkmark-opacity: 1;
2949
3262
  }
2950
- .ListBoxItem-module__hop-ListBoxItem--xs___hBS1R[data-selected] {
3263
+ .ListBoxItem-module__hop-ListBoxItem--xs___m1Wll[data-selected] {
2951
3264
  --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight-selected);
2952
3265
  }
2953
- .ListBoxItem-module__hop-ListBoxItem--sm___rEQaX[data-selected] {
3266
+ .ListBoxItem-module__hop-ListBoxItem--sm___KIj7Y[data-selected] {
2954
3267
  --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight-selected);
2955
3268
  }
2956
- .ListBoxItem-module__hop-ListBoxItem--md___4z-pw[data-selected] {
3269
+ .ListBoxItem-module__hop-ListBoxItem--md___3HAyR[data-selected] {
2957
3270
  --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight-selected);
2958
3271
  }
2959
- .ListBoxItem-module__hop-ListBoxItem--lg___dqpuZ[data-selected] {
3272
+ .ListBoxItem-module__hop-ListBoxItem--lg___iefdL[data-selected] {
2960
3273
  --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight-selected);
2961
3274
  }
2962
- .ListBoxItem-module__hop-ListBoxItem___GZOuB[data-focus-visible] {
3275
+ .ListBoxItem-module__hop-ListBoxItem___1RRXP[data-focus-visible] {
2963
3276
  --background-color: var(--hop-ListBoxItem-background-color-focused);
2964
3277
  --text-color: var(--hop-ListBoxItem-text-color-focused);
2965
3278
  --icon-color: var(--hop-ListBoxItem-icon-color-focused);
2966
3279
  --outline: var(--hop-ListBoxItem-outline-size) solid var(--hop-ListBoxItem-outline-color);
2967
3280
  }
2968
- .ListBoxItem-module__hop-ListBoxItem___GZOuB[data-hovered] {
3281
+ .ListBoxItem-module__hop-ListBoxItem___1RRXP[data-hovered] {
2969
3282
  --background-color: var(--hop-ListBoxItem-background-color-hovered);
2970
3283
  --text-color: var(--hop-ListBoxItem-text-color-hovered);
2971
3284
  --icon-color: var(--hop-ListBoxItem-icon-color-hovered);
2972
3285
  }
2973
- .ListBoxItem-module__hop-ListBoxItem___GZOuB[data-pressed] {
3286
+ .ListBoxItem-module__hop-ListBoxItem___1RRXP[data-pressed] {
2974
3287
  --background-color: var(--hop-ListBoxItem-background-color-pressed);
2975
3288
  --text-color: var(--hop-ListBoxItem-text-color-pressed);
2976
3289
  --icon-color: var(--hop-ListBoxItem-icon-color-pressed);
2977
3290
  }
2978
- .ListBoxItem-module__hop-ListBoxItem___GZOuB[data-disabled] {
3291
+ .ListBoxItem-module__hop-ListBoxItem___1RRXP[data-disabled] {
2979
3292
  --background-color: var(--hop-ListBoxItem-background-color-disabled);
2980
3293
  --text-color: var(--hop-ListBoxItem-text-color-disabled);
2981
3294
  --icon-color: var(--hop-ListBoxItem-icon-color-disabled);
2982
3295
  --description-text-color: var(--hop-ListBoxItem-text-color-disabled);
2983
3296
  --cursor: not-allowed;
2984
3297
  }
2985
- .ListBoxItem-module__hop-ListBoxItem___GZOuB[data-invalid] {
3298
+ .ListBoxItem-module__hop-ListBoxItem___1RRXP[data-invalid] {
2986
3299
  --background-color: var(--hop-ListBoxItem-background-color-invalid);
2987
3300
  --text-color: var(--hop-ListBoxItem-text-color-invalid);
2988
3301
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid);
2989
3302
  }
2990
- .ListBoxItem-module__hop-ListBoxItem___GZOuB[data-invalid][data-selected] {
3303
+ .ListBoxItem-module__hop-ListBoxItem___1RRXP[data-invalid][data-selected] {
2991
3304
  --background-color: var(--hop-ListBoxItem-background-color-invalid-selected);
2992
3305
  --text-color: var(--hop-ListBoxItem-text-color-invalid-selected);
2993
3306
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-selected);
2994
3307
  }
2995
- .ListBoxItem-module__hop-ListBoxItem___GZOuB[data-invalid][data-focus-visible] {
3308
+ .ListBoxItem-module__hop-ListBoxItem___1RRXP[data-invalid][data-focus-visible] {
2996
3309
  --background-color: var(--hop-ListBoxItem-background-color-invalid-focused);
2997
3310
  --text-color: var(--hop-ListBoxItem-text-color-invalid-focused);
2998
3311
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-focused);
2999
3312
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-focused);
3000
3313
  }
3001
- .ListBoxItem-module__hop-ListBoxItem___GZOuB[data-invalid][data-hovered] {
3314
+ .ListBoxItem-module__hop-ListBoxItem___1RRXP[data-invalid][data-hovered] {
3002
3315
  --background-color: var(--hop-ListBoxItem-background-color-invalid-hovered);
3003
3316
  --text-color: var(--hop-ListBoxItem-text-color-invalid-hovered);
3004
3317
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-hovered);
3005
3318
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-hovered);
3006
3319
  }
3007
- .ListBoxItem-module__hop-ListBoxItem___GZOuB[data-invalid][data-pressed] {
3320
+ .ListBoxItem-module__hop-ListBoxItem___1RRXP[data-invalid][data-pressed] {
3008
3321
  --background-color: var(--hop-ListBoxItem-background-color-invalid-pressed);
3009
3322
  --text-color: var(--hop-ListBoxItem-text-color-invalid-pressed);
3010
3323
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-pressed);
3011
3324
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-pressed);
3012
3325
  }
3013
- .ListBoxItem-module__hop-ListBoxItem___GZOuB[data-invalid][data-disabled] {
3326
+ .ListBoxItem-module__hop-ListBoxItem___1RRXP[data-invalid][data-disabled] {
3014
3327
  --background-color: var(--hop-ListBoxItem-background-color-invalid-disabled);
3015
3328
  --text-color: var(--hop-ListBoxItem-text-color-invalid-disabled);
3016
3329
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-disabled);
3017
3330
  }
3018
- .ListBoxItem-module__hop-ListBoxItem___GZOuB:has(.ListBoxItem-module__hop-ListBoxItem__description___HEltb) {
3331
+ .ListBoxItem-module__hop-ListBoxItem___1RRXP:has(.ListBoxItem-module__hop-ListBoxItem__description___SbOqS) {
3019
3332
  --row-gap: var(--hop-ListBoxItem-row-gap);
3020
3333
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-with-description);
3021
3334
  }
3022
- .ListBoxItem-module__hop-ListBoxItem___GZOuB[data-loading] {
3335
+ .ListBoxItem-module__hop-ListBoxItem___1RRXP[data-loading] {
3023
3336
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-loading);
3024
3337
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-loading);
3025
3338
  }
3026
- .ListBoxItem-module__hop-ListBoxItem__inner___EhcxD {
3339
+ .ListBoxItem-module__hop-ListBoxItem__inner___tKaAM {
3027
3340
  display: grid;
3028
3341
  grid-template-areas: var(--grid-template-areas);
3029
3342
  grid-template-columns: var(--grid-template-columns);
@@ -3035,33 +3348,33 @@
3035
3348
  padding-inline: var(--padding-inline);
3036
3349
  transition: grid-template-columns .3s ease-in-out;
3037
3350
  }
3038
- .ListBoxItem-module__hop-ListBoxItem__checkmark___L7u5U {
3351
+ .ListBoxItem-module__hop-ListBoxItem__checkmark___uXDAf {
3039
3352
  grid-area: indicator;
3040
3353
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
3041
3354
  color: var(--icon-color);
3042
3355
  opacity: var(--checkmark-opacity);
3043
3356
  transition: var(--checkmark-transition);
3044
3357
  }
3045
- .ListBoxItem-module__hop-ListBoxItem__radio___lWy96,
3046
- .ListBoxItem-module__hop-ListBoxItem__checkbox___f55H0 {
3358
+ .ListBoxItem-module__hop-ListBoxItem__radio___PP4kY,
3359
+ .ListBoxItem-module__hop-ListBoxItem__checkbox___98rFy {
3047
3360
  pointer-events: none;
3048
3361
  user-select: none;
3049
3362
  grid-area: indicator;
3050
3363
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
3051
3364
  }
3052
- .ListBoxItem-module__hop-ListBoxItem__avatar___kUXYh {
3365
+ .ListBoxItem-module__hop-ListBoxItem__avatar___HEGyp {
3053
3366
  grid-area: avatar;
3054
3367
  margin-block: var(--avatar-margin-block, 0);
3055
3368
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
3056
3369
  }
3057
- .ListBoxItem-module__hop-ListBoxItem__icon-list___YIsgt,
3058
- .ListBoxItem-module__hop-ListBoxItem__icon___31CVK {
3370
+ .ListBoxItem-module__hop-ListBoxItem__icon-list___CtmLh,
3371
+ .ListBoxItem-module__hop-ListBoxItem__icon___qe9Xy {
3059
3372
  grid-area: icon;
3060
3373
  flex: 0 0 auto;
3061
3374
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
3062
3375
  color: var(--icon-color);
3063
3376
  }
3064
- .ListBoxItem-module__hop-ListBoxItem__label___uIs42 {
3377
+ .ListBoxItem-module__hop-ListBoxItem__label___tJ6hJ {
3065
3378
  overflow: hidden;
3066
3379
  grid-area: label;
3067
3380
  min-inline-size: 0;
@@ -3069,18 +3382,18 @@
3069
3382
  text-overflow: ellipsis;
3070
3383
  white-space: nowrap;
3071
3384
  }
3072
- .ListBoxItem-module__hop-ListBoxItem__end-icon-list___yt35M,
3073
- .ListBoxItem-module__hop-ListBoxItem__end-icon___5tWVc {
3385
+ .ListBoxItem-module__hop-ListBoxItem__end-icon-list___oPYgw,
3386
+ .ListBoxItem-module__hop-ListBoxItem__end-icon___Q34n3 {
3074
3387
  grid-area: end-icon;
3075
3388
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
3076
3389
  color: var(--icon-color);
3077
3390
  }
3078
- .ListBoxItem-module__hop-ListBoxItem__badge___Jta-M {
3391
+ .ListBoxItem-module__hop-ListBoxItem__badge___mce3W {
3079
3392
  grid-area: badge;
3080
3393
  margin-block: var(--hop-ListBoxItem-badge-margin-block);
3081
3394
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
3082
3395
  }
3083
- .ListBoxItem-module__hop-ListBoxItem__description___HEltb {
3396
+ .ListBoxItem-module__hop-ListBoxItem__description___SbOqS {
3084
3397
  overflow: hidden;
3085
3398
  display: -webkit-box;
3086
3399
  grid-area: description;
@@ -3091,7 +3404,7 @@
3091
3404
  }
3092
3405
 
3093
3406
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBox.module.css/#css-module-data */
3094
- .ListBox-module__hop-ListBox___3hIdm {
3407
+ .ListBox-module__hop-ListBox___41Srh {
3095
3408
  --hop-ListBox-background-color: var(--hop-neutral-surface);
3096
3409
  --hop-ListBox-border-color: var(--hop-neutral-border-weak);
3097
3410
  --hop-ListBox-border-radius: var(--hop-shape-rounded-md);
@@ -3138,11 +3451,11 @@
3138
3451
  border: var(--hop-ListBox-border-size) solid var(--hop-ListBox-border-color);
3139
3452
  border-radius: var(--hop-ListBox-border-radius);
3140
3453
  }
3141
- .ListBox-module__hop-ListBox--fluid___KYv8L {
3454
+ .ListBox-module__hop-ListBox--fluid___lOsW0 {
3142
3455
  --max-width: var(--hop-ListBox-fluid-max-width);
3143
3456
  --width: var(--hop-ListBox-fluid-width);
3144
3457
  }
3145
- .ListBox-module__hop-ListBox__section___ehK9Q {
3458
+ .ListBox-module__hop-ListBox__section___gFkZO {
3146
3459
  margin-block: var(--section-margin-block-start) var(--section-margin-block-end);
3147
3460
  margin-inline: var(--hop-ListBox-section-margin-inline);
3148
3461
  padding-block: var(--section-padding-block-start) var(--section-padding-block-end);
@@ -3150,21 +3463,21 @@
3150
3463
  border-block-start: var(--section-border-block-start);
3151
3464
  border-block-end: var(--section-border-block-end);
3152
3465
  }
3153
- .ListBox-module__hop-ListBox__item___iNZjV + .ListBox-module__hop-ListBox__section___ehK9Q {
3466
+ .ListBox-module__hop-ListBox__item___AZJYT + .ListBox-module__hop-ListBox__section___gFkZO {
3154
3467
  --section-margin-block-start: var(--hop-ListBox-section-margin-block);
3155
3468
  --section-border-block-start: var(--hop-ListBox-section-border-size) solid var(--hop-ListBox-section-border-color);
3156
3469
  }
3157
- .ListBox-module__hop-ListBox__section___ehK9Q:has(+ .ListBox-module__hop-ListBox__item___iNZjV) {
3470
+ .ListBox-module__hop-ListBox__section___gFkZO:has(+ .ListBox-module__hop-ListBox__item___AZJYT) {
3158
3471
  --section-margin-block-end: var(--hop-ListBox-section-margin-block);
3159
3472
  }
3160
- .ListBox-module__hop-ListBox__section___ehK9Q:first-child {
3473
+ .ListBox-module__hop-ListBox__section___gFkZO:first-child {
3161
3474
  --section-padding-block-start: 0;
3162
3475
  }
3163
- .ListBox-module__hop-ListBox__section___ehK9Q:last-child {
3476
+ .ListBox-module__hop-ListBox__section___gFkZO:last-child {
3164
3477
  --section-padding-block-end: 0;
3165
3478
  --section-border-block-end: 0;
3166
3479
  }
3167
- .ListBox-module__hop-ListBox__section-header___1lGBP {
3480
+ .ListBox-module__hop-ListBox__section-header___Cf7qf {
3168
3481
  margin: 0;
3169
3482
  padding: var(--hop-ListBox-section-header-padding);
3170
3483
  font-family: var(--hop-ListBox-section-header-font-family);
@@ -3175,30 +3488,30 @@
3175
3488
  text-transform: var(--hop-ListBox-section-header-text-transform);
3176
3489
  letter-spacing: var(--hop-ListBox-section-header-letter-spacing);
3177
3490
  }
3178
- .ListBox-module__hop-ListBox__section-header___1lGBP::before,
3179
- .ListBox-module__hop-ListBox__section-header___1lGBP::after {
3491
+ .ListBox-module__hop-ListBox__section-header___Cf7qf::before,
3492
+ .ListBox-module__hop-ListBox__section-header___Cf7qf::after {
3180
3493
  content: "";
3181
3494
  display: block;
3182
3495
  box-sizing: border-box;
3183
3496
  inline-size: 0;
3184
3497
  block-size: 0;
3185
3498
  }
3186
- .ListBox-module__hop-ListBox__section-header___1lGBP::before {
3499
+ .ListBox-module__hop-ListBox__section-header___Cf7qf::before {
3187
3500
  margin-block-end: var(--hop-ListBox-section-header-bottom-offset);
3188
3501
  }
3189
- .ListBox-module__hop-ListBox__section-header___1lGBP::after {
3502
+ .ListBox-module__hop-ListBox__section-header___Cf7qf::after {
3190
3503
  margin-block-start: var(--hop-ListBox-section-header-top-offset);
3191
3504
  }
3192
3505
 
3193
3506
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/overlays/Popover/src/Popover.module.css/#css-module-data */
3194
- :where(.Popover-module__hop-Popover___FeUXP *) {
3507
+ :where(.Popover-module__hop-Popover___ccT6r *) {
3195
3508
  font-family: var(--font-family);
3196
3509
  font-size: var(--font-size);
3197
3510
  font-weight: var(--font-weight);
3198
3511
  line-height: var(--line-height);
3199
3512
  outline: none;
3200
3513
  }
3201
- .Popover-module__hop-Popover___FeUXP {
3514
+ .Popover-module__hop-Popover___ccT6r {
3202
3515
  --hop-Popover-max-inline-width: calc(100% - (var(--container-padding) * 2));
3203
3516
  --hop-Popover-inline-width: 25rem;
3204
3517
  --hop-Popover-dropdown-inline-width: var(--trigger-width);
@@ -3211,22 +3524,22 @@
3211
3524
  inline-size: var(--width);
3212
3525
  max-inline-size: var(--max-width);
3213
3526
  }
3214
- .Popover-module__hop-Popover___FeUXP[data-trigger=Select] {
3527
+ .Popover-module__hop-Popover___ccT6r[data-trigger=Select] {
3215
3528
  --width: var(--hop-Popover-dropdown-inline-width);
3216
3529
  }
3217
- .Popover-module__hop-Popover___FeUXP[data-trigger=ComboBox] {
3530
+ .Popover-module__hop-Popover___ccT6r[data-trigger=ComboBox] {
3218
3531
  --width: var(--hop-Popover-combo-box-dropdown-inline-width);
3219
3532
  }
3220
- .Popover-module__hop-Popover___FeUXP[data-auto-width] {
3533
+ .Popover-module__hop-Popover___ccT6r[data-auto-width] {
3221
3534
  --width: var(--hop-Popover-dropdown-auto-inline-width);
3222
3535
  }
3223
- .Popover-module__hop-Popover___FeUXP[data-entering] {
3224
- animation: Popover-module__fade___V06Bh 0.25s;
3536
+ .Popover-module__hop-Popover___ccT6r[data-entering] {
3537
+ animation: Popover-module__fade___FkPE6 0.25s;
3225
3538
  }
3226
- .Popover-module__hop-Popover___FeUXP[data-exiting] {
3227
- animation: Popover-module__fade___V06Bh 0.25s reverse;
3539
+ .Popover-module__hop-Popover___ccT6r[data-exiting] {
3540
+ animation: Popover-module__fade___FkPE6 0.25s reverse;
3228
3541
  }
3229
- @keyframes Popover-module__fade___V06Bh {
3542
+ @keyframes Popover-module__fade___FkPE6 {
3230
3543
  from {
3231
3544
  opacity: 0;
3232
3545
  }
@@ -3234,14 +3547,14 @@
3234
3547
  opacity: 1;
3235
3548
  }
3236
3549
  }
3237
- .Popover-module__hop-Popover__wrapper___DBOsb {
3550
+ .Popover-module__hop-Popover__wrapper___8J-K3 {
3238
3551
  display: flex;
3239
3552
  flex: 1 1 auto;
3240
3553
  flex-direction: column;
3241
3554
  min-block-size: 0;
3242
3555
  }
3243
- .Popover-module__hop-Popover__dialog___w3T8J,
3244
- .Popover-module__hop-Popover__dropdown___0R58g {
3556
+ .Popover-module__hop-Popover__dialog___n4Uvf,
3557
+ .Popover-module__hop-Popover__dropdown___jDakO {
3245
3558
  --hop-Popover-background: var(--hop-neutral-surface);
3246
3559
  --hop-Popover-font-family: var(--hop-body-sm-font-family);
3247
3560
  --hop-Popover-font-size: var(--hop-body-sm-font-size);
@@ -3287,21 +3600,21 @@
3287
3600
  border-radius: var(--hop-Popover-border-radius);
3288
3601
  box-shadow: var(--hop-Popover-box-shadow);
3289
3602
  }
3290
- .Popover-module__hop-Popover__dropdown___0R58g {
3603
+ .Popover-module__hop-Popover__dropdown___jDakO {
3291
3604
  --footer-margin: var(--hop-Popover-footer-dropdown-margin);
3292
3605
  --footer-place-self: stretch;
3293
3606
  --grid-template: var(--hop-Popover-dropdown-grid-template);
3294
3607
  --padding: var(--hop-Popover-dropdown-padding);
3295
3608
  overflow: hidden;
3296
3609
  }
3297
- .Popover-module__hop-Popover__dialog___w3T8J {
3610
+ .Popover-module__hop-Popover__dialog___n4Uvf {
3298
3611
  --padding: var(--hop-Popover-dialog-padding);
3299
3612
  }
3300
- .Popover-module__hop-Popover__title___bxopN {
3613
+ .Popover-module__hop-Popover__title___9bcgP {
3301
3614
  grid-area: header;
3302
3615
  color: var(--hop-Popover-color);
3303
3616
  }
3304
- .Popover-module__hop-Popover__content___wYd0v {
3617
+ .Popover-module__hop-Popover__content___zpaSB {
3305
3618
  --font-size: var(--hop-Popover-content-font-size);
3306
3619
  --line-height: var(--hop-Popover-content-line-height);
3307
3620
  grid-area: content;
@@ -3310,7 +3623,7 @@
3310
3623
  padding: 0;
3311
3624
  color: var(--hop-Popover-content-color);
3312
3625
  }
3313
- .Popover-module__hop-Popover__dropdown___0R58g .Popover-module__hop-Popover__list-box___qh9k2 {
3626
+ .Popover-module__hop-Popover__dropdown___jDakO .Popover-module__hop-Popover__list-box___TLlq4 {
3314
3627
  grid-area: content;
3315
3628
  inline-size: auto;
3316
3629
  min-inline-size: auto;
@@ -3318,7 +3631,7 @@
3318
3631
  max-block-size: var(--hop-Popover-list-box-dropdown-max-height);
3319
3632
  border: none;
3320
3633
  }
3321
- .Popover-module__hop-Popover__footer___Y8SMN {
3634
+ .Popover-module__hop-Popover__footer___4Eqb0 {
3322
3635
  --font-size: var(--hop-Popover-footer-font-size);
3323
3636
  --line-height: var(--hop-Popover-footer-line-height);
3324
3637
  grid-area: footer;
@@ -3326,22 +3639,22 @@
3326
3639
  margin: var(--footer-margin);
3327
3640
  color: var(--hop-Popover-color);
3328
3641
  }
3329
- .Popover-module__hop-Popover__dropdown___0R58g .Popover-module__hop-Popover__footer___Y8SMN {
3642
+ .Popover-module__hop-Popover__dropdown___jDakO .Popover-module__hop-Popover__footer___4Eqb0 {
3330
3643
  padding: var(--hop-Popover-footer-dropdown-footer-padding);
3331
3644
  border-block-start: var(--hop-Popover-footer-dropdown-footer-border-top);
3332
3645
  }
3333
- .Popover-module__hop-Popover__actions___oRHiA,
3334
- .Popover-module__hop-Popover__action___C1dIt {
3646
+ .Popover-module__hop-Popover__actions___-4lqO,
3647
+ .Popover-module__hop-Popover__action___jtirX {
3335
3648
  grid-area: action;
3336
3649
  justify-self: end;
3337
3650
  margin-block-start: var(--hop-Popover-row-gap);
3338
3651
  }
3339
- .Popover-module__hop-Popover___FeUXP:has(.Popover-module__hop-Popover__actions___oRHiA, .Popover-module__hop-Popover__action___C1dIt) .Popover-module__hop-Popover__footer___Y8SMN {
3652
+ .Popover-module__hop-Popover___ccT6r:has(.Popover-module__hop-Popover__actions___-4lqO, .Popover-module__hop-Popover__action___jtirX) .Popover-module__hop-Popover__footer___4Eqb0 {
3340
3653
  margin-inline-end: var(--hop-Popover-column-gap);
3341
3654
  }
3342
3655
 
3343
3656
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ComboBox/src/ComboBox.module.css/#css-module-data */
3344
- .ComboBox-module__hop-ComboBox___qAAos {
3657
+ .ComboBox-module__hop-ComboBox___GHs1E {
3345
3658
  --hop-ComboBox-row-gap: var(--hop-space-stack-xs);
3346
3659
  --hop-ComboBox-inline-size: 20rem;
3347
3660
  --hop-ComboBox-inline-size-fluid: 100%;
@@ -3405,13 +3718,13 @@
3405
3718
  inline-size: var(--inline-size);
3406
3719
  max-inline-size: var(--hop-ComboBox-max-inline-size);
3407
3720
  }
3408
- .ComboBox-module__hop-ComboBox--fluid___UF7rN {
3721
+ .ComboBox-module__hop-ComboBox--fluid___ZHFOi {
3409
3722
  --inline-size: var(--hop-ComboBox-inline-size-fluid);
3410
3723
  }
3411
- .ComboBox-module__hop-ComboBox__label___8AX3d {
3724
+ .ComboBox-module__hop-ComboBox__label___iAsIT {
3412
3725
  order: 1;
3413
3726
  }
3414
- .ComboBox-module__hop-ComboBox__trigger___3a8SO {
3727
+ .ComboBox-module__hop-ComboBox__trigger___JgJXP {
3415
3728
  cursor: var(--trigger-cursor);
3416
3729
  overflow: hidden;
3417
3730
  display: flex;
@@ -3424,32 +3737,32 @@
3424
3737
  border: var(--hop-ComboBox-trigger-border-size) solid var(--trigger-border-color);
3425
3738
  border-radius: var(--hop-ComboBox-trigger-border-radius);
3426
3739
  }
3427
- .ComboBox-module__hop-ComboBox__trigger--sm___Mxmha {
3740
+ .ComboBox-module__hop-ComboBox__trigger--sm___aaRfl {
3428
3741
  --trigger-block-size: var(--hop-ComboBox-trigger-sm-block-size);
3429
3742
  --input-font-family: var(--hop-ComboBox-input-sm-font-family);
3430
3743
  --input-font-size: var(--hop-ComboBox-input-sm-font-size);
3431
3744
  --input-font-weight: var(--hop-ComboBox-input-sm-font-weight);
3432
3745
  --input-line-height: var(--hop-ComboBox-input-sm-line-height);
3433
3746
  }
3434
- .ComboBox-module__hop-ComboBox__trigger--md___VHUtO {
3747
+ .ComboBox-module__hop-ComboBox__trigger--md___5ygqi {
3435
3748
  --trigger-block-size: var(--hop-ComboBox-trigger-md-block-size);
3436
3749
  }
3437
- .ComboBox-module__hop-ComboBox__trigger___3a8SO[data-hovered] {
3750
+ .ComboBox-module__hop-ComboBox__trigger___JgJXP[data-hovered] {
3438
3751
  --trigger-background-color: var(--hop-ComboBox-trigger-background-color-hovered);
3439
3752
  --trigger-border-color: var(--hop-ComboBox-trigger-border-color-hovered);
3440
3753
  --trigger-color: var(--hop-ComboBox-trigger-color-hovered);
3441
3754
  --button-icon-color: var(--hop-ComboBox-button-icon-color-hovered);
3442
3755
  }
3443
- .ComboBox-module__hop-ComboBox__trigger___3a8SO[data-selected] {
3756
+ .ComboBox-module__hop-ComboBox__trigger___JgJXP[data-selected] {
3444
3757
  --trigger-background-color: var(--hop-ComboBox-button-background-color-selected);
3445
3758
  --trigger-border-color: var(--hop-ComboBox-button-border-color-selected);
3446
3759
  --trigger-color: var(--hop-ComboBox-button-color-selected);
3447
3760
  --button-icon-color: var(--hop-ComboBox-button-icon-color-selected);
3448
3761
  }
3449
- .ComboBox-module__hop-ComboBox__trigger___3a8SO[data-invalid] {
3762
+ .ComboBox-module__hop-ComboBox__trigger___JgJXP[data-invalid] {
3450
3763
  --trigger-border-color: var(--hop-ComboBox-trigger-border-color-invalid);
3451
3764
  }
3452
- .ComboBox-module__hop-ComboBox__trigger___3a8SO[data-focus-visible] {
3765
+ .ComboBox-module__hop-ComboBox__trigger___JgJXP[data-focus-visible] {
3453
3766
  --trigger-background-color: var(--hop-ComboBox-trigger-background-color-focused);
3454
3767
  --trigger-border-color: var(--hop-ComboBox-trigger-border-color-focused);
3455
3768
  --trigger-color: var(--hop-ComboBox-trigger-color-focused);
@@ -3457,14 +3770,14 @@
3457
3770
  outline: var(--hop-ComboBox-trigger-border-size) solid var(--hop-ComboBox-trigger-outline-color-focused);
3458
3771
  outline-offset: var(--hop-ComboBox-trigger-outline-offset);
3459
3772
  }
3460
- .ComboBox-module__hop-ComboBox__trigger___3a8SO[data-disabled] {
3773
+ .ComboBox-module__hop-ComboBox__trigger___JgJXP[data-disabled] {
3461
3774
  --trigger-background-color: var(--hop-ComboBox-trigger-background-color-disabled);
3462
3775
  --trigger-border-color: var(--hop-ComboBox-trigger-border-color-disabled);
3463
3776
  --trigger-color: var(--hop-ComboBox-trigger-color-disabled);
3464
3777
  --button-icon-color: var(--hop-ComboBox-button-icon-color-disabled);
3465
3778
  --trigger-cursor: var(--hop-ComboBox-trigger-cursor-disabled);
3466
3779
  }
3467
- .ComboBox-module__hop-ComboBox__input___vsvTa {
3780
+ .ComboBox-module__hop-ComboBox__input___juzV9 {
3468
3781
  flex: 1 1 auto;
3469
3782
  min-inline-size: 0;
3470
3783
  font-family: var(--input-font-family);
@@ -3476,10 +3789,10 @@
3476
3789
  border: none;
3477
3790
  outline: none;
3478
3791
  }
3479
- .ComboBox-module__hop-ComboBox__input___vsvTa::placeholder {
3792
+ .ComboBox-module__hop-ComboBox__input___juzV9::placeholder {
3480
3793
  color: var(--hop-ComboBox-input-placeholder-color);
3481
3794
  }
3482
- .ComboBox-module__hop-ComboBox__button___1l8JZ {
3795
+ .ComboBox-module__hop-ComboBox__button___BfgVD {
3483
3796
  cursor: var(--trigger-cursor);
3484
3797
  display: flex;
3485
3798
  flex: 0 0 auto;
@@ -3489,21 +3802,21 @@
3489
3802
  border: none;
3490
3803
  outline: none;
3491
3804
  }
3492
- .ComboBox-module__hop-ComboBox__prefix___kkgE0 {
3805
+ .ComboBox-module__hop-ComboBox__prefix___-hbW5 {
3493
3806
  align-self: center;
3494
3807
  color: var(--hop-ComboBox-prefix-color);
3495
3808
  }
3496
- .ComboBox-module__hop-ComboBox__button-icon___5kGtw {
3809
+ .ComboBox-module__hop-ComboBox__button-icon___RS5bx {
3497
3810
  margin-inline-start: auto;
3498
3811
  color: var(--button-icon-color);
3499
3812
  }
3500
- .ComboBox-module__hop-ComboBox__helper-message___HjxJn,
3501
- .ComboBox-module__hop-ComboBox__error-message___x8DO5 {
3813
+ .ComboBox-module__hop-ComboBox__helper-message___FPYo-,
3814
+ .ComboBox-module__hop-ComboBox__error-message___mK4kq {
3502
3815
  order: 3;
3503
3816
  }
3504
3817
 
3505
3818
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Divider/src/Divider.module.css/#css-module-data */
3506
- :where(.Divider-module__hop-Divider___5ynAN) {
3819
+ :where(.Divider-module__hop-Divider___Tbxxd) {
3507
3820
  --hop-Divider-border-color: var(--hop-neutral-border-weak);
3508
3821
  --hop-Divider-border-size: 0.0625rem;
3509
3822
  --hop-Divider-horizontal-border-block-end: var(--hop-Divider-border-size) solid var(--hop-Divider-border-color);
@@ -3528,7 +3841,7 @@
3528
3841
  border-block-end: var(--border-block-end);
3529
3842
  border-inline-start: var(--border-inline-start);
3530
3843
  }
3531
- .Divider-module__hop-Divider--vertical___1Eow- {
3844
+ .Divider-module__hop-Divider--vertical___1sH2V {
3532
3845
  --border-block-end: var(--hop-Divider-vertical-border-block-end);
3533
3846
  --border-inline-start: var(--hop-Divider-vertical-border-inline-start);
3534
3847
  --inline-size: var(--hop-Divider-vertical-inline-size);
@@ -3536,14 +3849,14 @@
3536
3849
  }
3537
3850
 
3538
3851
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Form/src/Form.module.css/#css-module-data */
3539
- .Form-module__hop-Form___jpMoE {
3852
+ .Form-module__hop-Form___WRlBU {
3540
3853
  display: flex;
3541
3854
  flex-direction: column;
3542
3855
  gap: var(--hop-space-stack-lg);
3543
3856
  }
3544
3857
 
3545
3858
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/InputGroup.module.css/#css-module-data */
3546
- .InputGroup-module__hop-InputGroup___QZyzr {
3859
+ .InputGroup-module__hop-InputGroup___aEnmP {
3547
3860
  --hop-InputGroup-background: var(--hop-neutral-surface);
3548
3861
  --hop-InputGroup-border-color: var(--hop-neutral-border);
3549
3862
  --hop-InputGroup-border-width: 0.0625rem;
@@ -3624,11 +3937,11 @@
3624
3937
  border: var(--border);
3625
3938
  border-radius: var(--hop-InputGroup-border-radius);
3626
3939
  }
3627
- .InputGroup-module__hop-InputGroup--fluid___UBkz- {
3940
+ .InputGroup-module__hop-InputGroup--fluid___v5khf {
3628
3941
  --inline-size: 100%;
3629
3942
  --input-inline-size: 100%;
3630
3943
  }
3631
- .InputGroup-module__hop-InputGroup--sm___Lzt-0 {
3944
+ .InputGroup-module__hop-InputGroup--sm___A78zZ {
3632
3945
  --block-size: var(--hop-InputGroup-sm-block-size);
3633
3946
  --input-font-family: var(--hop-InputGroup-input-sm-font-family);
3634
3947
  --input-font-size: var(--hop-InputGroup-input-sm-font-size);
@@ -3636,7 +3949,7 @@
3636
3949
  --input-line-height: var(--hop-InputGroup-input-sm-line-height);
3637
3950
  --input-block-size: var(--hop-InputGroup-input-sm-block-size);
3638
3951
  }
3639
- .InputGroup-module__hop-InputGroup___QZyzr[data-input-type=textarea] {
3952
+ .InputGroup-module__hop-InputGroup___aEnmP[data-input-type=textarea] {
3640
3953
  --gap: var(--hop-InputGroup-gap-textarea);
3641
3954
  --flex-direction: var(--hop-InputGroup-flex-direction-textarea);
3642
3955
  --align-items: var(--hop-InputGroup-align-items-textarea);
@@ -3644,28 +3957,28 @@
3644
3957
  --padding-inline: var(--hop-InputGroup-padding-inline-textarea);
3645
3958
  --padding-block: var(--hop-InputGroup-padding-block-textarea);
3646
3959
  }
3647
- .InputGroup-module__hop-InputGroup___QZyzr[data-input-type=number] {
3960
+ .InputGroup-module__hop-InputGroup___aEnmP[data-input-type=number] {
3648
3961
  --display: var(--hop-InputGroup-display-number);
3649
3962
  --gap: var(--hop-InputGroup-gap-number);
3650
3963
  }
3651
- .InputGroup-module__hop-InputGroup___QZyzr[data-hovered] {
3964
+ .InputGroup-module__hop-InputGroup___aEnmP[data-hovered] {
3652
3965
  --background: var(--hop-InputGroup-background-hover);
3653
3966
  --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-hover) ;
3654
3967
  }
3655
- .InputGroup-module__hop-InputGroup___QZyzr[data-focus-within] {
3968
+ .InputGroup-module__hop-InputGroup___aEnmP[data-focus-within] {
3656
3969
  --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-focus) ;
3657
3970
  }
3658
- .InputGroup-module__hop-InputGroup___QZyzr[data-invalid] {
3971
+ .InputGroup-module__hop-InputGroup___aEnmP[data-invalid] {
3659
3972
  --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-invalid) ;
3660
3973
  }
3661
- .InputGroup-module__hop-InputGroup___QZyzr[data-disabled] {
3974
+ .InputGroup-module__hop-InputGroup___aEnmP[data-disabled] {
3662
3975
  --background: var(--hop-InputGroup-background-disabled);
3663
3976
  --border: 0.0625rem solid var(--hop-InputGroup-border-color-disabled);
3664
3977
  --input-color: var(--hop-InputGroup-input-color-disabled);
3665
3978
  --input-placeholder-color: var(--hop-InputGroup-placeholder-color-disabled);
3666
3979
  }
3667
- .InputGroup-module__hop-InputGroup__input___viT1O,
3668
- .InputGroup-module__hop-InputGroup__textarea___Q3u04 {
3980
+ .InputGroup-module__hop-InputGroup__input___UZY5A,
3981
+ .InputGroup-module__hop-InputGroup__textarea___Mx9sM {
3669
3982
  flex: 1 1 auto;
3670
3983
  box-sizing: border-box;
3671
3984
  inline-size: var(--input-inline-size);
@@ -3679,26 +3992,26 @@
3679
3992
  border: none;
3680
3993
  outline: none;
3681
3994
  }
3682
- .InputGroup-module__hop-InputGroup__input___viT1O {
3995
+ .InputGroup-module__hop-InputGroup__input___UZY5A {
3683
3996
  block-size: var(--input-block-size);
3684
3997
  padding: var(--hop-InputGroup-input-padding);
3685
3998
  }
3686
- .InputGroup-module__hop-InputGroup__textarea___Q3u04 {
3999
+ .InputGroup-module__hop-InputGroup__textarea___Mx9sM {
3687
4000
  padding: var(--hop-InputGroup-textarea-padding);
3688
4001
  }
3689
- .InputGroup-module__hop-InputGroup__input___viT1O::placeholder {
4002
+ .InputGroup-module__hop-InputGroup__input___UZY5A::placeholder {
3690
4003
  font-family: var(--hop-InputGroup-placeholder-font-family);
3691
4004
  font-size: var(--hop-InputGroup-placeholder-font-size);
3692
4005
  font-weight: var(--hop-InputGroup-placeholder-font-weight);
3693
4006
  line-height: var(--hop-InputGroup-placeholder-line-height);
3694
4007
  color: var(--input-placeholder-color);
3695
4008
  }
3696
- .InputGroup-module__hop-InputGroup__embedded-button___9EEVw {
4009
+ .InputGroup-module__hop-InputGroup__embedded-button___vGnhx {
3697
4010
  margin-inline-end: var(--hop-InputGroup-embedded-button-margin-inline-end);
3698
4011
  }
3699
4012
 
3700
4013
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/NumberField.module.css/#css-module-data */
3701
- .NumberField-module__hop-NumberField___L5axu {
4014
+ .NumberField-module__hop-NumberField___Aafsl {
3702
4015
  --hop-NumberField-gap: var(--hop-space-stack-xs);
3703
4016
  --hop-NumberField-inline-size: 20rem;
3704
4017
  --hop-NumberField-inline-size-fluid: 100%;
@@ -3746,30 +4059,30 @@
3746
4059
  gap: var(--hop-NumberField-gap);
3747
4060
  inline-size: var(--inline-size);
3748
4061
  }
3749
- .NumberField-module__hop-NumberField--fluid___iNnuQ {
4062
+ .NumberField-module__hop-NumberField--fluid___bfwBd {
3750
4063
  --inline-size: var(--hop-NumberField-inline-size-fluid);
3751
4064
  }
3752
- .NumberField-module__hop-NumberField--mobile___6CVTg {
4065
+ .NumberField-module__hop-NumberField--mobile___-R6kn {
3753
4066
  --input-group-template: var(--hop-NumberField-input-group-template-mobile);
3754
4067
  --stepper-height: var(--hop-NumberField-stepper-height-mobile);
3755
4068
  }
3756
- .NumberField-module__hop-NumberField__Label___ps5h0 {
4069
+ .NumberField-module__hop-NumberField__Label___mnX2E {
3757
4070
  order: 0;
3758
4071
  }
3759
- .NumberField-module__hop-NumberField__prefix___3LGPz {
4072
+ .NumberField-module__hop-NumberField__prefix___Xpm1f {
3760
4073
  grid-area: prefix;
3761
4074
  margin-inline-end: var(--hop-NumberField-prefix-margin-inline-end);
3762
4075
  color: var(--hop-NumberField-prefix-color);
3763
4076
  }
3764
- .NumberField-module__hop-NumberField__InputGroup___CNo-n {
4077
+ .NumberField-module__hop-NumberField__InputGroup___T6EDz {
3765
4078
  grid-template: var(--input-group-template);
3766
4079
  order: 1;
3767
4080
  }
3768
- .NumberField-module__hop-NumberField__ErrorMessage___dMXZ2,
3769
- .NumberField-module__hop-NumberField__HelperMessage___Ztiqd {
4081
+ .NumberField-module__hop-NumberField__ErrorMessage___PGF7w,
4082
+ .NumberField-module__hop-NumberField__HelperMessage___fqrIa {
3770
4083
  order: 3;
3771
4084
  }
3772
- .NumberField-module__hop-NumberField__stepper-button___f4X0g {
4085
+ .NumberField-module__hop-NumberField__stepper-button___R0db6 {
3773
4086
  cursor: pointer;
3774
4087
  display: flex;
3775
4088
  grid-area: var(--grid-area, unset);
@@ -3790,55 +4103,55 @@
3790
4103
  border-radius: var(--stepper-border-radius, 0);
3791
4104
  outline: none;
3792
4105
  }
3793
- .NumberField-module__hop-NumberField__stepper-button--increment___XSqkr {
4106
+ .NumberField-module__hop-NumberField__stepper-button--increment___Y4-4N {
3794
4107
  --stepper-border-radius: var(--hop-NumberField-stepper-border-radius-increment);
3795
4108
  --stepper-border-width: var(--hop-NumberField-stepper-border-width) var(--hop-NumberField-stepper-border-width) 0 var(--hop-NumberField-stepper-border-width);
3796
4109
  --stepper-align-self: var(--hop-NumberField-stepper-align-self-increment);
3797
4110
  --stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-increment);
3798
4111
  --grid-area: stepup;
3799
4112
  }
3800
- .NumberField-module__hop-NumberField__stepper-button--decrement___WTZJp {
4113
+ .NumberField-module__hop-NumberField__stepper-button--decrement___o7WIv {
3801
4114
  --stepper-border-radius: var(--hop-NumberField-stepper-border-radius-decrement);
3802
4115
  --stepper-border-width: 0 var(--hop-NumberField-stepper-border-width) var(--hop-NumberField-stepper-border-width) var(--hop-NumberField-stepper-border-width);
3803
4116
  --stepper-align-self: var(--hop-NumberField-stepper-align-self-decrement);
3804
4117
  --stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-decrement);
3805
4118
  --grid-area: stepdown;
3806
4119
  }
3807
- .NumberField-module__hop-NumberField__stepper-button--mobile___yUtSo.NumberField-module__hop-NumberField__stepper-button--increment___XSqkr {
4120
+ .NumberField-module__hop-NumberField__stepper-button--mobile___bubyJ.NumberField-module__hop-NumberField__stepper-button--increment___Y4-4N {
3808
4121
  --stepper-border-width: 0 0 0 var(--hop-NumberField-stepper-border-width);
3809
4122
  --stepper-align-self: var(--hop-NumberField-stepper-align-self-increment-mobile);
3810
4123
  --stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-increment-mobile);
3811
4124
  --stepper-border-radius: var(--hop-NumberField-stepper-border-radius-mobile-increment);
3812
4125
  }
3813
- .NumberField-module__hop-NumberField__stepper-button--mobile___yUtSo.NumberField-module__hop-NumberField__stepper-button--decrement___WTZJp {
4126
+ .NumberField-module__hop-NumberField__stepper-button--mobile___bubyJ.NumberField-module__hop-NumberField__stepper-button--decrement___o7WIv {
3814
4127
  --stepper-border-width: 0 var(--hop-NumberField-stepper-border-width) 0 0;
3815
4128
  --stepper-align-self: var(--hop-NumberField-stepper-align-self-decrement-mobile);
3816
4129
  --stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-decrement-mobile);
3817
4130
  --stepper-border-radius: var(--hop-NumberField-stepper-border-radius-mobile-decrement);
3818
4131
  }
3819
- .NumberField-module__hop-NumberField__stepper-button___f4X0g[data-hovered] {
4132
+ .NumberField-module__hop-NumberField__stepper-button___R0db6[data-hovered] {
3820
4133
  color: var(--hop-NumberField-stepper-color-hovered);
3821
4134
  background-color: var(--hop-NumberField-stepper-background-color-hovered);
3822
4135
  }
3823
- .NumberField-module__hop-NumberField__stepper-button___f4X0g[data-pressed] {
4136
+ .NumberField-module__hop-NumberField__stepper-button___R0db6[data-pressed] {
3824
4137
  color: var(--hop-NumberField-stepper-color-pressed);
3825
4138
  background-color: var(--hop-NumberField-stepper-background-color-pressed);
3826
4139
  }
3827
- .NumberField-module__hop-NumberField__stepper-button___f4X0g[data-disabled] {
4140
+ .NumberField-module__hop-NumberField__stepper-button___R0db6[data-disabled] {
3828
4141
  cursor: not-allowed;
3829
4142
  color: var(--hop-NumberField-stepper-color-disabled);
3830
4143
  background-color: var(--hop-NumberField-stepper-background-color-disabled);
3831
4144
  }
3832
- .NumberField-module__hop-NumberField__stepper-button__icon___0Ul7n {
4145
+ .NumberField-module__hop-NumberField__stepper-button__icon___0m3h0 {
3833
4146
  display: block;
3834
4147
  max-block-size: 100%;
3835
4148
  }
3836
- .NumberField-module__hop-NumberField__input___Cyv0S {
4149
+ .NumberField-module__hop-NumberField__input___JbL2a {
3837
4150
  grid-area: input;
3838
4151
  }
3839
4152
 
3840
4153
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/PasswordField.module.css/#css-module-data */
3841
- .PasswordField-module__hop-PasswordField___PAOyH {
4154
+ .PasswordField-module__hop-PasswordField___ub-c4 {
3842
4155
  --hop-PasswordField-gap: var(--hop-space-stack-xs);
3843
4156
  --hop-PasswordField-inline-size: 20rem;
3844
4157
  --inline-size: var(--hop-PasswordField-inline-size);
@@ -3848,37 +4161,37 @@
3848
4161
  inline-size: var(--inline-size);
3849
4162
  max-inline-size: 100%;
3850
4163
  }
3851
- .PasswordField-module__hop-PasswordField--fluid___1gBdF {
4164
+ .PasswordField-module__hop-PasswordField--fluid___eR88b {
3852
4165
  --inline-size: 100%;
3853
4166
  }
3854
- .PasswordField-module__hop-PasswordField__Label___kezfd {
4167
+ .PasswordField-module__hop-PasswordField__Label___4llI9 {
3855
4168
  order: 0;
3856
4169
  }
3857
- .PasswordField-module__hop-PasswordField__InputGroup___5gac8 {
4170
+ .PasswordField-module__hop-PasswordField__InputGroup___hUiZl {
3858
4171
  order: 1;
3859
4172
  }
3860
- .PasswordField-module__hop-PasswordField__ErrorMessage___7C-p5,
3861
- .PasswordField-module__hop-PasswordField__HelperMessage___DGuL7 {
4173
+ .PasswordField-module__hop-PasswordField__ErrorMessage___ry0T-,
4174
+ .PasswordField-module__hop-PasswordField__HelperMessage___gCYD9 {
3862
4175
  order: 3;
3863
4176
  }
3864
4177
 
3865
4178
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/RemainingCharacterCount.module.css/#css-module-data */
3866
- .RemainingCharacterCount-module__hop-RemainingCharacterCount___ANhzj {
4179
+ .RemainingCharacterCount-module__hop-RemainingCharacterCount___qj-rz {
3867
4180
  --hop-RemainingCharacterCount-color: var(--hop-neutral-text-weak);
3868
4181
  --hop-RemainingCharacterCount-color-disabled: var(--hop-neutral-text-disabled);
3869
4182
  --hop-RemainingCharacterCount-color-invalid: var(--hop-danger-text-weak);
3870
4183
  --char-count-color: var(--hop-RemainingCharacterCount-color);
3871
4184
  color: var(--char-count-color);
3872
4185
  }
3873
- .RemainingCharacterCount-module__hop-RemainingCharacterCount___ANhzj[data-invalid] {
4186
+ .RemainingCharacterCount-module__hop-RemainingCharacterCount___qj-rz[data-invalid] {
3874
4187
  --char-count-color: var(--hop-RemainingCharacterCount-color-invalid);
3875
4188
  }
3876
- .RemainingCharacterCount-module__hop-RemainingCharacterCount___ANhzj[data-disabled] {
4189
+ .RemainingCharacterCount-module__hop-RemainingCharacterCount___qj-rz[data-disabled] {
3877
4190
  --char-count-color: var(--hop-RemainingCharacterCount-color-disabled);
3878
4191
  }
3879
4192
 
3880
4193
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/SearchField.module.css/#css-module-data */
3881
- .SearchField-module__hop-SearchField___51gka {
4194
+ .SearchField-module__hop-SearchField___ZkY8S {
3882
4195
  --hop-SearchField-gap: var(--hop-space-stack-xs);
3883
4196
  --hop-SearchField-inline-size: 20rem;
3884
4197
  --hop-SearchField-color: var(--hop-neutral-text-weak);
@@ -3893,39 +4206,39 @@
3893
4206
  inline-size: var(--inline-size);
3894
4207
  max-inline-size: 100%;
3895
4208
  }
3896
- .SearchField-module__hop-SearchField--fluid___5OSAv {
4209
+ .SearchField-module__hop-SearchField--fluid___Y312D {
3897
4210
  --inline-size: 100%;
3898
4211
  }
3899
- .SearchField-module__hop-SearchField__Label___12R2P {
4212
+ .SearchField-module__hop-SearchField__Label___M5qca {
3900
4213
  order: 0;
3901
4214
  }
3902
- .SearchField-module__hop-SearchField__prefix___mH-Mj {
4215
+ .SearchField-module__hop-SearchField__prefix___hQOmk {
3903
4216
  color: var(--hop-SearchField-color);
3904
4217
  }
3905
- .SearchField-module__hop-SearchField__InputGroup___7gHen {
4218
+ .SearchField-module__hop-SearchField__InputGroup___w6-F4 {
3906
4219
  order: 1;
3907
4220
  padding-inline: var(--input-group-padding-inline-start) var(--input-group-padding-inline-end);
3908
4221
  }
3909
- .SearchField-module__hop-SearchField--clearable___3x9L6 {
4222
+ .SearchField-module__hop-SearchField--clearable___hEuLP {
3910
4223
  --input-group-padding-inline-end: 0;
3911
4224
  }
3912
- .SearchField-module__hop-SearchField__ErrorMessage___va1k1,
3913
- .SearchField-module__hop-SearchField__HelperMessage___ToxSe {
4225
+ .SearchField-module__hop-SearchField__ErrorMessage___YfqKQ,
4226
+ .SearchField-module__hop-SearchField__HelperMessage___qX2-3 {
3914
4227
  order: 3;
3915
4228
  }
3916
- .SearchField-module__hop-SearchField___51gka input::-webkit-search-cancel-button,
3917
- .SearchField-module__hop-SearchField___51gka input::-webkit-search-decoration {
4229
+ .SearchField-module__hop-SearchField___ZkY8S input::-webkit-search-cancel-button,
4230
+ .SearchField-module__hop-SearchField___ZkY8S input::-webkit-search-decoration {
3918
4231
  appearance: none;
3919
4232
  }
3920
- .SearchField-module__hop-SearchField___51gka[data-empty] {
4233
+ .SearchField-module__hop-SearchField___ZkY8S[data-empty] {
3921
4234
  --clear-button-display: none;
3922
4235
  }
3923
- .SearchField-module__hop-SearchField__ClearButton___butAr {
4236
+ .SearchField-module__hop-SearchField__ClearButton___MZ8y- {
3924
4237
  display: var(--clear-button-display);
3925
4238
  }
3926
4239
 
3927
4240
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/TextArea.module.css/#css-module-data */
3928
- .TextArea-module__hop-TextArea___iIDFZ {
4241
+ .TextArea-module__hop-TextArea___KhTrE {
3929
4242
  --hop-TextArea-gap: var(--hop-space-stack-xs);
3930
4243
  --hop-TextArea-inline-size: 20rem;
3931
4244
  --hop-TextArea-prefix-color: var(--hop-neutral-text-weak);
@@ -3939,35 +4252,35 @@
3939
4252
  inline-size: var(--inline-size);
3940
4253
  max-inline-size: 100%;
3941
4254
  }
3942
- .TextArea-module__hop-TextArea--fluid___XzlAv {
4255
+ .TextArea-module__hop-TextArea--fluid___JSAOc {
3943
4256
  --inline-size: 100%;
3944
4257
  }
3945
- .TextArea-module__hop-TextArea___iIDFZ[data-resize-mode=vertical] {
4258
+ .TextArea-module__hop-TextArea___KhTrE[data-resize-mode=vertical] {
3946
4259
  --resize: vertical;
3947
4260
  }
3948
- .TextArea-module__hop-TextArea__Label___fqC0f {
4261
+ .TextArea-module__hop-TextArea__Label___GC1PW {
3949
4262
  order: 0;
3950
4263
  }
3951
- .TextArea-module__hop-TextArea__prefix___dha5o {
4264
+ .TextArea-module__hop-TextArea__prefix___5SA3q {
3952
4265
  color: var(--hop-TextArea-prefix-color);
3953
4266
  }
3954
- .TextArea-module__hop-TextArea__InputGroup___iN8FY {
4267
+ .TextArea-module__hop-TextArea__InputGroup___ktEvK {
3955
4268
  order: 1;
3956
4269
  }
3957
- .TextArea-module__hop-TextArea__RemainingCharacterCount___p-wH3 {
4270
+ .TextArea-module__hop-TextArea__RemainingCharacterCount___srK-x {
3958
4271
  padding: var(--hop-TextArea-remaining-character-count-padding);
3959
4272
  }
3960
- .TextArea-module__hop-TextArea__textarea___M96LG {
4273
+ .TextArea-module__hop-TextArea__textarea___WF4yI {
3961
4274
  resize: var(--resize);
3962
4275
  min-block-size: var(--hop-TextArea-input-min-height);
3963
4276
  }
3964
- .TextArea-module__hop-TextArea__ErrorMessage___mwS5i,
3965
- .TextArea-module__hop-TextArea__HelperMessage___4zIlD {
4277
+ .TextArea-module__hop-TextArea__ErrorMessage___47A0-,
4278
+ .TextArea-module__hop-TextArea__HelperMessage___oPHb0 {
3966
4279
  order: 3;
3967
4280
  }
3968
4281
 
3969
4282
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/TextField.module.css/#css-module-data */
3970
- .TextField-module__hop-TextField___O6kRu {
4283
+ .TextField-module__hop-TextField___rXK13 {
3971
4284
  --hop-TextField-gap: var(--hop-space-stack-xs);
3972
4285
  --hop-TextField-inline-size: 20rem;
3973
4286
  --hop-TextField-prefix-color: var(--hop-neutral-text-weak);
@@ -3978,25 +4291,25 @@
3978
4291
  inline-size: var(--inline-size);
3979
4292
  max-inline-size: 100%;
3980
4293
  }
3981
- .TextField-module__hop-TextField--fluid___L7VqW {
4294
+ .TextField-module__hop-TextField--fluid___XDrmy {
3982
4295
  --inline-size: 100%;
3983
4296
  }
3984
- .TextField-module__hop-TextField__Label___6AlbQ {
4297
+ .TextField-module__hop-TextField__Label___tIpyt {
3985
4298
  order: 0;
3986
4299
  }
3987
- .TextField-module__hop-TextField__prefix___pcVM6 {
4300
+ .TextField-module__hop-TextField__prefix___oWC0m {
3988
4301
  color: var(--hop-TextField-prefix-color);
3989
4302
  }
3990
- .TextField-module__hop-TextField__InputGroup___-52OU {
4303
+ .TextField-module__hop-TextField__InputGroup___Qx460 {
3991
4304
  order: 1;
3992
4305
  }
3993
- .TextField-module__hop-TextField__ErrorMessage___HbSd3,
3994
- .TextField-module__hop-TextField__HelperMessage___r--7C {
4306
+ .TextField-module__hop-TextField__ErrorMessage___4OxIj,
4307
+ .TextField-module__hop-TextField__HelperMessage___wqGaB {
3995
4308
  order: 3;
3996
4309
  }
3997
4310
 
3998
4311
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Link/src/Link.module.css/#css-module-data */
3999
- .Link-module__hop-Link___XtW0B {
4312
+ .Link-module__hop-Link___kIYpl {
4000
4313
  --hop-Link-border-radius: var(--hop-shape-rounded-sm);
4001
4314
  --hop-Link-focus-ring-color: var(--hop-primary-border-focus);
4002
4315
  --hop-Link-color-disabled: var(--hop-neutral-text-disabled);
@@ -4021,59 +4334,59 @@
4021
4334
  outline: none;
4022
4335
  outline-offset: 0.125rem;
4023
4336
  }
4024
- .Link-module__hop-Link___XtW0B[data-focus-visible] {
4337
+ .Link-module__hop-Link___kIYpl[data-focus-visible] {
4025
4338
  outline: 0.125rem solid var(--hop-Link-focus-ring-color);
4026
4339
  }
4027
- .Link-module__hop-Link___XtW0B[data-disabled] {
4340
+ .Link-module__hop-Link___kIYpl[data-disabled] {
4028
4341
  cursor: default;
4029
4342
  }
4030
- .Link-module__hop-Link--quiet___cip-N[data-focus-visible],
4031
- .Link-module__hop-Link--quiet___cip-N[data-hovered] {
4343
+ .Link-module__hop-Link--quiet___0jiat[data-focus-visible],
4344
+ .Link-module__hop-Link--quiet___0jiat[data-hovered] {
4032
4345
  text-decoration: underline;
4033
4346
  }
4034
- .Link-module__hop-Link___XtW0B:not(.Link-module__hop-Link--quiet___cip-N) {
4347
+ .Link-module__hop-Link___kIYpl:not(.Link-module__hop-Link--quiet___0jiat) {
4035
4348
  text-decoration: underline;
4036
4349
  }
4037
- .Link-module__hop-Link--primary___M9s4P {
4350
+ .Link-module__hop-Link--primary___CibAU {
4038
4351
  color: var(--hop-Link-primary-text-color);
4039
4352
  }
4040
- .Link-module__hop-Link--primary___M9s4P[data-disabled] {
4353
+ .Link-module__hop-Link--primary___CibAU[data-disabled] {
4041
4354
  color: var(--hop-Link-primary-text-disabled-color);
4042
4355
  }
4043
- .Link-module__hop-Link--primary___M9s4P:not([data-disabled])[data-focus-visible],
4044
- .Link-module__hop-Link--primary___M9s4P:not([data-disabled])[data-hovered] {
4356
+ .Link-module__hop-Link--primary___CibAU:not([data-disabled])[data-focus-visible],
4357
+ .Link-module__hop-Link--primary___CibAU:not([data-disabled])[data-hovered] {
4045
4358
  color: var(--hop-Link-primary-text-hover-color);
4046
4359
  }
4047
- .Link-module__hop-Link--primary___M9s4P:not([data-disabled])[data-pressed] {
4360
+ .Link-module__hop-Link--primary___CibAU:not([data-disabled])[data-pressed] {
4048
4361
  color: var(--hop-Link-primary-text-pressed-color);
4049
4362
  }
4050
- .Link-module__hop-Link--secondary___q0-mD {
4363
+ .Link-module__hop-Link--secondary___fp7SO {
4051
4364
  color: var(--hop-Link-neutral-text-color);
4052
4365
  }
4053
- .Link-module__hop-Link--secondary___q0-mD[data-disabled] {
4366
+ .Link-module__hop-Link--secondary___fp7SO[data-disabled] {
4054
4367
  color: var(--hop-Link-neutral-text-disabled-color);
4055
4368
  }
4056
- .Link-module__hop-Link--secondary___q0-mD:not([data-disabled])[data-focus-visible],
4057
- .Link-module__hop-Link--secondary___q0-mD:not([data-disabled])[data-hovered] {
4369
+ .Link-module__hop-Link--secondary___fp7SO:not([data-disabled])[data-focus-visible],
4370
+ .Link-module__hop-Link--secondary___fp7SO:not([data-disabled])[data-hovered] {
4058
4371
  color: var(--hop-Link-neutral-text-hover-color);
4059
4372
  }
4060
- .Link-module__hop-Link--secondary___q0-mD:not([data-disabled])[data-pressed] {
4373
+ .Link-module__hop-Link--secondary___fp7SO:not([data-disabled])[data-pressed] {
4061
4374
  color: var(--hop-Link-neutral-text-pressed-color);
4062
4375
  }
4063
- .Link-module__hop-Link__icon___ct9sg,
4064
- .Link-module__hop-Link__icon-list___ZTtey {
4376
+ .Link-module__hop-Link__icon___rdg06,
4377
+ .Link-module__hop-Link__icon-list___x2OpW {
4065
4378
  order: 2;
4066
4379
  }
4067
- .Link-module__hop-Link__text___WNUDc {
4380
+ .Link-module__hop-Link__text___p274Z {
4068
4381
  order: 1;
4069
4382
  }
4070
- .Link-module__hop-Link__start-icon___2y2GE,
4071
- .Link-module__hop-Link__start-icon-list___LnJHN {
4383
+ .Link-module__hop-Link__start-icon___bSWwY,
4384
+ .Link-module__hop-Link__start-icon-list___EUk4c {
4072
4385
  order: 0;
4073
4386
  }
4074
4387
 
4075
4388
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Select/src/SelectValue.module.css/#css-module-data */
4076
- .SelectValue-module__hop-SelectValue___2lHeR {
4389
+ .SelectValue-module__hop-SelectValue___8rweg {
4077
4390
  --hop-SelectValue-display: inline-block;
4078
4391
  --hop-SelectValue-slots-display: flex;
4079
4392
  --hop-SelectValue-column-gap: var(--hop-space-inline-sm);
@@ -4088,16 +4401,16 @@
4088
4401
  text-overflow: ellipsis;
4089
4402
  white-space: nowrap;
4090
4403
  }
4091
- .SelectValue-module__hop-SelectValue___2lHeR:has(.SelectValue-module__hop-SelectValue__text___XDk6d) {
4404
+ .SelectValue-module__hop-SelectValue___8rweg:has(.SelectValue-module__hop-SelectValue__text___14m4Y) {
4092
4405
  --display: var(--hop-SelectValue-slots-display);
4093
4406
  }
4094
- .SelectValue-module__hop-SelectValue__avatar___3cJmv {
4407
+ .SelectValue-module__hop-SelectValue__avatar___VfLZr {
4095
4408
  order: 1;
4096
4409
  }
4097
- .SelectValue-module__hop-SelectValue__icon___l-x7Z {
4410
+ .SelectValue-module__hop-SelectValue__icon___DFco8 {
4098
4411
  order: 2;
4099
4412
  }
4100
- .SelectValue-module__hop-SelectValue__text___XDk6d {
4413
+ .SelectValue-module__hop-SelectValue__text___14m4Y {
4101
4414
  overflow: hidden;
4102
4415
  flex: 1 1 auto;
4103
4416
  order: 3;
@@ -4105,12 +4418,12 @@
4105
4418
  text-overflow: ellipsis;
4106
4419
  white-space: nowrap;
4107
4420
  }
4108
- .SelectValue-module__hop-SelectValue__end-icon___cWLLE {
4421
+ .SelectValue-module__hop-SelectValue__end-icon___k-AUf {
4109
4422
  order: 4;
4110
4423
  }
4111
4424
 
4112
4425
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Select/src/Select.module.css/#css-module-data */
4113
- .Select-module__hop-Select___W9dX0 {
4426
+ .Select-module__hop-Select___l7V8e {
4114
4427
  --hop-Select-row-gap: var(--hop-space-stack-xs);
4115
4428
  --hop-Select-inline-size: 20rem;
4116
4429
  --hop-Select-inline-size-fluid: 100%;
@@ -4162,13 +4475,13 @@
4162
4475
  inline-size: var(--inline-size);
4163
4476
  max-inline-size: var(--hop-Select-max-inline-size);
4164
4477
  }
4165
- .Select-module__hop-Select--fluid___GkNba {
4478
+ .Select-module__hop-Select--fluid___a7NVn {
4166
4479
  --inline-size: var(--hop-Select-inline-size-fluid);
4167
4480
  }
4168
- .Select-module__hop-Select__label___WRBC4 {
4481
+ .Select-module__hop-Select__label___PLgIe {
4169
4482
  order: 1;
4170
4483
  }
4171
- .Select-module__hop-Select__button___4DUx2 {
4484
+ .Select-module__hop-Select__button___sQXum {
4172
4485
  cursor: var(--button-cursor);
4173
4486
  display: flex;
4174
4487
  column-gap: var(--hop-Select-button-column-gap);
@@ -4184,28 +4497,28 @@
4184
4497
  border-radius: var(--hop-Select-button-border-radius);
4185
4498
  outline: none;
4186
4499
  }
4187
- .Select-module__hop-Select__button--sm___qq0bB {
4500
+ .Select-module__hop-Select__button--sm___GKgv1 {
4188
4501
  --button-block-size: var(--hop-Select-button-sm-block-size);
4189
4502
  }
4190
- .Select-module__hop-Select__button--md___m3mow {
4503
+ .Select-module__hop-Select__button--md___HcJIG {
4191
4504
  --button-block-size: var(--hop-Select-button-md-block-size);
4192
4505
  }
4193
- .Select-module__hop-Select__button___4DUx2[data-hovered] {
4506
+ .Select-module__hop-Select__button___sQXum[data-hovered] {
4194
4507
  --button-background-color: var(--hop-Select-button-background-color-hovered);
4195
4508
  --button-border-color: var(--hop-Select-button-border-color-hovered);
4196
4509
  --button-color: var(--hop-Select-button-color-hovered);
4197
4510
  --button-icon-color: var(--hop-Select-button-icon-color-hovered);
4198
4511
  }
4199
- .Select-module__hop-Select__button___4DUx2[data-pressed] {
4512
+ .Select-module__hop-Select__button___sQXum[data-pressed] {
4200
4513
  --button-background-color: var(--hop-Select-button-background-color-selected);
4201
4514
  --button-border-color: var(--hop-Select-button-border-color-selected);
4202
4515
  --button-color: var(--hop-Select-button-color-selected);
4203
4516
  --button-icon-color: var(--hop-Select-button-icon-color-selected);
4204
4517
  }
4205
- .Select-module__hop-Select__button___4DUx2[data-invalid] {
4518
+ .Select-module__hop-Select__button___sQXum[data-invalid] {
4206
4519
  --button-border-color: var(--hop-Select-button-border-color-invalid);
4207
4520
  }
4208
- .Select-module__hop-Select__button___4DUx2[data-focus-visible] {
4521
+ .Select-module__hop-Select__button___sQXum[data-focus-visible] {
4209
4522
  --button-background-color: var(--hop-Select-button-background-color-focused);
4210
4523
  --button-border-color: var(--hop-Select-button-border-color-focused);
4211
4524
  --button-color: var(--hop-Select-button-color-focused);
@@ -4213,30 +4526,30 @@
4213
4526
  outline: var(--hop-Select-button-border-size) solid var(--hop-Select-button-outline-color-focused);
4214
4527
  outline-offset: var(--hop-Select-button-outline-offset);
4215
4528
  }
4216
- .Select-module__hop-Select__button___4DUx2:has([data-placeholder]) {
4529
+ .Select-module__hop-Select__button___sQXum:has([data-placeholder]) {
4217
4530
  --button-color: var(--hop-Select-button-placeholder-color);
4218
4531
  }
4219
- .Select-module__hop-Select__button___4DUx2[data-disabled] {
4532
+ .Select-module__hop-Select__button___sQXum[data-disabled] {
4220
4533
  --button-background-color: var(--hop-Select-button-background-color-disabled);
4221
4534
  --button-border-color: var(--hop-Select-button-border-color-disabled);
4222
4535
  --button-color: var(--hop-Select-button-color-disabled);
4223
4536
  --button-icon-color: var(--hop-Select-button-icon-color-disabled);
4224
4537
  --button-cursor: var(--hop-Select-button-cursor-disabled);
4225
4538
  }
4226
- .Select-module__hop-Select__prefix___s9-wy {
4539
+ .Select-module__hop-Select__prefix___SHjoR {
4227
4540
  color: var(--hop-Select-prefix-color);
4228
4541
  }
4229
- .Select-module__hop-Select__button-icon___rf-t4 {
4542
+ .Select-module__hop-Select__button-icon___aN7Lh {
4230
4543
  margin-inline-start: auto;
4231
4544
  color: var(--button-icon-color);
4232
4545
  }
4233
- .Select-module__hop-Select__helper-message___ipQmm,
4234
- .Select-module__hop-Select__error-message___rJE0J {
4546
+ .Select-module__hop-Select__helper-message___tMW-j,
4547
+ .Select-module__hop-Select__error-message___uS-L0 {
4235
4548
  order: 3;
4236
4549
  }
4237
4550
 
4238
4551
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/switch/src/Switch.module.css/#css-module-data */
4239
- .Switch-module__hop-Switch___u041L {
4552
+ .Switch-module__hop-Switch___sk3mf {
4240
4553
  --hop-Switch-border-size: 0.0625rem;
4241
4554
  --hop-Switch-border-color: var(--hop-neutral-border);
4242
4555
  --hop-Switch-border-radius: var(--hop-shape-rounded-lg);
@@ -4293,56 +4606,56 @@
4293
4606
  inline-size: max-content;
4294
4607
  max-inline-size: 100%;
4295
4608
  }
4296
- .Switch-module__hop-Switch--sm___pZI5g {
4609
+ .Switch-module__hop-Switch--sm___Q-xsG {
4297
4610
  --inline-size: var(--hop-Switch-inline-size-sm);
4298
4611
  --block-size: var(--hop-Switch-block-size-sm);
4299
4612
  --thumb-size: var(--hop-Switch-thumb-size-sm);
4300
4613
  --inset-inline-start: var(--hop-Switch-inset-inline-start-sm);
4301
4614
  --text-top-offset: var(--hop-Switch-text-top-offset-sm);
4302
4615
  }
4303
- .Switch-module__hop-Switch--md___uivPF {
4616
+ .Switch-module__hop-Switch--md___pcQrG {
4304
4617
  --inline-size: var(--hop-Switch-inline-size-md);
4305
4618
  --block-size: var(--hop-Switch-block-size-md);
4306
4619
  --thumb-size: var(--hop-Switch-thumb-size-md);
4307
4620
  --inset-inline-start: var(--hop-Switch-inset-inline-start-md);
4308
4621
  --text-top-offset: var(--hop-Switch-text-top-offset-md);
4309
4622
  }
4310
- .Switch-module__hop-Switch___u041L[data-hovered] {
4623
+ .Switch-module__hop-Switch___sk3mf[data-hovered] {
4311
4624
  --border-color: var(--hop-Switch-border-color-hover);
4312
4625
  --background-color: var(--hop-Switch-background-color-hover);
4313
4626
  --thumb-color: var(--hop-Switch-thumb-color-hover);
4314
4627
  --text-color: var(--hop-Switch-text-color-hover);
4315
4628
  }
4316
- .Switch-module__hop-Switch___u041L[data-pressed],
4317
- .Switch-module__hop-Switch___u041L[data-pressed][data-focus-visible] {
4629
+ .Switch-module__hop-Switch___sk3mf[data-pressed],
4630
+ .Switch-module__hop-Switch___sk3mf[data-pressed][data-focus-visible] {
4318
4631
  --border-color: var(--hop-Switch-border-color-pressed);
4319
4632
  --background-color: var(--hop-Switch-background-color-pressed);
4320
4633
  --thumb-color: var(--hop-Switch-thumb-color-pressed);
4321
4634
  --text-color: var(--hop-Switch-text-color-pressed);
4322
4635
  }
4323
- .Switch-module__hop-Switch___u041L[data-focus-visible] {
4636
+ .Switch-module__hop-Switch___sk3mf[data-focus-visible] {
4324
4637
  --border-color: var(--hop-Switch-border-color-focus);
4325
4638
  --background-color: var(--hop-Switch-background-color-focus);
4326
4639
  --thumb-color: var(--hop-Switch-thumb-color-focus);
4327
4640
  --outline: 0.125rem solid var(--hop-Switch-focus-ring-color);
4328
4641
  --text-color: var(--hop-Switch-text-color-focus);
4329
4642
  }
4330
- .Switch-module__hop-Switch___u041L[data-selected],
4331
- .Switch-module__hop-Switch___u041L[data-selected][data-pressed] {
4643
+ .Switch-module__hop-Switch___sk3mf[data-selected],
4644
+ .Switch-module__hop-Switch___sk3mf[data-selected][data-pressed] {
4332
4645
  --border-color: var(--hop-Switch-border-color-selected);
4333
4646
  --background-color: var(--hop-Switch-background-color-selected);
4334
4647
  --thumb-color: var(--hop-Switch-thumb-color-selected);
4335
4648
  --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%);
4336
4649
  --text-color: var(--hop-Switch-text-color-selected);
4337
4650
  }
4338
- .Switch-module__hop-Switch___u041L[data-disabled] {
4651
+ .Switch-module__hop-Switch___sk3mf[data-disabled] {
4339
4652
  --border-color: var(--hop-Switch-border-color-disabled);
4340
4653
  --background-color: var(--hop-Switch-background-color-disabled);
4341
4654
  --thumb-color: var(--hop-Switch-thumb-color-disabled);
4342
4655
  --text-color: var(--hop-Switch-text-color-disabled);
4343
4656
  --cursor: not-allowed;
4344
4657
  }
4345
- .Switch-module__hop-Switch__indicator___enCY5 {
4658
+ .Switch-module__hop-Switch__indicator___ML15n {
4346
4659
  position: relative;
4347
4660
  flex: 0 0 auto;
4348
4661
  box-sizing: border-box;
@@ -4355,7 +4668,7 @@
4355
4668
  outline-offset: 0.125rem;
4356
4669
  transition: background var(--hop-easing-duration-2), border-color var(--hop-easing-duration-2);
4357
4670
  }
4358
- .Switch-module__hop-Switch__indicator___enCY5::before {
4671
+ .Switch-module__hop-Switch__indicator___ML15n::before {
4359
4672
  content: "";
4360
4673
  position: absolute;
4361
4674
  inset-block-start: 50%;
@@ -4370,20 +4683,20 @@
4370
4683
  border-radius: var(--hop-shape-circle);
4371
4684
  transition: transform var(--hop-easing-duration-2), background var(--hop-easing-duration-2);
4372
4685
  }
4373
- .Switch-module__hop-Switch__text___wRu7p {
4686
+ .Switch-module__hop-Switch__text___vDDXD {
4374
4687
  flex: 0 1 auto;
4375
4688
  order: 2;
4376
4689
  min-inline-size: 0;
4377
4690
  margin-block-start: var(--text-top-offset, var(--hop-Switch-text-top-offset-md));
4378
4691
  color: var(--text-color);
4379
4692
  }
4380
- .Switch-module__hop-Switch__icon-list___tdVKg,
4381
- .Switch-module__hop-Switch__icon___OoWkK {
4693
+ .Switch-module__hop-Switch__icon-list___h-DQ7,
4694
+ .Switch-module__hop-Switch__icon___JFaHU {
4382
4695
  order: 3;
4383
4696
  }
4384
4697
 
4385
4698
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/switch/src/SwitchField.module.css/#css-module-data */
4386
- .SwitchField-module__hop-SwitchField___LFmX8 {
4699
+ .SwitchField-module__hop-SwitchField___8mqTD {
4387
4700
  --hop-SwitchField-description-color: var(--hop-neutral-text-weak);
4388
4701
  --hop-SwitchField-description-color-disabled: var(--hop-neutral-text-disabled);
4389
4702
  --hop-SwitchField-sm-row-gap: var(--hop-space-stack-xs);
@@ -4402,28 +4715,28 @@
4402
4715
  inline-size: max-content;
4403
4716
  max-inline-size: 100%;
4404
4717
  }
4405
- .SwitchField-module__hop-SwitchField___LFmX8[data-disabled] {
4718
+ .SwitchField-module__hop-SwitchField___8mqTD[data-disabled] {
4406
4719
  --description-color: var(--hop-SwitchField-description-color-disabled);
4407
4720
  }
4408
- .SwitchField-module__hop-SwitchField--sm___jzSHD {
4721
+ .SwitchField-module__hop-SwitchField--sm___xCPif {
4409
4722
  --row-gap: var(--hop-SwitchField-sm-row-gap);
4410
4723
  --description-margin-inline-start: var(--hop-SwitchField-description-sm-margin-inline-start);
4411
4724
  }
4412
- .SwitchField-module__hop-SwitchField--md___NLVpu {
4725
+ .SwitchField-module__hop-SwitchField--md___MVRHF {
4413
4726
  --row-gap: var(--hop-SwitchField-md-row-gap);
4414
4727
  --description-margin-inline-start: var(--hop-SwitchField-description-md-margin-inline-start);
4415
4728
  }
4416
- .SwitchField-module__hop-SwitchField__description___Pxn3L {
4729
+ .SwitchField-module__hop-SwitchField__description___YV7ZQ {
4417
4730
  order: 2;
4418
4731
  margin-inline-start: var(--description-margin-inline-start, var(--hop-SwitchField-description-md-margin-inline-start));
4419
4732
  color: var(--description-color);
4420
4733
  }
4421
- .SwitchField-module__hop-SwitchField__switch___0ajh3 {
4734
+ .SwitchField-module__hop-SwitchField__switch___5DyVa {
4422
4735
  order: 1;
4423
4736
  }
4424
4737
 
4425
4738
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/tag/src/Tag.module.css/#css-module-data */
4426
- .Tag-module__hop-Tag___cmE1d {
4739
+ .Tag-module__hop-Tag___rDWrj {
4427
4740
  --hop-Tag-border-size: 0.0625rem;
4428
4741
  --hop-Tag-border-radius: var(--hop-shape-pill);
4429
4742
  --hop-Tag-sm-block-size: 1.25rem;
@@ -4662,7 +4975,7 @@
4662
4975
  outline: none;
4663
4976
  outline-offset: 0.125rem;
4664
4977
  }
4665
- .Tag-module__hop-Tag--sm___C3bAC {
4978
+ .Tag-module__hop-Tag--sm___G43uy {
4666
4979
  --block-size: var(--hop-Tag-sm-block-size);
4667
4980
  --padding-inline: var(--hop-Tag-sm-padding-inline);
4668
4981
  --column-gap: var(--hop-Tag-sm-column-gap);
@@ -4670,13 +4983,13 @@
4670
4983
  --avatar-margin-inline-start: var(--hop-Tag-sm-avatar-margin-inline-start);
4671
4984
  --spinner-margin-inline-end: var(--hop-Tag-sm-spinner-margin-inline-end);
4672
4985
  }
4673
- .Tag-module__hop-Tag--sm___C3bAC:not(:has(.Tag-module__hop-Tag__remove-btn___VrUfb, .Tag-module__hop-Tag__Spinner___TjwGu)) {
4986
+ .Tag-module__hop-Tag--sm___G43uy:not(:has(.Tag-module__hop-Tag__remove-btn___4UalQ, .Tag-module__hop-Tag__Spinner___hECt2)) {
4674
4987
  --badge-margin-inline-end: var(--hop-Tag-sm-badge-margin-inline-end);
4675
4988
  }
4676
- .Tag-module__hop-Tag--sm___C3bAC:not(:has(.Tag-module__hop-Tag__avatar___0-uHL)) {
4989
+ .Tag-module__hop-Tag--sm___G43uy:not(:has(.Tag-module__hop-Tag__avatar___-Mf3W)) {
4677
4990
  --icon-margin-inline-start: var(--hop-Tag-sm-icon-margin-inline-start);
4678
4991
  }
4679
- .Tag-module__hop-Tag--md___Fsaya {
4992
+ .Tag-module__hop-Tag--md___GjBY4 {
4680
4993
  --block-size: var(--hop-Tag-md-block-size);
4681
4994
  --padding-inline: var(--hop-Tag-md-padding-inline);
4682
4995
  --column-gap: var(--hop-Tag-md-column-gap);
@@ -4684,13 +4997,13 @@
4684
4997
  --avatar-margin-inline-start: var(--hop-Tag-md-avatar-margin-inline-start);
4685
4998
  --spinner-margin-inline-end: var(--hop-Tag-md-spinner-margin-inline-end);
4686
4999
  }
4687
- .Tag-module__hop-Tag--md___Fsaya:not(:has(.Tag-module__hop-Tag__remove-btn___VrUfb, .Tag-module__hop-Tag__Spinner___TjwGu)) {
5000
+ .Tag-module__hop-Tag--md___GjBY4:not(:has(.Tag-module__hop-Tag__remove-btn___4UalQ, .Tag-module__hop-Tag__Spinner___hECt2)) {
4688
5001
  --badge-margin-inline-end: var(--hop-Tag-md-badge-margin-inline-end);
4689
5002
  }
4690
- .Tag-module__hop-Tag--md___Fsaya:not(:has(.Tag-module__hop-Tag__avatar___0-uHL)) {
5003
+ .Tag-module__hop-Tag--md___GjBY4:not(:has(.Tag-module__hop-Tag__avatar___-Mf3W)) {
4691
5004
  --icon-margin-inline-start: var(--hop-Tag-md-icon-margin-inline-start);
4692
5005
  }
4693
- .Tag-module__hop-Tag--lg___YcleY {
5006
+ .Tag-module__hop-Tag--lg___jH8cV {
4694
5007
  --block-size: var(--hop-Tag-lg-block-size);
4695
5008
  --padding-inline: var(--hop-Tag-lg-padding-inline);
4696
5009
  --column-gap: var(--hop-Tag-lg-column-gap);
@@ -4698,348 +5011,348 @@
4698
5011
  --avatar-margin-inline-start: var(--hop-Tag-lg-avatar-margin-inline-start);
4699
5012
  --spinner-margin-inline-end: var(--hop-Tag-lg-spinner-margin-inline-end);
4700
5013
  }
4701
- .Tag-module__hop-Tag--lg___YcleY:not(:has(.Tag-module__hop-Tag__remove-btn___VrUfb, .Tag-module__hop-Tag__Spinner___TjwGu)) {
5014
+ .Tag-module__hop-Tag--lg___jH8cV:not(:has(.Tag-module__hop-Tag__remove-btn___4UalQ, .Tag-module__hop-Tag__Spinner___hECt2)) {
4702
5015
  --badge-margin-inline-end: var(--hop-Tag-lg-badge-margin-inline-end);
4703
5016
  }
4704
- .Tag-module__hop-Tag--lg___YcleY:not(:has(.Tag-module__hop-Tag__avatar___0-uHL)) {
5017
+ .Tag-module__hop-Tag--lg___jH8cV:not(:has(.Tag-module__hop-Tag__avatar___-Mf3W)) {
4705
5018
  --icon-margin-inline-start: var(--hop-Tag-lg-icon-margin-inline-start);
4706
5019
  }
4707
- .Tag-module__hop-Tag--neutral___spReC {
5020
+ .Tag-module__hop-Tag--neutral___DMXm- {
4708
5021
  --border-color: var(--hop-Tag-neutral-border-color);
4709
5022
  --background-color: var(--hop-Tag-neutral-background-color);
4710
5023
  --text-color: var(--hop-Tag-neutral-text-color);
4711
5024
  }
4712
- .Tag-module__hop-Tag--subdued___ZIwYW {
5025
+ .Tag-module__hop-Tag--subdued___cHcuG {
4713
5026
  --border-color: var(--hop-Tag-subdued-border-color);
4714
5027
  --background-color: var(--hop-Tag-subdued-background-color);
4715
5028
  --text-color: var(--hop-Tag-subdued-text-color);
4716
5029
  }
4717
- .Tag-module__hop-Tag--progress___PaYSg {
5030
+ .Tag-module__hop-Tag--progress___yT1Yp {
4718
5031
  --border-color: var(--hop-Tag-progress-border-color);
4719
5032
  --background-color: var(--hop-Tag-progress-background-color);
4720
5033
  --text-color: var(--hop-Tag-progress-text-color);
4721
5034
  }
4722
- .Tag-module__hop-Tag--positive___Ctrvd {
5035
+ .Tag-module__hop-Tag--positive___Wo-dp {
4723
5036
  --border-color: var(--hop-Tag-positive-border-color);
4724
5037
  --background-color: var(--hop-Tag-positive-background-color);
4725
5038
  --text-color: var(--hop-Tag-positive-text-color);
4726
5039
  }
4727
- .Tag-module__hop-Tag--caution___wFIh3 {
5040
+ .Tag-module__hop-Tag--caution___m6YZy {
4728
5041
  --border-color: var(--hop-Tag-caution-border-color);
4729
5042
  --background-color: var(--hop-Tag-caution-background-color);
4730
5043
  --text-color: var(--hop-Tag-caution-text-color);
4731
5044
  }
4732
- .Tag-module__hop-Tag--negative___Ub-m3 {
5045
+ .Tag-module__hop-Tag--negative___mn5nz {
4733
5046
  --border-color: var(--hop-Tag-negative-border-color);
4734
5047
  --background-color: var(--hop-Tag-negative-background-color);
4735
5048
  --text-color: var(--hop-Tag-negative-text-color);
4736
5049
  }
4737
- .Tag-module__hop-Tag--option1___ydAfL {
5050
+ .Tag-module__hop-Tag--option1___DvYvC {
4738
5051
  --border-color: var(--hop-Tag-option1-border-color);
4739
5052
  --background-color: var(--hop-Tag-option1-background-color);
4740
5053
  --text-color: var(--hop-Tag-option1-text-color);
4741
5054
  }
4742
- .Tag-module__hop-Tag--option2___W0Wv0 {
5055
+ .Tag-module__hop-Tag--option2___qBDkw {
4743
5056
  --border-color: var(--hop-Tag-option2-border-color);
4744
5057
  --background-color: var(--hop-Tag-option2-background-color);
4745
5058
  --text-color: var(--hop-Tag-option2-text-color);
4746
5059
  }
4747
- .Tag-module__hop-Tag--option3___puAEV {
5060
+ .Tag-module__hop-Tag--option3___134rX {
4748
5061
  --border-color: var(--hop-Tag-option3-border-color);
4749
5062
  --background-color: var(--hop-Tag-option3-background-color);
4750
5063
  --text-color: var(--hop-Tag-option3-text-color);
4751
5064
  }
4752
- .Tag-module__hop-Tag--option4___JzfKc {
5065
+ .Tag-module__hop-Tag--option4___0E7FR {
4753
5066
  --border-color: var(--hop-Tag-option4-border-color);
4754
5067
  --background-color: var(--hop-Tag-option4-background-color);
4755
5068
  --text-color: var(--hop-Tag-option4-text-color);
4756
5069
  }
4757
- .Tag-module__hop-Tag--option5___TkHhv {
5070
+ .Tag-module__hop-Tag--option5___E00Yw {
4758
5071
  --border-color: var(--hop-Tag-option5-border-color);
4759
5072
  --background-color: var(--hop-Tag-option5-background-color);
4760
5073
  --text-color: var(--hop-Tag-option5-text-color);
4761
5074
  }
4762
- .Tag-module__hop-Tag--option6___sCQaN {
5075
+ .Tag-module__hop-Tag--option6___NfLqm {
4763
5076
  --border-color: var(--hop-Tag-option6-border-color);
4764
5077
  --background-color: var(--hop-Tag-option6-background-color);
4765
5078
  --text-color: var(--hop-Tag-option6-text-color);
4766
5079
  }
4767
- .Tag-module__hop-Tag___cmE1d[data-href] {
5080
+ .Tag-module__hop-Tag___rDWrj[data-href] {
4768
5081
  cursor: pointer;
4769
5082
  }
4770
- .Tag-module__hop-Tag--neutral___spReC[data-focus-visible] {
5083
+ .Tag-module__hop-Tag--neutral___DMXm-[data-focus-visible] {
4771
5084
  --border-color: var(--hop-Tag-neutral-border-color-focus);
4772
5085
  --background-color: var(--hop-Tag-neutral-background-color-focus);
4773
5086
  --text-color: var(--hop-Tag-neutral-text-color-focus);
4774
5087
  }
4775
- .Tag-module__hop-Tag--neutral___spReC[data-hovered] {
5088
+ .Tag-module__hop-Tag--neutral___DMXm-[data-hovered] {
4776
5089
  --border-color: var(--hop-Tag-neutral-border-color-hover);
4777
5090
  --background-color: var(--hop-Tag-neutral-background-color-hover);
4778
5091
  --text-color: var(--hop-Tag-neutral-text-color-hover);
4779
5092
  }
4780
- .Tag-module__hop-Tag--neutral___spReC[data-pressed] {
5093
+ .Tag-module__hop-Tag--neutral___DMXm-[data-pressed] {
4781
5094
  --border-color: var(--hop-Tag-neutral-border-color-press);
4782
5095
  --background-color: var(--hop-Tag-neutral-background-color-press);
4783
5096
  --text-color: var(--hop-Tag-neutral-text-color-press);
4784
5097
  }
4785
- .Tag-module__hop-Tag--neutral___spReC[data-disabled] {
5098
+ .Tag-module__hop-Tag--neutral___DMXm-[data-disabled] {
4786
5099
  --border-color: var(--hop-Tag-neutral-border-color-disabled);
4787
5100
  --background-color: var(--hop-Tag-neutral-background-color-disabled);
4788
5101
  --text-color: var(--hop-Tag-neutral-text-color-disabled);
4789
5102
  }
4790
- .Tag-module__hop-Tag--subdued___ZIwYW[data-focus-visible] {
5103
+ .Tag-module__hop-Tag--subdued___cHcuG[data-focus-visible] {
4791
5104
  --border-color: var(--hop-Tag-subdued-border-color-focus);
4792
5105
  --background-color: var(--hop-Tag-subdued-background-color-focus);
4793
5106
  --text-color: var(--hop-Tag-subdued-text-color-focus);
4794
5107
  }
4795
- .Tag-module__hop-Tag--subdued___ZIwYW[data-hovered] {
5108
+ .Tag-module__hop-Tag--subdued___cHcuG[data-hovered] {
4796
5109
  --border-color: var(--hop-Tag-subdued-border-color-hover);
4797
5110
  --background-color: var(--hop-Tag-subdued-background-color-hover);
4798
5111
  --text-color: var(--hop-Tag-subdued-text-color-hover);
4799
5112
  }
4800
- .Tag-module__hop-Tag--subdued___ZIwYW[data-pressed] {
5113
+ .Tag-module__hop-Tag--subdued___cHcuG[data-pressed] {
4801
5114
  --border-color: var(--hop-Tag-subdued-border-color-press);
4802
5115
  --background-color: var(--hop-Tag-subdued-background-color-press);
4803
5116
  --text-color: var(--hop-Tag-subdued-text-color-press);
4804
5117
  }
4805
- .Tag-module__hop-Tag--subdued___ZIwYW[data-disabled] {
5118
+ .Tag-module__hop-Tag--subdued___cHcuG[data-disabled] {
4806
5119
  --border-color: var(--hop-Tag-subdued-border-color-disabled);
4807
5120
  --background-color: var(--hop-Tag-subdued-background-color-disabled);
4808
5121
  --text-color: var(--hop-Tag-subdued-text-color-disabled);
4809
5122
  }
4810
- .Tag-module__hop-Tag--progress___PaYSg[data-focus-visible] {
5123
+ .Tag-module__hop-Tag--progress___yT1Yp[data-focus-visible] {
4811
5124
  --border-color: var(--hop-Tag-progress-border-color-focus);
4812
5125
  --background-color: var(--hop-Tag-progress-background-color-focus);
4813
5126
  --text-color: var(--hop-Tag-progress-text-color-focus);
4814
5127
  }
4815
- .Tag-module__hop-Tag--progress___PaYSg[data-hovered] {
5128
+ .Tag-module__hop-Tag--progress___yT1Yp[data-hovered] {
4816
5129
  --border-color: var(--hop-Tag-progress-border-color-hover);
4817
5130
  --background-color: var(--hop-Tag-progress-background-color-hover);
4818
5131
  --text-color: var(--hop-Tag-progress-text-color-hover);
4819
5132
  }
4820
- .Tag-module__hop-Tag--progress___PaYSg[data-pressed] {
5133
+ .Tag-module__hop-Tag--progress___yT1Yp[data-pressed] {
4821
5134
  --border-color: var(--hop-Tag-progress-border-color-press);
4822
5135
  --background-color: var(--hop-Tag-progress-background-color-press);
4823
5136
  --text-color: var(--hop-Tag-progress-text-color-press);
4824
5137
  }
4825
- .Tag-module__hop-Tag--progress___PaYSg[data-disabled] {
5138
+ .Tag-module__hop-Tag--progress___yT1Yp[data-disabled] {
4826
5139
  --border-color: var(--hop-Tag-progress-border-color-disabled);
4827
5140
  --background-color: var(--hop-Tag-progress-background-color-disabled);
4828
5141
  --text-color: var(--hop-Tag-progress-text-color-disabled);
4829
5142
  }
4830
- .Tag-module__hop-Tag--positive___Ctrvd[data-focus-visible] {
5143
+ .Tag-module__hop-Tag--positive___Wo-dp[data-focus-visible] {
4831
5144
  --border-color: var(--hop-Tag-positive-border-color-focus);
4832
5145
  --background-color: var(--hop-Tag-positive-background-color-focus);
4833
5146
  --text-color: var(--hop-Tag-positive-text-color-focus);
4834
5147
  }
4835
- .Tag-module__hop-Tag--positive___Ctrvd[data-hovered] {
5148
+ .Tag-module__hop-Tag--positive___Wo-dp[data-hovered] {
4836
5149
  --border-color: var(--hop-Tag-positive-border-color-hover);
4837
5150
  --background-color: var(--hop-Tag-positive-background-color-hover);
4838
5151
  --text-color: var(--hop-Tag-positive-text-color-hover);
4839
5152
  }
4840
- .Tag-module__hop-Tag--positive___Ctrvd[data-pressed] {
5153
+ .Tag-module__hop-Tag--positive___Wo-dp[data-pressed] {
4841
5154
  --border-color: var(--hop-Tag-positive-border-color-press);
4842
5155
  --background-color: var(--hop-Tag-positive-background-color-press);
4843
5156
  --text-color: var(--hop-Tag-positive-text-color-press);
4844
5157
  }
4845
- .Tag-module__hop-Tag--positive___Ctrvd[data-disabled] {
5158
+ .Tag-module__hop-Tag--positive___Wo-dp[data-disabled] {
4846
5159
  --border-color: var(--hop-Tag-positive-border-color-disabled);
4847
5160
  --background-color: var(--hop-Tag-positive-background-color-disabled);
4848
5161
  --text-color: var(--hop-Tag-positive-text-color-disabled);
4849
5162
  }
4850
- .Tag-module__hop-Tag--caution___wFIh3[data-focus-visible] {
5163
+ .Tag-module__hop-Tag--caution___m6YZy[data-focus-visible] {
4851
5164
  --border-color: var(--hop-Tag-caution-border-color-focus);
4852
5165
  --background-color: var(--hop-Tag-caution-background-color-focus);
4853
5166
  --text-color: var(--hop-Tag-caution-text-color-focus);
4854
5167
  }
4855
- .Tag-module__hop-Tag--caution___wFIh3[data-hovered] {
5168
+ .Tag-module__hop-Tag--caution___m6YZy[data-hovered] {
4856
5169
  --border-color: var(--hop-Tag-caution-border-color-hover);
4857
5170
  --background-color: var(--hop-Tag-caution-background-color-hover);
4858
5171
  --text-color: var(--hop-Tag-caution-text-color-hover);
4859
5172
  }
4860
- .Tag-module__hop-Tag--caution___wFIh3[data-pressed] {
5173
+ .Tag-module__hop-Tag--caution___m6YZy[data-pressed] {
4861
5174
  --border-color: var(--hop-Tag-caution-border-color-press);
4862
5175
  --background-color: var(--hop-Tag-caution-background-color-press);
4863
5176
  --text-color: var(--hop-Tag-caution-text-color-press);
4864
5177
  }
4865
- .Tag-module__hop-Tag--caution___wFIh3[data-disabled] {
5178
+ .Tag-module__hop-Tag--caution___m6YZy[data-disabled] {
4866
5179
  --border-color: var(--hop-Tag-caution-border-color-disabled);
4867
5180
  --background-color: var(--hop-Tag-caution-background-color-disabled);
4868
5181
  --text-color: var(--hop-Tag-caution-text-color-disabled);
4869
5182
  }
4870
- .Tag-module__hop-Tag--negative___Ub-m3[data-focus-visible] {
5183
+ .Tag-module__hop-Tag--negative___mn5nz[data-focus-visible] {
4871
5184
  --border-color: var(--hop-Tag-negative-border-color-focus);
4872
5185
  --background-color: var(--hop-Tag-negative-background-color-focus);
4873
5186
  --text-color: var(--hop-Tag-negative-text-color-focus);
4874
5187
  }
4875
- .Tag-module__hop-Tag--negative___Ub-m3[data-hovered] {
5188
+ .Tag-module__hop-Tag--negative___mn5nz[data-hovered] {
4876
5189
  --border-color: var(--hop-Tag-negative-border-color-hover);
4877
5190
  --background-color: var(--hop-Tag-negative-background-color-hover);
4878
5191
  --text-color: var(--hop-Tag-negative-text-color-hover);
4879
5192
  }
4880
- .Tag-module__hop-Tag--negative___Ub-m3[data-pressed] {
5193
+ .Tag-module__hop-Tag--negative___mn5nz[data-pressed] {
4881
5194
  --border-color: var(--hop-Tag-negative-border-color-press);
4882
5195
  --background-color: var(--hop-Tag-negative-background-color-press);
4883
5196
  --text-color: var(--hop-Tag-negative-text-color-press);
4884
5197
  }
4885
- .Tag-module__hop-Tag--negative___Ub-m3[data-disabled] {
5198
+ .Tag-module__hop-Tag--negative___mn5nz[data-disabled] {
4886
5199
  --border-color: var(--hop-Tag-negative-border-color-disabled);
4887
5200
  --background-color: var(--hop-Tag-negative-background-color-disabled);
4888
5201
  --text-color: var(--hop-Tag-negative-text-color-disabled);
4889
5202
  }
4890
- .Tag-module__hop-Tag--option1___ydAfL[data-focus-visible] {
5203
+ .Tag-module__hop-Tag--option1___DvYvC[data-focus-visible] {
4891
5204
  --border-color: var(--hop-Tag-option1-border-color-focus);
4892
5205
  --background-color: var(--hop-Tag-option1-background-color-focus);
4893
5206
  --text-color: var(--hop-Tag-option1-text-color-focus);
4894
5207
  }
4895
- .Tag-module__hop-Tag--option1___ydAfL[data-hovered] {
5208
+ .Tag-module__hop-Tag--option1___DvYvC[data-hovered] {
4896
5209
  --border-color: var(--hop-Tag-option1-border-color-hover);
4897
5210
  --background-color: var(--hop-Tag-option1-background-color-hover);
4898
5211
  --text-color: var(--hop-Tag-option1-text-color-hover);
4899
5212
  }
4900
- .Tag-module__hop-Tag--option1___ydAfL[data-pressed] {
5213
+ .Tag-module__hop-Tag--option1___DvYvC[data-pressed] {
4901
5214
  --border-color: var(--hop-Tag-option1-border-color-press);
4902
5215
  --background-color: var(--hop-Tag-option1-background-color-press);
4903
5216
  --text-color: var(--hop-Tag-option1-text-color-press);
4904
5217
  }
4905
- .Tag-module__hop-Tag--option1___ydAfL[data-disabled] {
5218
+ .Tag-module__hop-Tag--option1___DvYvC[data-disabled] {
4906
5219
  --border-color: var(--hop-Tag-option1-border-color-disabled);
4907
5220
  --background-color: var(--hop-Tag-option1-background-color-disabled);
4908
5221
  --text-color: var(--hop-Tag-option1-text-color-disabled);
4909
5222
  }
4910
- .Tag-module__hop-Tag--option2___W0Wv0[data-focus-visible] {
5223
+ .Tag-module__hop-Tag--option2___qBDkw[data-focus-visible] {
4911
5224
  --border-color: var(--hop-Tag-option2-border-color-focus);
4912
5225
  --background-color: var(--hop-Tag-option2-background-color-focus);
4913
5226
  --text-color: var(--hop-Tag-option2-text-color-focus);
4914
5227
  }
4915
- .Tag-module__hop-Tag--option2___W0Wv0[data-hovered] {
5228
+ .Tag-module__hop-Tag--option2___qBDkw[data-hovered] {
4916
5229
  --border-color: var(--hop-Tag-option2-border-color-hover);
4917
5230
  --background-color: var(--hop-Tag-option2-background-color-hover);
4918
5231
  --text-color: var(--hop-Tag-option2-text-color-hover);
4919
5232
  }
4920
- .Tag-module__hop-Tag--option2___W0Wv0[data-pressed] {
5233
+ .Tag-module__hop-Tag--option2___qBDkw[data-pressed] {
4921
5234
  --border-color: var(--hop-Tag-option2-border-color-press);
4922
5235
  --background-color: var(--hop-Tag-option2-background-color-press);
4923
5236
  --text-color: var(--hop-Tag-option2-text-color-press);
4924
5237
  }
4925
- .Tag-module__hop-Tag--option2___W0Wv0[data-disabled] {
5238
+ .Tag-module__hop-Tag--option2___qBDkw[data-disabled] {
4926
5239
  --border-color: var(--hop-Tag-option2-border-color-disabled);
4927
5240
  --background-color: var(--hop-Tag-option2-background-color-disabled);
4928
5241
  --text-color: var(--hop-Tag-option2-text-color-disabled);
4929
5242
  }
4930
- .Tag-module__hop-Tag--option3___puAEV[data-focus-visible] {
5243
+ .Tag-module__hop-Tag--option3___134rX[data-focus-visible] {
4931
5244
  --border-color: var(--hop-Tag-option3-border-color-focus);
4932
5245
  --background-color: var(--hop-Tag-option3-background-color-focus);
4933
5246
  --text-color: var(--hop-Tag-option3-text-color-focus);
4934
5247
  }
4935
- .Tag-module__hop-Tag--option3___puAEV[data-hovered] {
5248
+ .Tag-module__hop-Tag--option3___134rX[data-hovered] {
4936
5249
  --border-color: var(--hop-Tag-option3-border-color-hover);
4937
5250
  --background-color: var(--hop-Tag-option3-background-color-hover);
4938
5251
  --text-color: var(--hop-Tag-option3-text-color-hover);
4939
5252
  }
4940
- .Tag-module__hop-Tag--option3___puAEV[data-pressed] {
5253
+ .Tag-module__hop-Tag--option3___134rX[data-pressed] {
4941
5254
  --border-color: var(--hop-Tag-option3-border-color-press);
4942
5255
  --background-color: var(--hop-Tag-option3-background-color-press);
4943
5256
  --text-color: var(--hop-Tag-option3-text-color-press);
4944
5257
  }
4945
- .Tag-module__hop-Tag--option3___puAEV[data-disabled] {
5258
+ .Tag-module__hop-Tag--option3___134rX[data-disabled] {
4946
5259
  --border-color: var(--hop-Tag-option3-border-color-disabled);
4947
5260
  --background-color: var(--hop-Tag-option3-background-color-disabled);
4948
5261
  --text-color: var(--hop-Tag-option3-text-color-disabled);
4949
5262
  }
4950
- .Tag-module__hop-Tag--option4___JzfKc[data-focus-visible] {
5263
+ .Tag-module__hop-Tag--option4___0E7FR[data-focus-visible] {
4951
5264
  --border-color: var(--hop-Tag-option4-border-color-focus);
4952
5265
  --background-color: var(--hop-Tag-option4-background-color-focus);
4953
5266
  --text-color: var(--hop-Tag-option4-text-color-focus);
4954
5267
  }
4955
- .Tag-module__hop-Tag--option4___JzfKc[data-hovered] {
5268
+ .Tag-module__hop-Tag--option4___0E7FR[data-hovered] {
4956
5269
  --border-color: var(--hop-Tag-option4-border-color-hover);
4957
5270
  --background-color: var(--hop-Tag-option4-background-color-hover);
4958
5271
  --text-color: var(--hop-Tag-option4-text-color-hover);
4959
5272
  }
4960
- .Tag-module__hop-Tag--option4___JzfKc[data-pressed] {
5273
+ .Tag-module__hop-Tag--option4___0E7FR[data-pressed] {
4961
5274
  --border-color: var(--hop-Tag-option4-border-color-press);
4962
5275
  --background-color: var(--hop-Tag-option4-background-color-press);
4963
5276
  --text-color: var(--hop-Tag-option4-text-color-press);
4964
5277
  }
4965
- .Tag-module__hop-Tag--option4___JzfKc[data-disabled] {
5278
+ .Tag-module__hop-Tag--option4___0E7FR[data-disabled] {
4966
5279
  --border-color: var(--hop-Tag-option4-border-color-disabled);
4967
5280
  --background-color: var(--hop-Tag-option4-background-color-disabled);
4968
5281
  --text-color: var(--hop-Tag-option4-text-color-disabled);
4969
5282
  }
4970
- .Tag-module__hop-Tag--option5___TkHhv[data-focus-visible] {
5283
+ .Tag-module__hop-Tag--option5___E00Yw[data-focus-visible] {
4971
5284
  --border-color: var(--hop-Tag-option5-border-color-focus);
4972
5285
  --background-color: var(--hop-Tag-option5-background-color-focus);
4973
5286
  --text-color: var(--hop-Tag-option5-text-color-focus);
4974
5287
  }
4975
- .Tag-module__hop-Tag--option5___TkHhv[data-hovered] {
5288
+ .Tag-module__hop-Tag--option5___E00Yw[data-hovered] {
4976
5289
  --border-color: var(--hop-Tag-option5-border-color-hover);
4977
5290
  --background-color: var(--hop-Tag-option5-background-color-hover);
4978
5291
  --text-color: var(--hop-Tag-option5-text-color-hover);
4979
5292
  }
4980
- .Tag-module__hop-Tag--option5___TkHhv[data-pressed] {
5293
+ .Tag-module__hop-Tag--option5___E00Yw[data-pressed] {
4981
5294
  --border-color: var(--hop-Tag-option5-border-color-press);
4982
5295
  --background-color: var(--hop-Tag-option5-background-color-press);
4983
5296
  --text-color: var(--hop-Tag-option5-text-color-press);
4984
5297
  }
4985
- .Tag-module__hop-Tag--option5___TkHhv[data-disabled] {
5298
+ .Tag-module__hop-Tag--option5___E00Yw[data-disabled] {
4986
5299
  --border-color: var(--hop-Tag-option5-border-color-disabled);
4987
5300
  --background-color: var(--hop-Tag-option5-background-color-disabled);
4988
5301
  --text-color: var(--hop-Tag-option5-text-color-disabled);
4989
5302
  }
4990
- .Tag-module__hop-Tag--option6___sCQaN[data-focus-visible] {
5303
+ .Tag-module__hop-Tag--option6___NfLqm[data-focus-visible] {
4991
5304
  --border-color: var(--hop-Tag-option6-border-color-focus);
4992
5305
  --background-color: var(--hop-Tag-option6-background-color-focus);
4993
5306
  --text-color: var(--hop-Tag-option6-text-color-focus);
4994
5307
  }
4995
- .Tag-module__hop-Tag--option6___sCQaN[data-hovered] {
5308
+ .Tag-module__hop-Tag--option6___NfLqm[data-hovered] {
4996
5309
  --border-color: var(--hop-Tag-option6-border-color-hover);
4997
5310
  --background-color: var(--hop-Tag-option6-background-color-hover);
4998
5311
  --text-color: var(--hop-Tag-option6-text-color-hover);
4999
5312
  }
5000
- .Tag-module__hop-Tag--option6___sCQaN[data-pressed] {
5313
+ .Tag-module__hop-Tag--option6___NfLqm[data-pressed] {
5001
5314
  --border-color: var(--hop-Tag-option6-border-color-press);
5002
5315
  --background-color: var(--hop-Tag-option6-background-color-press);
5003
5316
  --text-color: var(--hop-Tag-option6-text-color-press);
5004
5317
  }
5005
- .Tag-module__hop-Tag--option6___sCQaN[data-disabled] {
5318
+ .Tag-module__hop-Tag--option6___NfLqm[data-disabled] {
5006
5319
  --border-color: var(--hop-Tag-option6-border-color-disabled);
5007
5320
  --background-color: var(--hop-Tag-option6-background-color-disabled);
5008
5321
  --text-color: var(--hop-Tag-option6-text-color-disabled);
5009
5322
  }
5010
- .Tag-module__hop-Tag___cmE1d[data-focus-visible] {
5323
+ .Tag-module__hop-Tag___rDWrj[data-focus-visible] {
5011
5324
  outline: 0.125rem solid var(--focus-ring-color);
5012
5325
  }
5013
- .Tag-module__hop-Tag___cmE1d[data-hovered] {
5326
+ .Tag-module__hop-Tag___rDWrj[data-hovered] {
5014
5327
  cursor: pointer;
5015
5328
  }
5016
- .Tag-module__hop-Tag___cmE1d[data-selected] {
5329
+ .Tag-module__hop-Tag___rDWrj[data-selected] {
5017
5330
  --background-color: var(--hop-Tag-background-color-selected);
5018
5331
  --border-color: var(--hop-Tag-border-color-selected);
5019
5332
  --text-color: var(--hop-Tag-text-color-selected);
5020
5333
  }
5021
- .Tag-module__hop-Tag___cmE1d[data-pressed] {
5334
+ .Tag-module__hop-Tag___rDWrj[data-pressed] {
5022
5335
  cursor: pointer;
5023
5336
  }
5024
- .Tag-module__hop-Tag___cmE1d[data-invalid] {
5337
+ .Tag-module__hop-Tag___rDWrj[data-invalid] {
5025
5338
  --border-color: var(--hop-Tag-border-color-invalid);
5026
5339
  }
5027
- .Tag-module__hop-Tag___cmE1d[data-disabled] {
5340
+ .Tag-module__hop-Tag___rDWrj[data-disabled] {
5028
5341
  cursor: not-allowed;
5029
5342
  }
5030
- .Tag-module__hop-Tag__avatar___0-uHL {
5343
+ .Tag-module__hop-Tag__avatar___-Mf3W {
5031
5344
  flex: 0 0 auto;
5032
5345
  order: 1;
5033
5346
  margin-inline-start: var(--avatar-margin-inline-start);
5034
5347
  }
5035
- .Tag-module__hop-Tag__icon___Lwb8E,
5036
- .Tag-module__hop-Tag__icon-list___r7kKX {
5348
+ .Tag-module__hop-Tag__icon___4bQPB,
5349
+ .Tag-module__hop-Tag__icon-list___XyMyY {
5037
5350
  flex: 0 0 auto;
5038
5351
  flex-wrap: nowrap;
5039
5352
  order: 2;
5040
5353
  margin-inline-start: var(--icon-margin-inline-start, 0);
5041
5354
  }
5042
- .Tag-module__hop-Tag__text___itlvp {
5355
+ .Tag-module__hop-Tag__text___K1ewf {
5043
5356
  overflow: hidden;
5044
5357
  flex: 1 1 auto;
5045
5358
  order: 3;
@@ -5047,33 +5360,33 @@
5047
5360
  text-align: center;
5048
5361
  text-overflow: ellipsis;
5049
5362
  }
5050
- .Tag-module__hop-Tag__badge___rbO1Q {
5363
+ .Tag-module__hop-Tag__badge___xuEf- {
5051
5364
  flex: 0 0 auto;
5052
5365
  order: 4;
5053
5366
  margin-inline-end: var(--badge-margin-inline-end);
5054
5367
  }
5055
- .Tag-module__hop-Tag___cmE1d .Tag-module__hop-Tag__badge___rbO1Q[data-variant=subdued] {
5368
+ .Tag-module__hop-Tag___rDWrj .Tag-module__hop-Tag__badge___xuEf-[data-variant=subdued] {
5056
5369
  margin-inline-start: var(--badge-secondary-margin-inline-start);
5057
5370
  color: inherit;
5058
5371
  background: none;
5059
5372
  }
5060
- .Tag-module__hop-Tag--sm___C3bAC .Tag-module__hop-Tag__badge___rbO1Q {
5373
+ .Tag-module__hop-Tag--sm___G43uy .Tag-module__hop-Tag__badge___xuEf- {
5061
5374
  block-size: 100%;
5062
5375
  }
5063
- .Tag-module__hop-Tag__remove-btn___VrUfb,
5064
- .Tag-module__hop-Tag__Spinner___TjwGu {
5376
+ .Tag-module__hop-Tag__remove-btn___4UalQ,
5377
+ .Tag-module__hop-Tag__Spinner___hECt2 {
5065
5378
  flex: 0 0 auto;
5066
5379
  order: 5;
5067
5380
  }
5068
- .Tag-module__hop-Tag__Spinner___TjwGu {
5381
+ .Tag-module__hop-Tag__Spinner___hECt2 {
5069
5382
  margin-inline-end: var(--spinner-margin-inline-end);
5070
5383
  }
5071
- .Tag-module__hop-Tag__remove-btn___VrUfb {
5384
+ .Tag-module__hop-Tag__remove-btn___4UalQ {
5072
5385
  margin-inline: var(--clear-btn-margin-inline);
5073
5386
  }
5074
5387
 
5075
5388
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/tag/src/TagGroup.module.css/#css-module-data */
5076
- .TagGroup-module__hop-TagGroup___fnnqR {
5389
+ .TagGroup-module__hop-TagGroup___0TH5s {
5077
5390
  --hop-TagGroup-row-gap: var(--hop-space-inline-sm);
5078
5391
  --hop-TagGroup-list-column-gap: var(--hop-space-inline-sm);
5079
5392
  --hop-TagGroup-list-row-gap: var(--hop-space-inline-sm);
@@ -5093,10 +5406,10 @@
5093
5406
  inline-size: max-content;
5094
5407
  max-inline-size: 100%;
5095
5408
  }
5096
- .TagGroup-module__hop-TagGroup___fnnqR > .TagGroup-module__hop-TagGroup__label___bpbPD {
5409
+ .TagGroup-module__hop-TagGroup___0TH5s > .TagGroup-module__hop-TagGroup__label___0hzAn {
5097
5410
  order: 1;
5098
5411
  }
5099
- .TagGroup-module__hop-TagGroup__list___rm2tH {
5412
+ .TagGroup-module__hop-TagGroup__list___TQT7U {
5100
5413
  display: flex;
5101
5414
  flex-wrap: wrap;
5102
5415
  gap: var(--list-row-gap) var(--list-column-gap);
@@ -5105,12 +5418,12 @@
5105
5418
  border-radius: var(--list-border-radius);
5106
5419
  outline: none;
5107
5420
  }
5108
- .TagGroup-module__hop-TagGroup__list___rm2tH[data-focus-visible] {
5421
+ .TagGroup-module__hop-TagGroup__list___TQT7U[data-focus-visible] {
5109
5422
  outline: 0.125rem solid var(--list-focus-ring-color);
5110
5423
  outline-offset: 0.125rem;
5111
5424
  }
5112
- .TagGroup-module__hop-TagGroup___fnnqR > .TagGroup-module__hop-TagGroup__error-message___1--MR,
5113
- .TagGroup-module__hop-TagGroup___fnnqR > .TagGroup-module__hop-TagGroup__helper-message___HMaL2 {
5425
+ .TagGroup-module__hop-TagGroup___0TH5s > .TagGroup-module__hop-TagGroup__error-message___g7eRv,
5426
+ .TagGroup-module__hop-TagGroup___0TH5s > .TagGroup-module__hop-TagGroup__helper-message___OEsE2 {
5114
5427
  order: 3;
5115
5428
  }
5116
5429