@hopper-ui/components 1.3.0 → 1.3.2

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 (185) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/Avatar/src/AnonymousAvatar.css +10 -10
  3. package/dist/Avatar/src/AnonymousAvatar.js +2 -2
  4. package/dist/Avatar/src/Avatar.css +37 -37
  5. package/dist/Avatar/src/Avatar.js +4 -4
  6. package/dist/Avatar/src/DeletedAvatar.css +10 -10
  7. package/dist/Avatar/src/DeletedAvatar.js +2 -2
  8. package/dist/Avatar/src/RichIconAvatarImage.css +10 -10
  9. package/dist/Avatar/src/RichIconAvatarImage.js +1 -1
  10. package/dist/Avatar/src/index.css +37 -37
  11. package/dist/Avatar/src/index.js +6 -6
  12. package/dist/Badge/src/Badge.css +85 -13
  13. package/dist/Badge/src/Badge.d.ts +6 -2
  14. package/dist/Badge/src/Badge.js +2 -2
  15. package/dist/Badge/src/BadgeContext.d.ts +8 -3
  16. package/dist/Badge/src/FloatingBadge.css +96 -0
  17. package/dist/Badge/src/FloatingBadge.d.ts +33 -0
  18. package/dist/Badge/src/FloatingBadge.js +7 -0
  19. package/dist/Badge/src/FloatingBadgeContext.d.ts +10 -0
  20. package/dist/Badge/src/FloatingBadgeContext.js +2 -0
  21. package/dist/Badge/src/index.css +182 -13
  22. package/dist/Badge/src/index.d.ts +3 -1
  23. package/dist/Badge/src/index.js +5 -2
  24. package/dist/Divider/src/Divider.css +2 -2
  25. package/dist/Divider/src/Divider.js +1 -1
  26. package/dist/Divider/src/index.css +2 -2
  27. package/dist/Divider/src/index.js +1 -1
  28. package/dist/ErrorMessage/src/ErrorMessage.css +11 -11
  29. package/dist/ErrorMessage/src/ErrorMessage.js +2 -2
  30. package/dist/ErrorMessage/src/index.css +11 -11
  31. package/dist/ErrorMessage/src/index.js +2 -2
  32. package/dist/Form/src/Form.css +809 -627
  33. package/dist/Form/src/Form.js +61 -59
  34. package/dist/Form/src/index.css +809 -627
  35. package/dist/Form/src/index.js +61 -59
  36. package/dist/HelperMessage/src/HelperMessage.css +11 -11
  37. package/dist/HelperMessage/src/HelperMessage.js +2 -2
  38. package/dist/HelperMessage/src/index.css +11 -11
  39. package/dist/HelperMessage/src/index.js +2 -2
  40. package/dist/IconList/src/IconList.css +1 -1
  41. package/dist/IconList/src/IconList.js +1 -1
  42. package/dist/IconList/src/index.css +1 -1
  43. package/dist/IconList/src/index.js +1 -1
  44. package/dist/Link/src/Link.css +31 -31
  45. package/dist/Link/src/Link.js +2 -2
  46. package/dist/Link/src/index.css +31 -31
  47. package/dist/Link/src/index.js +2 -2
  48. package/dist/ListBox/src/ListBox.css +373 -204
  49. package/dist/ListBox/src/ListBox.js +11 -11
  50. package/dist/ListBox/src/ListBoxItem.css +358 -189
  51. package/dist/ListBox/src/ListBoxItem.js +10 -10
  52. package/dist/ListBox/src/ListBoxItemSkeleton.css +7 -7
  53. package/dist/ListBox/src/ListBoxItemSkeleton.js +1 -1
  54. package/dist/ListBox/src/index.css +373 -204
  55. package/dist/ListBox/src/index.js +11 -11
  56. package/dist/Select/src/Select.css +809 -627
  57. package/dist/Select/src/Select.js +61 -59
  58. package/dist/Select/src/SelectValue.css +60 -60
  59. package/dist/Select/src/SelectValue.js +6 -6
  60. package/dist/Select/src/index.css +809 -627
  61. package/dist/Select/src/index.js +61 -59
  62. package/dist/Spinner/src/Spinner.css +19 -19
  63. package/dist/Spinner/src/Spinner.js +2 -2
  64. package/dist/Spinner/src/index.css +19 -19
  65. package/dist/Spinner/src/index.js +2 -2
  66. package/dist/buttons/src/Button.css +94 -94
  67. package/dist/buttons/src/Button.js +3 -3
  68. package/dist/buttons/src/ButtonGroup.css +11 -11
  69. package/dist/buttons/src/ButtonGroup.js +2 -2
  70. package/dist/buttons/src/ClearButton.css +70 -70
  71. package/dist/buttons/src/ClearButton.js +2 -2
  72. package/dist/buttons/src/EmbeddedButton.css +70 -70
  73. package/dist/buttons/src/EmbeddedButton.js +1 -1
  74. package/dist/buttons/src/index.css +175 -175
  75. package/dist/buttons/src/index.js +7 -7
  76. package/dist/checkbox/src/Checkbox.css +31 -31
  77. package/dist/checkbox/src/Checkbox.js +2 -2
  78. package/dist/checkbox/src/CheckboxField.css +15 -15
  79. package/dist/checkbox/src/CheckboxField.js +1 -1
  80. package/dist/checkbox/src/CheckboxGroup.css +60 -60
  81. package/dist/checkbox/src/CheckboxGroup.js +2 -2
  82. package/dist/checkbox/src/index.css +60 -60
  83. package/dist/checkbox/src/index.js +5 -5
  84. package/dist/chunk-2JKIODNX.js +72 -0
  85. package/dist/{chunk-QQI3KNHZ.js → chunk-2QRF6QS4.js} +4 -4
  86. package/dist/{chunk-LFN43ROH.js → chunk-4DUNOSY3.js} +2 -2
  87. package/dist/{chunk-AZJME7JV.js → chunk-4HDV2BLR.js} +3 -3
  88. package/dist/{chunk-4RMADICI.js → chunk-6ARIISLQ.js} +3 -3
  89. package/dist/{chunk-D5PBETXF.js → chunk-7PGPLWWM.js} +1 -1
  90. package/dist/{chunk-C72PRNOP.js → chunk-7UCX7BHD.js} +1 -1
  91. package/dist/{chunk-JIRLWUDP.js → chunk-BZEAJIFE.js} +2 -2
  92. package/dist/chunk-CIGS4QGT.js +7 -0
  93. package/dist/{chunk-BQITTESM.js → chunk-DBRCQKUP.js} +1 -1
  94. package/dist/{chunk-6C5RI4RT.js → chunk-DVUZTKLP.js} +11 -8
  95. package/dist/{chunk-LYPR2YMY.js → chunk-E3OC54N2.js} +18 -7
  96. package/dist/{chunk-YB7IYQW4.js → chunk-E4XUYBHM.js} +2 -2
  97. package/dist/{chunk-HIDHDS2L.js → chunk-EM46HWRZ.js} +1 -1
  98. package/dist/{chunk-3573Q6QG.js → chunk-FJ22ZFSR.js} +2 -2
  99. package/dist/{chunk-TOWSC7FO.js → chunk-GVSKXB2L.js} +3 -3
  100. package/dist/{chunk-GRJ3VKHY.js → chunk-GX73DZCI.js} +4 -4
  101. package/dist/{chunk-6H5DRQZH.js → chunk-HIBGDGNG.js} +2 -2
  102. package/dist/{chunk-BODCT27J.js → chunk-IU74RATZ.js} +1 -1
  103. package/dist/{chunk-DLZGJBL7.js → chunk-JCH77LJD.js} +1 -1
  104. package/dist/{chunk-SSDFINDD.js → chunk-KCISVH6E.js} +2 -2
  105. package/dist/{chunk-DXEWBV4C.js → chunk-KYREXCID.js} +11 -5
  106. package/dist/{chunk-TTY5HDLL.js → chunk-LBJ4PRPZ.js} +2 -2
  107. package/dist/{chunk-7L5MCX2A.js → chunk-M23LQGWD.js} +2 -2
  108. package/dist/{chunk-O2ZMTKCT.js → chunk-M72B6IEL.js} +1 -1
  109. package/dist/{chunk-DFVORYEU.js → chunk-MVQ4SZCY.js} +2 -2
  110. package/dist/{chunk-CWX45XWS.js → chunk-OHK3RWIU.js} +3 -3
  111. package/dist/{chunk-JQMXGSAE.js → chunk-PMPZHA56.js} +1 -1
  112. package/dist/{chunk-SCXYAGZI.js → chunk-QIGWJIKW.js} +11 -11
  113. package/dist/{chunk-BRU54ERL.js → chunk-SYP4FGDH.js} +2 -2
  114. package/dist/{chunk-ZHOQYYHY.js → chunk-SZE6BURJ.js} +1 -1
  115. package/dist/{chunk-FOXOPL2E.js → chunk-T46AXTFR.js} +9 -6
  116. package/dist/{chunk-T3CLGQI6.js → chunk-TKCXSKGR.js} +1 -1
  117. package/dist/{chunk-CAHZCRTK.js → chunk-UUNBQSPD.js} +1 -1
  118. package/dist/{chunk-BTHPJL3A.js → chunk-UURAYM5Q.js} +1 -1
  119. package/dist/{chunk-D7DIUGRI.js → chunk-VAX4ILUC.js} +1 -1
  120. package/dist/{chunk-3ZRCYKIV.js → chunk-VSUK2R4A.js} +2 -2
  121. package/dist/{chunk-CU36N5JQ.js → chunk-XBDHVTY7.js} +3 -3
  122. package/dist/{chunk-OLS7K6PO.js → chunk-XZRK3MCS.js} +2 -2
  123. package/dist/{chunk-T742LIIS.js → chunk-XZZGXNY3.js} +1 -1
  124. package/dist/{chunk-T37HTUEU.js → chunk-YAWQ7HJ5.js} +2 -2
  125. package/dist/{chunk-SKEMSZ63.js → chunk-ZUIUPK7K.js} +2 -2
  126. package/dist/index.css +809 -627
  127. package/dist/index.d.ts +3 -1
  128. package/dist/index.js +61 -59
  129. package/dist/inputs/src/InputGroup.css +14 -14
  130. package/dist/inputs/src/InputGroup.js +1 -1
  131. package/dist/inputs/src/NumberField.css +63 -63
  132. package/dist/inputs/src/NumberField.js +7 -7
  133. package/dist/inputs/src/PasswordField.css +217 -217
  134. package/dist/inputs/src/PasswordField.js +9 -9
  135. package/dist/inputs/src/SearchField.css +223 -223
  136. package/dist/inputs/src/SearchField.js +10 -10
  137. package/dist/inputs/src/TextArea.css +57 -57
  138. package/dist/inputs/src/TextArea.js +8 -8
  139. package/dist/inputs/src/TextField.css +231 -218
  140. package/dist/inputs/src/TextField.d.ts +7 -0
  141. package/dist/inputs/src/TextField.js +10 -9
  142. package/dist/inputs/src/index.css +279 -266
  143. package/dist/inputs/src/index.js +16 -16
  144. package/dist/overlays/Popover/src/Popover.css +809 -627
  145. package/dist/overlays/Popover/src/Popover.js +61 -59
  146. package/dist/overlays/Popover/src/index.css +809 -627
  147. package/dist/overlays/Popover/src/index.js +61 -59
  148. package/dist/radio/src/Radio.css +31 -31
  149. package/dist/radio/src/Radio.js +2 -2
  150. package/dist/radio/src/RadioField.css +15 -15
  151. package/dist/radio/src/RadioField.js +2 -2
  152. package/dist/radio/src/RadioGroup.css +60 -60
  153. package/dist/radio/src/RadioGroup.js +2 -2
  154. package/dist/radio/src/index.css +60 -60
  155. package/dist/radio/src/index.js +5 -5
  156. package/dist/switch/src/Switch.css +25 -25
  157. package/dist/switch/src/Switch.js +2 -2
  158. package/dist/switch/src/SwitchField.css +15 -15
  159. package/dist/switch/src/SwitchField.js +2 -2
  160. package/dist/switch/src/index.css +31 -31
  161. package/dist/switch/src/index.js +4 -4
  162. package/dist/tag/src/Tag.css +473 -304
  163. package/dist/tag/src/Tag.js +5 -5
  164. package/dist/tag/src/TagGroup.css +22 -22
  165. package/dist/tag/src/TagGroup.js +2 -2
  166. package/dist/tag/src/index.css +486 -317
  167. package/dist/tag/src/index.js +8 -8
  168. package/dist/typography/Heading/src/Heading.css +9 -9
  169. package/dist/typography/Heading/src/Heading.js +1 -1
  170. package/dist/typography/Heading/src/index.css +9 -9
  171. package/dist/typography/Heading/src/index.js +1 -1
  172. package/dist/typography/Label/src/Label.css +3 -3
  173. package/dist/typography/Label/src/Label.js +1 -1
  174. package/dist/typography/Label/src/index.css +3 -3
  175. package/dist/typography/Label/src/index.js +1 -1
  176. package/dist/typography/OverlineText/src/OverlineText.css +6 -6
  177. package/dist/typography/OverlineText/src/OverlineText.js +1 -1
  178. package/dist/typography/OverlineText/src/index.css +6 -6
  179. package/dist/typography/OverlineText/src/index.js +1 -1
  180. package/dist/typography/Text/src/Text.css +9 -9
  181. package/dist/typography/Text/src/Text.js +1 -1
  182. package/dist/typography/Text/src/index.css +9 -9
  183. package/dist/typography/Text/src/index.js +1 -1
  184. package/dist/utils/src/index.js +2 -2
  185. package/package.json +1 -1
@@ -1,5 +1,5 @@
1
1
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/OverlineText/src/OverlineText.module.css/#css-module-data */
2
- :where(.OverlineText-module__hop-OverlineText___SbFVm) {
2
+ :where(.OverlineText-module__hop-OverlineText___H96xT) {
3
3
  --hop-OverlineText-font-family: var(--hop-overline-font-family);
4
4
  --hop-OverlineText-font-size: var(--hop-overline-font-size);
5
5
  --hop-OverlineText-font-weight: var(--hop-overline-font-weight);
@@ -23,64 +23,233 @@
23
23
  text-transform: uppercase;
24
24
  letter-spacing: var(--letter-spacing);
25
25
  }
26
- .OverlineText-module__hop-OverlineText__text___Cb3CN {
26
+ .OverlineText-module__hop-OverlineText__text___Oen8K {
27
27
  box-sizing: border-box;
28
28
  }
29
- .OverlineText-module__hop-OverlineText__text___Cb3CN::before,
30
- .OverlineText-module__hop-OverlineText__text___Cb3CN::after {
29
+ .OverlineText-module__hop-OverlineText__text___Oen8K::before,
30
+ .OverlineText-module__hop-OverlineText__text___Oen8K::after {
31
31
  content: "";
32
32
  display: block;
33
33
  box-sizing: border-box;
34
34
  inline-size: 0;
35
35
  block-size: 0;
36
36
  }
37
- .OverlineText-module__hop-OverlineText__text___Cb3CN::before {
37
+ .OverlineText-module__hop-OverlineText__text___Oen8K::before {
38
38
  margin-block-end: var(--bottom-offset);
39
39
  }
40
- .OverlineText-module__hop-OverlineText__text___Cb3CN::after {
40
+ .OverlineText-module__hop-OverlineText__text___Oen8K::after {
41
41
  margin-block-start: var(--top-offset);
42
42
  }
43
43
 
44
44
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Badge/src/Badge.module.css/#css-module-data */
45
- .Badge-module__hop-Badge___tJTtf {
45
+ .Badge-module__hop-Badge___j2yOS {
46
46
  --hop-Badge-height: 1.5rem;
47
+ --hop-Badge-width: max-content;
47
48
  --hop-Badge-padding-inline: var(--hop-space-inset-sm);
48
49
  --hop-Badge-border-radius: var(--hop-shape-pill);
50
+ --hop-Badge-indeterminate-border-radius: var(--hop-shape-circle);
51
+ --hop-Badge-indeterminate-height: 1rem;
52
+ --hop-Badge-indeterminate-width: 1rem;
53
+ --hop-Badge-indeterminate-padding-inline: 0;
49
54
  --hop-Badge-primary-text-color: var(--hop-primary-text-strong);
50
55
  --hop-Badge-primary-background-color: var(--hop-primary-surface-strong);
51
- --hop-Badge-secondary-text-color: var(--hop-neutral-text);
52
- --hop-Badge-secondary-background-color: var(--hop-neutral-surface-weak);
56
+ --hop-Badge-primary-text-color-hovered: var(--hop-primary-text-strong-hover);
57
+ --hop-Badge-primary-background-color-hovered: var(--hop-primary-surface-strong-hover);
58
+ --hop-Badge-primary-text-color-pressed: var(--hop-primary-text-strong);
59
+ --hop-Badge-primary-background-color-pressed: var(--hop-primary-surface-strong-press);
60
+ --hop-Badge-primary-text-color-selected: var(--hop-primary-text-selected);
61
+ --hop-Badge-primary-background-color-selected: var(--hop-primary-surface-selected);
62
+ --hop-Badge-secondary-text-color: var(--hop-neutral-text-strong);
63
+ --hop-Badge-secondary-background-color: var(--hop-neutral-surface-strong);
64
+ --hop-Badge-secondary-text-color-hovered: var(--hop-neutral-text-strong);
65
+ --hop-Badge-secondary-background-color-hovered: var(--hop-neutral-surface-strong);
66
+ --hop-Badge-secondary-text-color-pressed: var(--hop-neutral-text-strong);
67
+ --hop-Badge-secondary-background-color-pressed: var(--hop-neutral-surface-strong);
68
+ --hop-Badge-secondary-text-color-selected: var(--hop-neutral-text-selected);
69
+ --hop-Badge-secondary-background-color-selected: var(--hop-neutral-surface-selected);
70
+ --hop-Badge-subdued-text-color: var(--hop-neutral-text);
71
+ --hop-Badge-subdued-background-color: var(--hop-neutral-surface-weak);
72
+ --hop-Badge-subdued-text-color-hovered: var(--hop-neutral-text-weak-hover);
73
+ --hop-Badge-subdued-background-color-hovered: var(--hop-neutral-surface-weak-hover);
74
+ --hop-Badge-subdued-text-color-pressed: var(--hop-neutral-text-weak-press);
75
+ --hop-Badge-subdued-background-color-pressed: var(--hop-neutral-surface-weak-press);
76
+ --hop-Badge-subdued-text-color-selected: var(--hop-neutral-text-weak-selected);
77
+ --hop-Badge-subdued-background-color-selected: var(--hop-neutral-surface-weak-selected);
53
78
  --hop-Badge-text-color-disabled: var(--hop-neutral-text-disabled);
54
79
  --hop-Badge-background-color-disabled: var(--hop-neutral-surface-disabled);
55
80
  --height: var(--hop-Badge-height);
81
+ --width: var(--hop-Badge-width);
56
82
  --padding-inline: var(--hop-Badge-padding-inline);
57
83
  --border-radius: var(--hop-Badge-border-radius);
58
84
  display: inline-flex;
59
85
  align-items: center;
60
86
  justify-content: center;
61
87
  box-sizing: border-box;
62
- inline-size: max-content;
88
+ inline-size: var(--width);
63
89
  block-size: var(--height);
64
90
  padding-inline: var(--padding-inline);
65
91
  color: var(--text-color, var(--hop-Badge-primary-text-color));
66
92
  background-color: var(--background-color, var(--hop-Badge-primary-background-color));
67
93
  border-radius: var(--border-radius);
68
94
  }
69
- .Badge-module__hop-Badge--primary___3WZ9y {
95
+ .Badge-module__hop-Badge___j2yOS[data-variant=primary] {
70
96
  --background-color: var(--hop-Badge-primary-background-color);
71
97
  --text-color: var(--hop-Badge-primary-text-color);
72
98
  }
73
- .Badge-module__hop-Badge--secondary___OpnYy {
99
+ .Badge-module__hop-Badge___j2yOS[data-hovered][data-variant=primary] {
100
+ --background-color: var(--hop-Badge-primary-background-color-hovered);
101
+ --text-color: var(--hop-Badge-primary-text-color-hovered);
102
+ }
103
+ .Badge-module__hop-Badge___j2yOS[data-pressed][data-variant=primary] {
104
+ --background-color: var(--hop-Badge-primary-background-color-pressed);
105
+ --text-color: var(--hop-Badge-primary-text-color-pressed);
106
+ }
107
+ .Badge-module__hop-Badge___j2yOS[data-selected][data-variant=primary] {
108
+ --background-color: var(--hop-Badge-primary-background-color-selected);
109
+ --text-color: var(--hop-Badge-primary-text-color-selected);
110
+ }
111
+ .Badge-module__hop-Badge___j2yOS[data-variant=secondary] {
74
112
  --background-color: var(--hop-Badge-secondary-background-color);
75
113
  --text-color: var(--hop-Badge-secondary-text-color);
76
114
  }
77
- .Badge-module__hop-Badge___tJTtf[data-disabled] {
115
+ .Badge-module__hop-Badge___j2yOS[data-hovered][data-variant=secondary] {
116
+ --background-color: var(--hop-Badge-secondary-background-color-hovered);
117
+ --text-color: var(--hop-Badge-secondary-text-color-hovered);
118
+ }
119
+ .Badge-module__hop-Badge___j2yOS[data-pressed][data-variant=secondary] {
120
+ --background-color: var(--hop-Badge-secondary-background-color-pressed);
121
+ --text-color: var(--hop-Badge-secondary-text-color-pressed);
122
+ }
123
+ .Badge-module__hop-Badge___j2yOS[data-selected][data-variant=secondary] {
124
+ --background-color: var(--hop-Badge-secondary-background-color-selected);
125
+ --text-color: var(--hop-Badge-secondary-text-color-selected);
126
+ }
127
+ .Badge-module__hop-Badge___j2yOS[data-variant=subdued] {
128
+ --background-color: var(--hop-Badge-subdued-background-color);
129
+ --text-color: var(--hop-Badge-subdued-text-color);
130
+ }
131
+ .Badge-module__hop-Badge___j2yOS[data-hovered][data-variant=subdued] {
132
+ --background-color: var(--hop-Badge-subdued-background-color-hovered);
133
+ --text-color: var(--hop-Badge-subdued-text-color-hovered);
134
+ }
135
+ .Badge-module__hop-Badge___j2yOS[data-pressed][data-variant=subdued] {
136
+ --background-color: var(--hop-Badge-subdued-background-color-pressed);
137
+ --text-color: var(--hop-Badge-subdued-text-color-pressed);
138
+ }
139
+ .Badge-module__hop-Badge___j2yOS[data-selected][data-variant=subdued] {
140
+ --background-color: var(--hop-Badge-subdued-background-color-selected);
141
+ --text-color: var(--hop-Badge-subdued-text-color-selected);
142
+ }
143
+ .Badge-module__hop-Badge___j2yOS[data-indeterminate] {
144
+ --border-radius: var(--hop-Badge-indeterminate-border-radius);
145
+ --height: var(--hop-Badge-indeterminate-height);
146
+ --width: var(--hop-Badge-indeterminate-width);
147
+ --padding-inline: var(--hop-Badge-indeterminate-padding-inline);
148
+ }
149
+ .Badge-module__hop-Badge___j2yOS[data-disabled] {
78
150
  --background-color: var(--hop-Badge-background-color-disabled);
79
151
  --text-color: var(--hop-Badge-text-color-disabled);
80
152
  }
81
153
 
154
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Badge/src/FloatingBadge.module.css/#css-module-data */
155
+ .FloatingBadge-module__hop-FloatingBadge___75EoU {
156
+ --hop-FloatingBadge-badge-x: calc(0% + var(--hop-FloatingBadge-offset-x));
157
+ --hop-FloatingBadge-badge-circular-x: calc(10% + var(--hop-FloatingBadge-offset-x));
158
+ --hop-FloatingBadge-badge-y: calc(0% + var(--hop-FloatingBadge-offset-y));
159
+ --hop-FloatingBadge-badge-circular-y: calc(10% + var(--hop-FloatingBadge-offset-y));
160
+ --hop-FloatingBadge-badge-topright-top: var(--hop-FloatingBadge-badge-y);
161
+ --hop-FloatingBadge-badge-topright-right: var(--hop-FloatingBadge-badge-x);
162
+ --hop-FloatingBadge-badge-topright-circular-top: var(--hop-FloatingBadge-badge-circular-y);
163
+ --hop-FloatingBadge-badge-topright-circular-right: var(--hop-FloatingBadge-badge-circular-x);
164
+ --hop-FloatingBadge-badge-topright-bottom: auto;
165
+ --hop-FloatingBadge-badge-topright-left: auto;
166
+ --hop-FloatingBadge-badge-topright-transform: translate(50%, -50%);
167
+ --hop-FloatingBadge-badge-topright-transform-origin: 100% 0;
168
+ --hop-FloatingBadge-badge-topleft-top: var(--hop-FloatingBadge-badge-y);
169
+ --hop-FloatingBadge-badge-topleft-circular-top: var(--hop-FloatingBadge-badge-circular-y);
170
+ --hop-FloatingBadge-badge-topleft-right: auto;
171
+ --hop-FloatingBadge-badge-topleft-bottom: auto;
172
+ --hop-FloatingBadge-badge-topleft-left: var(--hop-FloatingBadge-badge-x);
173
+ --hop-FloatingBadge-badge-topleft-circular-left: var(--hop-FloatingBadge-badge-circular-x);
174
+ --hop-FloatingBadge-badge-topleft-transform: translate(-50%, -50%);
175
+ --hop-FloatingBadge-badge-topleft-transform-origin: 0 0;
176
+ --hop-FloatingBadge-badge-bottomright-top: auto;
177
+ --hop-FloatingBadge-badge-bottomright-right: var(--hop-FloatingBadge-badge-x);
178
+ --hop-FloatingBadge-badge-bottomright-circular-right: var(--hop-FloatingBadge-badge-circular-x);
179
+ --hop-FloatingBadge-badge-bottomright-bottom: var(--hop-FloatingBadge-badge-y);
180
+ --hop-FloatingBadge-badge-bottomright-circular-bottom: var(--hop-FloatingBadge-badge-circular-y);
181
+ --hop-FloatingBadge-badge-bottomright-left: auto;
182
+ --hop-FloatingBadge-badge-bottomright-transform: translate(50%, 50%);
183
+ --hop-FloatingBadge-badge-bottomright-transform-origin: 100% 100%;
184
+ --hop-FloatingBadge-badge-bottomleft-top: auto;
185
+ --hop-FloatingBadge-badge-bottomleft-right: auto;
186
+ --hop-FloatingBadge-badge-bottomleft-bottom: var(--hop-FloatingBadge-badge-y);
187
+ --hop-FloatingBadge-badge-bottomleft-circular-bottom: var(--hop-FloatingBadge-badge-circular-y);
188
+ --hop-FloatingBadge-badge-bottomleft-left: var(--hop-FloatingBadge-badge-x);
189
+ --hop-FloatingBadge-badge-bottomleft-circular-left: var(--hop-FloatingBadge-badge-circular-x);
190
+ --hop-FloatingBadge-badge-bottomleft-transform: translate(-50%, 50%);
191
+ --hop-FloatingBadge-badge-bottomleft-transform-origin: 0 100%;
192
+ position: relative;
193
+ box-sizing: border-box;
194
+ inline-size: max-content;
195
+ }
196
+ .FloatingBadge-module__hop-FloatingBadge___75EoU[data-placement="top right"] {
197
+ --badge-top: var(--hop-FloatingBadge-badge-topright-top);
198
+ --badge-right: var(--hop-FloatingBadge-badge-topright-right);
199
+ --badge-bottom: var(--hop-FloatingBadge-badge-topright-bottom);
200
+ --badge-left: var(--hop-FloatingBadge-badge-topright-left);
201
+ --badge-transform: var(--hop-FloatingBadge-badge-topright-transform);
202
+ --badge-transform-origin: var(--hop-FloatingBadge-badge-topright-transform-origin);
203
+ }
204
+ .FloatingBadge-module__hop-FloatingBadge___75EoU[data-placement="top right"][data-overlap=circular] {
205
+ --badge-top: var(--hop-FloatingBadge-badge-topright-circular-top);
206
+ --badge-right: var(--hop-FloatingBadge-badge-topright-circular-right);
207
+ }
208
+ .FloatingBadge-module__hop-FloatingBadge___75EoU[data-placement="top left"] {
209
+ --badge-top: var(--hop-FloatingBadge-badge-topleft-top);
210
+ --badge-right: var(--hop-FloatingBadge-badge-topleft-right);
211
+ --badge-bottom: var(--hop-FloatingBadge-badge-topleft-bottom);
212
+ --badge-left: var(--hop-FloatingBadge-badge-topleft-left);
213
+ --badge-transform: var(--hop-FloatingBadge-badge-topleft-transform);
214
+ --badge-transform-origin: var(--hop-FloatingBadge-badge-topleft-transform-origin);
215
+ }
216
+ .FloatingBadge-module__hop-FloatingBadge___75EoU[data-placement="top left"][data-overlap=circular] {
217
+ --badge-top: var(--hop-FloatingBadge-badge-topleft-circular-top);
218
+ --badge-left: var(--hop-FloatingBadge-badge-topleft-circular-left);
219
+ }
220
+ .FloatingBadge-module__hop-FloatingBadge___75EoU[data-placement="bottom right"] {
221
+ --badge-top: var(--hop-FloatingBadge-badge-bottomright-top);
222
+ --badge-right: var(--hop-FloatingBadge-badge-bottomright-right);
223
+ --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-bottom);
224
+ --badge-left: var(--hop-FloatingBadge-badge-bottomright-left);
225
+ --badge-transform: var(--hop-FloatingBadge-badge-bottomright-transform);
226
+ --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomright-transform-origin);
227
+ }
228
+ .FloatingBadge-module__hop-FloatingBadge___75EoU[data-placement="bottom right"][data-overlap=circular] {
229
+ --badge-right: var(--hop-FloatingBadge-badge-bottomright-circular-right);
230
+ --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-circular-bottom);
231
+ }
232
+ .FloatingBadge-module__hop-FloatingBadge___75EoU[data-placement="bottom left"] {
233
+ --badge-top: var(--hop-FloatingBadge-badge-bottomleft-top);
234
+ --badge-right: var(--hop-FloatingBadge-badge-bottomleft-right);
235
+ --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-bottom);
236
+ --badge-left: var(--hop-FloatingBadge-badge-bottomleft-left);
237
+ --badge-transform: var(--hop-FloatingBadge-badge-bottomleft-transform);
238
+ --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomleft-transform-origin);
239
+ }
240
+ .FloatingBadge-module__hop-FloatingBadge___75EoU[data-placement="bottom left"][data-overlap=circular] {
241
+ --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-circular-bottom);
242
+ --badge-left: var(--hop-FloatingBadge-badge-bottomleft-circular-left);
243
+ }
244
+ .FloatingBadge-module__hop-FloatingBadge__badge___0TxFi {
245
+ position: absolute;
246
+ inset: var(--badge-top) var(--badge-right) var(--badge-bottom) var(--badge-left);
247
+ transform-origin: var(--badge-transform-origin);
248
+ transform: var(--badge-transform);
249
+ }
250
+
82
251
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Text/src/Text.module.css/#css-module-data */
83
- .Text-module__hop-Text___TrcWf {
252
+ .Text-module__hop-Text___GsTEX {
84
253
  --hop-Text-xs-font-size: var(--hop-body-xs-font-size);
85
254
  --hop-Text-xs-font-family: var(--hop-body-xs-font-family);
86
255
  --hop-Text-xs-font-weight: var(--hop-body-xs-font-weight);
@@ -110,49 +279,49 @@
110
279
  --hop-Text-inherit-size-font-weight: inherit;
111
280
  --hop-Text-inherit-size-line-height: inherit;
112
281
  }
113
- :where(.Text-module__hop-Text___TrcWf) {
282
+ :where(.Text-module__hop-Text___GsTEX) {
114
283
  font-family: var(--font-family);
115
284
  font-size: var(--font-size);
116
285
  font-weight: var(--font-weight);
117
286
  line-height: var(--line-height);
118
287
  }
119
- :where(.Text-module__hop-Text--xs___rF5yE) {
288
+ :where(.Text-module__hop-Text--xs___xPq-q) {
120
289
  --font-size: var(--hop-Text-xs-font-size);
121
290
  --font-family: var(--hop-Text-xs-font-family);
122
291
  --font-weight: var(--hop-Text-xs-font-weight);
123
292
  --line-height: var(--hop-Text-xs-line-height);
124
293
  }
125
- :where(.Text-module__hop-Text--sm___tPgW7) {
294
+ :where(.Text-module__hop-Text--sm___m1xkd) {
126
295
  --font-size: var(--hop-Text-sm-font-size);
127
296
  --font-family: var(--hop-Text-sm-font-family);
128
297
  --font-weight: var(--hop-Text-sm-font-weight);
129
298
  --line-height: var(--hop-Text-sm-line-height);
130
299
  }
131
- :where(.Text-module__hop-Text--md___g9Wf2) {
300
+ :where(.Text-module__hop-Text--md___gVBxd) {
132
301
  --font-size: var(--hop-Text-md-font-size);
133
302
  --font-family: var(--hop-Text-md-font-family);
134
303
  --font-weight: var(--hop-Text-md-font-weight);
135
304
  --line-height: var(--hop-Text-md-line-height);
136
305
  }
137
- :where(.Text-module__hop-Text--lg___gXea2) {
306
+ :where(.Text-module__hop-Text--lg___nmRag) {
138
307
  --font-size: var(--hop-Text-lg-font-size);
139
308
  --font-family: var(--hop-Text-lg-font-family);
140
309
  --font-weight: var(--hop-Text-lg-font-weight);
141
310
  --line-height: var(--hop-Text-lg-line-height);
142
311
  }
143
- :where(.Text-module__hop-Text--xl___iGie8) {
312
+ :where(.Text-module__hop-Text--xl___MHAaX) {
144
313
  --font-size: var(--hop-Text-xl-font-size);
145
314
  --font-family: var(--hop-Text-xl-font-family);
146
315
  --font-weight: var(--hop-Text-xl-font-weight);
147
316
  --line-height: var(--hop-Text-xl-line-height);
148
317
  }
149
- :where(.Text-module__hop-Text--2xl___p5vcB) {
318
+ :where(.Text-module__hop-Text--2xl___OHdc1) {
150
319
  --font-size: var(--hop-Text-2xl-font-size);
151
320
  --font-family: var(--hop-Text-2xl-font-family);
152
321
  --font-weight: var(--hop-Text-2xl-font-weight);
153
322
  --line-height: var(--hop-Text-2xl-line-height);
154
323
  }
155
- :where(.Text-module__hop-Text--inherit___Jg8ZC) {
324
+ :where(.Text-module__hop-Text--inherit___ymYRX) {
156
325
  --font-size: var(--hop-Text-inherit-size-font-size);
157
326
  --font-family: var(--hop-Text-inherit-size-font-family);
158
327
  --font-weight: var(--hop-Text-inherit-size-font-weight);
@@ -160,7 +329,7 @@
160
329
  }
161
330
 
162
331
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ErrorMessage/src/ErrorMessage.module.css/#css-module-data */
163
- .ErrorMessage-module__hop-ErrorMessage___i9yn3 {
332
+ .ErrorMessage-module__hop-ErrorMessage___RgnZ8 {
164
333
  --hop-ErrorMessage-color: var(--hop-danger-text-weak);
165
334
  --hop-ErrorMessage-font-family: var(--hop-body-xs-font-family);
166
335
  --hop-ErrorMessage-font-size: var(--hop-body-xs-font-size);
@@ -177,13 +346,13 @@
177
346
  line-height: var(--hop-ErrorMessage-line-height);
178
347
  color: var(--hop-ErrorMessage-color);
179
348
  }
180
- .ErrorMessage-module__hop-ErrorMessage__icon___zmOVR {
349
+ .ErrorMessage-module__hop-ErrorMessage__icon___55BuQ {
181
350
  flex: 0 0 auto;
182
351
  align-self: flex-start;
183
352
  }
184
353
 
185
354
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/HelperMessage/src/HelperMessage.module.css/#css-module-data */
186
- .HelperMessage-module__hop-HelperMessage___A94z8 {
355
+ .HelperMessage-module__hop-HelperMessage___wUoas {
187
356
  --hop-HelperMessage-color: var(--hop-neutral-text-weak);
188
357
  --hop-HelperMessage-column-gap: var(--hop-space-inline-xs);
189
358
  display: flex;
@@ -192,13 +361,13 @@
192
361
  box-sizing: border-box;
193
362
  color: var(--hop-HelperMessage-color);
194
363
  }
195
- .HelperMessage-module__hop-HelperMessage__icon___tdX3I {
364
+ .HelperMessage-module__hop-HelperMessage__icon___An68p {
196
365
  flex: 0 0 auto;
197
366
  align-self: flex-start;
198
367
  }
199
368
 
200
369
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Divider/src/Divider.module.css/#css-module-data */
201
- :where(.Divider-module__hop-Divider___ZVlCI) {
370
+ :where(.Divider-module__hop-Divider___fqfQB) {
202
371
  --hop-Divider-border-color: var(--hop-neutral-border-weak);
203
372
  --hop-Divider-border-size: 0.0625rem;
204
373
  --hop-Divider-horizontal-border-block-end: var(--hop-Divider-border-size) solid var(--hop-Divider-border-color);
@@ -223,7 +392,7 @@
223
392
  border-block-end: var(--border-block-end);
224
393
  border-inline-start: var(--border-inline-start);
225
394
  }
226
- .Divider-module__hop-Divider--vertical___n1uBJ {
395
+ .Divider-module__hop-Divider--vertical___GATaO {
227
396
  --border-block-end: var(--hop-Divider-vertical-border-block-end);
228
397
  --border-inline-start: var(--hop-Divider-vertical-border-inline-start);
229
398
  --inline-size: var(--hop-Divider-vertical-inline-size);
@@ -231,7 +400,7 @@
231
400
  }
232
401
 
233
402
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Avatar/src/RichIconAvatarImage.module.css/#css-module-data */
234
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___1OlI2 {
403
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___qCno4 {
235
404
  --hop-RichIconAvatarImage-background-color: var(--hop-decorative-option7-surface);
236
405
  --hop-RichIconAvatarImage-border-radius: var(--hop-shape-circle);
237
406
  --hop-RichIconAvatarImage-icon-color: var(--hop-decorative-option7-icon);
@@ -262,46 +431,46 @@
262
431
  background-color: var(--background-color);
263
432
  border-radius: var(--hop-RichIconAvatarImage-border-radius);
264
433
  }
265
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___XGaUz {
434
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___CJQjx {
266
435
  --size: var(--hop-RichIconAvatarImage-xs-size);
267
436
  --icon-size: var(--hop-RichIconAvatarImage-icon-xs-size);
268
437
  }
269
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___-Olod {
438
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___atibm {
270
439
  --size: var(--hop-RichIconAvatarImage-sm-size);
271
440
  --icon-size: var(--hop-RichIconAvatarImage-icon-sm-size);
272
441
  }
273
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___FlqqG {
442
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___bnHkl {
274
443
  --size: var(--hop-RichIconAvatarImage-md-size);
275
444
  --icon-size: var(--hop-RichIconAvatarImage-icon-md-size);
276
445
  }
277
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___zXLMo {
446
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___MIOqU {
278
447
  --size: var(--hop-RichIconAvatarImage-lg-size);
279
448
  --icon-size: var(--hop-RichIconAvatarImage-icon-lg-size);
280
449
  }
281
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___sYtIR {
450
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___hOZPm {
282
451
  --size: var(--hop-RichIconAvatarImage-xl-size);
283
452
  --icon-size: var(--hop-RichIconAvatarImage-icon-xl-size);
284
453
  }
285
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___tNx7t {
454
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___8l-pB {
286
455
  --size: var(--hop-RichIconAvatarImage-2xl-size);
287
456
  --icon-size: var(--hop-RichIconAvatarImage-icon-2xl-size);
288
457
  }
289
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___1OlI2[data-disabled] {
458
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___qCno4[data-disabled] {
290
459
  --background-color: var(--hop-RichIconAvatarImage-background-color-disabled);
291
460
  }
292
- .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___lycqV {
461
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___6NmFu {
293
462
  position: relative;
294
463
  display: block;
295
464
  inline-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
296
465
  block-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
297
466
  }
298
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___1OlI2[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___lycqV {
467
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___qCno4[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___6NmFu {
299
468
  --hop-RichIcon-placeholder-background: var(--hop-RichIconAvatarImage-background-color-disabled);
300
469
  --hop-RichIcon-placeholder-shadow: var(--hop-RichIconAvatarImage-icon-color-disabled);
301
470
  }
302
471
 
303
472
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Avatar/src/Avatar.module.css/#css-module-data */
304
- .Avatar-module__hop-Avatar___fYhW6 {
473
+ .Avatar-module__hop-Avatar___vgJ-p {
305
474
  --hop-Avatar-border-radius: var(--hop-shape-circle);
306
475
  --hop-Avatar-mix-blend-mode: normal;
307
476
  --hop-Avatar-decorative-1-background-color: var(--hop-decorative-option1-surface-strong);
@@ -346,67 +515,67 @@
346
515
  background-color: var(--background-color, transparent);
347
516
  border-radius: var(--hop-Avatar-border-radius);
348
517
  }
349
- .Avatar-module__hop-Avatar--xs___lg3Fx {
518
+ .Avatar-module__hop-Avatar--xs___wpPeA {
350
519
  --size: var(--hop-Avatar-xs-size);
351
520
  }
352
- .Avatar-module__hop-Avatar--sm___O7vVp {
521
+ .Avatar-module__hop-Avatar--sm___Fk1qb {
353
522
  --size: var(--hop-Avatar-sm-size);
354
523
  }
355
- .Avatar-module__hop-Avatar--md___U6oEm {
524
+ .Avatar-module__hop-Avatar--md___Cifqw {
356
525
  --size: var(--hop-Avatar-md-size);
357
526
  }
358
- .Avatar-module__hop-Avatar--lg___-Z-lW {
527
+ .Avatar-module__hop-Avatar--lg___sbrlf {
359
528
  --size: var(--hop-Avatar-lg-size);
360
529
  }
361
- .Avatar-module__hop-Avatar--xl___-xZ0- {
530
+ .Avatar-module__hop-Avatar--xl___PHliE {
362
531
  --size: var(--hop-Avatar-xl-size);
363
532
  }
364
- .Avatar-module__hop-Avatar--2xl___zDd2E {
533
+ .Avatar-module__hop-Avatar--2xl___nKPBy {
365
534
  --size: var(--hop-Avatar-2xl-size);
366
535
  }
367
- .Avatar-module__hop-Avatar--decorative-option1___jTvFc {
536
+ .Avatar-module__hop-Avatar--decorative-option1___H5fh3 {
368
537
  --background-color: var(--hop-Avatar-decorative-1-background-color);
369
538
  --text-color: var(--hop-Avatar-decorative-1-text-color);
370
539
  }
371
- .Avatar-module__hop-Avatar--decorative-option2___w5Mk7 {
540
+ .Avatar-module__hop-Avatar--decorative-option2___uSm69 {
372
541
  --background-color: var(--hop-Avatar-decorative-2-background-color);
373
542
  --text-color: var(--hop-Avatar-decorative-2-text-color);
374
543
  }
375
- .Avatar-module__hop-Avatar--decorative-option3___5WMEU {
544
+ .Avatar-module__hop-Avatar--decorative-option3___c4YaX {
376
545
  --background-color: var(--hop-Avatar-decorative-3-background-color);
377
546
  --text-color: var(--hop-Avatar-decorative-3-text-color);
378
547
  }
379
- .Avatar-module__hop-Avatar--decorative-option4___KWZeM {
548
+ .Avatar-module__hop-Avatar--decorative-option4___ZeS1w {
380
549
  --background-color: var(--hop-Avatar-decorative-4-background-color);
381
550
  --text-color: var(--hop-Avatar-decorative-4-text-color);
382
551
  }
383
- .Avatar-module__hop-Avatar--decorative-option5___pVwyU {
552
+ .Avatar-module__hop-Avatar--decorative-option5___7HPYj {
384
553
  --background-color: var(--hop-Avatar-decorative-5-background-color);
385
554
  --text-color: var(--hop-Avatar-decorative-5-text-color);
386
555
  }
387
- .Avatar-module__hop-Avatar--decorative-option6___lRfp7 {
556
+ .Avatar-module__hop-Avatar--decorative-option6___Zu8po {
388
557
  --background-color: var(--hop-Avatar-decorative-6-background-color);
389
558
  --text-color: var(--hop-Avatar-decorative-6-text-color);
390
559
  }
391
- .Avatar-module__hop-Avatar--decorative-option7___AerdM {
560
+ .Avatar-module__hop-Avatar--decorative-option7___p2dza {
392
561
  --background-color: var(--hop-Avatar-decorative-7-background-color);
393
562
  --text-color: var(--hop-Avatar-decorative-7-text-color);
394
563
  }
395
- .Avatar-module__hop-Avatar--decorative-option8___6hGGA {
564
+ .Avatar-module__hop-Avatar--decorative-option8___mxCgz {
396
565
  --background-color: var(--hop-Avatar-decorative-8-background-color);
397
566
  --text-color: var(--hop-Avatar-decorative-8-text-color);
398
567
  }
399
- .Avatar-module__hop-Avatar--decorative-option9___EjBKY {
568
+ .Avatar-module__hop-Avatar--decorative-option9___Ea8U7 {
400
569
  --background-color: var(--hop-Avatar-decorative-9-background-color);
401
570
  --text-color: var(--hop-Avatar-decorative-9-text-color);
402
571
  }
403
- .Avatar-module__hop-Avatar___fYhW6[data-disabled] {
572
+ .Avatar-module__hop-Avatar___vgJ-p[data-disabled] {
404
573
  --background-color: var(--hop-Avatar-background-color-disabled);
405
574
  --text-color: var(--hop-Avatar-text-color-disabled);
406
575
  --mix-blend-mode: var(--hop-Avatar-mix-blend-mode-disabled);
407
576
  isolation: isolate;
408
577
  }
409
- .Avatar-module__hop-Avatar__image___m95ud {
578
+ .Avatar-module__hop-Avatar__image___zOLgF {
410
579
  position: relative;
411
580
  display: block;
412
581
  box-sizing: border-box;
@@ -417,7 +586,7 @@
417
586
  }
418
587
 
419
588
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/IconList/src/IconList.module.css/#css-module-data */
420
- .IconList-module__hop-IconList___ACGld {
589
+ .IconList-module__hop-IconList___Z6Put {
421
590
  --hop-IconList-gap: var(--hop-space-inline-xs);
422
591
  display: flex;
423
592
  flex-wrap: wrap;
@@ -426,7 +595,7 @@
426
595
  }
427
596
 
428
597
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/Checkbox.module.css/#css-module-data */
429
- .Checkbox-module__hop-Checkbox___FyPRg {
598
+ .Checkbox-module__hop-Checkbox___NRxO5 {
430
599
  --hop-Checkbox-box-border-size: 0.0625rem;
431
600
  --hop-Checkbox-box-border-color: var(--hop-neutral-border);
432
601
  --hop-Checkbox-box-background-color: var(--hop-neutral-surface);
@@ -501,63 +670,63 @@
501
670
  inline-size: max-content;
502
671
  max-inline-size: 100%;
503
672
  }
504
- .Checkbox-module__hop-Checkbox___FyPRg[data-focus-visible],
505
- .Checkbox-module__hop-Checkbox--focused___i2l8S {
673
+ .Checkbox-module__hop-Checkbox___NRxO5[data-focus-visible],
674
+ .Checkbox-module__hop-Checkbox--focused___WHmDG {
506
675
  --box-background-color: var(--hop-Checkbox-box-background-color-focused);
507
676
  --box-border-color: var(--hop-Checkbox-box-border-color-focused);
508
677
  --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
509
678
  --text-color: var(--hop-Checkbox-text-color-focused);
510
679
  --icon-color: var(--hop-Checkbox-icon-color-focused);
511
680
  }
512
- .Checkbox-module__hop-Checkbox___FyPRg[data-hovered],
513
- .Checkbox-module__hop-Checkbox--hovered___RUE8m {
681
+ .Checkbox-module__hop-Checkbox___NRxO5[data-hovered],
682
+ .Checkbox-module__hop-Checkbox--hovered___UTkIX {
514
683
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered);
515
684
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered);
516
685
  --text-color: var(--hop-Checkbox-text-color-hovered);
517
686
  --icon-color: var(--hop-Checkbox-icon-color-hovered);
518
687
  }
519
- .Checkbox-module__hop-Checkbox___FyPRg[data-pressed],
520
- .Checkbox-module__hop-Checkbox--pressed___2Prja {
688
+ .Checkbox-module__hop-Checkbox___NRxO5[data-pressed],
689
+ .Checkbox-module__hop-Checkbox--pressed___tU-Mo {
521
690
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed);
522
691
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed);
523
692
  --text-color: var(--hop-Checkbox-text-color-pressed);
524
693
  --icon-color: var(--hop-Checkbox-icon-color-pressed);
525
694
  }
526
- .Checkbox-module__hop-Checkbox___FyPRg[data-selected] {
695
+ .Checkbox-module__hop-Checkbox___NRxO5[data-selected] {
527
696
  --box-background-color: var(--hop-Checkbox-box-background-color-selected);
528
697
  --box-border-color: var(--hop-Checkbox-box-border-color-selected);
529
698
  --check-display: var(--hop-Checkbox-check-display-selected);
530
699
  --text-color: var(--hop-Checkbox-text-color-selected);
531
700
  --icon-color: var(--hop-Checkbox-icon-color-selected);
532
701
  }
533
- .Checkbox-module__hop-Checkbox___FyPRg[data-invalid] {
702
+ .Checkbox-module__hop-Checkbox___NRxO5[data-invalid] {
534
703
  --box-background-color: var(--hop-Checkbox-box-background-color-invalid);
535
704
  --box-border-color: var(--hop-Checkbox-box-border-color-invalid);
536
705
  --check-color: var(--hop-Checkbox-check-color-invalid);
537
706
  --text-color: var(--hop-Checkbox-text-color-invalid);
538
707
  --icon-color: var(--hop-Checkbox-icon-color-invalid);
539
708
  }
540
- .Checkbox-module__hop-Checkbox___FyPRg[data-invalid]:where([data-focus-visible], .Checkbox-module__hop-Checkbox--focused___i2l8S) {
709
+ .Checkbox-module__hop-Checkbox___NRxO5[data-invalid]:where([data-focus-visible], .Checkbox-module__hop-Checkbox--focused___WHmDG) {
541
710
  --box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
542
711
  --box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
543
712
  }
544
- .Checkbox-module__hop-Checkbox___FyPRg[data-invalid]:where([data-hovered], .Checkbox-module__hop-Checkbox--hovered___RUE8m) {
713
+ .Checkbox-module__hop-Checkbox___NRxO5[data-invalid]:where([data-hovered], .Checkbox-module__hop-Checkbox--hovered___UTkIX) {
545
714
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
546
715
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
547
716
  --text-color: var(--hop-Checkbox-text-color-hovered-invalid);
548
717
  --icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
549
718
  }
550
- .Checkbox-module__hop-Checkbox___FyPRg[data-invalid]:where([data-pressed], .Checkbox-module__hop-Checkbox--pressed___2Prja) {
719
+ .Checkbox-module__hop-Checkbox___NRxO5[data-invalid]:where([data-pressed], .Checkbox-module__hop-Checkbox--pressed___tU-Mo) {
551
720
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
552
721
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
553
722
  --text-color: var(--hop-Checkbox-text-color-pressed-invalid);
554
723
  --icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
555
724
  }
556
- .Checkbox-module__hop-Checkbox___FyPRg:where([data-invalid])[data-selected] {
725
+ .Checkbox-module__hop-Checkbox___NRxO5:where([data-invalid])[data-selected] {
557
726
  --box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
558
727
  --box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
559
728
  }
560
- .Checkbox-module__hop-Checkbox___FyPRg[data-disabled] {
729
+ .Checkbox-module__hop-Checkbox___NRxO5[data-disabled] {
561
730
  --box-background-color: var(--hop-Checkbox-box-background-color-disabled);
562
731
  --box-border-color: var(--hop-Checkbox-box-border-color-disabled);
563
732
  --check-color: var(--hop-Checkbox-check-color-disabled);
@@ -565,25 +734,25 @@
565
734
  --text-color: var(--hop-Checkbox-text-color-disabled);
566
735
  --icon-color: var(--hop-Checkbox-icon-color-disabled);
567
736
  }
568
- .Checkbox-module__hop-Checkbox--sm___DgkQg {
737
+ .Checkbox-module__hop-Checkbox--sm___b22VB {
569
738
  --box-block-size: var(--hop-Checkbox-box-sm-block-size);
570
739
  --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
571
740
  --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
572
741
  --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
573
742
  }
574
- .Checkbox-module__hop-Checkbox--md___8uKCT {
743
+ .Checkbox-module__hop-Checkbox--md___URFff {
575
744
  --box-block-size: var(--hop-Checkbox-box-md-block-size);
576
745
  --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
577
746
  --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
578
747
  --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
579
748
  }
580
- .Checkbox-module__hop-Checkbox__icon___yslf0,
581
- .Checkbox-module__hop-Checkbox__icon-list___uo0bB {
749
+ .Checkbox-module__hop-Checkbox__icon___NXQFg,
750
+ .Checkbox-module__hop-Checkbox__icon-list___KzJkL {
582
751
  flex: 0 0 auto;
583
752
  order: 3;
584
753
  color: var(--icon-color);
585
754
  }
586
- .Checkbox-module__hop-Checkbox__box___FPnJ8 {
755
+ .Checkbox-module__hop-Checkbox__box___EwDEY {
587
756
  display: flex;
588
757
  flex: 0 0 auto;
589
758
  align-items: center;
@@ -599,11 +768,11 @@
599
768
  outline-offset: 0.125rem;
600
769
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
601
770
  }
602
- .Checkbox-module__hop-Checkbox__check___PCbF6 {
771
+ .Checkbox-module__hop-Checkbox__check___weqm- {
603
772
  display: var(--check-display);
604
773
  color: var(--check-color);
605
774
  }
606
- .Checkbox-module__hop-Checkbox__text___pdshj {
775
+ .Checkbox-module__hop-Checkbox__text___W0V3o {
607
776
  flex: 0 1 auto;
608
777
  order: 2;
609
778
  min-inline-size: 0;
@@ -613,7 +782,7 @@
613
782
  }
614
783
 
615
784
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxField.module.css/#css-module-data */
616
- .CheckboxField-module__hop-CheckboxField___EeawF {
785
+ .CheckboxField-module__hop-CheckboxField___gnzi1 {
617
786
  --hop-CheckboxField-description-color: var(--hop-neutral-text-weak);
618
787
  --hop-CheckboxField-description-color-disabled: var(--hop-neutral-text-disabled);
619
788
  --hop-CheckboxField-sm-row-gap: var(--hop-space-stack-xs);
@@ -632,47 +801,47 @@
632
801
  inline-size: max-content;
633
802
  max-inline-size: 100%;
634
803
  }
635
- .CheckboxField-module__hop-CheckboxField___EeawF[data-disabled] {
804
+ .CheckboxField-module__hop-CheckboxField___gnzi1[data-disabled] {
636
805
  --description-color: var(--hop-CheckboxField-description-color-disabled);
637
806
  }
638
- .CheckboxField-module__hop-CheckboxField--sm___QGCXc {
807
+ .CheckboxField-module__hop-CheckboxField--sm___jNJLv {
639
808
  --row-gap: var(--hop-CheckboxField-sm-row-gap);
640
809
  --description-margin-inline-start: var(--hop-CheckboxField-description-sm-margin-inline-start);
641
810
  }
642
- .CheckboxField-module__hop-CheckboxField--md___Qm0Er {
811
+ .CheckboxField-module__hop-CheckboxField--md___w-dv- {
643
812
  --row-gap: var(--hop-CheckboxField-md-row-gap);
644
813
  --description-margin-inline-start: var(--hop-CheckboxField-description-md-margin-inline-start);
645
814
  }
646
- .CheckboxField-module__hop-CheckboxField__description___TlNzS {
815
+ .CheckboxField-module__hop-CheckboxField__description___aqeyv {
647
816
  order: 2;
648
817
  margin-inline-start: var(--description-margin-inline-start, var(--hop-CheckboxField-description-md-margin-inline-start));
649
818
  color: var(--description-color);
650
819
  }
651
- .CheckboxField-module__hop-CheckboxField__checkbox___srYzU {
820
+ .CheckboxField-module__hop-CheckboxField__checkbox___C6LkM {
652
821
  order: 1;
653
822
  }
654
823
 
655
824
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Label/src/Label.module.css/#css-module-data */
656
- .Label-module__hop-Label___mvHHn {
825
+ .Label-module__hop-Label___fMtr- {
657
826
  --hop-Label-font-size: var(--hop-heading-xs-font-size);
658
827
  --hop-Label-font-family: var(--hop-heading-xs-font-family);
659
828
  --hop-Label-font-weight: var(--hop-heading-xs-font-weight);
660
829
  --hop-Label-line-height: var(--hop-heading-xs-line-height);
661
830
  --hop-Label-color: var(--hop-neutral-text-weak);
662
831
  }
663
- :where(.Label-module__hop-Label___mvHHn) {
832
+ :where(.Label-module__hop-Label___fMtr-) {
664
833
  font-family: var(--hop-Label-font-family);
665
834
  font-size: var(--hop-Label-font-size);
666
835
  font-weight: var(--hop-Label-font-weight);
667
836
  line-height: var(--hop-Label-line-height);
668
837
  color: var(--hop-Label-color);
669
838
  }
670
- :where(.Label-module__hop-Label__indicator___eN8aZ) {
839
+ :where(.Label-module__hop-Label__indicator___L7EES) {
671
840
  padding-inline-start: var(--hop-space-20);
672
841
  }
673
842
 
674
843
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxGroup.module.css/#css-module-data */
675
- .CheckboxGroup-module__hop-CheckboxGroup___Q0dnE {
844
+ .CheckboxGroup-module__hop-CheckboxGroup___agIIk {
676
845
  --hop-CheckboxGroup-align-items: flex-start;
677
846
  --hop-CheckboxGroup-justify-content: flex-start;
678
847
  --hop-CheckboxGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -711,46 +880,46 @@
711
880
  inline-size: max-content;
712
881
  max-inline-size: 100%;
713
882
  }
714
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___xETdz {
883
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___Pcsyx {
715
884
  --list-border: var(--checkbox-border-size) solid var(--checkbox-border-color);
716
885
  --list-border-radius: var(--hop-shape-rounded-md);
717
886
  }
718
- .CheckboxGroup-module__hop-CheckboxGroup--sm___x1qGa {
887
+ .CheckboxGroup-module__hop-CheckboxGroup--sm___Fo6My {
719
888
  --column-gap: var(--hop-CheckboxGroup-sm-column-gap);
720
889
  --row-gap: var(--hop-CheckboxGroup-sm-row-gap);
721
890
  --list-column-gap: var(--hop-CheckboxGroup-list-sm-column-gap);
722
891
  --list-row-gap: var(--hop-CheckboxGroup-list-sm-row-gap);
723
892
  }
724
- .CheckboxGroup-module__hop-CheckboxGroup--md___Ss8IQ {
893
+ .CheckboxGroup-module__hop-CheckboxGroup--md___XhHQI {
725
894
  --column-gap: var(--hop-CheckboxGroup-md-column-gap);
726
895
  --row-gap: var(--hop-CheckboxGroup-md-row-gap);
727
896
  --list-column-gap: var(--hop-CheckboxGroup-list-md-column-gap);
728
897
  --list-row-gap: var(--hop-CheckboxGroup-list-md-row-gap);
729
898
  }
730
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___xETdz.CheckboxGroup-module__hop-CheckboxGroup--sm___x1qGa {
899
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___Pcsyx.CheckboxGroup-module__hop-CheckboxGroup--sm___Fo6My {
731
900
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-sm-padding);
732
901
  --column-gap: var(--hop-CheckboxGroup-bordered-sm-column-gap);
733
902
  --row-gap: var(--hop-CheckboxGroup-bordered-sm-row-gap);
734
903
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-sm-column-gap);
735
904
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-sm-row-gap);
736
905
  }
737
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___xETdz.CheckboxGroup-module__hop-CheckboxGroup--md___Ss8IQ {
906
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___Pcsyx.CheckboxGroup-module__hop-CheckboxGroup--md___XhHQI {
738
907
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-md-padding);
739
908
  --column-gap: var(--hop-CheckboxGroup-bordered-md-column-gap);
740
909
  --row-gap: var(--hop-CheckboxGroup-bordered-md-row-gap);
741
910
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-md-column-gap);
742
911
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-md-row-gap);
743
912
  }
744
- .CheckboxGroup-module__hop-CheckboxGroup___Q0dnE[data-orientation=horizontal] {
913
+ .CheckboxGroup-module__hop-CheckboxGroup___agIIk[data-orientation=horizontal] {
745
914
  --flex-direction: var(--hop-CheckboxGroup-horizontal-flex-direction);
746
915
  }
747
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___xETdz[data-orientation=horizontal] {
916
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___Pcsyx[data-orientation=horizontal] {
748
917
  --flex-wrap: nowrap;
749
918
  }
750
- .CheckboxGroup-module__hop-CheckboxGroup___Q0dnE > .CheckboxGroup-module__hop-CheckboxGroup__label___Th6rN {
919
+ .CheckboxGroup-module__hop-CheckboxGroup___agIIk > .CheckboxGroup-module__hop-CheckboxGroup__label___3FKhI {
751
920
  order: 1;
752
921
  }
753
- .CheckboxGroup-module__hop-CheckboxGroup__list___KbICS {
922
+ .CheckboxGroup-module__hop-CheckboxGroup__list___XVfGR {
754
923
  display: flex;
755
924
  flex-flow: var(--flex-direction) var(--flex-wrap);
756
925
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -761,7 +930,7 @@
761
930
  border: var(--list-border, none);
762
931
  border-radius: var(--list-border-radius, 0);
763
932
  }
764
- .CheckboxGroup-module__hop-CheckboxGroup__list___KbICS > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___gdKoC {
933
+ .CheckboxGroup-module__hop-CheckboxGroup__list___XVfGR > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___5iczW {
765
934
  position: relative;
766
935
  flex: 0 1 auto;
767
936
  align-content: start;
@@ -769,28 +938,28 @@
769
938
  min-inline-size: 0;
770
939
  padding: var(--checkbox-padding, 0);
771
940
  }
772
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___xETdz .CheckboxGroup-module__hop-CheckboxGroup__list___KbICS > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___gdKoC ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___gdKoC::before {
941
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___Pcsyx .CheckboxGroup-module__hop-CheckboxGroup__list___XVfGR > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___5iczW ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___5iczW::before {
773
942
  content: "";
774
943
  position: absolute;
775
944
  display: block;
776
945
  }
777
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___xETdz[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___KbICS > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___gdKoC ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___gdKoC::before {
946
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___Pcsyx[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___XVfGR > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___5iczW ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___5iczW::before {
778
947
  inset-block-start: 0;
779
948
  inset-inline: 0;
780
949
  border-block-start: var(--list-border, none);
781
950
  }
782
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___xETdz[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___KbICS > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___gdKoC ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___gdKoC::before {
951
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___Pcsyx[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___XVfGR > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___5iczW ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___5iczW::before {
783
952
  inset-block: 0;
784
953
  inset-inline-start: 0;
785
954
  border-inline-start: var(--list-border, none);
786
955
  }
787
- .CheckboxGroup-module__hop-CheckboxGroup___Q0dnE > .CheckboxGroup-module__hop-CheckboxGroup__error-message___K7vVY,
788
- .CheckboxGroup-module__hop-CheckboxGroup___Q0dnE > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___Ra9RG {
956
+ .CheckboxGroup-module__hop-CheckboxGroup___agIIk > .CheckboxGroup-module__hop-CheckboxGroup__error-message___p5b4m,
957
+ .CheckboxGroup-module__hop-CheckboxGroup___agIIk > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___52ceK {
789
958
  order: 3;
790
959
  }
791
960
 
792
961
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/Radio.module.css/#css-module-data */
793
- .Radio-module__hop-Radio___8KZXA {
962
+ .Radio-module__hop-Radio___fiLqZ {
794
963
  --hop-Radio-box-border-size: 0.0625rem;
795
964
  --hop-Radio-box-border-color: var(--hop-neutral-border);
796
965
  --hop-Radio-box-background-color: var(--hop-neutral-surface);
@@ -864,63 +1033,63 @@
864
1033
  inline-size: max-content;
865
1034
  max-inline-size: 100%;
866
1035
  }
867
- .Radio-module__hop-Radio___8KZXA[data-focus-visible],
868
- .Radio-module__hop-Radio--focused___UOv6k {
1036
+ .Radio-module__hop-Radio___fiLqZ[data-focus-visible],
1037
+ .Radio-module__hop-Radio--focused___ljAlt {
869
1038
  --box-background-color: var(--hop-Radio-box-background-color-focused);
870
1039
  --box-border-color: var(--hop-Radio-box-border-color-focused);
871
1040
  --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
872
1041
  --text-color: var(--hop-Radio-text-color-focused);
873
1042
  --icon-color: var(--hop-Radio-icon-color-focused);
874
1043
  }
875
- .Radio-module__hop-Radio___8KZXA[data-hovered],
876
- .Radio-module__hop-Radio--hovered___3648m {
1044
+ .Radio-module__hop-Radio___fiLqZ[data-hovered],
1045
+ .Radio-module__hop-Radio--hovered___1jVbG {
877
1046
  --box-background-color: var(--hop-Radio-box-background-color-hovered);
878
1047
  --box-border-color: var(--hop-Radio-box-border-color-hovered);
879
1048
  --text-color: var(--hop-Radio-text-color-hovered);
880
1049
  --icon-color: var(--hop-Radio-icon-color-hovered);
881
1050
  }
882
- .Radio-module__hop-Radio___8KZXA[data-pressed],
883
- .Radio-module__hop-Radio--pressed___M5r4O {
1051
+ .Radio-module__hop-Radio___fiLqZ[data-pressed],
1052
+ .Radio-module__hop-Radio--pressed___fFpLV {
884
1053
  --box-background-color: var(--hop-Radio-box-background-color-pressed);
885
1054
  --box-border-color: var(--hop-Radio-box-border-color-pressed);
886
1055
  --text-color: var(--hop-Radio-text-color-pressed);
887
1056
  --icon-color: var(--hop-Radio-icon-color-pressed);
888
1057
  }
889
- .Radio-module__hop-Radio___8KZXA[data-selected] {
1058
+ .Radio-module__hop-Radio___fiLqZ[data-selected] {
890
1059
  --box-background-color: var(--hop-Radio-box-background-color-selected);
891
1060
  --box-border-color: var(--hop-Radio-box-border-color-selected);
892
1061
  --bullet-display: var(--hop-Radio-bullet-display-selected);
893
1062
  --text-color: var(--hop-Radio-text-color-selected);
894
1063
  --icon-color: var(--hop-Radio-icon-color-selected);
895
1064
  }
896
- .Radio-module__hop-Radio___8KZXA[data-invalid] {
1065
+ .Radio-module__hop-Radio___fiLqZ[data-invalid] {
897
1066
  --box-background-color: var(--hop-Radio-box-background-color-invalid);
898
1067
  --box-border-color: var(--hop-Radio-box-border-color-invalid);
899
1068
  --bullet-color: var(--hop-Radio-bullet-color-invalid);
900
1069
  --text-color: var(--hop-Radio-text-color-invalid);
901
1070
  --icon-color: var(--hop-Radio-icon-color-invalid);
902
1071
  }
903
- .Radio-module__hop-Radio___8KZXA:where([data-invalid])[data-focus-visible] {
1072
+ .Radio-module__hop-Radio___fiLqZ:where([data-invalid])[data-focus-visible] {
904
1073
  --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
905
1074
  --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
906
1075
  }
907
- .Radio-module__hop-Radio___8KZXA:where([data-invalid])[data-hovered] {
1076
+ .Radio-module__hop-Radio___fiLqZ:where([data-invalid])[data-hovered] {
908
1077
  --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
909
1078
  --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
910
1079
  --text-color: var(--hop-Radio-text-color-hovered-invalid);
911
1080
  --icon-color: var(--hop-Radio-text-color-hovered-invalid);
912
1081
  }
913
- .Radio-module__hop-Radio___8KZXA:where([data-invalid])[data-pressed] {
1082
+ .Radio-module__hop-Radio___fiLqZ:where([data-invalid])[data-pressed] {
914
1083
  --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
915
1084
  --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
916
1085
  --text-color: var(--hop-Radio-text-color-pressed-invalid);
917
1086
  --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
918
1087
  }
919
- .Radio-module__hop-Radio___8KZXA:where([data-invalid])[data-selected] {
1088
+ .Radio-module__hop-Radio___fiLqZ:where([data-invalid])[data-selected] {
920
1089
  --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
921
1090
  --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
922
1091
  }
923
- .Radio-module__hop-Radio___8KZXA[data-disabled] {
1092
+ .Radio-module__hop-Radio___fiLqZ[data-disabled] {
924
1093
  --box-background-color: var(--hop-Radio-box-background-color-disabled);
925
1094
  --box-border-color: var(--hop-Radio-box-border-color-disabled);
926
1095
  --bullet-color: var(--hop-Radio-bullet-color-disabled);
@@ -928,25 +1097,25 @@
928
1097
  --text-color: var(--hop-Radio-text-color-disabled);
929
1098
  --icon-color: var(--hop-Radio-icon-color-disabled);
930
1099
  }
931
- .Radio-module__hop-Radio--sm___9nkSB {
1100
+ .Radio-module__hop-Radio--sm___lMp9M {
932
1101
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
933
1102
  --box-block-size: var(--hop-Radio-box-sm-block-size);
934
1103
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
935
1104
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
936
1105
  }
937
- .Radio-module__hop-Radio--md___FD8ks {
1106
+ .Radio-module__hop-Radio--md___2SjXP {
938
1107
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
939
1108
  --box-block-size: var(--hop-Radio-box-md-block-size);
940
1109
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
941
1110
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
942
1111
  }
943
- .Radio-module__hop-Radio__icon___Axpaq,
944
- .Radio-module__hop-Radio__icon-list___TH7pN {
1112
+ .Radio-module__hop-Radio__icon___RhEJ7,
1113
+ .Radio-module__hop-Radio__icon-list___3-dCQ {
945
1114
  flex: 0 0 auto;
946
1115
  order: 3;
947
1116
  color: var(--icon-color);
948
1117
  }
949
- .Radio-module__hop-Radio__box___wDQH6 {
1118
+ .Radio-module__hop-Radio__box___XsjuT {
950
1119
  display: flex;
951
1120
  flex: 0 0 auto;
952
1121
  align-items: center;
@@ -962,11 +1131,11 @@
962
1131
  outline-offset: 0.125rem;
963
1132
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
964
1133
  }
965
- .Radio-module__hop-Radio__bullet___oXHWw {
1134
+ .Radio-module__hop-Radio__bullet___rhaGm {
966
1135
  display: var(--bullet-display);
967
1136
  color: var(--bullet-color);
968
1137
  }
969
- .Radio-module__hop-Radio__text___Kqa3G {
1138
+ .Radio-module__hop-Radio__text___gKthl {
970
1139
  flex: 0 1 auto;
971
1140
  order: 2;
972
1141
  min-inline-size: 0;
@@ -976,7 +1145,7 @@
976
1145
  }
977
1146
 
978
1147
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioField.module.css/#css-module-data */
979
- .RadioField-module__hop-RadioField___7cWiA {
1148
+ .RadioField-module__hop-RadioField___T1vq5 {
980
1149
  --hop-RadioField-description-color: var(--hop-neutral-text-weak);
981
1150
  --hop-RadioField-description-color-disabled: var(--hop-neutral-text-disabled);
982
1151
  --hop-RadioField-sm-row-gap: var(--hop-space-stack-xs);
@@ -995,28 +1164,28 @@
995
1164
  inline-size: max-content;
996
1165
  max-inline-size: 100%;
997
1166
  }
998
- .RadioField-module__hop-RadioField___7cWiA[data-disabled] {
1167
+ .RadioField-module__hop-RadioField___T1vq5[data-disabled] {
999
1168
  --description-color: var(--hop-RadioField-description-color-disabled);
1000
1169
  }
1001
- .RadioField-module__hop-RadioField--sm___Q6gn3 {
1170
+ .RadioField-module__hop-RadioField--sm___P-jTL {
1002
1171
  --row-gap: var(--hop-RadioField-sm-row-gap);
1003
1172
  --description-margin-inline-start: var(--hop-RadioField-description-sm-margin-inline-start);
1004
1173
  }
1005
- .RadioField-module__hop-RadioField--md___mzMoL {
1174
+ .RadioField-module__hop-RadioField--md___DI19F {
1006
1175
  --row-gap: var(--hop-RadioField-md-row-gap);
1007
1176
  --description-margin-inline-start: var(--hop-RadioField-description-md-margin-inline-start);
1008
1177
  }
1009
- .RadioField-module__hop-RadioField__description___-wcF0 {
1178
+ .RadioField-module__hop-RadioField__description___sFFCG {
1010
1179
  order: 2;
1011
1180
  margin-inline-start: var(--description-margin-inline-start, var(--hop-RadioField-description-md-margin-inline-start));
1012
1181
  color: var(--description-color);
1013
1182
  }
1014
- .RadioField-module__hop-RadioField__radio___yCxtZ {
1183
+ .RadioField-module__hop-RadioField__radio___-jqTU {
1015
1184
  order: 1;
1016
1185
  }
1017
1186
 
1018
1187
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioGroup.module.css/#css-module-data */
1019
- .RadioGroup-module__hop-RadioGroup___3D-CQ {
1188
+ .RadioGroup-module__hop-RadioGroup___5uPZC {
1020
1189
  --hop-RadioGroup-align-items: flex-start;
1021
1190
  --hop-RadioGroup-justify-content: flex-start;
1022
1191
  --hop-RadioGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -1056,46 +1225,46 @@
1056
1225
  inline-size: var(--inline-size);
1057
1226
  max-inline-size: 100%;
1058
1227
  }
1059
- .RadioGroup-module__hop-RadioGroup--bordered___xUBDY {
1228
+ .RadioGroup-module__hop-RadioGroup--bordered___QTb7g {
1060
1229
  --list-border: var(--radio-border-size) solid var(--radio-border-color);
1061
1230
  --list-border-radius: var(--hop-shape-rounded-md);
1062
1231
  }
1063
- .RadioGroup-module__hop-RadioGroup--sm___Wuezk {
1232
+ .RadioGroup-module__hop-RadioGroup--sm___sySXY {
1064
1233
  --column-gap: var(--hop-RadioGroup-sm-column-gap);
1065
1234
  --row-gap: var(--hop-RadioGroup-sm-row-gap);
1066
1235
  --list-column-gap: var(--hop-RadioGroup-list-sm-column-gap);
1067
1236
  --list-row-gap: var(--hop-RadioGroup-list-sm-row-gap);
1068
1237
  }
1069
- .RadioGroup-module__hop-RadioGroup--md___qDKnW {
1238
+ .RadioGroup-module__hop-RadioGroup--md___bhsBV {
1070
1239
  --column-gap: var(--hop-RadioGroup-md-column-gap);
1071
1240
  --row-gap: var(--hop-RadioGroup-md-row-gap);
1072
1241
  --list-column-gap: var(--hop-RadioGroup-list-md-column-gap);
1073
1242
  --list-row-gap: var(--hop-RadioGroup-list-md-row-gap);
1074
1243
  }
1075
- .RadioGroup-module__hop-RadioGroup--bordered___xUBDY.RadioGroup-module__hop-RadioGroup--sm___Wuezk {
1244
+ .RadioGroup-module__hop-RadioGroup--bordered___QTb7g.RadioGroup-module__hop-RadioGroup--sm___sySXY {
1076
1245
  --radio-padding: var(--hop-RadioGroup-bordered-sm-padding);
1077
1246
  --column-gap: var(--hop-RadioGroup-bordered-sm-column-gap);
1078
1247
  --row-gap: var(--hop-RadioGroup-bordered-sm-row-gap);
1079
1248
  --list-column-gap: var(--hop-RadioGroup-list-bordered-sm-column-gap);
1080
1249
  --list-row-gap: var(--hop-RadioGroup-list-bordered-sm-row-gap);
1081
1250
  }
1082
- .RadioGroup-module__hop-RadioGroup--bordered___xUBDY.RadioGroup-module__hop-RadioGroup--md___qDKnW {
1251
+ .RadioGroup-module__hop-RadioGroup--bordered___QTb7g.RadioGroup-module__hop-RadioGroup--md___bhsBV {
1083
1252
  --radio-padding: var(--hop-RadioGroup-bordered-md-padding);
1084
1253
  --column-gap: var(--hop-RadioGroup-bordered-md-column-gap);
1085
1254
  --row-gap: var(--hop-RadioGroup-bordered-md-row-gap);
1086
1255
  --list-column-gap: var(--hop-RadioGroup-list-bordered-md-column-gap);
1087
1256
  --list-row-gap: var(--hop-RadioGroup-list-bordered-md-row-gap);
1088
1257
  }
1089
- .RadioGroup-module__hop-RadioGroup___3D-CQ[data-orientation=horizontal] {
1258
+ .RadioGroup-module__hop-RadioGroup___5uPZC[data-orientation=horizontal] {
1090
1259
  --flex-direction: var(--hop-RadioGroup-horizontal-flex-direction);
1091
1260
  }
1092
- .RadioGroup-module__hop-RadioGroup--bordered___xUBDY[data-orientation=horizontal] {
1261
+ .RadioGroup-module__hop-RadioGroup--bordered___QTb7g[data-orientation=horizontal] {
1093
1262
  --flex-wrap: nowrap;
1094
1263
  }
1095
- .RadioGroup-module__hop-RadioGroup___3D-CQ > .RadioGroup-module__hop-RadioGroup__label___RPhTV {
1264
+ .RadioGroup-module__hop-RadioGroup___5uPZC > .RadioGroup-module__hop-RadioGroup__label___4M6KT {
1096
1265
  order: 1;
1097
1266
  }
1098
- .RadioGroup-module__hop-RadioGroup__list___fsKD3 {
1267
+ .RadioGroup-module__hop-RadioGroup__list___K-Y-B {
1099
1268
  display: flex;
1100
1269
  flex-flow: var(--flex-direction) var(--flex-wrap);
1101
1270
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -1106,7 +1275,7 @@
1106
1275
  border: var(--list-border, none);
1107
1276
  border-radius: var(--list-border-radius, 0);
1108
1277
  }
1109
- .RadioGroup-module__hop-RadioGroup__list___fsKD3 > .RadioGroup-module__hop-RadioGroup__radio___uu6mp {
1278
+ .RadioGroup-module__hop-RadioGroup__list___K-Y-B > .RadioGroup-module__hop-RadioGroup__radio___CSjUc {
1110
1279
  position: relative;
1111
1280
  flex: 0 1 auto;
1112
1281
  align-content: start;
@@ -1114,28 +1283,28 @@
1114
1283
  min-inline-size: 0;
1115
1284
  padding: var(--radio-padding, 0);
1116
1285
  }
1117
- .RadioGroup-module__hop-RadioGroup--bordered___xUBDY .RadioGroup-module__hop-RadioGroup__list___fsKD3 > .RadioGroup-module__hop-RadioGroup__radio___uu6mp ~ .RadioGroup-module__hop-RadioGroup__radio___uu6mp::before {
1286
+ .RadioGroup-module__hop-RadioGroup--bordered___QTb7g .RadioGroup-module__hop-RadioGroup__list___K-Y-B > .RadioGroup-module__hop-RadioGroup__radio___CSjUc ~ .RadioGroup-module__hop-RadioGroup__radio___CSjUc::before {
1118
1287
  content: "";
1119
1288
  position: absolute;
1120
1289
  display: block;
1121
1290
  }
1122
- .RadioGroup-module__hop-RadioGroup--bordered___xUBDY[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___fsKD3 > .RadioGroup-module__hop-RadioGroup__radio___uu6mp ~ .RadioGroup-module__hop-RadioGroup__radio___uu6mp::before {
1291
+ .RadioGroup-module__hop-RadioGroup--bordered___QTb7g[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___K-Y-B > .RadioGroup-module__hop-RadioGroup__radio___CSjUc ~ .RadioGroup-module__hop-RadioGroup__radio___CSjUc::before {
1123
1292
  inset-block-start: 0;
1124
1293
  inset-inline: 0;
1125
1294
  border-block-start: var(--list-border, none);
1126
1295
  }
1127
- .RadioGroup-module__hop-RadioGroup--bordered___xUBDY[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___fsKD3 > .RadioGroup-module__hop-RadioGroup__radio___uu6mp ~ .RadioGroup-module__hop-RadioGroup__radio___uu6mp::before {
1296
+ .RadioGroup-module__hop-RadioGroup--bordered___QTb7g[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___K-Y-B > .RadioGroup-module__hop-RadioGroup__radio___CSjUc ~ .RadioGroup-module__hop-RadioGroup__radio___CSjUc::before {
1128
1297
  inset-block: 0;
1129
1298
  inset-inline-start: 0;
1130
1299
  border-inline-start: var(--list-border, none);
1131
1300
  }
1132
- .RadioGroup-module__hop-RadioGroup___3D-CQ > .RadioGroup-module__hop-RadioGroup__error-message___VVQJs,
1133
- .RadioGroup-module__hop-RadioGroup___3D-CQ > .RadioGroup-module__hop-RadioGroup__helper-message___0axK9 {
1301
+ .RadioGroup-module__hop-RadioGroup___5uPZC > .RadioGroup-module__hop-RadioGroup__error-message___QXzMh,
1302
+ .RadioGroup-module__hop-RadioGroup___5uPZC > .RadioGroup-module__hop-RadioGroup__helper-message___BkFNa {
1134
1303
  order: 3;
1135
1304
  }
1136
1305
 
1137
1306
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBoxItemSkeleton.module.css/#css-module-data */
1138
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___TYOGA {
1307
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___sSxVu {
1139
1308
  --hop-ListBoxItemSkeleton-background-color: var(--hop-rock-50);
1140
1309
  --hop-ListBoxItemSkeleton-background-color-dark: var(--hop-rock-75);
1141
1310
  --hop-ListBoxItemSkeleton-border-radius: var(--hop-shape-rounded-md);
@@ -1161,7 +1330,7 @@
1161
1330
  background-image: var(--hop-ListBoxItemSkeleton-linear-gradient);
1162
1331
  background-size: 400% 100%;
1163
1332
  border-radius: var(--hop-ListBoxItemSkeleton-border-radius);
1164
- animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___yey8v;
1333
+ animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___kI5E-;
1165
1334
  animation-duration: var(--animation-duration);
1166
1335
  animation-timing-function: ease-in-out;
1167
1336
  animation-fill-mode: forwards;
@@ -1170,19 +1339,19 @@
1170
1339
  --animation-duration: var(--hop-ListBoxItemSkeleton-animation-reduced-motion-duration);
1171
1340
  }
1172
1341
  }
1173
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___DQWyN {
1342
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___3ZPnH {
1174
1343
  --height: var(--hop-ListBoxItemSkeleton-xs-height);
1175
1344
  }
1176
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___dV4JT {
1345
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___wPxkP {
1177
1346
  --height: var(--hop-ListBoxItemSkeleton-sm-height);
1178
1347
  }
1179
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___RExw1 {
1348
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___ucQPS {
1180
1349
  --height: var(--hop-ListBoxItemSkeleton-md-height);
1181
1350
  }
1182
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___jni6f {
1351
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___xjXd3 {
1183
1352
  --height: var(--hop-ListBoxItemSkeleton-lg-height);
1184
1353
  }
1185
- @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___yey8v {
1354
+ @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___kI5E- {
1186
1355
  0% {
1187
1356
  background-position: 125% 50%;
1188
1357
  }
@@ -1192,7 +1361,7 @@
1192
1361
  }
1193
1362
 
1194
1363
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBoxItem.module.css/#css-module-data */
1195
- .ListBoxItem-module__hop-ListBoxItem___0duRn {
1364
+ .ListBoxItem-module__hop-ListBoxItem___WPcI6 {
1196
1365
  --hop-ListBoxItem-background-color: transparent;
1197
1366
  --hop-ListBoxItem-border-radius: var(--hop-shape-rounded-md);
1198
1367
  --hop-ListBoxItem-text-color: var(--hop-neutral-text);
@@ -1289,129 +1458,129 @@
1289
1458
  outline: var(--outline);
1290
1459
  outline-offset: calc(-1 * var(--hop-ListBoxItem-outline-size));
1291
1460
  }
1292
- .ListBoxItem-module__hop-ListBoxItem--xs___dm4VD {
1461
+ .ListBoxItem-module__hop-ListBoxItem--xs___9yqv- {
1293
1462
  --padding-block: var(--hop-ListBoxItem-xs-padding-block);
1294
1463
  --padding-inline: var(--hop-ListBoxItem-xs-padding-inline);
1295
1464
  --min-height: var(--hop-ListBoxItem-xs-min-height);
1296
1465
  --avatar-margin-block: var(--hop-ListBoxItem-xs-avatar-margin-block);
1297
1466
  --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight);
1298
1467
  }
1299
- .ListBoxItem-module__hop-ListBoxItem--sm___Dykwg {
1468
+ .ListBoxItem-module__hop-ListBoxItem--sm___-dIPa {
1300
1469
  --padding-block: var(--hop-ListBoxItem-sm-padding-block);
1301
1470
  --padding-inline: var(--hop-ListBoxItem-sm-padding-inline);
1302
1471
  --min-height: var(--hop-ListBoxItem-sm-min-height);
1303
1472
  --avatar-margin-block: var(--hop-ListBoxItem-sm-avatar-margin-block);
1304
1473
  --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight);
1305
1474
  }
1306
- .ListBoxItem-module__hop-ListBoxItem--md___LbxNg {
1475
+ .ListBoxItem-module__hop-ListBoxItem--md___zsuXH {
1307
1476
  --padding-block: var(--hop-ListBoxItem-md-padding-block);
1308
1477
  --padding-inline: var(--hop-ListBoxItem-md-padding-inline);
1309
1478
  --min-height: var(--hop-ListBoxItem-md-min-height);
1310
1479
  --avatar-margin-block: var(--hop-ListBoxItem-md-avatar-margin-block);
1311
1480
  --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight);
1312
1481
  }
1313
- .ListBoxItem-module__hop-ListBoxItem--lg___XU3oU {
1482
+ .ListBoxItem-module__hop-ListBoxItem--lg___2POEB {
1314
1483
  --padding-block: var(--hop-ListBoxItem-lg-padding-block);
1315
1484
  --padding-inline: var(--hop-ListBoxItem-lg-padding-inline);
1316
1485
  --min-height: var(--hop-ListBoxItem-lg-min-height);
1317
1486
  --avatar-margin-block: var(--hop-ListBoxItem-lg-avatar-margin-block);
1318
1487
  --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight);
1319
1488
  }
1320
- .ListBoxItem-module__hop-ListBoxItem___0duRn[data-selection-mode] {
1489
+ .ListBoxItem-module__hop-ListBoxItem___WPcI6[data-selection-mode] {
1321
1490
  --cursor: pointer;
1322
1491
  }
1323
- .ListBoxItem-module__hop-ListBoxItem___0duRn:not([data-selection-mode]) {
1492
+ .ListBoxItem-module__hop-ListBoxItem___WPcI6:not([data-selection-mode]) {
1324
1493
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
1325
1494
  }
1326
- .ListBoxItem-module__hop-ListBoxItem__inner___GE9a-:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___Fe3CI) {
1495
+ .ListBoxItem-module__hop-ListBoxItem__inner___Q-WyC:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___8tVvi) {
1327
1496
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
1328
1497
  }
1329
- .ListBoxItem-module__hop-ListBoxItem__inner___GE9a-[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___Fe3CI) {
1498
+ .ListBoxItem-module__hop-ListBoxItem__inner___Q-WyC[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___8tVvi) {
1330
1499
  --checkmark-transition: none;
1331
1500
  }
1332
- .ListBoxItem-module__hop-ListBoxItem___0duRn[data-selected] {
1501
+ .ListBoxItem-module__hop-ListBoxItem___WPcI6[data-selected] {
1333
1502
  --background-color: var(--hop-ListBoxItem-background-color-selected);
1334
1503
  --text-color: var(--hop-ListBoxItem-text-color-selected);
1335
1504
  --icon-color: var(--hop-ListBoxItem-icon-color-selected);
1336
1505
  --checkmark-opacity: 1;
1337
1506
  }
1338
- .ListBoxItem-module__hop-ListBoxItem--xs___dm4VD[data-selected] {
1507
+ .ListBoxItem-module__hop-ListBoxItem--xs___9yqv-[data-selected] {
1339
1508
  --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight-selected);
1340
1509
  }
1341
- .ListBoxItem-module__hop-ListBoxItem--sm___Dykwg[data-selected] {
1510
+ .ListBoxItem-module__hop-ListBoxItem--sm___-dIPa[data-selected] {
1342
1511
  --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight-selected);
1343
1512
  }
1344
- .ListBoxItem-module__hop-ListBoxItem--md___LbxNg[data-selected] {
1513
+ .ListBoxItem-module__hop-ListBoxItem--md___zsuXH[data-selected] {
1345
1514
  --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight-selected);
1346
1515
  }
1347
- .ListBoxItem-module__hop-ListBoxItem--lg___XU3oU[data-selected] {
1516
+ .ListBoxItem-module__hop-ListBoxItem--lg___2POEB[data-selected] {
1348
1517
  --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight-selected);
1349
1518
  }
1350
- .ListBoxItem-module__hop-ListBoxItem___0duRn[data-focus-visible] {
1519
+ .ListBoxItem-module__hop-ListBoxItem___WPcI6[data-focus-visible] {
1351
1520
  --background-color: var(--hop-ListBoxItem-background-color-focused);
1352
1521
  --text-color: var(--hop-ListBoxItem-text-color-focused);
1353
1522
  --icon-color: var(--hop-ListBoxItem-icon-color-focused);
1354
1523
  --outline: var(--hop-ListBoxItem-outline-size) solid var(--hop-ListBoxItem-outline-color);
1355
1524
  }
1356
- .ListBoxItem-module__hop-ListBoxItem___0duRn[data-hovered] {
1525
+ .ListBoxItem-module__hop-ListBoxItem___WPcI6[data-hovered] {
1357
1526
  --background-color: var(--hop-ListBoxItem-background-color-hovered);
1358
1527
  --text-color: var(--hop-ListBoxItem-text-color-hovered);
1359
1528
  --icon-color: var(--hop-ListBoxItem-icon-color-hovered);
1360
1529
  }
1361
- .ListBoxItem-module__hop-ListBoxItem___0duRn[data-pressed] {
1530
+ .ListBoxItem-module__hop-ListBoxItem___WPcI6[data-pressed] {
1362
1531
  --background-color: var(--hop-ListBoxItem-background-color-pressed);
1363
1532
  --text-color: var(--hop-ListBoxItem-text-color-pressed);
1364
1533
  --icon-color: var(--hop-ListBoxItem-icon-color-pressed);
1365
1534
  }
1366
- .ListBoxItem-module__hop-ListBoxItem___0duRn[data-disabled] {
1535
+ .ListBoxItem-module__hop-ListBoxItem___WPcI6[data-disabled] {
1367
1536
  --background-color: var(--hop-ListBoxItem-background-color-disabled);
1368
1537
  --text-color: var(--hop-ListBoxItem-text-color-disabled);
1369
1538
  --icon-color: var(--hop-ListBoxItem-icon-color-disabled);
1370
1539
  --description-text-color: var(--hop-ListBoxItem-text-color-disabled);
1371
1540
  --cursor: not-allowed;
1372
1541
  }
1373
- .ListBoxItem-module__hop-ListBoxItem___0duRn[data-invalid] {
1542
+ .ListBoxItem-module__hop-ListBoxItem___WPcI6[data-invalid] {
1374
1543
  --background-color: var(--hop-ListBoxItem-background-color-invalid);
1375
1544
  --text-color: var(--hop-ListBoxItem-text-color-invalid);
1376
1545
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid);
1377
1546
  }
1378
- .ListBoxItem-module__hop-ListBoxItem___0duRn[data-invalid][data-selected] {
1547
+ .ListBoxItem-module__hop-ListBoxItem___WPcI6[data-invalid][data-selected] {
1379
1548
  --background-color: var(--hop-ListBoxItem-background-color-invalid-selected);
1380
1549
  --text-color: var(--hop-ListBoxItem-text-color-invalid-selected);
1381
1550
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-selected);
1382
1551
  }
1383
- .ListBoxItem-module__hop-ListBoxItem___0duRn[data-invalid][data-focus-visible] {
1552
+ .ListBoxItem-module__hop-ListBoxItem___WPcI6[data-invalid][data-focus-visible] {
1384
1553
  --background-color: var(--hop-ListBoxItem-background-color-invalid-focused);
1385
1554
  --text-color: var(--hop-ListBoxItem-text-color-invalid-focused);
1386
1555
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-focused);
1387
1556
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-focused);
1388
1557
  }
1389
- .ListBoxItem-module__hop-ListBoxItem___0duRn[data-invalid][data-hovered] {
1558
+ .ListBoxItem-module__hop-ListBoxItem___WPcI6[data-invalid][data-hovered] {
1390
1559
  --background-color: var(--hop-ListBoxItem-background-color-invalid-hovered);
1391
1560
  --text-color: var(--hop-ListBoxItem-text-color-invalid-hovered);
1392
1561
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-hovered);
1393
1562
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-hovered);
1394
1563
  }
1395
- .ListBoxItem-module__hop-ListBoxItem___0duRn[data-invalid][data-pressed] {
1564
+ .ListBoxItem-module__hop-ListBoxItem___WPcI6[data-invalid][data-pressed] {
1396
1565
  --background-color: var(--hop-ListBoxItem-background-color-invalid-pressed);
1397
1566
  --text-color: var(--hop-ListBoxItem-text-color-invalid-pressed);
1398
1567
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-pressed);
1399
1568
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-pressed);
1400
1569
  }
1401
- .ListBoxItem-module__hop-ListBoxItem___0duRn[data-invalid][data-disabled] {
1570
+ .ListBoxItem-module__hop-ListBoxItem___WPcI6[data-invalid][data-disabled] {
1402
1571
  --background-color: var(--hop-ListBoxItem-background-color-invalid-disabled);
1403
1572
  --text-color: var(--hop-ListBoxItem-text-color-invalid-disabled);
1404
1573
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-disabled);
1405
1574
  }
1406
- .ListBoxItem-module__hop-ListBoxItem___0duRn:has(.ListBoxItem-module__hop-ListBoxItem__description___-pa0W) {
1575
+ .ListBoxItem-module__hop-ListBoxItem___WPcI6:has(.ListBoxItem-module__hop-ListBoxItem__description___zO-1q) {
1407
1576
  --row-gap: var(--hop-ListBoxItem-row-gap);
1408
1577
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-with-description);
1409
1578
  }
1410
- .ListBoxItem-module__hop-ListBoxItem___0duRn[data-loading] {
1579
+ .ListBoxItem-module__hop-ListBoxItem___WPcI6[data-loading] {
1411
1580
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-loading);
1412
1581
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-loading);
1413
1582
  }
1414
- .ListBoxItem-module__hop-ListBoxItem__inner___GE9a- {
1583
+ .ListBoxItem-module__hop-ListBoxItem__inner___Q-WyC {
1415
1584
  display: grid;
1416
1585
  grid-template-areas: var(--grid-template-areas);
1417
1586
  grid-template-columns: var(--grid-template-columns);
@@ -1423,33 +1592,33 @@
1423
1592
  padding-inline: var(--padding-inline);
1424
1593
  transition: grid-template-columns .3s ease-in-out;
1425
1594
  }
1426
- .ListBoxItem-module__hop-ListBoxItem__checkmark___Fe3CI {
1595
+ .ListBoxItem-module__hop-ListBoxItem__checkmark___8tVvi {
1427
1596
  grid-area: indicator;
1428
1597
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
1429
1598
  color: var(--icon-color);
1430
1599
  opacity: var(--checkmark-opacity);
1431
1600
  transition: var(--checkmark-transition);
1432
1601
  }
1433
- .ListBoxItem-module__hop-ListBoxItem__radio-group___hSfVk,
1434
- .ListBoxItem-module__hop-ListBoxItem__checkbox___Zclpw {
1602
+ .ListBoxItem-module__hop-ListBoxItem__radio-group___BWVk3,
1603
+ .ListBoxItem-module__hop-ListBoxItem__checkbox___TrEmP {
1435
1604
  pointer-events: none;
1436
1605
  user-select: none;
1437
1606
  grid-area: indicator;
1438
1607
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
1439
1608
  }
1440
- .ListBoxItem-module__hop-ListBoxItem__avatar___BOBDw {
1609
+ .ListBoxItem-module__hop-ListBoxItem__avatar___2ts9n {
1441
1610
  grid-area: avatar;
1442
1611
  margin-block: var(--avatar-margin-block, 0);
1443
1612
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
1444
1613
  }
1445
- .ListBoxItem-module__hop-ListBoxItem__icon-list___XbL4U,
1446
- .ListBoxItem-module__hop-ListBoxItem__icon___yllrL {
1614
+ .ListBoxItem-module__hop-ListBoxItem__icon-list___cDnpz,
1615
+ .ListBoxItem-module__hop-ListBoxItem__icon___lyDh4 {
1447
1616
  grid-area: icon;
1448
1617
  flex: 0 0 auto;
1449
1618
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
1450
1619
  color: var(--icon-color);
1451
1620
  }
1452
- .ListBoxItem-module__hop-ListBoxItem__label___KYWRG {
1621
+ .ListBoxItem-module__hop-ListBoxItem__label___bb5Mc {
1453
1622
  overflow: hidden;
1454
1623
  grid-area: label;
1455
1624
  min-inline-size: 0;
@@ -1457,18 +1626,18 @@
1457
1626
  text-overflow: ellipsis;
1458
1627
  white-space: nowrap;
1459
1628
  }
1460
- .ListBoxItem-module__hop-ListBoxItem__end-icon-list___MRDNE,
1461
- .ListBoxItem-module__hop-ListBoxItem__end-icon___TPYxZ {
1629
+ .ListBoxItem-module__hop-ListBoxItem__end-icon-list___Auh9U,
1630
+ .ListBoxItem-module__hop-ListBoxItem__end-icon___6JGnU {
1462
1631
  grid-area: end-icon;
1463
1632
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
1464
1633
  color: var(--icon-color);
1465
1634
  }
1466
- .ListBoxItem-module__hop-ListBoxItem__badge___gTJYQ {
1635
+ .ListBoxItem-module__hop-ListBoxItem__badge___-OS1t {
1467
1636
  grid-area: badge;
1468
1637
  margin-block: var(--hop-ListBoxItem-badge-margin-block);
1469
1638
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
1470
1639
  }
1471
- .ListBoxItem-module__hop-ListBoxItem__description___-pa0W {
1640
+ .ListBoxItem-module__hop-ListBoxItem__description___zO-1q {
1472
1641
  overflow: hidden;
1473
1642
  display: -webkit-box;
1474
1643
  grid-area: description;
@@ -1479,7 +1648,7 @@
1479
1648
  }
1480
1649
 
1481
1650
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBox.module.css/#css-module-data */
1482
- .ListBox-module__hop-ListBox___FMNx2 {
1651
+ .ListBox-module__hop-ListBox___JMroe {
1483
1652
  --hop-ListBox-background-color: var(--hop-neutral-surface);
1484
1653
  --hop-ListBox-border-color: var(--hop-neutral-border-weak);
1485
1654
  --hop-ListBox-border-radius: var(--hop-shape-rounded-md);
@@ -1528,11 +1697,11 @@
1528
1697
  border: var(--hop-ListBox-border-size) solid var(--hop-ListBox-border-color);
1529
1698
  border-radius: var(--hop-ListBox-border-radius);
1530
1699
  }
1531
- .ListBox-module__hop-ListBox--fluid___GbXKG {
1700
+ .ListBox-module__hop-ListBox--fluid___gDcU0 {
1532
1701
  --max-width: var(--hop-ListBox-fluid-max-width);
1533
1702
  --width: var(--hop-ListBox-fluid-width);
1534
1703
  }
1535
- .ListBox-module__hop-ListBox__section___BDi3P {
1704
+ .ListBox-module__hop-ListBox__section___PWydC {
1536
1705
  margin-block: var(--section-margin-block-start) var(--section-margin-block-end);
1537
1706
  margin-inline: var(--hop-ListBox-section-margin-inline);
1538
1707
  padding-block: var(--section-padding-block-start) var(--section-padding-block-end);
@@ -1540,21 +1709,21 @@
1540
1709
  border-block-start: var(--section-border-block-start);
1541
1710
  border-block-end: var(--section-border-block-end);
1542
1711
  }
1543
- .ListBox-module__hop-ListBox__item___mh8wf + .ListBox-module__hop-ListBox__section___BDi3P {
1712
+ .ListBox-module__hop-ListBox__item___I81eY + .ListBox-module__hop-ListBox__section___PWydC {
1544
1713
  --section-margin-block-start: var(--hop-ListBox-section-margin-block);
1545
1714
  --section-border-block-start: var(--hop-ListBox-section-border-size) solid var(--hop-ListBox-section-border-color);
1546
1715
  }
1547
- .ListBox-module__hop-ListBox__section___BDi3P:has(+ .ListBox-module__hop-ListBox__item___mh8wf) {
1716
+ .ListBox-module__hop-ListBox__section___PWydC:has(+ .ListBox-module__hop-ListBox__item___I81eY) {
1548
1717
  --section-margin-block-end: var(--hop-ListBox-section-margin-block);
1549
1718
  }
1550
- .ListBox-module__hop-ListBox__section___BDi3P:first-child {
1719
+ .ListBox-module__hop-ListBox__section___PWydC:first-child {
1551
1720
  --section-padding-block-start: 0;
1552
1721
  }
1553
- .ListBox-module__hop-ListBox__section___BDi3P:last-child {
1722
+ .ListBox-module__hop-ListBox__section___PWydC:last-child {
1554
1723
  --section-padding-block-end: 0;
1555
1724
  --section-border-block-end: 0;
1556
1725
  }
1557
- .ListBox-module__hop-ListBox__section-header___zF1td {
1726
+ .ListBox-module__hop-ListBox__section-header___5zQy0 {
1558
1727
  margin: 0;
1559
1728
  padding: var(--hop-ListBox-section-header-padding);
1560
1729
  font-family: var(--hop-ListBox-section-header-font-family);
@@ -1565,27 +1734,27 @@
1565
1734
  text-transform: var(--hop-ListBox-section-header-text-transform);
1566
1735
  letter-spacing: var(--hop-ListBox-section-header-letter-spacing);
1567
1736
  }
1568
- .ListBox-module__hop-ListBox__section-header___zF1td::before,
1569
- .ListBox-module__hop-ListBox__section-header___zF1td::after {
1737
+ .ListBox-module__hop-ListBox__section-header___5zQy0::before,
1738
+ .ListBox-module__hop-ListBox__section-header___5zQy0::after {
1570
1739
  content: "";
1571
1740
  display: block;
1572
1741
  box-sizing: border-box;
1573
1742
  inline-size: 0;
1574
1743
  block-size: 0;
1575
1744
  }
1576
- .ListBox-module__hop-ListBox__section-header___zF1td::before {
1745
+ .ListBox-module__hop-ListBox__section-header___5zQy0::before {
1577
1746
  margin-block-end: var(--hop-ListBox-section-header-bottom-offset);
1578
1747
  }
1579
- .ListBox-module__hop-ListBox__section-header___zF1td::after {
1748
+ .ListBox-module__hop-ListBox__section-header___5zQy0::after {
1580
1749
  margin-block-start: var(--hop-ListBox-section-header-top-offset);
1581
1750
  }
1582
- .ListBox-module__hop-ListBox__divider___RLZsm {
1751
+ .ListBox-module__hop-ListBox__divider___avfGt {
1583
1752
  margin-block: var(--hop-ListBox-divider-margin-block);
1584
1753
  margin-inline: var(--hop-ListBox-divider-margin-inline);
1585
1754
  }
1586
1755
 
1587
1756
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Spinner/src/Spinner.module.css/#css-module-data */
1588
- @keyframes Spinner-module__spin___gZdkA {
1757
+ @keyframes Spinner-module__spin___HWAqt {
1589
1758
  0% {
1590
1759
  transform: rotate(0deg);
1591
1760
  }
@@ -1593,7 +1762,7 @@
1593
1762
  transform: rotate(360deg);
1594
1763
  }
1595
1764
  }
1596
- .Spinner-module__hop-Spinner___lbVrH {
1765
+ .Spinner-module__hop-Spinner___Zh1Ig {
1597
1766
  --hop-Spinner-border-radius: var(--hop-shape-circle);
1598
1767
  --hop-Spinner-sm-wheel-size: 1rem;
1599
1768
  --hop-Spinner-md-wheel-size: 1.25rem;
@@ -1601,7 +1770,7 @@
1601
1770
  --hop-Spinner-track-width: 0.125rem;
1602
1771
  --hop-Spinner-track-opacity: 0.2;
1603
1772
  --hop-Spinner-track-border: var(--hop-Spinner-track-width) solid currentcolor;
1604
- --hop-Spinner-fill-animation: Spinner-module__spin___gZdkA .8s infinite linear;
1773
+ --hop-Spinner-fill-animation: Spinner-module__spin___HWAqt .8s infinite linear;
1605
1774
  --hop-Spinner-fill-animation-reduced-motion-duration: 2s;
1606
1775
  --hop-Spinner-fill-border: var(--hop-Spinner-track-width) solid transparent;
1607
1776
  --hop-Spinner-fill-border-inline-start: var(--hop-Spinner-track-width) solid currentcolor;
@@ -1612,19 +1781,19 @@
1612
1781
  align-items: center;
1613
1782
  box-sizing: border-box;
1614
1783
  }
1615
- .Spinner-module__hop-Spinner--sm___Fq8e0 {
1784
+ .Spinner-module__hop-Spinner--sm___xO7jF {
1616
1785
  --width: var(--hop-Spinner-sm-wheel-size);
1617
1786
  --height: var(--hop-Spinner-sm-wheel-size);
1618
1787
  }
1619
- .Spinner-module__hop-Spinner--md___MNc-8 {
1788
+ .Spinner-module__hop-Spinner--md___86MBc {
1620
1789
  --width: var(--hop-Spinner-md-wheel-size);
1621
1790
  --height: var(--hop-Spinner-md-wheel-size);
1622
1791
  }
1623
- .Spinner-module__hop-Spinner--lg___dlN-q {
1792
+ .Spinner-module__hop-Spinner--lg___6WVVx {
1624
1793
  --width: var(--hop-Spinner-lg-wheel-size);
1625
1794
  --height: var(--hop-Spinner-lg-wheel-size);
1626
1795
  }
1627
- .Spinner-module__hop-Spinner__track___S48QH {
1796
+ .Spinner-module__hop-Spinner__track___bSJvF {
1628
1797
  grid-area: spinner;
1629
1798
  box-sizing: border-box;
1630
1799
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -1633,7 +1802,7 @@
1633
1802
  border: var(--hop-Spinner-track-border);
1634
1803
  border-radius: var(--hop-Spinner-border-radius);
1635
1804
  }
1636
- .Spinner-module__hop-Spinner__fill___qQ88k {
1805
+ .Spinner-module__hop-Spinner__fill___HqVd1 {
1637
1806
  grid-area: spinner;
1638
1807
  box-sizing: border-box;
1639
1808
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -1644,17 +1813,17 @@
1644
1813
  animation: var(--hop-Spinner-fill-animation);
1645
1814
  }
1646
1815
  @media (prefers-reduced-motion: reduce) {
1647
- .Spinner-module__hop-Spinner__fill___qQ88k {
1816
+ .Spinner-module__hop-Spinner__fill___HqVd1 {
1648
1817
  animation-duration: var(--hop-Spinner-fill-animation-reduced-motion-duration);
1649
1818
  }
1650
1819
  }
1651
- .Spinner-module__hop-Spinner__label___P1FJ3 {
1820
+ .Spinner-module__hop-Spinner__label___u732A {
1652
1821
  grid-area: label;
1653
1822
  margin-inline-start: var(--hop-Spinner-label-margin-inline-start);
1654
1823
  }
1655
1824
 
1656
1825
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/Button.module.css/#css-module-data */
1657
- .Button-module__hop-Button___mVpRP {
1826
+ .Button-module__hop-Button___lmqpa {
1658
1827
  --hop-Button-border-radius: var(--hop-shape-rounded-md);
1659
1828
  --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
1660
1829
  --hop-Button-icon-only-padding: 0;
@@ -1813,317 +1982,317 @@
1813
1982
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
1814
1983
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
1815
1984
  }
1816
- .Button-module__hop-Button___mVpRP[data-focus-visible] {
1985
+ .Button-module__hop-Button___lmqpa[data-focus-visible] {
1817
1986
  outline: 0.125rem solid var(--hop-Button-focus-ring-color);
1818
1987
  }
1819
- .Button-module__hop-Button--icon-only___xAh-6 {
1988
+ .Button-module__hop-Button--icon-only___2xBXm {
1820
1989
  --padding-block: var(--hop-Button-icon-only-padding);
1821
1990
  --padding-inline: var(--hop-Button-icon-only-padding);
1822
1991
  column-gap: 0;
1823
1992
  aspect-ratio: 1;
1824
1993
  }
1825
- .Button-module__hop-Button___mVpRP[data-disabled],
1826
- .Button-module__hop-Button___mVpRP[data-loading] {
1994
+ .Button-module__hop-Button___lmqpa[data-disabled],
1995
+ .Button-module__hop-Button___lmqpa[data-loading] {
1827
1996
  cursor: not-allowed;
1828
1997
  }
1829
- .Button-module__hop-Button--fluid___EFWA- {
1998
+ .Button-module__hop-Button--fluid___l-oPy {
1830
1999
  --inline-size: 100%;
1831
2000
  }
1832
- .Button-module__hop-Button--sm___-ue3C {
2001
+ .Button-module__hop-Button--sm___BH-SD {
1833
2002
  --block-size: var(--hop-Button-sm-height);
1834
2003
  }
1835
- .Button-module__hop-Button--primary___EKPMl.Button-module__hop-Button--sm___-ue3C:not(.Button-module__hop-Button--icon-only___xAh-6) {
2004
+ .Button-module__hop-Button--primary___kVWtX.Button-module__hop-Button--sm___BH-SD:not(.Button-module__hop-Button--icon-only___2xBXm) {
1836
2005
  --padding-inline: var(--hop-Button-primary-sm-padding-x);
1837
2006
  --padding-block: var(--hop-Button-primary-sm-padding-y);
1838
2007
  }
1839
- .Button-module__hop-Button--primary___EKPMl.Button-module__hop-Button--md___BDVkz:not(.Button-module__hop-Button--icon-only___xAh-6) {
2008
+ .Button-module__hop-Button--primary___kVWtX.Button-module__hop-Button--md___UEh5L:not(.Button-module__hop-Button--icon-only___2xBXm) {
1840
2009
  --padding-inline: var(--hop-Button-primary-md-padding-x);
1841
2010
  --padding-block: var(--hop-Button-primary-md-padding-y);
1842
2011
  }
1843
- .Button-module__hop-Button--secondary___bcVUb.Button-module__hop-Button--md___BDVkz:not(.Button-module__hop-Button--icon-only___xAh-6) {
2012
+ .Button-module__hop-Button--secondary___PBpba.Button-module__hop-Button--md___UEh5L:not(.Button-module__hop-Button--icon-only___2xBXm) {
1844
2013
  --padding-inline: var(--hop-Button-secondary-md-padding-x);
1845
2014
  --padding-block: var(--hop-Button-secondary-md-padding-y);
1846
2015
  }
1847
- .Button-module__hop-Button--secondary___bcVUb.Button-module__hop-Button--sm___-ue3C:not(.Button-module__hop-Button--icon-only___xAh-6) {
2016
+ .Button-module__hop-Button--secondary___PBpba.Button-module__hop-Button--sm___BH-SD:not(.Button-module__hop-Button--icon-only___2xBXm) {
1848
2017
  --padding-inline: var(--hop-Button-secondary-sm-padding-x);
1849
2018
  --padding-block: var(--hop-Button-secondary-sm-padding-y);
1850
2019
  }
1851
- .Button-module__hop-Button--upsell___6nknl.Button-module__hop-Button--md___BDVkz:not(.Button-module__hop-Button--icon-only___xAh-6) {
2020
+ .Button-module__hop-Button--upsell___f4MnG.Button-module__hop-Button--md___UEh5L:not(.Button-module__hop-Button--icon-only___2xBXm) {
1852
2021
  --padding-inline: var(--hop-Button-upsell-md-padding-x);
1853
2022
  --padding-block: var(--hop-Button-upsell-md-padding-y);
1854
2023
  }
1855
- .Button-module__hop-Button--upsell___6nknl.Button-module__hop-Button--sm___-ue3C:not(.Button-module__hop-Button--icon-only___xAh-6) {
2024
+ .Button-module__hop-Button--upsell___f4MnG.Button-module__hop-Button--sm___BH-SD:not(.Button-module__hop-Button--icon-only___2xBXm) {
1856
2025
  --padding-inline: var(--hop-Button-upsell-sm-padding-x);
1857
2026
  --padding-block: var(--hop-Button-upsell-sm-padding-y);
1858
2027
  }
1859
- .Button-module__hop-Button--danger___MkovL.Button-module__hop-Button--md___BDVkz:not(.Button-module__hop-Button--icon-only___xAh-6) {
2028
+ .Button-module__hop-Button--danger___TV-l6.Button-module__hop-Button--md___UEh5L:not(.Button-module__hop-Button--icon-only___2xBXm) {
1860
2029
  --padding-inline: var(--hop-Button-danger-md-padding-x);
1861
2030
  --padding-block: var(--hop-Button-danger-md-padding-y);
1862
2031
  }
1863
- .Button-module__hop-Button--danger___MkovL.Button-module__hop-Button--sm___-ue3C:not(.Button-module__hop-Button--icon-only___xAh-6) {
2032
+ .Button-module__hop-Button--danger___TV-l6.Button-module__hop-Button--sm___BH-SD:not(.Button-module__hop-Button--icon-only___2xBXm) {
1864
2033
  --padding-inline: var(--hop-Button-danger-sm-padding-x);
1865
2034
  --padding-block: var(--hop-Button-danger-sm-padding-y);
1866
2035
  }
1867
- .Button-module__hop-Button--ghost-danger___zlbPD.Button-module__hop-Button--md___BDVkz:not(.Button-module__hop-Button--icon-only___xAh-6) {
2036
+ .Button-module__hop-Button--ghost-danger___qqiOP.Button-module__hop-Button--md___UEh5L:not(.Button-module__hop-Button--icon-only___2xBXm) {
1868
2037
  --padding-inline: var(--hop-Button-ghost-danger-md-padding-x);
1869
2038
  --padding-block: var(--hop-Button-ghost-danger-md-padding-y);
1870
2039
  }
1871
- .Button-module__hop-Button--ghost-danger___zlbPD.Button-module__hop-Button--sm___-ue3C:not(.Button-module__hop-Button--icon-only___xAh-6) {
2040
+ .Button-module__hop-Button--ghost-danger___qqiOP.Button-module__hop-Button--sm___BH-SD:not(.Button-module__hop-Button--icon-only___2xBXm) {
1872
2041
  --padding-inline: var(--hop-Button-ghost-danger-sm-padding-x);
1873
2042
  --padding-block: var(--hop-Button-ghost-danger-sm-padding-y);
1874
2043
  }
1875
- .Button-module__hop-Button--ghost-secondary___l-orO.Button-module__hop-Button--md___BDVkz:not(.Button-module__hop-Button--icon-only___xAh-6) {
2044
+ .Button-module__hop-Button--ghost-secondary___PyKnm.Button-module__hop-Button--md___UEh5L:not(.Button-module__hop-Button--icon-only___2xBXm) {
1876
2045
  --padding-inline: var(--hop-Button-ghost-secondary-md-padding-x);
1877
2046
  --padding-block: var(--hop-Button-ghost-secondary-md-padding-y);
1878
2047
  }
1879
- .Button-module__hop-Button--ghost-secondary___l-orO.Button-module__hop-Button--sm___-ue3C:not(.Button-module__hop-Button--icon-only___xAh-6) {
2048
+ .Button-module__hop-Button--ghost-secondary___PyKnm.Button-module__hop-Button--sm___BH-SD:not(.Button-module__hop-Button--icon-only___2xBXm) {
1880
2049
  --padding-inline: var(--hop-Button-ghost-secondary-sm-padding-x);
1881
2050
  --padding-block: var(--hop-Button-ghost-secondary-sm-padding-y);
1882
2051
  }
1883
- .Button-module__hop-Button--ghost-primary___F6-yL.Button-module__hop-Button--md___BDVkz:not(.Button-module__hop-Button--icon-only___xAh-6) {
2052
+ .Button-module__hop-Button--ghost-primary___VOEr-.Button-module__hop-Button--md___UEh5L:not(.Button-module__hop-Button--icon-only___2xBXm) {
1884
2053
  --padding-inline: var(--hop-Button-ghost-primary-md-padding-x);
1885
2054
  --padding-block: var(--hop-Button-ghost-primary-md-padding-y);
1886
2055
  }
1887
- .Button-module__hop-Button--ghost-primary___F6-yL.Button-module__hop-Button--sm___-ue3C:not(.Button-module__hop-Button--icon-only___xAh-6) {
2056
+ .Button-module__hop-Button--ghost-primary___VOEr-.Button-module__hop-Button--sm___BH-SD:not(.Button-module__hop-Button--icon-only___2xBXm) {
1888
2057
  --padding-inline: var(--hop-Button-ghost-primary-sm-padding-x);
1889
2058
  --padding-block: var(--hop-Button-ghost-primary-sm-padding-y);
1890
2059
  }
1891
- .Button-module__hop-Button--primary___EKPMl {
2060
+ .Button-module__hop-Button--primary___kVWtX {
1892
2061
  --background-color: var(--hop-Button-primary-background-color);
1893
2062
  --color: var(--hop-Button-primary-color);
1894
2063
  --border: var(--hop-Button-primary-border);
1895
2064
  --spinner-color: var(--hop-Button-primary-spinner-color);
1896
2065
  }
1897
- .Button-module__hop-Button--primary___EKPMl[data-disabled]:not([data-loading]) {
2066
+ .Button-module__hop-Button--primary___kVWtX[data-disabled]:not([data-loading]) {
1898
2067
  --background-color: var(--hop-Button-primary-background-color-disabled);
1899
2068
  --color: var(--hop-Button-primary-color-disabled);
1900
2069
  --border: var(--hop-Button-primary-border-disabled);
1901
2070
  }
1902
- .Button-module__hop-Button--primary___EKPMl[data-hovered]:not([data-disabled], [data-loading]),
1903
- .Button-module__hop-Button--primary___EKPMl[data-focus-visible]:not([data-disabled], [data-loading]) {
2071
+ .Button-module__hop-Button--primary___kVWtX[data-hovered]:not([data-disabled], [data-loading]),
2072
+ .Button-module__hop-Button--primary___kVWtX[data-focus-visible]:not([data-disabled], [data-loading]) {
1904
2073
  --background-color: var(--hop-Button-primary-background-color-hover);
1905
2074
  --color: var(--hop-Button-primary-color-hover);
1906
2075
  --border: var(--hop-Button-primary-border-hover);
1907
2076
  }
1908
- .Button-module__hop-Button--primary___EKPMl[data-pressed]:not([data-loading]) {
2077
+ .Button-module__hop-Button--primary___kVWtX[data-pressed]:not([data-loading]) {
1909
2078
  --background-color: var(--hop-Button-primary-background-color-pressed);
1910
2079
  --color: var(--hop-Button-primary-color-pressed);
1911
2080
  --border: var(--hop-Button-primary-border-pressed);
1912
2081
  }
1913
- .Button-module__hop-Button--secondary___bcVUb {
2082
+ .Button-module__hop-Button--secondary___PBpba {
1914
2083
  --background-color: var(--hop-Button-secondary-background-color);
1915
2084
  --color: var(--hop-Button-secondary-color);
1916
2085
  --border: var(--hop-Button-secondary-border);
1917
2086
  --spinner-color: var(--hop-Button-secondary-spinner-color);
1918
2087
  }
1919
- .Button-module__hop-Button--secondary___bcVUb[data-disabled]:not([data-loading]) {
2088
+ .Button-module__hop-Button--secondary___PBpba[data-disabled]:not([data-loading]) {
1920
2089
  --background-color: var(--hop-Button-secondary-background-color-disabled);
1921
2090
  --color: var(--hop-Button-secondary-color-disabled);
1922
2091
  --border: var(--hop-Button-secondary-border-disabled);
1923
2092
  }
1924
- .Button-module__hop-Button--secondary___bcVUb[data-hovered]:not([data-disabled], [data-loading]),
1925
- .Button-module__hop-Button--secondary___bcVUb[data-focus-visible]:not([data-disabled], [data-loading]) {
2093
+ .Button-module__hop-Button--secondary___PBpba[data-hovered]:not([data-disabled], [data-loading]),
2094
+ .Button-module__hop-Button--secondary___PBpba[data-focus-visible]:not([data-disabled], [data-loading]) {
1926
2095
  --background-color: var(--hop-Button-secondary-background-color-hover);
1927
2096
  --color: var(--hop-Button-secondary-color-hover);
1928
2097
  --border: var(--hop-Button-secondary-border-hover);
1929
2098
  }
1930
- .Button-module__hop-Button--secondary___bcVUb[data-pressed]:not([data-loading]) {
2099
+ .Button-module__hop-Button--secondary___PBpba[data-pressed]:not([data-loading]) {
1931
2100
  --background-color: var(--hop-Button-secondary-background-color-pressed);
1932
2101
  --color: var(--hop-Button-secondary-color-pressed);
1933
2102
  --border: var(--hop-Button-secondary-border-pressed);
1934
2103
  }
1935
- .Button-module__hop-Button--upsell___6nknl {
2104
+ .Button-module__hop-Button--upsell___f4MnG {
1936
2105
  --background-color: var(--hop-Button-upsell-background-color);
1937
2106
  --color: var(--hop-Button-upsell-color);
1938
2107
  --border: var(--hop-Button-upsell-border);
1939
2108
  --spinner-color: var(--hop-Button-upsell-spinner-color);
1940
2109
  }
1941
- .Button-module__hop-Button--upsell___6nknl[data-disabled]:not([data-loading]) {
2110
+ .Button-module__hop-Button--upsell___f4MnG[data-disabled]:not([data-loading]) {
1942
2111
  --background-color: var(--hop-Button-upsell-background-color-disabled);
1943
2112
  --color: var(--hop-Button-upsell-color-disabled);
1944
2113
  --border: var(--hop-Button-upsell-border-disabled);
1945
2114
  }
1946
- .Button-module__hop-Button--upsell___6nknl[data-hovered]:not([data-disabled], [data-loading]),
1947
- .Button-module__hop-Button--upsell___6nknl[data-focus-visible]:not([data-disabled], [data-loading]) {
2115
+ .Button-module__hop-Button--upsell___f4MnG[data-hovered]:not([data-disabled], [data-loading]),
2116
+ .Button-module__hop-Button--upsell___f4MnG[data-focus-visible]:not([data-disabled], [data-loading]) {
1948
2117
  --background-color: var(--hop-Button-upsell-background-color-hover);
1949
2118
  --color: var(--hop-Button-upsell-color-hover);
1950
2119
  --border: var(--hop-Button-upsell-border-hover);
1951
2120
  }
1952
- .Button-module__hop-Button--upsell___6nknl[data-pressed]:not([data-loading]) {
2121
+ .Button-module__hop-Button--upsell___f4MnG[data-pressed]:not([data-loading]) {
1953
2122
  --background-color: var(--hop-Button-upsell-background-color-pressed);
1954
2123
  --color: var(--hop-Button-upsell-color-pressed);
1955
2124
  --border: var(--hop-Button-upsell-border-pressed);
1956
2125
  }
1957
- .Button-module__hop-Button--danger___MkovL {
2126
+ .Button-module__hop-Button--danger___TV-l6 {
1958
2127
  --background-color: var(--hop-Button-danger-background-color);
1959
2128
  --color: var(--hop-Button-danger-color);
1960
2129
  --border: var(--hop-Button-danger-border);
1961
2130
  --spinner-color: var(--hop-Button-danger-spinner-color);
1962
2131
  }
1963
- .Button-module__hop-Button--danger___MkovL[data-disabled]:not([data-loading]) {
2132
+ .Button-module__hop-Button--danger___TV-l6[data-disabled]:not([data-loading]) {
1964
2133
  --background-color: var(--hop-Button-danger-background-color-disabled);
1965
2134
  --color: var(--hop-Button-danger-color-disabled);
1966
2135
  --border: var(--hop-Button-danger-border-disabled);
1967
2136
  }
1968
- .Button-module__hop-Button--danger___MkovL[data-hovered]:not([data-disabled], [data-loading]),
1969
- .Button-module__hop-Button--danger___MkovL[data-focus-visible]:not([data-disabled], [data-loading]) {
2137
+ .Button-module__hop-Button--danger___TV-l6[data-hovered]:not([data-disabled], [data-loading]),
2138
+ .Button-module__hop-Button--danger___TV-l6[data-focus-visible]:not([data-disabled], [data-loading]) {
1970
2139
  --background-color: var(--hop-Button-danger-background-color-hover);
1971
2140
  --color: var(--hop-Button-danger-color-hover);
1972
2141
  --border: var(--hop-Button-danger-border-hover);
1973
2142
  }
1974
- .Button-module__hop-Button--danger___MkovL[data-pressed]:not([data-loading]) {
2143
+ .Button-module__hop-Button--danger___TV-l6[data-pressed]:not([data-loading]) {
1975
2144
  --background-color: var(--hop-Button-danger-background-color-pressed);
1976
2145
  --color: var(--hop-Button-danger-color-pressed);
1977
2146
  --border: var(--hop-Button-danger-border-pressed);
1978
2147
  }
1979
- .Button-module__hop-Button--ghost-primary___F6-yL {
2148
+ .Button-module__hop-Button--ghost-primary___VOEr- {
1980
2149
  --background-color: var(--hop-Button-ghost-primary-background-color);
1981
2150
  --color: var(--hop-Button-ghost-primary-color);
1982
2151
  --border: var(--hop-Button-ghost-primary-border);
1983
2152
  --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
1984
2153
  }
1985
- .Button-module__hop-Button--ghost-primary___F6-yL[data-disabled]:not([data-loading]) {
2154
+ .Button-module__hop-Button--ghost-primary___VOEr-[data-disabled]:not([data-loading]) {
1986
2155
  --background-color: var(--hop-Button-ghost-primary-background-color-disabled);
1987
2156
  --color: var(--hop-Button-ghost-primary-color-disabled);
1988
2157
  --border: var(--hop-Button-ghost-primary-border-disabled);
1989
2158
  }
1990
- .Button-module__hop-Button--ghost-primary___F6-yL[data-hovered]:not([data-disabled], [data-loading]),
1991
- .Button-module__hop-Button--ghost-primary___F6-yL[data-focus-visible]:not([data-disabled], [data-loading]) {
2159
+ .Button-module__hop-Button--ghost-primary___VOEr-[data-hovered]:not([data-disabled], [data-loading]),
2160
+ .Button-module__hop-Button--ghost-primary___VOEr-[data-focus-visible]:not([data-disabled], [data-loading]) {
1992
2161
  --background-color: var(--hop-Button-ghost-primary-background-color-hover);
1993
2162
  --color: var(--hop-Button-ghost-primary-color-hover);
1994
2163
  --border: var(--hop-Button-ghost-primary-border-hover);
1995
2164
  }
1996
- .Button-module__hop-Button--ghost-primary___F6-yL[data-pressed]:not([data-loading]) {
2165
+ .Button-module__hop-Button--ghost-primary___VOEr-[data-pressed]:not([data-loading]) {
1997
2166
  --background-color: var(--hop-Button-ghost-primary-background-color-pressed);
1998
2167
  --color: var(--hop-Button-ghost-primary-color-pressed);
1999
2168
  --border: var(--hop-Button-ghost-primary-border-pressed);
2000
2169
  }
2001
- .Button-module__hop-Button--ghost-secondary___l-orO {
2170
+ .Button-module__hop-Button--ghost-secondary___PyKnm {
2002
2171
  --background-color: var(--hop-Button-ghost-secondary-background-color);
2003
2172
  --color: var(--hop-Button-ghost-secondary-color);
2004
2173
  --border: var(--hop-Button-ghost-secondary-border);
2005
2174
  --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
2006
2175
  }
2007
- .Button-module__hop-Button--ghost-secondary___l-orO[data-disabled]:not([data-loading]) {
2176
+ .Button-module__hop-Button--ghost-secondary___PyKnm[data-disabled]:not([data-loading]) {
2008
2177
  --background-color: var(--hop-Button-ghost-secondary-background-color-disabled);
2009
2178
  --color: var(--hop-Button-ghost-secondary-color-disabled);
2010
2179
  --border: var(--hop-Button-ghost-secondary-border-disabled);
2011
2180
  }
2012
- .Button-module__hop-Button--ghost-secondary___l-orO[data-hovered]:not([data-disabled], [data-loading]),
2013
- .Button-module__hop-Button--ghost-secondary___l-orO[data-focus-visible]:not([data-disabled], [data-loading]) {
2181
+ .Button-module__hop-Button--ghost-secondary___PyKnm[data-hovered]:not([data-disabled], [data-loading]),
2182
+ .Button-module__hop-Button--ghost-secondary___PyKnm[data-focus-visible]:not([data-disabled], [data-loading]) {
2014
2183
  --background-color: var(--hop-Button-ghost-secondary-background-color-hover);
2015
2184
  --color: var(--hop-Button-ghost-secondary-color-hover);
2016
2185
  --border: var(--hop-Button-ghost-secondary-border-hover);
2017
2186
  }
2018
- .Button-module__hop-Button--ghost-secondary___l-orO[data-pressed]:not([data-loading]) {
2187
+ .Button-module__hop-Button--ghost-secondary___PyKnm[data-pressed]:not([data-loading]) {
2019
2188
  --background-color: var(--hop-Button-ghost-secondary-background-color-pressed);
2020
2189
  --color: var(--hop-Button-ghost-secondary-color-pressed);
2021
2190
  --border: var(--hop-Button-ghost-secondary-border-pressed);
2022
2191
  }
2023
- .Button-module__hop-Button--ghost-danger___zlbPD {
2192
+ .Button-module__hop-Button--ghost-danger___qqiOP {
2024
2193
  --background-color: var(--hop-Button-ghost-danger-background-color);
2025
2194
  --color: var(--hop-Button-ghost-danger-color);
2026
2195
  --border: var(--hop-Button-ghost-danger-border);
2027
2196
  --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
2028
2197
  }
2029
- .Button-module__hop-Button--ghost-danger___zlbPD[data-disabled]:not([data-loading]) {
2198
+ .Button-module__hop-Button--ghost-danger___qqiOP[data-disabled]:not([data-loading]) {
2030
2199
  --background-color: var(--hop-Button-ghost-danger-background-color-disabled);
2031
2200
  --color: var(--hop-Button-ghost-danger-color-disabled);
2032
2201
  --border: var(--hop-Button-ghost-danger-border-disabled);
2033
2202
  }
2034
- .Button-module__hop-Button--ghost-danger___zlbPD[data-hovered]:not([data-disabled], [data-loading]),
2035
- .Button-module__hop-Button--ghost-danger___zlbPD[data-focus-visible]:not([data-disabled], [data-loading]) {
2203
+ .Button-module__hop-Button--ghost-danger___qqiOP[data-hovered]:not([data-disabled], [data-loading]),
2204
+ .Button-module__hop-Button--ghost-danger___qqiOP[data-focus-visible]:not([data-disabled], [data-loading]) {
2036
2205
  --background-color: var(--hop-Button-ghost-danger-background-color-hover);
2037
2206
  --color: var(--hop-Button-ghost-danger-color-hover);
2038
2207
  --border: var(--hop-Button-ghost-danger-border-hover);
2039
2208
  }
2040
- .Button-module__hop-Button--ghost-danger___zlbPD[data-pressed]:not([data-loading]) {
2209
+ .Button-module__hop-Button--ghost-danger___qqiOP[data-pressed]:not([data-loading]) {
2041
2210
  --background-color: var(--hop-Button-ghost-danger-background-color-pressed);
2042
2211
  --color: var(--hop-Button-ghost-danger-color-pressed);
2043
2212
  --border: var(--hop-Button-ghost-danger-border-pressed);
2044
2213
  }
2045
- .Button-module__hop-Button__Spinner___1RnXX {
2214
+ .Button-module__hop-Button__Spinner___R38Q- {
2046
2215
  position: absolute;
2047
2216
  justify-self: center;
2048
2217
  color: var(--spinner-color);
2049
2218
  }
2050
- .Button-module__hop-Button__icon___MFwf2,
2051
- .Button-module__hop-Button__icon-list___jC-21 {
2219
+ .Button-module__hop-Button__icon___ytKYx,
2220
+ .Button-module__hop-Button__icon-list___MguPH {
2052
2221
  grid-area: start-icon;
2053
2222
  justify-self: end;
2054
2223
  }
2055
- .Button-module__hop-Button__text___ebwCf {
2224
+ .Button-module__hop-Button__text___hzQn3 {
2056
2225
  user-select: none;
2057
2226
  overflow: visible;
2058
2227
  grid-area: content;
2059
2228
  font-weight: var(--hop-font-weight-505);
2060
2229
  text-wrap: nowrap;
2061
2230
  }
2062
- .Button-module__hop-Button--ghost-primary___F6-yL[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___ebwCf,
2063
- .Button-module__hop-Button--ghost-secondary___l-orO[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___ebwCf,
2064
- .Button-module__hop-Button--ghost-danger___zlbPD[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___ebwCf,
2065
- .Button-module__hop-Button--ghost-primary___F6-yL[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___ebwCf,
2066
- .Button-module__hop-Button--ghost-secondary___l-orO[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___ebwCf,
2067
- .Button-module__hop-Button--ghost-danger___zlbPD[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___ebwCf,
2068
- .Button-module__hop-Button--ghost-primary___F6-yL[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___ebwCf,
2069
- .Button-module__hop-Button--ghost-secondary___l-orO[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___ebwCf,
2070
- .Button-module__hop-Button--ghost-danger___zlbPD[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___ebwCf {
2231
+ .Button-module__hop-Button--ghost-primary___VOEr-[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___hzQn3,
2232
+ .Button-module__hop-Button--ghost-secondary___PyKnm[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___hzQn3,
2233
+ .Button-module__hop-Button--ghost-danger___qqiOP[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___hzQn3,
2234
+ .Button-module__hop-Button--ghost-primary___VOEr-[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___hzQn3,
2235
+ .Button-module__hop-Button--ghost-secondary___PyKnm[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___hzQn3,
2236
+ .Button-module__hop-Button--ghost-danger___qqiOP[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___hzQn3,
2237
+ .Button-module__hop-Button--ghost-primary___VOEr-[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___hzQn3,
2238
+ .Button-module__hop-Button--ghost-secondary___PyKnm[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___hzQn3,
2239
+ .Button-module__hop-Button--ghost-danger___qqiOP[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___hzQn3 {
2071
2240
  text-decoration: underline;
2072
2241
  text-underline-offset: 0.125rem;
2073
2242
  }
2074
- .Button-module__hop-Button__end-icon___oyHTu,
2075
- .Button-module__hop-Button__end-icon-list___1U3mE {
2243
+ .Button-module__hop-Button__end-icon___iWHO9,
2244
+ .Button-module__hop-Button__end-icon-list___WUaQk {
2076
2245
  grid-area: end-icon;
2077
2246
  }
2078
- .Button-module__hop-Button___mVpRP .Button-module__hop-Button__icon-list___jC-21,
2079
- .Button-module__hop-Button___mVpRP .Button-module__hop-Button__end-icon-list___1U3mE {
2247
+ .Button-module__hop-Button___lmqpa .Button-module__hop-Button__icon-list___MguPH,
2248
+ .Button-module__hop-Button___lmqpa .Button-module__hop-Button__end-icon-list___WUaQk {
2080
2249
  flex-wrap: nowrap;
2081
2250
  }
2082
- .Button-module__hop-Button___mVpRP[data-loading] > *:not(.Button-module__hop-Button__Spinner___1RnXX) {
2251
+ .Button-module__hop-Button___lmqpa[data-loading] > *:not(.Button-module__hop-Button__Spinner___R38Q-) {
2083
2252
  opacity: 0;
2084
2253
  }
2085
2254
 
2086
2255
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/ButtonGroup.module.css/#css-module-data */
2087
- .ButtonGroup-module__hop-ButtonGroup___V-GZD {
2256
+ .ButtonGroup-module__hop-ButtonGroup___iKTaw {
2088
2257
  display: inline-flex;
2089
2258
  flex-wrap: nowrap;
2090
2259
  gap: var(--hop-space-inline-md);
2091
2260
  }
2092
- .ButtonGroup-module__hop-ButtonGroup--horizontal___ZRbG5 {
2261
+ .ButtonGroup-module__hop-ButtonGroup--horizontal___18PFZ {
2093
2262
  justify-content: center;
2094
2263
  }
2095
- .ButtonGroup-module__hop-ButtonGroup--vertical___v3JGj {
2264
+ .ButtonGroup-module__hop-ButtonGroup--vertical___yzfDT {
2096
2265
  flex-direction: column;
2097
2266
  gap: var(--hop-space-stack-md);
2098
2267
  align-items: center;
2099
2268
  }
2100
- .ButtonGroup-module__hop-ButtonGroup--start___sc1iw.ButtonGroup-module__hop-ButtonGroup--vertical___v3JGj {
2269
+ .ButtonGroup-module__hop-ButtonGroup--start___gzKmS.ButtonGroup-module__hop-ButtonGroup--vertical___yzfDT {
2101
2270
  align-items: flex-start;
2102
2271
  }
2103
- .ButtonGroup-module__hop-ButtonGroup--center___hfVSv.ButtonGroup-module__hop-ButtonGroup--vertical___v3JGj {
2272
+ .ButtonGroup-module__hop-ButtonGroup--center___on-lE.ButtonGroup-module__hop-ButtonGroup--vertical___yzfDT {
2104
2273
  align-items: center;
2105
2274
  }
2106
- .ButtonGroup-module__hop-ButtonGroup--end___OwOEL.ButtonGroup-module__hop-ButtonGroup--vertical___v3JGj {
2275
+ .ButtonGroup-module__hop-ButtonGroup--end___5rjyN.ButtonGroup-module__hop-ButtonGroup--vertical___yzfDT {
2107
2276
  align-items: flex-end;
2108
2277
  }
2109
- .ButtonGroup-module__hop-ButtonGroup--start___sc1iw.ButtonGroup-module__hop-ButtonGroup--horizontal___ZRbG5 {
2278
+ .ButtonGroup-module__hop-ButtonGroup--start___gzKmS.ButtonGroup-module__hop-ButtonGroup--horizontal___18PFZ {
2110
2279
  justify-content: flex-start;
2111
2280
  }
2112
- .ButtonGroup-module__hop-ButtonGroup--center___hfVSv.ButtonGroup-module__hop-ButtonGroup--horizontal___ZRbG5 {
2281
+ .ButtonGroup-module__hop-ButtonGroup--center___on-lE.ButtonGroup-module__hop-ButtonGroup--horizontal___18PFZ {
2113
2282
  justify-content: center;
2114
2283
  }
2115
- .ButtonGroup-module__hop-ButtonGroup--end___OwOEL.ButtonGroup-module__hop-ButtonGroup--horizontal___ZRbG5 {
2284
+ .ButtonGroup-module__hop-ButtonGroup--end___5rjyN.ButtonGroup-module__hop-ButtonGroup--horizontal___18PFZ {
2116
2285
  justify-content: flex-end;
2117
2286
  }
2118
- .ButtonGroup-module__hop-ButtonGroup--wrap___lgR5H {
2287
+ .ButtonGroup-module__hop-ButtonGroup--wrap___sCH-F {
2119
2288
  flex-wrap: wrap;
2120
2289
  }
2121
- .ButtonGroup-module__hop-ButtonGroup--fluid___M4OVp {
2290
+ .ButtonGroup-module__hop-ButtonGroup--fluid___2duGA {
2122
2291
  inline-size: 100%;
2123
2292
  }
2124
2293
 
2125
2294
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/EmbeddedButton.module.css/#css-module-data */
2126
- .EmbeddedButton-module__hop-EmbeddedButton___1GbQx {
2295
+ .EmbeddedButton-module__hop-EmbeddedButton___etrFw {
2127
2296
  --hop-EmbeddedButton-border-radius: var(--hop-shape-rounded-md);
2128
2297
  --hop-EmbeddedButton-focus-ring-color: var(--hop-primary-border-focus);
2129
2298
  --hop-EmbeddedButton-effect-border-radius: var(--hop-shape-circle);
@@ -2286,7 +2455,7 @@
2286
2455
  outline: none;
2287
2456
  transition: color var(--transition);
2288
2457
  }
2289
- .EmbeddedButton-module__hop-EmbeddedButton___1GbQx::before {
2458
+ .EmbeddedButton-module__hop-EmbeddedButton___etrFw::before {
2290
2459
  content: "";
2291
2460
  position: absolute;
2292
2461
  inset-block-start: 50%;
@@ -2299,288 +2468,288 @@
2299
2468
  border-radius: var(--effect-border-radius);
2300
2469
  transition: background-color var(--transition);
2301
2470
  }
2302
- .EmbeddedButton-module__hop-EmbeddedButton--md___FCTYh {
2471
+ .EmbeddedButton-module__hop-EmbeddedButton--md___7bL0V {
2303
2472
  --inline-size: var(--hop-EmbeddedButton-md-width);
2304
2473
  --block-size: var(--hop-EmbeddedButton-md-height);
2305
2474
  --focus-ring-offset: calc(-1 * var(--focus-ring-size));
2306
2475
  }
2307
- .EmbeddedButton-module__hop-EmbeddedButton--lg___D0xsi {
2476
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___5Zw59 {
2308
2477
  --inline-size: var(--hop-EmbeddedButton-lg-width);
2309
2478
  --block-size: var(--hop-EmbeddedButton-lg-height);
2310
2479
  --focus-ring-offset: 0;
2311
2480
  }
2312
- .EmbeddedButton-module__hop-EmbeddedButton--md___FCTYh::before {
2481
+ .EmbeddedButton-module__hop-EmbeddedButton--md___7bL0V::before {
2313
2482
  --effect-inline-size: var(--hop-EmbeddedButton-md-effect-width);
2314
2483
  --effect-block-size: var(--hop-EmbeddedButton-md-effect-height);
2315
2484
  }
2316
- .EmbeddedButton-module__hop-EmbeddedButton--lg___D0xsi::before {
2485
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___5Zw59::before {
2317
2486
  --effect-inline-size: var(--hop-EmbeddedButton-lg-effect-width);
2318
2487
  --effect-block-size: var(--hop-EmbeddedButton-lg-effect-height);
2319
2488
  }
2320
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___Zm-js {
2489
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___KR3i8 {
2321
2490
  --color: var(--hop-EmbeddedButton-neutral-color);
2322
2491
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color);
2323
2492
  }
2324
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___WBkWw {
2493
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___-mlka {
2325
2494
  --color: var(--hop-EmbeddedButton-subdued-color);
2326
2495
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color);
2327
2496
  }
2328
- .EmbeddedButton-module__hop-EmbeddedButton--progress___-hN3z {
2497
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___axihG {
2329
2498
  --color: var(--hop-EmbeddedButton-progress-color);
2330
2499
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color);
2331
2500
  }
2332
- .EmbeddedButton-module__hop-EmbeddedButton--positive___l6LUR {
2501
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___QhL-A {
2333
2502
  --color: var(--hop-EmbeddedButton-positive-color);
2334
2503
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color);
2335
2504
  }
2336
- .EmbeddedButton-module__hop-EmbeddedButton--caution___cRFs6 {
2505
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___9n3K9 {
2337
2506
  --color: var(--hop-EmbeddedButton-caution-color);
2338
2507
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color);
2339
2508
  }
2340
- .EmbeddedButton-module__hop-EmbeddedButton--negative___IpUMs {
2509
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___rFl6E {
2341
2510
  --color: var(--hop-EmbeddedButton-negative-color);
2342
2511
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color);
2343
2512
  }
2344
- .EmbeddedButton-module__hop-EmbeddedButton--option1___OljFH {
2513
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___qi2Kp {
2345
2514
  --color: var(--hop-EmbeddedButton-option1-color);
2346
2515
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color);
2347
2516
  }
2348
- .EmbeddedButton-module__hop-EmbeddedButton--option2___esb4r {
2517
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___ph3C- {
2349
2518
  --color: var(--hop-EmbeddedButton-option2-color);
2350
2519
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color);
2351
2520
  }
2352
- .EmbeddedButton-module__hop-EmbeddedButton--option3___hqADK {
2521
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___IpA3Y {
2353
2522
  --color: var(--hop-EmbeddedButton-option3-color);
2354
2523
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color);
2355
2524
  }
2356
- .EmbeddedButton-module__hop-EmbeddedButton--option4___aZ9UG {
2525
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___G6jTP {
2357
2526
  --color: var(--hop-EmbeddedButton-option4-color);
2358
2527
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color);
2359
2528
  }
2360
- .EmbeddedButton-module__hop-EmbeddedButton--option5___hBLgP {
2529
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___HgADC {
2361
2530
  --color: var(--hop-EmbeddedButton-option5-color);
2362
2531
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color);
2363
2532
  }
2364
- .EmbeddedButton-module__hop-EmbeddedButton--option6___dkgz3 {
2533
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___ePPdk {
2365
2534
  --color: var(--hop-EmbeddedButton-option6-color);
2366
2535
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color);
2367
2536
  }
2368
- .EmbeddedButton-module__hop-EmbeddedButton___1GbQx[data-selected] {
2537
+ .EmbeddedButton-module__hop-EmbeddedButton___etrFw[data-selected] {
2369
2538
  --color: var(--hop-EmbeddedButton-selected-color);
2370
2539
  --effect-background-color: var(--hop-EmbeddedButton-selected-effect-background-color);
2371
2540
  }
2372
- .EmbeddedButton-module__hop-EmbeddedButton___1GbQx[data-focus-visible] {
2541
+ .EmbeddedButton-module__hop-EmbeddedButton___etrFw[data-focus-visible] {
2373
2542
  outline: var(--focus-ring-size) solid var(--hop-EmbeddedButton-focus-ring-color);
2374
2543
  outline-offset: var(--focus-ring-offset);
2375
2544
  }
2376
- .EmbeddedButton-module__hop-EmbeddedButton___1GbQx[data-disabled] {
2545
+ .EmbeddedButton-module__hop-EmbeddedButton___etrFw[data-disabled] {
2377
2546
  cursor: not-allowed;
2378
2547
  }
2379
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___Zm-js[data-hovered] {
2548
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___KR3i8[data-hovered] {
2380
2549
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-hovered);
2381
2550
  --color: var(--hop-EmbeddedButton-neutral-color-hovered);
2382
2551
  }
2383
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___Zm-js[data-focus-visible] {
2552
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___KR3i8[data-focus-visible] {
2384
2553
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-focused);
2385
2554
  --color: var(--hop-EmbeddedButton-neutral-color-focused);
2386
2555
  }
2387
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___Zm-js[data-pressed] {
2556
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___KR3i8[data-pressed] {
2388
2557
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-pressed);
2389
2558
  --color: var(--hop-EmbeddedButton-neutral-color-pressed);
2390
2559
  }
2391
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___Zm-js[data-disabled] {
2560
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___KR3i8[data-disabled] {
2392
2561
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-disabled);
2393
2562
  --color: var(--hop-EmbeddedButton-neutral-color-disabled);
2394
2563
  }
2395
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___WBkWw[data-hovered] {
2564
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___-mlka[data-hovered] {
2396
2565
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-hovered);
2397
2566
  --color: var(--hop-EmbeddedButton-subdued-color-hovered);
2398
2567
  }
2399
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___WBkWw[data-focus-visible] {
2568
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___-mlka[data-focus-visible] {
2400
2569
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-focused);
2401
2570
  --color: var(--hop-EmbeddedButton-subdued-color-focused);
2402
2571
  }
2403
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___WBkWw[data-pressed] {
2572
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___-mlka[data-pressed] {
2404
2573
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-pressed);
2405
2574
  --color: var(--hop-EmbeddedButton-subdued-color-pressed);
2406
2575
  }
2407
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___WBkWw[data-disabled] {
2576
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___-mlka[data-disabled] {
2408
2577
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-disabled);
2409
2578
  --color: var(--hop-EmbeddedButton-subdued-color-disabled);
2410
2579
  }
2411
- .EmbeddedButton-module__hop-EmbeddedButton--progress___-hN3z[data-hovered] {
2580
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___axihG[data-hovered] {
2412
2581
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-hovered);
2413
2582
  --color: var(--hop-EmbeddedButton-progress-color-hovered);
2414
2583
  }
2415
- .EmbeddedButton-module__hop-EmbeddedButton--progress___-hN3z[data-focus-visible] {
2584
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___axihG[data-focus-visible] {
2416
2585
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-focused);
2417
2586
  --color: var(--hop-EmbeddedButton-progress-color-focused);
2418
2587
  }
2419
- .EmbeddedButton-module__hop-EmbeddedButton--progress___-hN3z[data-pressed] {
2588
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___axihG[data-pressed] {
2420
2589
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-pressed);
2421
2590
  --color: var(--hop-EmbeddedButton-progress-color-pressed);
2422
2591
  }
2423
- .EmbeddedButton-module__hop-EmbeddedButton--progress___-hN3z[data-disabled] {
2592
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___axihG[data-disabled] {
2424
2593
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-disabled);
2425
2594
  --color: var(--hop-EmbeddedButton-progress-color-disabled);
2426
2595
  }
2427
- .EmbeddedButton-module__hop-EmbeddedButton--positive___l6LUR[data-hovered] {
2596
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___QhL-A[data-hovered] {
2428
2597
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-hovered);
2429
2598
  --color: var(--hop-EmbeddedButton-positive-color-hovered);
2430
2599
  }
2431
- .EmbeddedButton-module__hop-EmbeddedButton--positive___l6LUR[data-focus-visible] {
2600
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___QhL-A[data-focus-visible] {
2432
2601
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-focused);
2433
2602
  --color: var(--hop-EmbeddedButton-positive-color-focused);
2434
2603
  }
2435
- .EmbeddedButton-module__hop-EmbeddedButton--positive___l6LUR[data-pressed] {
2604
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___QhL-A[data-pressed] {
2436
2605
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-pressed);
2437
2606
  --color: var(--hop-EmbeddedButton-positive-color-pressed);
2438
2607
  }
2439
- .EmbeddedButton-module__hop-EmbeddedButton--positive___l6LUR[data-disabled] {
2608
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___QhL-A[data-disabled] {
2440
2609
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-disabled);
2441
2610
  --color: var(--hop-EmbeddedButton-positive-color-disabled);
2442
2611
  }
2443
- .EmbeddedButton-module__hop-EmbeddedButton--caution___cRFs6[data-hovered] {
2612
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___9n3K9[data-hovered] {
2444
2613
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-hovered);
2445
2614
  --color: var(--hop-EmbeddedButton-caution-color-hovered);
2446
2615
  }
2447
- .EmbeddedButton-module__hop-EmbeddedButton--caution___cRFs6[data-focus-visible] {
2616
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___9n3K9[data-focus-visible] {
2448
2617
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-focused);
2449
2618
  --color: var(--hop-EmbeddedButton-caution-color-focused);
2450
2619
  }
2451
- .EmbeddedButton-module__hop-EmbeddedButton--caution___cRFs6[data-pressed] {
2620
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___9n3K9[data-pressed] {
2452
2621
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-pressed);
2453
2622
  --color: var(--hop-EmbeddedButton-caution-color-pressed);
2454
2623
  }
2455
- .EmbeddedButton-module__hop-EmbeddedButton--caution___cRFs6[data-disabled] {
2624
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___9n3K9[data-disabled] {
2456
2625
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-disabled);
2457
2626
  --color: var(--hop-EmbeddedButton-caution-color-disabled);
2458
2627
  }
2459
- .EmbeddedButton-module__hop-EmbeddedButton--negative___IpUMs[data-hovered] {
2628
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___rFl6E[data-hovered] {
2460
2629
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-hovered);
2461
2630
  --color: var(--hop-EmbeddedButton-negative-color-hovered);
2462
2631
  }
2463
- .EmbeddedButton-module__hop-EmbeddedButton--negative___IpUMs[data-focus-visible] {
2632
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___rFl6E[data-focus-visible] {
2464
2633
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-focused);
2465
2634
  --color: var(--hop-EmbeddedButton-negative-color-focused);
2466
2635
  }
2467
- .EmbeddedButton-module__hop-EmbeddedButton--negative___IpUMs[data-pressed] {
2636
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___rFl6E[data-pressed] {
2468
2637
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-pressed);
2469
2638
  --color: var(--hop-EmbeddedButton-negative-color-pressed);
2470
2639
  }
2471
- .EmbeddedButton-module__hop-EmbeddedButton--negative___IpUMs[data-disabled] {
2640
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___rFl6E[data-disabled] {
2472
2641
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-disabled);
2473
2642
  --color: var(--hop-EmbeddedButton-negative-color-disabled);
2474
2643
  }
2475
- .EmbeddedButton-module__hop-EmbeddedButton--option1___OljFH[data-hovered] {
2644
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___qi2Kp[data-hovered] {
2476
2645
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-hovered);
2477
2646
  --color: var(--hop-EmbeddedButton-option1-color-hovered);
2478
2647
  }
2479
- .EmbeddedButton-module__hop-EmbeddedButton--option1___OljFH[data-focus-visible] {
2648
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___qi2Kp[data-focus-visible] {
2480
2649
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-focused);
2481
2650
  --color: var(--hop-EmbeddedButton-option1-color-focused);
2482
2651
  }
2483
- .EmbeddedButton-module__hop-EmbeddedButton--option1___OljFH[data-pressed] {
2652
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___qi2Kp[data-pressed] {
2484
2653
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-pressed);
2485
2654
  --color: var(--hop-EmbeddedButton-option1-color-pressed);
2486
2655
  }
2487
- .EmbeddedButton-module__hop-EmbeddedButton--option1___OljFH[data-disabled] {
2656
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___qi2Kp[data-disabled] {
2488
2657
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-disabled);
2489
2658
  --color: var(--hop-EmbeddedButton-option1-color-disabled);
2490
2659
  }
2491
- .EmbeddedButton-module__hop-EmbeddedButton--option2___esb4r[data-hovered] {
2660
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___ph3C-[data-hovered] {
2492
2661
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-hovered);
2493
2662
  --color: var(--hop-EmbeddedButton-option2-color-hovered);
2494
2663
  }
2495
- .EmbeddedButton-module__hop-EmbeddedButton--option2___esb4r[data-focus-visible] {
2664
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___ph3C-[data-focus-visible] {
2496
2665
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-focused);
2497
2666
  --color: var(--hop-EmbeddedButton-option2-color-focused);
2498
2667
  }
2499
- .EmbeddedButton-module__hop-EmbeddedButton--option2___esb4r[data-pressed] {
2668
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___ph3C-[data-pressed] {
2500
2669
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-pressed);
2501
2670
  --color: var(--hop-EmbeddedButton-option2-color-pressed);
2502
2671
  }
2503
- .EmbeddedButton-module__hop-EmbeddedButton--option2___esb4r[data-disabled] {
2672
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___ph3C-[data-disabled] {
2504
2673
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-disabled);
2505
2674
  --color: var(--hop-EmbeddedButton-option2-color-disabled);
2506
2675
  }
2507
- .EmbeddedButton-module__hop-EmbeddedButton--option3___hqADK[data-hovered] {
2676
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___IpA3Y[data-hovered] {
2508
2677
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-hovered);
2509
2678
  --color: var(--hop-EmbeddedButton-option3-color-hovered);
2510
2679
  }
2511
- .EmbeddedButton-module__hop-EmbeddedButton--option3___hqADK[data-focus-visible] {
2680
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___IpA3Y[data-focus-visible] {
2512
2681
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-focused);
2513
2682
  --color: var(--hop-EmbeddedButton-option3-color-focused);
2514
2683
  }
2515
- .EmbeddedButton-module__hop-EmbeddedButton--option3___hqADK[data-pressed] {
2684
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___IpA3Y[data-pressed] {
2516
2685
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-pressed);
2517
2686
  --color: var(--hop-EmbeddedButton-option3-color-pressed);
2518
2687
  }
2519
- .EmbeddedButton-module__hop-EmbeddedButton--option3___hqADK[data-disabled] {
2688
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___IpA3Y[data-disabled] {
2520
2689
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-disabled);
2521
2690
  --color: var(--hop-EmbeddedButton-option3-color-disabled);
2522
2691
  }
2523
- .EmbeddedButton-module__hop-EmbeddedButton--option4___aZ9UG[data-hovered] {
2692
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___G6jTP[data-hovered] {
2524
2693
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-hovered);
2525
2694
  --color: var(--hop-EmbeddedButton-option4-color-hovered);
2526
2695
  }
2527
- .EmbeddedButton-module__hop-EmbeddedButton--option4___aZ9UG[data-focus-visible] {
2696
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___G6jTP[data-focus-visible] {
2528
2697
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-focused);
2529
2698
  --color: var(--hop-EmbeddedButton-option4-color-focused);
2530
2699
  }
2531
- .EmbeddedButton-module__hop-EmbeddedButton--option4___aZ9UG[data-pressed] {
2700
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___G6jTP[data-pressed] {
2532
2701
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-pressed);
2533
2702
  --color: var(--hop-EmbeddedButton-option4-color-pressed);
2534
2703
  }
2535
- .EmbeddedButton-module__hop-EmbeddedButton--option4___aZ9UG[data-disabled] {
2704
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___G6jTP[data-disabled] {
2536
2705
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-disabled);
2537
2706
  --color: var(--hop-EmbeddedButton-option4-color-disabled);
2538
2707
  }
2539
- .EmbeddedButton-module__hop-EmbeddedButton--option5___hBLgP[data-hovered] {
2708
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___HgADC[data-hovered] {
2540
2709
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-hovered);
2541
2710
  --color: var(--hop-EmbeddedButton-option5-color-hovered);
2542
2711
  }
2543
- .EmbeddedButton-module__hop-EmbeddedButton--option5___hBLgP[data-focus-visible] {
2712
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___HgADC[data-focus-visible] {
2544
2713
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-focused);
2545
2714
  --color: var(--hop-EmbeddedButton-option5-color-focused);
2546
2715
  }
2547
- .EmbeddedButton-module__hop-EmbeddedButton--option5___hBLgP[data-pressed] {
2716
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___HgADC[data-pressed] {
2548
2717
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-pressed);
2549
2718
  --color: var(--hop-EmbeddedButton-option5-color-pressed);
2550
2719
  }
2551
- .EmbeddedButton-module__hop-EmbeddedButton--option5___hBLgP[data-disabled] {
2720
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___HgADC[data-disabled] {
2552
2721
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-disabled);
2553
2722
  --color: var(--hop-EmbeddedButton-option5-color-disabled);
2554
2723
  }
2555
- .EmbeddedButton-module__hop-EmbeddedButton--option6___dkgz3[data-hovered] {
2724
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___ePPdk[data-hovered] {
2556
2725
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-hovered);
2557
2726
  --color: var(--hop-EmbeddedButton-option6-color-hovered);
2558
2727
  }
2559
- .EmbeddedButton-module__hop-EmbeddedButton--option6___dkgz3[data-focus-visible] {
2728
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___ePPdk[data-focus-visible] {
2560
2729
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-focused);
2561
2730
  --color: var(--hop-EmbeddedButton-option6-color-focused);
2562
2731
  }
2563
- .EmbeddedButton-module__hop-EmbeddedButton--option6___dkgz3[data-pressed] {
2732
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___ePPdk[data-pressed] {
2564
2733
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-pressed);
2565
2734
  --color: var(--hop-EmbeddedButton-option6-color-pressed);
2566
2735
  }
2567
- .EmbeddedButton-module__hop-EmbeddedButton--option6___dkgz3[data-disabled] {
2736
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___ePPdk[data-disabled] {
2568
2737
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-disabled);
2569
2738
  --color: var(--hop-EmbeddedButton-option6-color-disabled);
2570
2739
  }
2571
- .EmbeddedButton-module__hop-EmbeddedButton__icon___-XQ2i {
2740
+ .EmbeddedButton-module__hop-EmbeddedButton__icon___frCoq {
2572
2741
  position: relative;
2573
2742
  }
2574
2743
 
2575
2744
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Form/src/Form.module.css/#css-module-data */
2576
- .Form-module__hop-Form___tKcK9 {
2745
+ .Form-module__hop-Form___C2j6d {
2577
2746
  display: flex;
2578
2747
  flex-direction: column;
2579
2748
  gap: var(--hop-space-stack-lg);
2580
2749
  }
2581
2750
 
2582
2751
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/InputGroup.module.css/#css-module-data */
2583
- .InputGroup-module__hop-InputGroup___nX1AB {
2752
+ .InputGroup-module__hop-InputGroup___WTjn6 {
2584
2753
  --hop-InputGroup-background: var(--hop-neutral-surface);
2585
2754
  --hop-InputGroup-border-color: var(--hop-neutral-border);
2586
2755
  --hop-InputGroup-border-width: 0.0625rem;
@@ -2660,11 +2829,11 @@
2660
2829
  border: var(--border);
2661
2830
  border-radius: var(--hop-InputGroup-border-radius);
2662
2831
  }
2663
- .InputGroup-module__hop-InputGroup--fluid___cl9VB {
2832
+ .InputGroup-module__hop-InputGroup--fluid___qLBy2 {
2664
2833
  --inline-size: 100%;
2665
2834
  --input-inline-size: 100%;
2666
2835
  }
2667
- .InputGroup-module__hop-InputGroup--sm___W9UwB {
2836
+ .InputGroup-module__hop-InputGroup--sm___PglDr {
2668
2837
  --block-size: var(--hop-InputGroup-sm-block-size);
2669
2838
  --input-font-family: var(--hop-InputGroup-input-sm-font-family);
2670
2839
  --input-font-size: var(--hop-InputGroup-input-sm-font-size);
@@ -2672,7 +2841,7 @@
2672
2841
  --input-line-height: var(--hop-InputGroup-input-sm-line-height);
2673
2842
  --input-block-size: var(--hop-InputGroup-input-sm-block-size);
2674
2843
  }
2675
- .InputGroup-module__hop-InputGroup___nX1AB[data-input-type=textarea] {
2844
+ .InputGroup-module__hop-InputGroup___WTjn6[data-input-type=textarea] {
2676
2845
  --gap: var(--hop-InputGroup-gap-textarea);
2677
2846
  --flex-direction: var(--hop-InputGroup-flex-direction-textarea);
2678
2847
  --align-items: var(--hop-InputGroup-align-items-textarea);
@@ -2680,28 +2849,28 @@
2680
2849
  --padding-inline: var(--hop-InputGroup-padding-inline-textarea);
2681
2850
  --padding-block: var(--hop-InputGroup-padding-block-textarea);
2682
2851
  }
2683
- .InputGroup-module__hop-InputGroup___nX1AB[data-input-type=number] {
2852
+ .InputGroup-module__hop-InputGroup___WTjn6[data-input-type=number] {
2684
2853
  --display: var(--hop-InputGroup-display-number);
2685
2854
  --gap: var(--hop-InputGroup-gap-number);
2686
2855
  }
2687
- .InputGroup-module__hop-InputGroup___nX1AB[data-hovered] {
2856
+ .InputGroup-module__hop-InputGroup___WTjn6[data-hovered] {
2688
2857
  --background: var(--hop-InputGroup-background-hover);
2689
2858
  --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-hover) ;
2690
2859
  }
2691
- .InputGroup-module__hop-InputGroup___nX1AB[data-focus-within] {
2860
+ .InputGroup-module__hop-InputGroup___WTjn6[data-focus-within] {
2692
2861
  --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-focus) ;
2693
2862
  }
2694
- .InputGroup-module__hop-InputGroup___nX1AB[data-invalid] {
2863
+ .InputGroup-module__hop-InputGroup___WTjn6[data-invalid] {
2695
2864
  --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-invalid) ;
2696
2865
  }
2697
- .InputGroup-module__hop-InputGroup___nX1AB[data-disabled] {
2866
+ .InputGroup-module__hop-InputGroup___WTjn6[data-disabled] {
2698
2867
  --background: var(--hop-InputGroup-background-disabled);
2699
2868
  --border: 0.0625rem solid var(--hop-InputGroup-border-color-disabled);
2700
2869
  --input-color: var(--hop-InputGroup-input-color-disabled);
2701
2870
  --input-placeholder-color: var(--hop-InputGroup-placeholder-color-disabled);
2702
2871
  }
2703
- .InputGroup-module__hop-InputGroup__input___VIhOd,
2704
- .InputGroup-module__hop-InputGroup__textarea___9H21Z {
2872
+ .InputGroup-module__hop-InputGroup__input___pDQNr,
2873
+ .InputGroup-module__hop-InputGroup__textarea___738GU {
2705
2874
  flex: 1 1 auto;
2706
2875
  box-sizing: border-box;
2707
2876
  inline-size: var(--input-inline-size);
@@ -2715,14 +2884,14 @@
2715
2884
  border: none;
2716
2885
  outline: none;
2717
2886
  }
2718
- .InputGroup-module__hop-InputGroup__input___VIhOd {
2887
+ .InputGroup-module__hop-InputGroup__input___pDQNr {
2719
2888
  block-size: var(--input-block-size);
2720
2889
  padding: var(--hop-InputGroup-input-padding);
2721
2890
  }
2722
- .InputGroup-module__hop-InputGroup__textarea___9H21Z {
2891
+ .InputGroup-module__hop-InputGroup__textarea___738GU {
2723
2892
  padding: var(--hop-InputGroup-textarea-padding);
2724
2893
  }
2725
- .InputGroup-module__hop-InputGroup__input___VIhOd::placeholder {
2894
+ .InputGroup-module__hop-InputGroup__input___pDQNr::placeholder {
2726
2895
  font-family: var(--hop-InputGroup-placeholder-font-family);
2727
2896
  font-size: var(--hop-InputGroup-placeholder-font-size);
2728
2897
  font-weight: var(--hop-InputGroup-placeholder-font-weight);
@@ -2731,7 +2900,7 @@
2731
2900
  }
2732
2901
 
2733
2902
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Heading/src/Heading.module.css/#css-module-data */
2734
- .Heading-module__hop-Heading___qD-ZA {
2903
+ .Heading-module__hop-Heading___gSY2V {
2735
2904
  --hop-Heading-xs-font-size: var(--hop-heading-xs-font-size);
2736
2905
  --hop-Heading-xs-font-family: var(--hop-heading-xs-font-family);
2737
2906
  --hop-Heading-xs-font-weight: var(--hop-heading-xs-font-weight);
@@ -2765,50 +2934,50 @@
2765
2934
  --hop-Heading-inherit-size-font-weight: inherit;
2766
2935
  --hop-Heading-inherit-size-line-height: inherit;
2767
2936
  }
2768
- :where(.Heading-module__hop-Heading___qD-ZA) {
2937
+ :where(.Heading-module__hop-Heading___gSY2V) {
2769
2938
  margin: 0;
2770
2939
  font-family: var(--font-family);
2771
2940
  font-size: var(--font-size);
2772
2941
  font-weight: var(--font-weight);
2773
2942
  line-height: var(--line-height);
2774
2943
  }
2775
- :where(.Heading-module__hop-Heading--xs___mwtYu) {
2944
+ :where(.Heading-module__hop-Heading--xs___eEbWp) {
2776
2945
  --font-size: var(--hop-Heading-xs-font-size);
2777
2946
  --font-family: var(--hop-Heading-xs-font-family);
2778
2947
  --font-weight: var(--hop-Heading-xs-font-weight);
2779
2948
  --line-height: var(--hop-Heading-xs-line-height);
2780
2949
  }
2781
- :where(.Heading-module__hop-Heading--sm___H6NDx) {
2950
+ :where(.Heading-module__hop-Heading--sm___XW-eh) {
2782
2951
  --font-size: var(--hop-Heading-sm-font-size);
2783
2952
  --font-family: var(--hop-Heading-sm-font-family);
2784
2953
  --font-weight: var(--hop-Heading-sm-font-weight);
2785
2954
  --line-height: var(--hop-Heading-sm-line-height);
2786
2955
  }
2787
- :where(.Heading-module__hop-Heading--md___EMItL) {
2956
+ :where(.Heading-module__hop-Heading--md___4aHJY) {
2788
2957
  --font-size: var(--hop-Heading-md-font-size);
2789
2958
  --font-family: var(--hop-Heading-md-font-family);
2790
2959
  --font-weight: var(--hop-Heading-md-font-weight);
2791
2960
  --line-height: var(--hop-Heading-md-line-height);
2792
2961
  }
2793
- :where(.Heading-module__hop-Heading--lg___qwUN7) {
2962
+ :where(.Heading-module__hop-Heading--lg___2NCdP) {
2794
2963
  --font-size: var(--hop-Heading-lg-font-size);
2795
2964
  --font-family: var(--hop-Heading-lg-font-family);
2796
2965
  --font-weight: var(--hop-Heading-lg-font-weight);
2797
2966
  --line-height: var(--hop-Heading-lg-line-height);
2798
2967
  }
2799
- :where(.Heading-module__hop-Heading--xl___3ROoJ) {
2968
+ :where(.Heading-module__hop-Heading--xl___njv3P) {
2800
2969
  --font-size: var(--hop-Heading-xl-font-size);
2801
2970
  --font-family: var(--hop-Heading-xl-font-family);
2802
2971
  --font-weight: var(--hop-Heading-xl-font-weight);
2803
2972
  --line-height: var(--hop-Heading-xl-line-height);
2804
2973
  }
2805
- :where(.Heading-module__hop-Heading--2xl___9FgeA) {
2974
+ :where(.Heading-module__hop-Heading--2xl___GYFl2) {
2806
2975
  --font-size: var(--hop-Heading-2xl-font-size);
2807
2976
  --font-family: var(--hop-Heading-2xl-font-family);
2808
2977
  --font-weight: var(--hop-Heading-2xl-font-weight);
2809
2978
  --line-height: var(--hop-Heading-2xl-line-height);
2810
2979
  }
2811
- :where(.Heading-module__hop-Heading--3xl___Lg0Pe) {
2980
+ :where(.Heading-module__hop-Heading--3xl___-2AIg) {
2812
2981
  --font-size: var(--hop-Heading-3xl-font-size);
2813
2982
  --font-family: var(--hop-Heading-3xl-font-family);
2814
2983
  --font-weight: var(--hop-Heading-3xl-font-weight);
@@ -2816,7 +2985,7 @@
2816
2985
  }
2817
2986
 
2818
2987
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/NumberField.module.css/#css-module-data */
2819
- .NumberField-module__hop-NumberField___uNRUm {
2988
+ .NumberField-module__hop-NumberField___-KhBQ {
2820
2989
  --hop-NumberField-gap: var(--hop-space-stack-xs);
2821
2990
  --hop-NumberField-inline-size: 20rem;
2822
2991
  --hop-NumberField-inline-size-fluid: 100%;
@@ -2864,30 +3033,30 @@
2864
3033
  gap: var(--hop-NumberField-gap);
2865
3034
  inline-size: var(--inline-size);
2866
3035
  }
2867
- .NumberField-module__hop-NumberField--fluid___XRWc0 {
3036
+ .NumberField-module__hop-NumberField--fluid___r6jiH {
2868
3037
  --inline-size: var(--hop-NumberField-inline-size-fluid);
2869
3038
  }
2870
- .NumberField-module__hop-NumberField--mobile___hYLCb {
3039
+ .NumberField-module__hop-NumberField--mobile___se7ji {
2871
3040
  --input-group-template: var(--hop-NumberField-input-group-template-mobile);
2872
3041
  --stepper-height: var(--hop-NumberField-stepper-height-mobile);
2873
3042
  }
2874
- .NumberField-module__hop-NumberField__Label___xannL {
3043
+ .NumberField-module__hop-NumberField__Label___-T2mX {
2875
3044
  order: 0;
2876
3045
  }
2877
- .NumberField-module__hop-NumberField__prefix___UQSza {
3046
+ .NumberField-module__hop-NumberField__prefix___PQqSu {
2878
3047
  grid-area: prefix;
2879
3048
  margin-inline-end: var(--hop-NumberField-prefix-margin-inline-end);
2880
3049
  color: var(--hop-NumberField-prefix-color);
2881
3050
  }
2882
- .NumberField-module__hop-NumberField__InputGroup___QEVBp {
3051
+ .NumberField-module__hop-NumberField__InputGroup___8vjtV {
2883
3052
  grid-template: var(--input-group-template);
2884
3053
  order: 1;
2885
3054
  }
2886
- .NumberField-module__hop-NumberField__ErrorMessage___NAuFd,
2887
- .NumberField-module__hop-NumberField__HelperMessage___Al9-3 {
3055
+ .NumberField-module__hop-NumberField__ErrorMessage___OWip1,
3056
+ .NumberField-module__hop-NumberField__HelperMessage___uj86g {
2888
3057
  order: 3;
2889
3058
  }
2890
- .NumberField-module__hop-NumberField__stepper-button___QbXaE {
3059
+ .NumberField-module__hop-NumberField__stepper-button___BlTdu {
2891
3060
  cursor: pointer;
2892
3061
  display: flex;
2893
3062
  grid-area: var(--grid-area, unset);
@@ -2908,55 +3077,55 @@
2908
3077
  border-radius: var(--stepper-border-radius, 0);
2909
3078
  outline: none;
2910
3079
  }
2911
- .NumberField-module__hop-NumberField__stepper-button--increment___XBV9d {
3080
+ .NumberField-module__hop-NumberField__stepper-button--increment___-8gVu {
2912
3081
  --stepper-border-radius: var(--hop-NumberField-stepper-border-radius-increment);
2913
3082
  --stepper-border-width: var(--hop-NumberField-stepper-border-width) var(--hop-NumberField-stepper-border-width) 0 var(--hop-NumberField-stepper-border-width);
2914
3083
  --stepper-align-self: var(--hop-NumberField-stepper-align-self-increment);
2915
3084
  --stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-increment);
2916
3085
  --grid-area: stepup;
2917
3086
  }
2918
- .NumberField-module__hop-NumberField__stepper-button--decrement___ArgW8 {
3087
+ .NumberField-module__hop-NumberField__stepper-button--decrement___tNTwc {
2919
3088
  --stepper-border-radius: var(--hop-NumberField-stepper-border-radius-decrement);
2920
3089
  --stepper-border-width: 0 var(--hop-NumberField-stepper-border-width) var(--hop-NumberField-stepper-border-width) var(--hop-NumberField-stepper-border-width);
2921
3090
  --stepper-align-self: var(--hop-NumberField-stepper-align-self-decrement);
2922
3091
  --stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-decrement);
2923
3092
  --grid-area: stepdown;
2924
3093
  }
2925
- .NumberField-module__hop-NumberField__stepper-button--mobile___USm3a.NumberField-module__hop-NumberField__stepper-button--increment___XBV9d {
3094
+ .NumberField-module__hop-NumberField__stepper-button--mobile___MdIyc.NumberField-module__hop-NumberField__stepper-button--increment___-8gVu {
2926
3095
  --stepper-border-width: 0 0 0 var(--hop-NumberField-stepper-border-width);
2927
3096
  --stepper-align-self: var(--hop-NumberField-stepper-align-self-increment-mobile);
2928
3097
  --stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-increment-mobile);
2929
3098
  --stepper-border-radius: var(--hop-NumberField-stepper-border-radius-mobile-increment);
2930
3099
  }
2931
- .NumberField-module__hop-NumberField__stepper-button--mobile___USm3a.NumberField-module__hop-NumberField__stepper-button--decrement___ArgW8 {
3100
+ .NumberField-module__hop-NumberField__stepper-button--mobile___MdIyc.NumberField-module__hop-NumberField__stepper-button--decrement___tNTwc {
2932
3101
  --stepper-border-width: 0 var(--hop-NumberField-stepper-border-width) 0 0;
2933
3102
  --stepper-align-self: var(--hop-NumberField-stepper-align-self-decrement-mobile);
2934
3103
  --stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-decrement-mobile);
2935
3104
  --stepper-border-radius: var(--hop-NumberField-stepper-border-radius-mobile-decrement);
2936
3105
  }
2937
- .NumberField-module__hop-NumberField__stepper-button___QbXaE[data-hovered] {
3106
+ .NumberField-module__hop-NumberField__stepper-button___BlTdu[data-hovered] {
2938
3107
  color: var(--hop-NumberField-stepper-color-hovered);
2939
3108
  background-color: var(--hop-NumberField-stepper-background-color-hovered);
2940
3109
  }
2941
- .NumberField-module__hop-NumberField__stepper-button___QbXaE[data-pressed] {
3110
+ .NumberField-module__hop-NumberField__stepper-button___BlTdu[data-pressed] {
2942
3111
  color: var(--hop-NumberField-stepper-color-pressed);
2943
3112
  background-color: var(--hop-NumberField-stepper-background-color-pressed);
2944
3113
  }
2945
- .NumberField-module__hop-NumberField__stepper-button___QbXaE[data-disabled] {
3114
+ .NumberField-module__hop-NumberField__stepper-button___BlTdu[data-disabled] {
2946
3115
  cursor: not-allowed;
2947
3116
  color: var(--hop-NumberField-stepper-color-disabled);
2948
3117
  background-color: var(--hop-NumberField-stepper-background-color-disabled);
2949
3118
  }
2950
- .NumberField-module__hop-NumberField__stepper-button__icon___0-N8E {
3119
+ .NumberField-module__hop-NumberField__stepper-button__icon___rmAQp {
2951
3120
  display: block;
2952
3121
  max-block-size: 100%;
2953
3122
  }
2954
- .NumberField-module__hop-NumberField__input___JVKok {
3123
+ .NumberField-module__hop-NumberField__input___IA6F1 {
2955
3124
  grid-area: input;
2956
3125
  }
2957
3126
 
2958
3127
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/TextArea.module.css/#css-module-data */
2959
- .TextArea-module__hop-TextArea___J0kzu {
3128
+ .TextArea-module__hop-TextArea___nGCAY {
2960
3129
  --hop-TextArea-gap: var(--hop-space-stack-xs);
2961
3130
  --hop-TextArea-inline-size: 20rem;
2962
3131
  --hop-TextArea-prefix-color: var(--hop-neutral-text-weak);
@@ -2974,71 +3143,84 @@
2974
3143
  inline-size: var(--inline-size);
2975
3144
  max-inline-size: 100%;
2976
3145
  }
2977
- .TextArea-module__hop-TextArea--fluid___l8sl5 {
3146
+ .TextArea-module__hop-TextArea--fluid___tOStF {
2978
3147
  --inline-size: 100%;
2979
3148
  }
2980
- .TextArea-module__hop-TextArea___J0kzu[data-resize-mode=vertical] {
3149
+ .TextArea-module__hop-TextArea___nGCAY[data-resize-mode=vertical] {
2981
3150
  --resize: vertical;
2982
3151
  }
2983
- .TextArea-module__hop-TextArea___J0kzu[data-over-max-length] {
3152
+ .TextArea-module__hop-TextArea___nGCAY[data-over-max-length] {
2984
3153
  --char-count-color: var(--hop-TextArea-char-count-color-invalid);
2985
3154
  }
2986
- .TextArea-module__hop-TextArea___J0kzu[data-disabled] {
3155
+ .TextArea-module__hop-TextArea___nGCAY[data-disabled] {
2987
3156
  --char-count-color: var(--hop-TextArea-char-count-color-disabled);
2988
3157
  }
2989
- .TextArea-module__hop-TextArea__Label___8erAW {
3158
+ .TextArea-module__hop-TextArea__Label___7XDtF {
2990
3159
  order: 0;
2991
3160
  }
2992
- .TextArea-module__hop-TextArea__prefix___CrM8H {
3161
+ .TextArea-module__hop-TextArea__prefix___5sJCg {
2993
3162
  color: var(--hop-TextArea-prefix-color);
2994
3163
  }
2995
- .TextArea-module__hop-TextArea__InputGroup___P-hh6 {
3164
+ .TextArea-module__hop-TextArea__InputGroup___bA0hN {
2996
3165
  order: 1;
2997
3166
  }
2998
- .TextArea-module__hop-TextArea__textarea___4XbjQ {
3167
+ .TextArea-module__hop-TextArea__textarea___lSguM {
2999
3168
  resize: var(--resize);
3000
3169
  min-block-size: var(--hop-TextArea-input-min-height);
3001
3170
  }
3002
- .TextArea-module__hop-TextArea__char-count___KoGsg {
3171
+ .TextArea-module__hop-TextArea__char-count___yJIH- {
3003
3172
  padding: var(--hop-TextArea-char-count-padding);
3004
3173
  color: var(--char-count-color);
3005
3174
  }
3006
- .TextArea-module__hop-TextArea__ErrorMessage___uMu4X,
3007
- .TextArea-module__hop-TextArea__HelperMessage___Y5jyT {
3175
+ .TextArea-module__hop-TextArea__ErrorMessage___h64Vh,
3176
+ .TextArea-module__hop-TextArea__HelperMessage___DhORP {
3008
3177
  order: 3;
3009
3178
  }
3010
3179
 
3011
3180
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/TextField.module.css/#css-module-data */
3012
- .TextField-module__hop-TextField___RJoLH {
3181
+ .TextField-module__hop-TextField___hk6Yk {
3013
3182
  --hop-TextField-gap: var(--hop-space-stack-xs);
3014
3183
  --hop-TextField-inline-size: 20rem;
3015
3184
  --hop-TextField-prefix-color: var(--hop-neutral-text-weak);
3185
+ --hop-TextField-char-count-color: var(--hop-neutral-text-weakest);
3186
+ --hop-TextField-char-count-color-disabled: var(--hop-neutral-text-disabled);
3187
+ --hop-TextField-char-count-color-invalid: var(--hop-danger-text-weak);
3016
3188
  --inline-size: var(--hop-TextField-inline-size);
3189
+ --char-count-color: var(--hop-TextField-char-count-color);
3017
3190
  display: flex;
3018
3191
  flex-direction: column;
3019
3192
  gap: var(--hop-TextField-gap);
3020
3193
  inline-size: var(--inline-size);
3021
3194
  max-inline-size: 100%;
3022
3195
  }
3023
- .TextField-module__hop-TextField--fluid___Hm8BC {
3196
+ .TextField-module__hop-TextField--fluid___ZsmOR {
3024
3197
  --inline-size: 100%;
3025
3198
  }
3026
- .TextField-module__hop-TextField__Label___2WysA {
3199
+ .TextField-module__hop-TextField___hk6Yk[data-over-max-length] {
3200
+ --char-count-color: var(--hop-TextField-char-count-color-invalid);
3201
+ }
3202
+ .TextField-module__hop-TextField___hk6Yk[data-disabled] {
3203
+ --char-count-color: var(--hop-TextField-char-count-color-disabled);
3204
+ }
3205
+ .TextField-module__hop-TextField__Label___imz7C {
3027
3206
  order: 0;
3028
3207
  }
3029
- .TextField-module__hop-TextField__prefix___BNLea {
3208
+ .TextField-module__hop-TextField__prefix___2ukPK {
3030
3209
  color: var(--hop-TextField-prefix-color);
3031
3210
  }
3032
- .TextField-module__hop-TextField__InputGroup___hKpqa {
3211
+ .TextField-module__hop-TextField__char-count___aADbQ {
3212
+ color: var(--char-count-color);
3213
+ }
3214
+ .TextField-module__hop-TextField__InputGroup___c6vKu {
3033
3215
  order: 1;
3034
3216
  }
3035
- .TextField-module__hop-TextField__ErrorMessage___TjS1F,
3036
- .TextField-module__hop-TextField__HelperMessage___F5toa {
3217
+ .TextField-module__hop-TextField__ErrorMessage___EPMW6,
3218
+ .TextField-module__hop-TextField__HelperMessage___T2wjf {
3037
3219
  order: 3;
3038
3220
  }
3039
3221
 
3040
3222
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/PasswordField.module.css/#css-module-data */
3041
- .PasswordField-module__hop-PasswordField___thQxm {
3223
+ .PasswordField-module__hop-PasswordField___hmPci {
3042
3224
  --hop-PasswordField-gap: var(--hop-space-stack-xs);
3043
3225
  --hop-PasswordField-inline-size: 20rem;
3044
3226
  --inline-size: var(--hop-PasswordField-inline-size);
@@ -3048,22 +3230,22 @@
3048
3230
  inline-size: var(--inline-size);
3049
3231
  max-inline-size: 100%;
3050
3232
  }
3051
- .PasswordField-module__hop-PasswordField--fluid___aWRUj {
3233
+ .PasswordField-module__hop-PasswordField--fluid___QgPUw {
3052
3234
  --inline-size: 100%;
3053
3235
  }
3054
- .PasswordField-module__hop-PasswordField__Label___-GInu {
3236
+ .PasswordField-module__hop-PasswordField__Label___pdO7q {
3055
3237
  order: 0;
3056
3238
  }
3057
- .PasswordField-module__hop-PasswordField__InputGroup___sETiV {
3239
+ .PasswordField-module__hop-PasswordField__InputGroup___5BEGR {
3058
3240
  order: 1;
3059
3241
  }
3060
- .PasswordField-module__hop-PasswordField__ErrorMessage___1qMsk,
3061
- .PasswordField-module__hop-PasswordField__HelperMessage___148Z6 {
3242
+ .PasswordField-module__hop-PasswordField__ErrorMessage___cTj33,
3243
+ .PasswordField-module__hop-PasswordField__HelperMessage___a7QjZ {
3062
3244
  order: 3;
3063
3245
  }
3064
3246
 
3065
3247
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/SearchField.module.css/#css-module-data */
3066
- .SearchField-module__hop-SearchField___XTMBu {
3248
+ .SearchField-module__hop-SearchField___porIP {
3067
3249
  --hop-SearchField-gap: var(--hop-space-stack-xs);
3068
3250
  --hop-SearchField-inline-size: 20rem;
3069
3251
  --hop-SearchField-color: var(--hop-neutral-text-weak);
@@ -3078,39 +3260,39 @@
3078
3260
  inline-size: var(--inline-size);
3079
3261
  max-inline-size: 100%;
3080
3262
  }
3081
- .SearchField-module__hop-SearchField--fluid___vrM5S {
3263
+ .SearchField-module__hop-SearchField--fluid___Zmi0a {
3082
3264
  --inline-size: 100%;
3083
3265
  }
3084
- .SearchField-module__hop-SearchField__Label___vq1vb {
3266
+ .SearchField-module__hop-SearchField__Label___FRVg6 {
3085
3267
  order: 0;
3086
3268
  }
3087
- .SearchField-module__hop-SearchField__prefix___IL75f {
3269
+ .SearchField-module__hop-SearchField__prefix___Ft5xn {
3088
3270
  color: var(--hop-SearchField-color);
3089
3271
  }
3090
- .SearchField-module__hop-SearchField__InputGroup___lG0Ig {
3272
+ .SearchField-module__hop-SearchField__InputGroup___up43t {
3091
3273
  order: 1;
3092
3274
  padding-inline: var(--input-group-padding-inline-start) var(--input-group-padding-inline-end);
3093
3275
  }
3094
- .SearchField-module__hop-SearchField--clearable___FWBj0 {
3276
+ .SearchField-module__hop-SearchField--clearable___kZ2Cn {
3095
3277
  --input-group-padding-inline-end: 0;
3096
3278
  }
3097
- .SearchField-module__hop-SearchField__ErrorMessage___USGKz,
3098
- .SearchField-module__hop-SearchField__HelperMessage___wN32w {
3279
+ .SearchField-module__hop-SearchField__ErrorMessage___W28CU,
3280
+ .SearchField-module__hop-SearchField__HelperMessage___84FAI {
3099
3281
  order: 3;
3100
3282
  }
3101
- .SearchField-module__hop-SearchField___XTMBu input::-webkit-search-cancel-button,
3102
- .SearchField-module__hop-SearchField___XTMBu input::-webkit-search-decoration {
3283
+ .SearchField-module__hop-SearchField___porIP input::-webkit-search-cancel-button,
3284
+ .SearchField-module__hop-SearchField___porIP input::-webkit-search-decoration {
3103
3285
  appearance: none;
3104
3286
  }
3105
- .SearchField-module__hop-SearchField___XTMBu[data-empty] {
3287
+ .SearchField-module__hop-SearchField___porIP[data-empty] {
3106
3288
  --clear-button-display: none;
3107
3289
  }
3108
- .SearchField-module__hop-SearchField__ClearButton___baj2F {
3290
+ .SearchField-module__hop-SearchField__ClearButton___hA3ul {
3109
3291
  display: var(--clear-button-display);
3110
3292
  }
3111
3293
 
3112
3294
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Link/src/Link.module.css/#css-module-data */
3113
- .Link-module__hop-Link___IJ3ZM {
3295
+ .Link-module__hop-Link___PIma8 {
3114
3296
  --hop-Link-border-radius: var(--hop-shape-rounded-sm);
3115
3297
  --hop-Link-focus-ring-color: var(--hop-primary-border-focus);
3116
3298
  --hop-Link-color-disabled: var(--hop-neutral-text-disabled);
@@ -3135,59 +3317,59 @@
3135
3317
  outline: none;
3136
3318
  outline-offset: 0.125rem;
3137
3319
  }
3138
- .Link-module__hop-Link___IJ3ZM[data-focus-visible] {
3320
+ .Link-module__hop-Link___PIma8[data-focus-visible] {
3139
3321
  outline: 0.125rem solid var(--hop-Link-focus-ring-color);
3140
3322
  }
3141
- .Link-module__hop-Link___IJ3ZM[data-disabled] {
3323
+ .Link-module__hop-Link___PIma8[data-disabled] {
3142
3324
  cursor: default;
3143
3325
  }
3144
- .Link-module__hop-Link--quiet___cVz8M[data-focus-visible],
3145
- .Link-module__hop-Link--quiet___cVz8M[data-hovered] {
3326
+ .Link-module__hop-Link--quiet___iZPH-[data-focus-visible],
3327
+ .Link-module__hop-Link--quiet___iZPH-[data-hovered] {
3146
3328
  text-decoration: underline;
3147
3329
  }
3148
- .Link-module__hop-Link___IJ3ZM:not(.Link-module__hop-Link--quiet___cVz8M) {
3330
+ .Link-module__hop-Link___PIma8:not(.Link-module__hop-Link--quiet___iZPH-) {
3149
3331
  text-decoration: underline;
3150
3332
  }
3151
- .Link-module__hop-Link--primary___gUmwX {
3333
+ .Link-module__hop-Link--primary___-c45k {
3152
3334
  color: var(--hop-Link-primary-text-color);
3153
3335
  }
3154
- .Link-module__hop-Link--primary___gUmwX[data-disabled] {
3336
+ .Link-module__hop-Link--primary___-c45k[data-disabled] {
3155
3337
  color: var(--hop-Link-primary-text-disabled-color);
3156
3338
  }
3157
- .Link-module__hop-Link--primary___gUmwX:not([data-disabled])[data-focus-visible],
3158
- .Link-module__hop-Link--primary___gUmwX:not([data-disabled])[data-hovered] {
3339
+ .Link-module__hop-Link--primary___-c45k:not([data-disabled])[data-focus-visible],
3340
+ .Link-module__hop-Link--primary___-c45k:not([data-disabled])[data-hovered] {
3159
3341
  color: var(--hop-Link-primary-text-hover-color);
3160
3342
  }
3161
- .Link-module__hop-Link--primary___gUmwX:not([data-disabled])[data-pressed] {
3343
+ .Link-module__hop-Link--primary___-c45k:not([data-disabled])[data-pressed] {
3162
3344
  color: var(--hop-Link-primary-text-pressed-color);
3163
3345
  }
3164
- .Link-module__hop-Link--secondary___9ScJe {
3346
+ .Link-module__hop-Link--secondary___G8IxK {
3165
3347
  color: var(--hop-Link-neutral-text-color);
3166
3348
  }
3167
- .Link-module__hop-Link--secondary___9ScJe[data-disabled] {
3349
+ .Link-module__hop-Link--secondary___G8IxK[data-disabled] {
3168
3350
  color: var(--hop-Link-neutral-text-disabled-color);
3169
3351
  }
3170
- .Link-module__hop-Link--secondary___9ScJe:not([data-disabled])[data-focus-visible],
3171
- .Link-module__hop-Link--secondary___9ScJe:not([data-disabled])[data-hovered] {
3352
+ .Link-module__hop-Link--secondary___G8IxK:not([data-disabled])[data-focus-visible],
3353
+ .Link-module__hop-Link--secondary___G8IxK:not([data-disabled])[data-hovered] {
3172
3354
  color: var(--hop-Link-neutral-text-hover-color);
3173
3355
  }
3174
- .Link-module__hop-Link--secondary___9ScJe:not([data-disabled])[data-pressed] {
3356
+ .Link-module__hop-Link--secondary___G8IxK:not([data-disabled])[data-pressed] {
3175
3357
  color: var(--hop-Link-neutral-text-pressed-color);
3176
3358
  }
3177
- .Link-module__hop-Link__icon___9Kjdm,
3178
- .Link-module__hop-Link__icon-list___kRvsY {
3359
+ .Link-module__hop-Link__icon___ufhw2,
3360
+ .Link-module__hop-Link__icon-list___V22Fg {
3179
3361
  order: 2;
3180
3362
  }
3181
- .Link-module__hop-Link__text___OrbOg {
3363
+ .Link-module__hop-Link__text___Nks7k {
3182
3364
  order: 1;
3183
3365
  }
3184
- .Link-module__hop-Link__start-icon___dgSSJ,
3185
- .Link-module__hop-Link__start-icon-list___SO2wL {
3366
+ .Link-module__hop-Link__start-icon___JC61y,
3367
+ .Link-module__hop-Link__start-icon-list___zs30P {
3186
3368
  order: 0;
3187
3369
  }
3188
3370
 
3189
3371
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/switch/src/Switch.module.css/#css-module-data */
3190
- .Switch-module__hop-Switch___akbj7 {
3372
+ .Switch-module__hop-Switch___uGj2- {
3191
3373
  --hop-Switch-border-size: 0.0625rem;
3192
3374
  --hop-Switch-border-color: var(--hop-neutral-border);
3193
3375
  --hop-Switch-border-radius: var(--hop-shape-rounded-lg);
@@ -3244,56 +3426,56 @@
3244
3426
  inline-size: max-content;
3245
3427
  max-inline-size: 100%;
3246
3428
  }
3247
- .Switch-module__hop-Switch--sm___HFQwG {
3429
+ .Switch-module__hop-Switch--sm___HYfto {
3248
3430
  --inline-size: var(--hop-Switch-inline-size-sm);
3249
3431
  --block-size: var(--hop-Switch-block-size-sm);
3250
3432
  --thumb-size: var(--hop-Switch-thumb-size-sm);
3251
3433
  --inset-inline-start: var(--hop-Switch-inset-inline-start-sm);
3252
3434
  --text-top-offset: var(--hop-Switch-text-top-offset-sm);
3253
3435
  }
3254
- .Switch-module__hop-Switch--md___U7SW7 {
3436
+ .Switch-module__hop-Switch--md___AfBBH {
3255
3437
  --inline-size: var(--hop-Switch-inline-size-md);
3256
3438
  --block-size: var(--hop-Switch-block-size-md);
3257
3439
  --thumb-size: var(--hop-Switch-thumb-size-md);
3258
3440
  --inset-inline-start: var(--hop-Switch-inset-inline-start-md);
3259
3441
  --text-top-offset: var(--hop-Switch-text-top-offset-md);
3260
3442
  }
3261
- .Switch-module__hop-Switch___akbj7[data-hovered] {
3443
+ .Switch-module__hop-Switch___uGj2-[data-hovered] {
3262
3444
  --border-color: var(--hop-Switch-border-color-hover);
3263
3445
  --background-color: var(--hop-Switch-background-color-hover);
3264
3446
  --thumb-color: var(--hop-Switch-thumb-color-hover);
3265
3447
  --text-color: var(--hop-Switch-text-color-hover);
3266
3448
  }
3267
- .Switch-module__hop-Switch___akbj7[data-pressed],
3268
- .Switch-module__hop-Switch___akbj7[data-pressed][data-focus-visible] {
3449
+ .Switch-module__hop-Switch___uGj2-[data-pressed],
3450
+ .Switch-module__hop-Switch___uGj2-[data-pressed][data-focus-visible] {
3269
3451
  --border-color: var(--hop-Switch-border-color-pressed);
3270
3452
  --background-color: var(--hop-Switch-background-color-pressed);
3271
3453
  --thumb-color: var(--hop-Switch-thumb-color-pressed);
3272
3454
  --text-color: var(--hop-Switch-text-color-pressed);
3273
3455
  }
3274
- .Switch-module__hop-Switch___akbj7[data-focus-visible] {
3456
+ .Switch-module__hop-Switch___uGj2-[data-focus-visible] {
3275
3457
  --border-color: var(--hop-Switch-border-color-focus);
3276
3458
  --background-color: var(--hop-Switch-background-color-focus);
3277
3459
  --thumb-color: var(--hop-Switch-thumb-color-focus);
3278
3460
  --outline: 0.125rem solid var(--hop-Switch-focus-ring-color);
3279
3461
  --text-color: var(--hop-Switch-text-color-focus);
3280
3462
  }
3281
- .Switch-module__hop-Switch___akbj7[data-selected],
3282
- .Switch-module__hop-Switch___akbj7[data-selected][data-pressed] {
3463
+ .Switch-module__hop-Switch___uGj2-[data-selected],
3464
+ .Switch-module__hop-Switch___uGj2-[data-selected][data-pressed] {
3283
3465
  --border-color: var(--hop-Switch-border-color-selected);
3284
3466
  --background-color: var(--hop-Switch-background-color-selected);
3285
3467
  --thumb-color: var(--hop-Switch-thumb-color-selected);
3286
3468
  --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%);
3287
3469
  --text-color: var(--hop-Switch-text-color-selected);
3288
3470
  }
3289
- .Switch-module__hop-Switch___akbj7[data-disabled] {
3471
+ .Switch-module__hop-Switch___uGj2-[data-disabled] {
3290
3472
  --border-color: var(--hop-Switch-border-color-disabled);
3291
3473
  --background-color: var(--hop-Switch-background-color-disabled);
3292
3474
  --thumb-color: var(--hop-Switch-thumb-color-disabled);
3293
3475
  --text-color: var(--hop-Switch-text-color-disabled);
3294
3476
  --cursor: not-allowed;
3295
3477
  }
3296
- .Switch-module__hop-Switch__indicator___7OPLk {
3478
+ .Switch-module__hop-Switch__indicator___nXNzx {
3297
3479
  position: relative;
3298
3480
  flex: 0 0 auto;
3299
3481
  box-sizing: border-box;
@@ -3306,7 +3488,7 @@
3306
3488
  outline-offset: 0.125rem;
3307
3489
  transition: background var(--hop-easing-duration-2), border-color var(--hop-easing-duration-2);
3308
3490
  }
3309
- .Switch-module__hop-Switch__indicator___7OPLk::before {
3491
+ .Switch-module__hop-Switch__indicator___nXNzx::before {
3310
3492
  content: "";
3311
3493
  position: absolute;
3312
3494
  inset-block-start: 50%;
@@ -3321,20 +3503,20 @@
3321
3503
  border-radius: var(--hop-shape-circle);
3322
3504
  transition: transform var(--hop-easing-duration-2), background var(--hop-easing-duration-2);
3323
3505
  }
3324
- .Switch-module__hop-Switch__text___9051d {
3506
+ .Switch-module__hop-Switch__text___AVZma {
3325
3507
  flex: 0 1 auto;
3326
3508
  order: 2;
3327
3509
  min-inline-size: 0;
3328
3510
  margin-block-start: var(--text-top-offset, var(--hop-Switch-text-top-offset-md));
3329
3511
  color: var(--text-color);
3330
3512
  }
3331
- .Switch-module__hop-Switch__icon-list___hWpWK,
3332
- .Switch-module__hop-Switch__icon___N9lYg {
3513
+ .Switch-module__hop-Switch__icon-list___m-I5f,
3514
+ .Switch-module__hop-Switch__icon___YH2YF {
3333
3515
  order: 3;
3334
3516
  }
3335
3517
 
3336
3518
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/switch/src/SwitchField.module.css/#css-module-data */
3337
- .SwitchField-module__hop-SwitchField___8-YvL {
3519
+ .SwitchField-module__hop-SwitchField___EaVpL {
3338
3520
  --hop-SwitchField-description-color: var(--hop-neutral-text-weak);
3339
3521
  --hop-SwitchField-description-color-disabled: var(--hop-neutral-text-disabled);
3340
3522
  --hop-SwitchField-sm-row-gap: var(--hop-space-stack-xs);
@@ -3353,28 +3535,28 @@
3353
3535
  inline-size: max-content;
3354
3536
  max-inline-size: 100%;
3355
3537
  }
3356
- .SwitchField-module__hop-SwitchField___8-YvL[data-disabled] {
3538
+ .SwitchField-module__hop-SwitchField___EaVpL[data-disabled] {
3357
3539
  --description-color: var(--hop-SwitchField-description-color-disabled);
3358
3540
  }
3359
- .SwitchField-module__hop-SwitchField--sm___YL31L {
3541
+ .SwitchField-module__hop-SwitchField--sm___c6i7N {
3360
3542
  --row-gap: var(--hop-SwitchField-sm-row-gap);
3361
3543
  --description-margin-inline-start: var(--hop-SwitchField-description-sm-margin-inline-start);
3362
3544
  }
3363
- .SwitchField-module__hop-SwitchField--md___tmG-f {
3545
+ .SwitchField-module__hop-SwitchField--md___i47Sq {
3364
3546
  --row-gap: var(--hop-SwitchField-md-row-gap);
3365
3547
  --description-margin-inline-start: var(--hop-SwitchField-description-md-margin-inline-start);
3366
3548
  }
3367
- .SwitchField-module__hop-SwitchField__description___-Hhcq {
3549
+ .SwitchField-module__hop-SwitchField__description___pZVyu {
3368
3550
  order: 2;
3369
3551
  margin-inline-start: var(--description-margin-inline-start, var(--hop-SwitchField-description-md-margin-inline-start));
3370
3552
  color: var(--description-color);
3371
3553
  }
3372
- .SwitchField-module__hop-SwitchField__switch___syGui {
3554
+ .SwitchField-module__hop-SwitchField__switch___5zOgG {
3373
3555
  order: 1;
3374
3556
  }
3375
3557
 
3376
3558
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/tag/src/Tag.module.css/#css-module-data */
3377
- .Tag-module__hop-Tag___KGnAq {
3559
+ .Tag-module__hop-Tag___6kkA1 {
3378
3560
  --hop-Tag-border-size: 0.0625rem;
3379
3561
  --hop-Tag-border-radius: var(--hop-shape-pill);
3380
3562
  --hop-Tag-sm-block-size: 1.25rem;
@@ -3613,7 +3795,7 @@
3613
3795
  outline: none;
3614
3796
  outline-offset: 0.125rem;
3615
3797
  }
3616
- .Tag-module__hop-Tag--sm___e6uUD {
3798
+ .Tag-module__hop-Tag--sm___ZpTSw {
3617
3799
  --block-size: var(--hop-Tag-sm-block-size);
3618
3800
  --padding-inline: var(--hop-Tag-sm-padding-inline);
3619
3801
  --column-gap: var(--hop-Tag-sm-column-gap);
@@ -3621,13 +3803,13 @@
3621
3803
  --avatar-margin-inline-start: var(--hop-Tag-sm-avatar-margin-inline-start);
3622
3804
  --spinner-margin-inline-end: var(--hop-Tag-sm-spinner-margin-inline-end);
3623
3805
  }
3624
- .Tag-module__hop-Tag--sm___e6uUD:not(:has(.Tag-module__hop-Tag__remove-btn___N4NWZ, .Tag-module__hop-Tag__Spinner___bw0F4)) {
3806
+ .Tag-module__hop-Tag--sm___ZpTSw:not(:has(.Tag-module__hop-Tag__remove-btn___Xo1UQ, .Tag-module__hop-Tag__Spinner___CK3eL)) {
3625
3807
  --badge-margin-inline-end: var(--hop-Tag-sm-badge-margin-inline-end);
3626
3808
  }
3627
- .Tag-module__hop-Tag--sm___e6uUD:not(:has(.Tag-module__hop-Tag__avatar___8sp7f)) {
3809
+ .Tag-module__hop-Tag--sm___ZpTSw:not(:has(.Tag-module__hop-Tag__avatar___cfamG)) {
3628
3810
  --icon-margin-inline-start: var(--hop-Tag-sm-icon-margin-inline-start);
3629
3811
  }
3630
- .Tag-module__hop-Tag--md___1SLjD {
3812
+ .Tag-module__hop-Tag--md___oBQFD {
3631
3813
  --block-size: var(--hop-Tag-md-block-size);
3632
3814
  --padding-inline: var(--hop-Tag-md-padding-inline);
3633
3815
  --column-gap: var(--hop-Tag-md-column-gap);
@@ -3635,13 +3817,13 @@
3635
3817
  --avatar-margin-inline-start: var(--hop-Tag-md-avatar-margin-inline-start);
3636
3818
  --spinner-margin-inline-end: var(--hop-Tag-md-spinner-margin-inline-end);
3637
3819
  }
3638
- .Tag-module__hop-Tag--md___1SLjD:not(:has(.Tag-module__hop-Tag__remove-btn___N4NWZ, .Tag-module__hop-Tag__Spinner___bw0F4)) {
3820
+ .Tag-module__hop-Tag--md___oBQFD:not(:has(.Tag-module__hop-Tag__remove-btn___Xo1UQ, .Tag-module__hop-Tag__Spinner___CK3eL)) {
3639
3821
  --badge-margin-inline-end: var(--hop-Tag-md-badge-margin-inline-end);
3640
3822
  }
3641
- .Tag-module__hop-Tag--md___1SLjD:not(:has(.Tag-module__hop-Tag__avatar___8sp7f)) {
3823
+ .Tag-module__hop-Tag--md___oBQFD:not(:has(.Tag-module__hop-Tag__avatar___cfamG)) {
3642
3824
  --icon-margin-inline-start: var(--hop-Tag-md-icon-margin-inline-start);
3643
3825
  }
3644
- .Tag-module__hop-Tag--lg___h-7c- {
3826
+ .Tag-module__hop-Tag--lg___uyvYq {
3645
3827
  --block-size: var(--hop-Tag-lg-block-size);
3646
3828
  --padding-inline: var(--hop-Tag-lg-padding-inline);
3647
3829
  --column-gap: var(--hop-Tag-lg-column-gap);
@@ -3649,348 +3831,348 @@
3649
3831
  --avatar-margin-inline-start: var(--hop-Tag-lg-avatar-margin-inline-start);
3650
3832
  --spinner-margin-inline-end: var(--hop-Tag-lg-spinner-margin-inline-end);
3651
3833
  }
3652
- .Tag-module__hop-Tag--lg___h-7c-:not(:has(.Tag-module__hop-Tag__remove-btn___N4NWZ, .Tag-module__hop-Tag__Spinner___bw0F4)) {
3834
+ .Tag-module__hop-Tag--lg___uyvYq:not(:has(.Tag-module__hop-Tag__remove-btn___Xo1UQ, .Tag-module__hop-Tag__Spinner___CK3eL)) {
3653
3835
  --badge-margin-inline-end: var(--hop-Tag-lg-badge-margin-inline-end);
3654
3836
  }
3655
- .Tag-module__hop-Tag--lg___h-7c-:not(:has(.Tag-module__hop-Tag__avatar___8sp7f)) {
3837
+ .Tag-module__hop-Tag--lg___uyvYq:not(:has(.Tag-module__hop-Tag__avatar___cfamG)) {
3656
3838
  --icon-margin-inline-start: var(--hop-Tag-lg-icon-margin-inline-start);
3657
3839
  }
3658
- .Tag-module__hop-Tag--neutral___-Ebyx {
3840
+ .Tag-module__hop-Tag--neutral___jWg4j {
3659
3841
  --border-color: var(--hop-Tag-neutral-border-color);
3660
3842
  --background-color: var(--hop-Tag-neutral-background-color);
3661
3843
  --text-color: var(--hop-Tag-neutral-text-color);
3662
3844
  }
3663
- .Tag-module__hop-Tag--subdued___v1Xes {
3845
+ .Tag-module__hop-Tag--subdued___fZeA5 {
3664
3846
  --border-color: var(--hop-Tag-subdued-border-color);
3665
3847
  --background-color: var(--hop-Tag-subdued-background-color);
3666
3848
  --text-color: var(--hop-Tag-subdued-text-color);
3667
3849
  }
3668
- .Tag-module__hop-Tag--progress___MqG2E {
3850
+ .Tag-module__hop-Tag--progress___A0oR6 {
3669
3851
  --border-color: var(--hop-Tag-progress-border-color);
3670
3852
  --background-color: var(--hop-Tag-progress-background-color);
3671
3853
  --text-color: var(--hop-Tag-progress-text-color);
3672
3854
  }
3673
- .Tag-module__hop-Tag--positive___HTRyK {
3855
+ .Tag-module__hop-Tag--positive___pgIee {
3674
3856
  --border-color: var(--hop-Tag-positive-border-color);
3675
3857
  --background-color: var(--hop-Tag-positive-background-color);
3676
3858
  --text-color: var(--hop-Tag-positive-text-color);
3677
3859
  }
3678
- .Tag-module__hop-Tag--caution___zWO7H {
3860
+ .Tag-module__hop-Tag--caution___58PpF {
3679
3861
  --border-color: var(--hop-Tag-caution-border-color);
3680
3862
  --background-color: var(--hop-Tag-caution-background-color);
3681
3863
  --text-color: var(--hop-Tag-caution-text-color);
3682
3864
  }
3683
- .Tag-module__hop-Tag--negative___ir4C0 {
3865
+ .Tag-module__hop-Tag--negative___PZwTR {
3684
3866
  --border-color: var(--hop-Tag-negative-border-color);
3685
3867
  --background-color: var(--hop-Tag-negative-background-color);
3686
3868
  --text-color: var(--hop-Tag-negative-text-color);
3687
3869
  }
3688
- .Tag-module__hop-Tag--option1___2wfCi {
3870
+ .Tag-module__hop-Tag--option1___A0sb0 {
3689
3871
  --border-color: var(--hop-Tag-option1-border-color);
3690
3872
  --background-color: var(--hop-Tag-option1-background-color);
3691
3873
  --text-color: var(--hop-Tag-option1-text-color);
3692
3874
  }
3693
- .Tag-module__hop-Tag--option2___yrzab {
3875
+ .Tag-module__hop-Tag--option2___vjYIv {
3694
3876
  --border-color: var(--hop-Tag-option2-border-color);
3695
3877
  --background-color: var(--hop-Tag-option2-background-color);
3696
3878
  --text-color: var(--hop-Tag-option2-text-color);
3697
3879
  }
3698
- .Tag-module__hop-Tag--option3___GrKyt {
3880
+ .Tag-module__hop-Tag--option3___NPGVI {
3699
3881
  --border-color: var(--hop-Tag-option3-border-color);
3700
3882
  --background-color: var(--hop-Tag-option3-background-color);
3701
3883
  --text-color: var(--hop-Tag-option3-text-color);
3702
3884
  }
3703
- .Tag-module__hop-Tag--option4___QNrtm {
3885
+ .Tag-module__hop-Tag--option4___tTOij {
3704
3886
  --border-color: var(--hop-Tag-option4-border-color);
3705
3887
  --background-color: var(--hop-Tag-option4-background-color);
3706
3888
  --text-color: var(--hop-Tag-option4-text-color);
3707
3889
  }
3708
- .Tag-module__hop-Tag--option5___aiY5h {
3890
+ .Tag-module__hop-Tag--option5___9-b0i {
3709
3891
  --border-color: var(--hop-Tag-option5-border-color);
3710
3892
  --background-color: var(--hop-Tag-option5-background-color);
3711
3893
  --text-color: var(--hop-Tag-option5-text-color);
3712
3894
  }
3713
- .Tag-module__hop-Tag--option6___a6LqR {
3895
+ .Tag-module__hop-Tag--option6___j6qym {
3714
3896
  --border-color: var(--hop-Tag-option6-border-color);
3715
3897
  --background-color: var(--hop-Tag-option6-background-color);
3716
3898
  --text-color: var(--hop-Tag-option6-text-color);
3717
3899
  }
3718
- .Tag-module__hop-Tag___KGnAq[data-href] {
3900
+ .Tag-module__hop-Tag___6kkA1[data-href] {
3719
3901
  cursor: pointer;
3720
3902
  }
3721
- .Tag-module__hop-Tag--neutral___-Ebyx[data-focus-visible] {
3903
+ .Tag-module__hop-Tag--neutral___jWg4j[data-focus-visible] {
3722
3904
  --border-color: var(--hop-Tag-neutral-border-color-focus);
3723
3905
  --background-color: var(--hop-Tag-neutral-background-color-focus);
3724
3906
  --text-color: var(--hop-Tag-neutral-text-color-focus);
3725
3907
  }
3726
- .Tag-module__hop-Tag--neutral___-Ebyx[data-hovered] {
3908
+ .Tag-module__hop-Tag--neutral___jWg4j[data-hovered] {
3727
3909
  --border-color: var(--hop-Tag-neutral-border-color-hover);
3728
3910
  --background-color: var(--hop-Tag-neutral-background-color-hover);
3729
3911
  --text-color: var(--hop-Tag-neutral-text-color-hover);
3730
3912
  }
3731
- .Tag-module__hop-Tag--neutral___-Ebyx[data-pressed] {
3913
+ .Tag-module__hop-Tag--neutral___jWg4j[data-pressed] {
3732
3914
  --border-color: var(--hop-Tag-neutral-border-color-press);
3733
3915
  --background-color: var(--hop-Tag-neutral-background-color-press);
3734
3916
  --text-color: var(--hop-Tag-neutral-text-color-press);
3735
3917
  }
3736
- .Tag-module__hop-Tag--neutral___-Ebyx[data-disabled] {
3918
+ .Tag-module__hop-Tag--neutral___jWg4j[data-disabled] {
3737
3919
  --border-color: var(--hop-Tag-neutral-border-color-disabled);
3738
3920
  --background-color: var(--hop-Tag-neutral-background-color-disabled);
3739
3921
  --text-color: var(--hop-Tag-neutral-text-color-disabled);
3740
3922
  }
3741
- .Tag-module__hop-Tag--subdued___v1Xes[data-focus-visible] {
3923
+ .Tag-module__hop-Tag--subdued___fZeA5[data-focus-visible] {
3742
3924
  --border-color: var(--hop-Tag-subdued-border-color-focus);
3743
3925
  --background-color: var(--hop-Tag-subdued-background-color-focus);
3744
3926
  --text-color: var(--hop-Tag-subdued-text-color-focus);
3745
3927
  }
3746
- .Tag-module__hop-Tag--subdued___v1Xes[data-hovered] {
3928
+ .Tag-module__hop-Tag--subdued___fZeA5[data-hovered] {
3747
3929
  --border-color: var(--hop-Tag-subdued-border-color-hover);
3748
3930
  --background-color: var(--hop-Tag-subdued-background-color-hover);
3749
3931
  --text-color: var(--hop-Tag-subdued-text-color-hover);
3750
3932
  }
3751
- .Tag-module__hop-Tag--subdued___v1Xes[data-pressed] {
3933
+ .Tag-module__hop-Tag--subdued___fZeA5[data-pressed] {
3752
3934
  --border-color: var(--hop-Tag-subdued-border-color-press);
3753
3935
  --background-color: var(--hop-Tag-subdued-background-color-press);
3754
3936
  --text-color: var(--hop-Tag-subdued-text-color-press);
3755
3937
  }
3756
- .Tag-module__hop-Tag--subdued___v1Xes[data-disabled] {
3938
+ .Tag-module__hop-Tag--subdued___fZeA5[data-disabled] {
3757
3939
  --border-color: var(--hop-Tag-subdued-border-color-disabled);
3758
3940
  --background-color: var(--hop-Tag-subdued-background-color-disabled);
3759
3941
  --text-color: var(--hop-Tag-subdued-text-color-disabled);
3760
3942
  }
3761
- .Tag-module__hop-Tag--progress___MqG2E[data-focus-visible] {
3943
+ .Tag-module__hop-Tag--progress___A0oR6[data-focus-visible] {
3762
3944
  --border-color: var(--hop-Tag-progress-border-color-focus);
3763
3945
  --background-color: var(--hop-Tag-progress-background-color-focus);
3764
3946
  --text-color: var(--hop-Tag-progress-text-color-focus);
3765
3947
  }
3766
- .Tag-module__hop-Tag--progress___MqG2E[data-hovered] {
3948
+ .Tag-module__hop-Tag--progress___A0oR6[data-hovered] {
3767
3949
  --border-color: var(--hop-Tag-progress-border-color-hover);
3768
3950
  --background-color: var(--hop-Tag-progress-background-color-hover);
3769
3951
  --text-color: var(--hop-Tag-progress-text-color-hover);
3770
3952
  }
3771
- .Tag-module__hop-Tag--progress___MqG2E[data-pressed] {
3953
+ .Tag-module__hop-Tag--progress___A0oR6[data-pressed] {
3772
3954
  --border-color: var(--hop-Tag-progress-border-color-press);
3773
3955
  --background-color: var(--hop-Tag-progress-background-color-press);
3774
3956
  --text-color: var(--hop-Tag-progress-text-color-press);
3775
3957
  }
3776
- .Tag-module__hop-Tag--progress___MqG2E[data-disabled] {
3958
+ .Tag-module__hop-Tag--progress___A0oR6[data-disabled] {
3777
3959
  --border-color: var(--hop-Tag-progress-border-color-disabled);
3778
3960
  --background-color: var(--hop-Tag-progress-background-color-disabled);
3779
3961
  --text-color: var(--hop-Tag-progress-text-color-disabled);
3780
3962
  }
3781
- .Tag-module__hop-Tag--positive___HTRyK[data-focus-visible] {
3963
+ .Tag-module__hop-Tag--positive___pgIee[data-focus-visible] {
3782
3964
  --border-color: var(--hop-Tag-positive-border-color-focus);
3783
3965
  --background-color: var(--hop-Tag-positive-background-color-focus);
3784
3966
  --text-color: var(--hop-Tag-positive-text-color-focus);
3785
3967
  }
3786
- .Tag-module__hop-Tag--positive___HTRyK[data-hovered] {
3968
+ .Tag-module__hop-Tag--positive___pgIee[data-hovered] {
3787
3969
  --border-color: var(--hop-Tag-positive-border-color-hover);
3788
3970
  --background-color: var(--hop-Tag-positive-background-color-hover);
3789
3971
  --text-color: var(--hop-Tag-positive-text-color-hover);
3790
3972
  }
3791
- .Tag-module__hop-Tag--positive___HTRyK[data-pressed] {
3973
+ .Tag-module__hop-Tag--positive___pgIee[data-pressed] {
3792
3974
  --border-color: var(--hop-Tag-positive-border-color-press);
3793
3975
  --background-color: var(--hop-Tag-positive-background-color-press);
3794
3976
  --text-color: var(--hop-Tag-positive-text-color-press);
3795
3977
  }
3796
- .Tag-module__hop-Tag--positive___HTRyK[data-disabled] {
3978
+ .Tag-module__hop-Tag--positive___pgIee[data-disabled] {
3797
3979
  --border-color: var(--hop-Tag-positive-border-color-disabled);
3798
3980
  --background-color: var(--hop-Tag-positive-background-color-disabled);
3799
3981
  --text-color: var(--hop-Tag-positive-text-color-disabled);
3800
3982
  }
3801
- .Tag-module__hop-Tag--caution___zWO7H[data-focus-visible] {
3983
+ .Tag-module__hop-Tag--caution___58PpF[data-focus-visible] {
3802
3984
  --border-color: var(--hop-Tag-caution-border-color-focus);
3803
3985
  --background-color: var(--hop-Tag-caution-background-color-focus);
3804
3986
  --text-color: var(--hop-Tag-caution-text-color-focus);
3805
3987
  }
3806
- .Tag-module__hop-Tag--caution___zWO7H[data-hovered] {
3988
+ .Tag-module__hop-Tag--caution___58PpF[data-hovered] {
3807
3989
  --border-color: var(--hop-Tag-caution-border-color-hover);
3808
3990
  --background-color: var(--hop-Tag-caution-background-color-hover);
3809
3991
  --text-color: var(--hop-Tag-caution-text-color-hover);
3810
3992
  }
3811
- .Tag-module__hop-Tag--caution___zWO7H[data-pressed] {
3993
+ .Tag-module__hop-Tag--caution___58PpF[data-pressed] {
3812
3994
  --border-color: var(--hop-Tag-caution-border-color-press);
3813
3995
  --background-color: var(--hop-Tag-caution-background-color-press);
3814
3996
  --text-color: var(--hop-Tag-caution-text-color-press);
3815
3997
  }
3816
- .Tag-module__hop-Tag--caution___zWO7H[data-disabled] {
3998
+ .Tag-module__hop-Tag--caution___58PpF[data-disabled] {
3817
3999
  --border-color: var(--hop-Tag-caution-border-color-disabled);
3818
4000
  --background-color: var(--hop-Tag-caution-background-color-disabled);
3819
4001
  --text-color: var(--hop-Tag-caution-text-color-disabled);
3820
4002
  }
3821
- .Tag-module__hop-Tag--negative___ir4C0[data-focus-visible] {
4003
+ .Tag-module__hop-Tag--negative___PZwTR[data-focus-visible] {
3822
4004
  --border-color: var(--hop-Tag-negative-border-color-focus);
3823
4005
  --background-color: var(--hop-Tag-negative-background-color-focus);
3824
4006
  --text-color: var(--hop-Tag-negative-text-color-focus);
3825
4007
  }
3826
- .Tag-module__hop-Tag--negative___ir4C0[data-hovered] {
4008
+ .Tag-module__hop-Tag--negative___PZwTR[data-hovered] {
3827
4009
  --border-color: var(--hop-Tag-negative-border-color-hover);
3828
4010
  --background-color: var(--hop-Tag-negative-background-color-hover);
3829
4011
  --text-color: var(--hop-Tag-negative-text-color-hover);
3830
4012
  }
3831
- .Tag-module__hop-Tag--negative___ir4C0[data-pressed] {
4013
+ .Tag-module__hop-Tag--negative___PZwTR[data-pressed] {
3832
4014
  --border-color: var(--hop-Tag-negative-border-color-press);
3833
4015
  --background-color: var(--hop-Tag-negative-background-color-press);
3834
4016
  --text-color: var(--hop-Tag-negative-text-color-press);
3835
4017
  }
3836
- .Tag-module__hop-Tag--negative___ir4C0[data-disabled] {
4018
+ .Tag-module__hop-Tag--negative___PZwTR[data-disabled] {
3837
4019
  --border-color: var(--hop-Tag-negative-border-color-disabled);
3838
4020
  --background-color: var(--hop-Tag-negative-background-color-disabled);
3839
4021
  --text-color: var(--hop-Tag-negative-text-color-disabled);
3840
4022
  }
3841
- .Tag-module__hop-Tag--option1___2wfCi[data-focus-visible] {
4023
+ .Tag-module__hop-Tag--option1___A0sb0[data-focus-visible] {
3842
4024
  --border-color: var(--hop-Tag-option1-border-color-focus);
3843
4025
  --background-color: var(--hop-Tag-option1-background-color-focus);
3844
4026
  --text-color: var(--hop-Tag-option1-text-color-focus);
3845
4027
  }
3846
- .Tag-module__hop-Tag--option1___2wfCi[data-hovered] {
4028
+ .Tag-module__hop-Tag--option1___A0sb0[data-hovered] {
3847
4029
  --border-color: var(--hop-Tag-option1-border-color-hover);
3848
4030
  --background-color: var(--hop-Tag-option1-background-color-hover);
3849
4031
  --text-color: var(--hop-Tag-option1-text-color-hover);
3850
4032
  }
3851
- .Tag-module__hop-Tag--option1___2wfCi[data-pressed] {
4033
+ .Tag-module__hop-Tag--option1___A0sb0[data-pressed] {
3852
4034
  --border-color: var(--hop-Tag-option1-border-color-press);
3853
4035
  --background-color: var(--hop-Tag-option1-background-color-press);
3854
4036
  --text-color: var(--hop-Tag-option1-text-color-press);
3855
4037
  }
3856
- .Tag-module__hop-Tag--option1___2wfCi[data-disabled] {
4038
+ .Tag-module__hop-Tag--option1___A0sb0[data-disabled] {
3857
4039
  --border-color: var(--hop-Tag-option1-border-color-disabled);
3858
4040
  --background-color: var(--hop-Tag-option1-background-color-disabled);
3859
4041
  --text-color: var(--hop-Tag-option1-text-color-disabled);
3860
4042
  }
3861
- .Tag-module__hop-Tag--option2___yrzab[data-focus-visible] {
4043
+ .Tag-module__hop-Tag--option2___vjYIv[data-focus-visible] {
3862
4044
  --border-color: var(--hop-Tag-option2-border-color-focus);
3863
4045
  --background-color: var(--hop-Tag-option2-background-color-focus);
3864
4046
  --text-color: var(--hop-Tag-option2-text-color-focus);
3865
4047
  }
3866
- .Tag-module__hop-Tag--option2___yrzab[data-hovered] {
4048
+ .Tag-module__hop-Tag--option2___vjYIv[data-hovered] {
3867
4049
  --border-color: var(--hop-Tag-option2-border-color-hover);
3868
4050
  --background-color: var(--hop-Tag-option2-background-color-hover);
3869
4051
  --text-color: var(--hop-Tag-option2-text-color-hover);
3870
4052
  }
3871
- .Tag-module__hop-Tag--option2___yrzab[data-pressed] {
4053
+ .Tag-module__hop-Tag--option2___vjYIv[data-pressed] {
3872
4054
  --border-color: var(--hop-Tag-option2-border-color-press);
3873
4055
  --background-color: var(--hop-Tag-option2-background-color-press);
3874
4056
  --text-color: var(--hop-Tag-option2-text-color-press);
3875
4057
  }
3876
- .Tag-module__hop-Tag--option2___yrzab[data-disabled] {
4058
+ .Tag-module__hop-Tag--option2___vjYIv[data-disabled] {
3877
4059
  --border-color: var(--hop-Tag-option2-border-color-disabled);
3878
4060
  --background-color: var(--hop-Tag-option2-background-color-disabled);
3879
4061
  --text-color: var(--hop-Tag-option2-text-color-disabled);
3880
4062
  }
3881
- .Tag-module__hop-Tag--option3___GrKyt[data-focus-visible] {
4063
+ .Tag-module__hop-Tag--option3___NPGVI[data-focus-visible] {
3882
4064
  --border-color: var(--hop-Tag-option3-border-color-focus);
3883
4065
  --background-color: var(--hop-Tag-option3-background-color-focus);
3884
4066
  --text-color: var(--hop-Tag-option3-text-color-focus);
3885
4067
  }
3886
- .Tag-module__hop-Tag--option3___GrKyt[data-hovered] {
4068
+ .Tag-module__hop-Tag--option3___NPGVI[data-hovered] {
3887
4069
  --border-color: var(--hop-Tag-option3-border-color-hover);
3888
4070
  --background-color: var(--hop-Tag-option3-background-color-hover);
3889
4071
  --text-color: var(--hop-Tag-option3-text-color-hover);
3890
4072
  }
3891
- .Tag-module__hop-Tag--option3___GrKyt[data-pressed] {
4073
+ .Tag-module__hop-Tag--option3___NPGVI[data-pressed] {
3892
4074
  --border-color: var(--hop-Tag-option3-border-color-press);
3893
4075
  --background-color: var(--hop-Tag-option3-background-color-press);
3894
4076
  --text-color: var(--hop-Tag-option3-text-color-press);
3895
4077
  }
3896
- .Tag-module__hop-Tag--option3___GrKyt[data-disabled] {
4078
+ .Tag-module__hop-Tag--option3___NPGVI[data-disabled] {
3897
4079
  --border-color: var(--hop-Tag-option3-border-color-disabled);
3898
4080
  --background-color: var(--hop-Tag-option3-background-color-disabled);
3899
4081
  --text-color: var(--hop-Tag-option3-text-color-disabled);
3900
4082
  }
3901
- .Tag-module__hop-Tag--option4___QNrtm[data-focus-visible] {
4083
+ .Tag-module__hop-Tag--option4___tTOij[data-focus-visible] {
3902
4084
  --border-color: var(--hop-Tag-option4-border-color-focus);
3903
4085
  --background-color: var(--hop-Tag-option4-background-color-focus);
3904
4086
  --text-color: var(--hop-Tag-option4-text-color-focus);
3905
4087
  }
3906
- .Tag-module__hop-Tag--option4___QNrtm[data-hovered] {
4088
+ .Tag-module__hop-Tag--option4___tTOij[data-hovered] {
3907
4089
  --border-color: var(--hop-Tag-option4-border-color-hover);
3908
4090
  --background-color: var(--hop-Tag-option4-background-color-hover);
3909
4091
  --text-color: var(--hop-Tag-option4-text-color-hover);
3910
4092
  }
3911
- .Tag-module__hop-Tag--option4___QNrtm[data-pressed] {
4093
+ .Tag-module__hop-Tag--option4___tTOij[data-pressed] {
3912
4094
  --border-color: var(--hop-Tag-option4-border-color-press);
3913
4095
  --background-color: var(--hop-Tag-option4-background-color-press);
3914
4096
  --text-color: var(--hop-Tag-option4-text-color-press);
3915
4097
  }
3916
- .Tag-module__hop-Tag--option4___QNrtm[data-disabled] {
4098
+ .Tag-module__hop-Tag--option4___tTOij[data-disabled] {
3917
4099
  --border-color: var(--hop-Tag-option4-border-color-disabled);
3918
4100
  --background-color: var(--hop-Tag-option4-background-color-disabled);
3919
4101
  --text-color: var(--hop-Tag-option4-text-color-disabled);
3920
4102
  }
3921
- .Tag-module__hop-Tag--option5___aiY5h[data-focus-visible] {
4103
+ .Tag-module__hop-Tag--option5___9-b0i[data-focus-visible] {
3922
4104
  --border-color: var(--hop-Tag-option5-border-color-focus);
3923
4105
  --background-color: var(--hop-Tag-option5-background-color-focus);
3924
4106
  --text-color: var(--hop-Tag-option5-text-color-focus);
3925
4107
  }
3926
- .Tag-module__hop-Tag--option5___aiY5h[data-hovered] {
4108
+ .Tag-module__hop-Tag--option5___9-b0i[data-hovered] {
3927
4109
  --border-color: var(--hop-Tag-option5-border-color-hover);
3928
4110
  --background-color: var(--hop-Tag-option5-background-color-hover);
3929
4111
  --text-color: var(--hop-Tag-option5-text-color-hover);
3930
4112
  }
3931
- .Tag-module__hop-Tag--option5___aiY5h[data-pressed] {
4113
+ .Tag-module__hop-Tag--option5___9-b0i[data-pressed] {
3932
4114
  --border-color: var(--hop-Tag-option5-border-color-press);
3933
4115
  --background-color: var(--hop-Tag-option5-background-color-press);
3934
4116
  --text-color: var(--hop-Tag-option5-text-color-press);
3935
4117
  }
3936
- .Tag-module__hop-Tag--option5___aiY5h[data-disabled] {
4118
+ .Tag-module__hop-Tag--option5___9-b0i[data-disabled] {
3937
4119
  --border-color: var(--hop-Tag-option5-border-color-disabled);
3938
4120
  --background-color: var(--hop-Tag-option5-background-color-disabled);
3939
4121
  --text-color: var(--hop-Tag-option5-text-color-disabled);
3940
4122
  }
3941
- .Tag-module__hop-Tag--option6___a6LqR[data-focus-visible] {
4123
+ .Tag-module__hop-Tag--option6___j6qym[data-focus-visible] {
3942
4124
  --border-color: var(--hop-Tag-option6-border-color-focus);
3943
4125
  --background-color: var(--hop-Tag-option6-background-color-focus);
3944
4126
  --text-color: var(--hop-Tag-option6-text-color-focus);
3945
4127
  }
3946
- .Tag-module__hop-Tag--option6___a6LqR[data-hovered] {
4128
+ .Tag-module__hop-Tag--option6___j6qym[data-hovered] {
3947
4129
  --border-color: var(--hop-Tag-option6-border-color-hover);
3948
4130
  --background-color: var(--hop-Tag-option6-background-color-hover);
3949
4131
  --text-color: var(--hop-Tag-option6-text-color-hover);
3950
4132
  }
3951
- .Tag-module__hop-Tag--option6___a6LqR[data-pressed] {
4133
+ .Tag-module__hop-Tag--option6___j6qym[data-pressed] {
3952
4134
  --border-color: var(--hop-Tag-option6-border-color-press);
3953
4135
  --background-color: var(--hop-Tag-option6-background-color-press);
3954
4136
  --text-color: var(--hop-Tag-option6-text-color-press);
3955
4137
  }
3956
- .Tag-module__hop-Tag--option6___a6LqR[data-disabled] {
4138
+ .Tag-module__hop-Tag--option6___j6qym[data-disabled] {
3957
4139
  --border-color: var(--hop-Tag-option6-border-color-disabled);
3958
4140
  --background-color: var(--hop-Tag-option6-background-color-disabled);
3959
4141
  --text-color: var(--hop-Tag-option6-text-color-disabled);
3960
4142
  }
3961
- .Tag-module__hop-Tag___KGnAq[data-focus-visible] {
4143
+ .Tag-module__hop-Tag___6kkA1[data-focus-visible] {
3962
4144
  outline: 0.125rem solid var(--focus-ring-color);
3963
4145
  }
3964
- .Tag-module__hop-Tag___KGnAq[data-hovered] {
4146
+ .Tag-module__hop-Tag___6kkA1[data-hovered] {
3965
4147
  cursor: pointer;
3966
4148
  }
3967
- .Tag-module__hop-Tag___KGnAq[data-selected] {
4149
+ .Tag-module__hop-Tag___6kkA1[data-selected] {
3968
4150
  --background-color: var(--hop-Tag-background-color-selected);
3969
4151
  --border-color: var(--hop-Tag-border-color-selected);
3970
4152
  --text-color: var(--hop-Tag-text-color-selected);
3971
4153
  }
3972
- .Tag-module__hop-Tag___KGnAq[data-pressed] {
4154
+ .Tag-module__hop-Tag___6kkA1[data-pressed] {
3973
4155
  cursor: pointer;
3974
4156
  }
3975
- .Tag-module__hop-Tag___KGnAq[data-invalid] {
4157
+ .Tag-module__hop-Tag___6kkA1[data-invalid] {
3976
4158
  --border-color: var(--hop-Tag-border-color-invalid);
3977
4159
  }
3978
- .Tag-module__hop-Tag___KGnAq[data-disabled] {
4160
+ .Tag-module__hop-Tag___6kkA1[data-disabled] {
3979
4161
  cursor: not-allowed;
3980
4162
  }
3981
- .Tag-module__hop-Tag__avatar___8sp7f {
4163
+ .Tag-module__hop-Tag__avatar___cfamG {
3982
4164
  flex: 0 0 auto;
3983
4165
  order: 1;
3984
4166
  margin-inline-start: var(--avatar-margin-inline-start);
3985
4167
  }
3986
- .Tag-module__hop-Tag__icon___Ry8kN,
3987
- .Tag-module__hop-Tag__icon-list___lkO5j {
4168
+ .Tag-module__hop-Tag__icon___m9dbl,
4169
+ .Tag-module__hop-Tag__icon-list___e1ujB {
3988
4170
  flex: 0 0 auto;
3989
4171
  flex-wrap: nowrap;
3990
4172
  order: 2;
3991
4173
  margin-inline-start: var(--icon-margin-inline-start, 0);
3992
4174
  }
3993
- .Tag-module__hop-Tag__text___wdgyp {
4175
+ .Tag-module__hop-Tag__text___Scjto {
3994
4176
  overflow: hidden;
3995
4177
  flex: 1 1 auto;
3996
4178
  order: 3;
@@ -3998,33 +4180,33 @@
3998
4180
  text-align: center;
3999
4181
  text-overflow: ellipsis;
4000
4182
  }
4001
- .Tag-module__hop-Tag__badge___qJRsU {
4183
+ .Tag-module__hop-Tag__badge___Peurj {
4002
4184
  flex: 0 0 auto;
4003
4185
  order: 4;
4004
4186
  margin-inline-end: var(--badge-margin-inline-end);
4005
4187
  }
4006
- .Tag-module__hop-Tag__badge___qJRsU[data-variant=secondary] {
4188
+ .Tag-module__hop-Tag___6kkA1 .Tag-module__hop-Tag__badge___Peurj[data-variant=subdued] {
4007
4189
  margin-inline-start: var(--badge-secondary-margin-inline-start);
4008
4190
  color: inherit;
4009
4191
  background: none;
4010
4192
  }
4011
- .Tag-module__hop-Tag--sm___e6uUD .Tag-module__hop-Tag__badge___qJRsU {
4193
+ .Tag-module__hop-Tag--sm___ZpTSw .Tag-module__hop-Tag__badge___Peurj {
4012
4194
  block-size: 100%;
4013
4195
  }
4014
- .Tag-module__hop-Tag__remove-btn___N4NWZ,
4015
- .Tag-module__hop-Tag__Spinner___bw0F4 {
4196
+ .Tag-module__hop-Tag__remove-btn___Xo1UQ,
4197
+ .Tag-module__hop-Tag__Spinner___CK3eL {
4016
4198
  flex: 0 0 auto;
4017
4199
  order: 5;
4018
4200
  }
4019
- .Tag-module__hop-Tag__Spinner___bw0F4 {
4201
+ .Tag-module__hop-Tag__Spinner___CK3eL {
4020
4202
  margin-inline-end: var(--spinner-margin-inline-end);
4021
4203
  }
4022
- .Tag-module__hop-Tag__remove-btn___N4NWZ {
4204
+ .Tag-module__hop-Tag__remove-btn___Xo1UQ {
4023
4205
  margin-inline: var(--clear-btn-margin-inline);
4024
4206
  }
4025
4207
 
4026
4208
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/tag/src/TagGroup.module.css/#css-module-data */
4027
- .TagGroup-module__hop-TagGroup___1JF88 {
4209
+ .TagGroup-module__hop-TagGroup___td3l- {
4028
4210
  --hop-TagGroup-row-gap: var(--hop-space-inline-sm);
4029
4211
  --hop-TagGroup-list-column-gap: var(--hop-space-inline-sm);
4030
4212
  --hop-TagGroup-list-row-gap: var(--hop-space-inline-sm);
@@ -4044,10 +4226,10 @@
4044
4226
  inline-size: max-content;
4045
4227
  max-inline-size: 100%;
4046
4228
  }
4047
- .TagGroup-module__hop-TagGroup___1JF88 > .TagGroup-module__hop-TagGroup__label___ktkn2 {
4229
+ .TagGroup-module__hop-TagGroup___td3l- > .TagGroup-module__hop-TagGroup__label___e3DCJ {
4048
4230
  order: 1;
4049
4231
  }
4050
- .TagGroup-module__hop-TagGroup__list___KfOWe {
4232
+ .TagGroup-module__hop-TagGroup__list___EqUHr {
4051
4233
  display: flex;
4052
4234
  flex-wrap: wrap;
4053
4235
  gap: var(--list-row-gap) var(--list-column-gap);
@@ -4056,24 +4238,24 @@
4056
4238
  border-radius: var(--list-border-radius);
4057
4239
  outline: none;
4058
4240
  }
4059
- .TagGroup-module__hop-TagGroup__list___KfOWe[data-focus-visible] {
4241
+ .TagGroup-module__hop-TagGroup__list___EqUHr[data-focus-visible] {
4060
4242
  outline: 0.125rem solid var(--list-focus-ring-color);
4061
4243
  outline-offset: 0.125rem;
4062
4244
  }
4063
- .TagGroup-module__hop-TagGroup___1JF88 > .TagGroup-module__hop-TagGroup__error-message___biZ4y,
4064
- .TagGroup-module__hop-TagGroup___1JF88 > .TagGroup-module__hop-TagGroup__helper-message___qcq0h {
4245
+ .TagGroup-module__hop-TagGroup___td3l- > .TagGroup-module__hop-TagGroup__error-message___2FN5L,
4246
+ .TagGroup-module__hop-TagGroup___td3l- > .TagGroup-module__hop-TagGroup__helper-message___8cR86 {
4065
4247
  order: 3;
4066
4248
  }
4067
4249
 
4068
4250
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/overlays/Popover/src/Popover.module.css/#css-module-data */
4069
- :where(.Popover-module__hop-Popover___VDTYB *) {
4251
+ :where(.Popover-module__hop-Popover___gUuqE *) {
4070
4252
  font-family: var(--font-family);
4071
4253
  font-size: var(--font-size);
4072
4254
  font-weight: var(--font-weight);
4073
4255
  line-height: var(--line-height);
4074
4256
  outline: none;
4075
4257
  }
4076
- .Popover-module__hop-Popover___VDTYB {
4258
+ .Popover-module__hop-Popover___gUuqE {
4077
4259
  --hop-Popover-max-inline-width: calc(100% - (var(--container-padding) * 2));
4078
4260
  --hop-Popover-inline-width: 25rem;
4079
4261
  --hop-Popover-dropdown-inline-width: var(--trigger-width);
@@ -4085,19 +4267,19 @@
4085
4267
  inline-size: var(--width);
4086
4268
  max-inline-size: var(--max-width);
4087
4269
  }
4088
- .Popover-module__hop-Popover___VDTYB[data-trigger=Select] {
4270
+ .Popover-module__hop-Popover___gUuqE[data-trigger=Select] {
4089
4271
  --width: var(--hop-Popover-dropdown-inline-width);
4090
4272
  }
4091
- .Popover-module__hop-Popover___VDTYB[data-auto-width] {
4273
+ .Popover-module__hop-Popover___gUuqE[data-auto-width] {
4092
4274
  --width: var(--hop-Popover-dropdown-auto-inline-width);
4093
4275
  }
4094
- .Popover-module__hop-Popover___VDTYB[data-entering] {
4095
- animation: Popover-module__fade___uwIjr 0.25s;
4276
+ .Popover-module__hop-Popover___gUuqE[data-entering] {
4277
+ animation: Popover-module__fade___ByoOf 0.25s;
4096
4278
  }
4097
- .Popover-module__hop-Popover___VDTYB[data-exiting] {
4098
- animation: Popover-module__fade___uwIjr 0.25s reverse;
4279
+ .Popover-module__hop-Popover___gUuqE[data-exiting] {
4280
+ animation: Popover-module__fade___ByoOf 0.25s reverse;
4099
4281
  }
4100
- @keyframes Popover-module__fade___uwIjr {
4282
+ @keyframes Popover-module__fade___ByoOf {
4101
4283
  from {
4102
4284
  opacity: 0;
4103
4285
  }
@@ -4105,14 +4287,14 @@
4105
4287
  opacity: 1;
4106
4288
  }
4107
4289
  }
4108
- .Popover-module__hop-Popover__wrapper___rBazX {
4290
+ .Popover-module__hop-Popover__wrapper___PUZxp {
4109
4291
  display: flex;
4110
4292
  flex: 1 1 auto;
4111
4293
  flex-direction: column;
4112
4294
  min-block-size: 0;
4113
4295
  }
4114
- .Popover-module__hop-Popover__dialog___6ncUU,
4115
- .Popover-module__hop-Popover__dropdown___kjrcJ {
4296
+ .Popover-module__hop-Popover__dialog___sW-hf,
4297
+ .Popover-module__hop-Popover__dropdown___fQSFy {
4116
4298
  --hop-Popover-background: var(--hop-neutral-surface);
4117
4299
  --hop-Popover-font-family: var(--hop-body-sm-font-family);
4118
4300
  --hop-Popover-font-size: var(--hop-body-sm-font-size);
@@ -4158,20 +4340,20 @@
4158
4340
  border-radius: var(--hop-Popover-border-radius);
4159
4341
  box-shadow: var(--hop-Popover-box-shadow);
4160
4342
  }
4161
- .Popover-module__hop-Popover__dropdown___kjrcJ {
4343
+ .Popover-module__hop-Popover__dropdown___fQSFy {
4162
4344
  --footer-margin: var(--hop-Popover-footer-dropdown-margin);
4163
4345
  --footer-place-self: stretch;
4164
4346
  --grid-template: var(--hop-Popover-dropdown-grid-template);
4165
4347
  --padding: var(--hop-Popover-dropdown-padding);
4166
4348
  }
4167
- .Popover-module__hop-Popover__dialog___6ncUU {
4349
+ .Popover-module__hop-Popover__dialog___sW-hf {
4168
4350
  --padding: var(--hop-Popover-dialog-padding);
4169
4351
  }
4170
- .Popover-module__hop-Popover__title___qZBhF {
4352
+ .Popover-module__hop-Popover__title___kUozx {
4171
4353
  grid-area: header;
4172
4354
  color: var(--hop-Popover-color);
4173
4355
  }
4174
- .Popover-module__hop-Popover__content___e35rK {
4356
+ .Popover-module__hop-Popover__content___lGFNJ {
4175
4357
  --font-size: var(--hop-Popover-content-font-size);
4176
4358
  --line-height: var(--hop-Popover-content-line-height);
4177
4359
  grid-area: content;
@@ -4180,7 +4362,7 @@
4180
4362
  padding: 0;
4181
4363
  color: var(--hop-Popover-content-color);
4182
4364
  }
4183
- .Popover-module__hop-Popover__dropdown___kjrcJ .Popover-module__hop-Popover__list-box___uD0ue {
4365
+ .Popover-module__hop-Popover__dropdown___fQSFy .Popover-module__hop-Popover__list-box___3a8GD {
4184
4366
  grid-area: content;
4185
4367
  inline-size: auto;
4186
4368
  min-inline-size: auto;
@@ -4189,7 +4371,7 @@
4189
4371
  padding: 0;
4190
4372
  border: none;
4191
4373
  }
4192
- .Popover-module__hop-Popover__footer___OyNk- {
4374
+ .Popover-module__hop-Popover__footer___OfxU- {
4193
4375
  --font-size: var(--hop-Popover-footer-font-size);
4194
4376
  --line-height: var(--hop-Popover-footer-line-height);
4195
4377
  grid-area: footer;
@@ -4197,22 +4379,22 @@
4197
4379
  margin: var(--footer-margin);
4198
4380
  color: var(--hop-Popover-color);
4199
4381
  }
4200
- .Popover-module__hop-Popover__dropdown___kjrcJ .Popover-module__hop-Popover__footer___OyNk- {
4382
+ .Popover-module__hop-Popover__dropdown___fQSFy .Popover-module__hop-Popover__footer___OfxU- {
4201
4383
  padding: var(--hop-Popover-footer-dropdown-footer-padding);
4202
4384
  border-block-start: var(--hop-Popover-footer-dropdown-footer-border-top);
4203
4385
  }
4204
- .Popover-module__hop-Popover__actions___l8RIe,
4205
- .Popover-module__hop-Popover__action___xdB8e {
4386
+ .Popover-module__hop-Popover__actions___dmf8x,
4387
+ .Popover-module__hop-Popover__action___DxkKZ {
4206
4388
  grid-area: action;
4207
4389
  justify-self: end;
4208
4390
  margin-block-start: var(--hop-Popover-row-gap);
4209
4391
  }
4210
- .Popover-module__hop-Popover___VDTYB:has(.Popover-module__hop-Popover__actions___l8RIe, .Popover-module__hop-Popover__action___xdB8e) .Popover-module__hop-Popover__footer___OyNk- {
4392
+ .Popover-module__hop-Popover___gUuqE:has(.Popover-module__hop-Popover__actions___dmf8x, .Popover-module__hop-Popover__action___DxkKZ) .Popover-module__hop-Popover__footer___OfxU- {
4211
4393
  margin-inline-end: var(--hop-Popover-column-gap);
4212
4394
  }
4213
4395
 
4214
4396
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Select/src/SelectValue.module.css/#css-module-data */
4215
- .SelectValue-module__hop-SelectValue___vmhD5 {
4397
+ .SelectValue-module__hop-SelectValue___aeUo4 {
4216
4398
  --hop-SelectValue-display: flex;
4217
4399
  --hop-SelectValue-column-gap: var(--hop-space-inline-sm);
4218
4400
  overflow: hidden;
@@ -4224,13 +4406,13 @@
4224
4406
  text-overflow: ellipsis;
4225
4407
  white-space: nowrap;
4226
4408
  }
4227
- .SelectValue-module__hop-SelectValue__avatar___LzO40 {
4409
+ .SelectValue-module__hop-SelectValue__avatar___ydj2c {
4228
4410
  order: 1;
4229
4411
  }
4230
- .SelectValue-module__hop-SelectValue__icon___2SitP {
4412
+ .SelectValue-module__hop-SelectValue__icon___sLKo8 {
4231
4413
  order: 2;
4232
4414
  }
4233
- .SelectValue-module__hop-SelectValue__text___yJC6I {
4415
+ .SelectValue-module__hop-SelectValue__text___MvBWs {
4234
4416
  overflow: hidden;
4235
4417
  flex: 1 1 auto;
4236
4418
  order: 3;
@@ -4238,12 +4420,12 @@
4238
4420
  text-overflow: ellipsis;
4239
4421
  white-space: nowrap;
4240
4422
  }
4241
- .SelectValue-module__hop-SelectValue__end-icon___3K-em {
4423
+ .SelectValue-module__hop-SelectValue__end-icon___sApM8 {
4242
4424
  order: 4;
4243
4425
  }
4244
4426
 
4245
4427
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Select/src/Select.module.css/#css-module-data */
4246
- .Select-module__hop-Select___-8SYI {
4428
+ .Select-module__hop-Select___NY-PE {
4247
4429
  --hop-Select-row-gap: var(--hop-space-stack-xs);
4248
4430
  --hop-Select-inline-size: 20rem;
4249
4431
  --hop-Select-inline-size-fluid: 100%;
@@ -4294,13 +4476,13 @@
4294
4476
  inline-size: var(--inline-size);
4295
4477
  max-inline-size: var(--hop-Select-max-inline-size);
4296
4478
  }
4297
- .Select-module__hop-Select--fluid___xc7Ku {
4479
+ .Select-module__hop-Select--fluid___Spz5C {
4298
4480
  --inline-size: var(--hop-Select-inline-size-fluid);
4299
4481
  }
4300
- .Select-module__hop-Select__label___g3Dp1 {
4482
+ .Select-module__hop-Select__label___2D4bX {
4301
4483
  order: 1;
4302
4484
  }
4303
- .Select-module__hop-Select__button___bVgEW {
4485
+ .Select-module__hop-Select__button___Go9H0 {
4304
4486
  cursor: var(--button-cursor);
4305
4487
  display: flex;
4306
4488
  column-gap: var(--hop-Select-button-column-gap);
@@ -4316,28 +4498,28 @@
4316
4498
  border-radius: var(--hop-Select-button-border-radius);
4317
4499
  outline: none;
4318
4500
  }
4319
- .Select-module__hop-Select__button--sm___lAmUR {
4501
+ .Select-module__hop-Select__button--sm___EbGeY {
4320
4502
  --button-block-size: var(--hop-Select-button-sm-block-size);
4321
4503
  }
4322
- .Select-module__hop-Select__button--md___imFfM {
4504
+ .Select-module__hop-Select__button--md___cdeXg {
4323
4505
  --button-block-size: var(--hop-Select-button-md-block-size);
4324
4506
  }
4325
- .Select-module__hop-Select__button___bVgEW[data-hovered] {
4507
+ .Select-module__hop-Select__button___Go9H0[data-hovered] {
4326
4508
  --button-background-color: var(--hop-Select-button-background-color-hovered);
4327
4509
  --button-border-color: var(--hop-Select-button-border-color-hovered);
4328
4510
  --button-color: var(--hop-Select-button-color-hovered);
4329
4511
  --button-icon-color: var(--hop-Select-button-icon-color-hovered);
4330
4512
  }
4331
- .Select-module__hop-Select__button___bVgEW[data-pressed] {
4513
+ .Select-module__hop-Select__button___Go9H0[data-pressed] {
4332
4514
  --button-background-color: var(--hop-Select-button-background-color-selected);
4333
4515
  --button-border-color: var(--hop-Select-button-border-color-selected);
4334
4516
  --button-color: var(--hop-Select-button-color-selected);
4335
4517
  --button-icon-color: var(--hop-Select-button-icon-color-selected);
4336
4518
  }
4337
- .Select-module__hop-Select__button___bVgEW[data-invalid] {
4519
+ .Select-module__hop-Select__button___Go9H0[data-invalid] {
4338
4520
  --button-border-color: var(--hop-Select-button-border-color-invalid);
4339
4521
  }
4340
- .Select-module__hop-Select__button___bVgEW[data-focus-visible] {
4522
+ .Select-module__hop-Select__button___Go9H0[data-focus-visible] {
4341
4523
  --button-background-color: var(--hop-Select-button-background-color-focused);
4342
4524
  --button-border-color: var(--hop-Select-button-border-color-focused);
4343
4525
  --button-color: var(--hop-Select-button-color-focused);
@@ -4345,24 +4527,24 @@
4345
4527
  outline: var(--hop-Select-button-border-size) solid var(--hop-Select-button-outline-color-focused);
4346
4528
  outline-offset: -0.125rem;
4347
4529
  }
4348
- .Select-module__hop-Select__button___bVgEW:has([data-placeholder]) {
4530
+ .Select-module__hop-Select__button___Go9H0:has([data-placeholder]) {
4349
4531
  --button-color: var(--hop-Select-button-placeholder-color);
4350
4532
  }
4351
- .Select-module__hop-Select__button___bVgEW[data-disabled] {
4533
+ .Select-module__hop-Select__button___Go9H0[data-disabled] {
4352
4534
  --button-background-color: var(--hop-Select-button-background-color-disabled);
4353
4535
  --button-border-color: var(--hop-Select-button-border-color-disabled);
4354
4536
  --button-color: var(--hop-Select-button-color-disabled);
4355
4537
  --button-icon-color: var(--hop-Select-button-icon-color-disabled);
4356
4538
  --button-cursor: var(--hop-Select-button-cursor-disabled);
4357
4539
  }
4358
- .Select-module__hop-Select__prefix___IpM32 {
4540
+ .Select-module__hop-Select__prefix___2TSOS {
4359
4541
  color: var(--hop-Select-prefix-color);
4360
4542
  }
4361
- .Select-module__hop-Select__button-icon___nOSOw {
4543
+ .Select-module__hop-Select__button-icon___aX0YH {
4362
4544
  margin-inline-start: auto;
4363
4545
  color: var(--button-icon-color);
4364
4546
  }
4365
- .Select-module__hop-Select__helper-message___sMWir,
4366
- .Select-module__hop-Select__error-message___co23W {
4547
+ .Select-module__hop-Select__helper-message___lx7SC,
4548
+ .Select-module__hop-Select__error-message___00F7I {
4367
4549
  order: 3;
4368
4550
  }