@hopper-ui/components 1.3.4 → 1.3.6

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 (212) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/Avatar/src/AnonymousAvatar.css +10 -10
  3. package/dist/Avatar/src/AnonymousAvatar.d.ts +8 -2
  4. package/dist/Avatar/src/AnonymousAvatar.js +4 -2
  5. package/dist/Avatar/src/Avatar.css +37 -37
  6. package/dist/Avatar/src/Avatar.d.ts +8 -2
  7. package/dist/Avatar/src/Avatar.js +5 -3
  8. package/dist/Avatar/src/DeletedAvatar.css +10 -10
  9. package/dist/Avatar/src/DeletedAvatar.d.ts +8 -2
  10. package/dist/Avatar/src/DeletedAvatar.js +4 -2
  11. package/dist/Avatar/src/RichIconAvatarImage.css +10 -10
  12. package/dist/Avatar/src/RichIconAvatarImage.d.ts +9 -2
  13. package/dist/Avatar/src/RichIconAvatarImage.js +3 -1
  14. package/dist/Avatar/src/index.css +37 -37
  15. package/dist/Avatar/src/index.js +7 -5
  16. package/dist/Badge/src/Badge.css +21 -21
  17. package/dist/Badge/src/Badge.d.ts +24 -2
  18. package/dist/Badge/src/Badge.js +4 -2
  19. package/dist/Badge/src/FloatingBadge.css +10 -10
  20. package/dist/Badge/src/FloatingBadge.d.ts +2 -2
  21. package/dist/Badge/src/FloatingBadge.js +1 -1
  22. package/dist/Badge/src/index.css +31 -31
  23. package/dist/Badge/src/index.js +5 -3
  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 +4 -3
  30. package/dist/ErrorMessage/src/index.css +11 -11
  31. package/dist/ErrorMessage/src/index.js +4 -3
  32. package/dist/Form/src/Form.css +1069 -650
  33. package/dist/Form/src/Form.js +57 -55
  34. package/dist/Form/src/index.css +1069 -650
  35. package/dist/Form/src/index.js +57 -55
  36. package/dist/Header/src/Header.d.ts +2 -2
  37. package/dist/HelperMessage/src/HelperMessage.css +11 -11
  38. package/dist/HelperMessage/src/HelperMessage.js +2 -2
  39. package/dist/HelperMessage/src/index.css +11 -11
  40. package/dist/HelperMessage/src/index.js +2 -2
  41. package/dist/IconList/src/IconList.css +1 -1
  42. package/dist/IconList/src/IconList.d.ts +2 -2
  43. package/dist/IconList/src/IconList.js +1 -1
  44. package/dist/IconList/src/index.css +1 -1
  45. package/dist/IconList/src/index.js +1 -1
  46. package/dist/Link/src/Link.css +31 -31
  47. package/dist/Link/src/Link.js +3 -3
  48. package/dist/Link/src/index.css +31 -31
  49. package/dist/Link/src/index.js +3 -3
  50. package/dist/ListBox/src/ListBox.css +613 -222
  51. package/dist/ListBox/src/ListBox.js +9 -16
  52. package/dist/ListBox/src/ListBoxItem.css +598 -207
  53. package/dist/ListBox/src/ListBoxItem.js +7 -15
  54. package/dist/ListBox/src/ListBoxItemSkeleton.css +7 -7
  55. package/dist/ListBox/src/ListBoxItemSkeleton.d.ts +2 -2
  56. package/dist/ListBox/src/ListBoxItemSkeleton.js +1 -1
  57. package/dist/ListBox/src/index.css +613 -222
  58. package/dist/ListBox/src/index.js +9 -16
  59. package/dist/Select/src/Select.css +1069 -650
  60. package/dist/Select/src/Select.js +57 -55
  61. package/dist/Select/src/SelectValue.css +60 -60
  62. package/dist/Select/src/SelectValue.js +7 -7
  63. package/dist/Select/src/index.css +1069 -650
  64. package/dist/Select/src/index.js +57 -55
  65. package/dist/Spinner/src/Spinner.css +19 -19
  66. package/dist/Spinner/src/Spinner.d.ts +2 -2
  67. package/dist/Spinner/src/Spinner.js +3 -3
  68. package/dist/Spinner/src/index.css +19 -19
  69. package/dist/Spinner/src/index.js +3 -3
  70. package/dist/buttons/src/Button.css +94 -94
  71. package/dist/buttons/src/Button.js +5 -5
  72. package/dist/buttons/src/ButtonGroup.css +11 -11
  73. package/dist/buttons/src/ButtonGroup.js +1 -1
  74. package/dist/buttons/src/ClearButton.css +71 -71
  75. package/dist/buttons/src/ClearButton.js +2 -2
  76. package/dist/buttons/src/EmbeddedButton.css +71 -71
  77. package/dist/buttons/src/EmbeddedButton.js +1 -1
  78. package/dist/buttons/src/index.css +176 -176
  79. package/dist/buttons/src/index.js +8 -8
  80. package/dist/checkbox/src/Checkbox.css +28 -31
  81. package/dist/checkbox/src/Checkbox.d.ts +1 -3
  82. package/dist/checkbox/src/Checkbox.js +3 -3
  83. package/dist/checkbox/src/CheckboxContext.d.ts +0 -2
  84. package/dist/checkbox/src/CheckboxField.css +15 -15
  85. package/dist/checkbox/src/CheckboxField.d.ts +8 -2
  86. package/dist/checkbox/src/CheckboxField.js +3 -1
  87. package/dist/checkbox/src/CheckboxGroup.css +256 -60
  88. package/dist/checkbox/src/CheckboxGroup.js +3 -3
  89. package/dist/checkbox/src/CheckboxList.d.ts +2 -2
  90. package/dist/checkbox/src/DecorativeCheckbox.css +287 -0
  91. package/dist/checkbox/src/DecorativeCheckbox.d.ts +18 -0
  92. package/dist/checkbox/src/DecorativeCheckbox.js +12 -0
  93. package/dist/checkbox/src/index.css +256 -60
  94. package/dist/checkbox/src/index.d.ts +1 -0
  95. package/dist/checkbox/src/index.js +8 -6
  96. package/dist/{chunk-K7RMLEFM.js → chunk-23GXMA5L.js} +3 -3
  97. package/dist/{chunk-C4X5PI6E.js → chunk-32QBNIEM.js} +1 -1
  98. package/dist/{chunk-M5XA2PEG.js → chunk-3K2JRC5Y.js} +1 -1
  99. package/dist/{chunk-7CT2IBNY.js → chunk-46GSYJ4O.js} +5 -5
  100. package/dist/{chunk-UWR4QQYY.js → chunk-4RSRAAPW.js} +15 -13
  101. package/dist/{chunk-3HABKGTW.js → chunk-4U7DCAUG.js} +23 -15
  102. package/dist/{chunk-YYU3DZW3.js → chunk-56UB7UOG.js} +1 -1
  103. package/dist/{chunk-BYEORLMA.js → chunk-5RHMPFIJ.js} +4 -4
  104. package/dist/chunk-6W5XVFIS.js +127 -0
  105. package/dist/{chunk-QYKLMSBR.js → chunk-6XHZ6XI2.js} +5 -12
  106. package/dist/chunk-7L5HTRIH.js +130 -0
  107. package/dist/{chunk-43LD4A2H.js → chunk-7MB63YNF.js} +24 -16
  108. package/dist/{chunk-OZQT5F42.js → chunk-AAV7H2PI.js} +4 -4
  109. package/dist/{chunk-RMTA4M7X.js → chunk-C2IFIGEU.js} +4 -10
  110. package/dist/{chunk-CJU6B2CE.js → chunk-CGL75FSH.js} +17 -28
  111. package/dist/{chunk-LLQHZY4A.js → chunk-CVYYW7J4.js} +2 -2
  112. package/dist/{chunk-LUE3SWJ2.js → chunk-D7KHPU3U.js} +1 -1
  113. package/dist/{chunk-C77ZSLQG.js → chunk-DZZ4WWRN.js} +2 -2
  114. package/dist/{chunk-MDUON6B4.js → chunk-EUXXCRBZ.js} +1 -1
  115. package/dist/{chunk-NJD5XPQF.js → chunk-FE6YBJMN.js} +4 -4
  116. package/dist/{chunk-IZJI5MOD.js → chunk-FU2IY2JF.js} +25 -18
  117. package/dist/{chunk-MB52JXEM.js → chunk-G6W6FNEX.js} +3 -3
  118. package/dist/{chunk-KPHI7JZW.js → chunk-HXMMNMFV.js} +4 -4
  119. package/dist/{chunk-2L4JHF4B.js → chunk-ICGQUOUM.js} +1 -1
  120. package/dist/{chunk-746OLQYL.js → chunk-KIZSSIMT.js} +3 -3
  121. package/dist/{chunk-GLSPSFBC.js → chunk-LDWNFZXA.js} +1 -1
  122. package/dist/{chunk-V7RSOERT.js → chunk-LEPWFS5L.js} +4 -10
  123. package/dist/{chunk-NLLH6YL3.js → chunk-MYAC6TLH.js} +1 -1
  124. package/dist/{chunk-Q2VOGHVA.js → chunk-NKZRZZMH.js} +1 -1
  125. package/dist/{chunk-7HQIQPIT.js → chunk-NQYHB7S3.js} +5 -5
  126. package/dist/{chunk-24TFXRVQ.js → chunk-NUB4BYRF.js} +22 -12
  127. package/dist/{chunk-TXW35G4W.js → chunk-NZKS5OKD.js} +22 -13
  128. package/dist/{chunk-LEG7NAKL.js → chunk-ODXA2UZN.js} +28 -15
  129. package/dist/{chunk-XTQ3H3SE.js → chunk-OGIBVQFW.js} +22 -14
  130. package/dist/{chunk-L7K2RI3N.js → chunk-OMF56Z2Y.js} +2 -2
  131. package/dist/{chunk-F2UGOH5F.js → chunk-PNWMICY7.js} +1 -1
  132. package/dist/{chunk-OZRPGA34.js → chunk-QLR77TGC.js} +1 -1
  133. package/dist/{chunk-AGLZTGGC.js → chunk-R4LJYEOV.js} +5 -5
  134. package/dist/{chunk-BITEHGS4.js → chunk-RDPNKPZ3.js} +23 -11
  135. package/dist/{chunk-5BCWNYYC.js → chunk-SSCVAJ2H.js} +4 -4
  136. package/dist/{chunk-37572JO3.js → chunk-UJVTDWNG.js} +11 -11
  137. package/dist/{chunk-36KWPNRH.js → chunk-YZ676IC2.js} +5 -5
  138. package/dist/{chunk-ZGJENXEU.js → chunk-ZSOGDKV5.js} +1 -1
  139. package/dist/index.css +1069 -650
  140. package/dist/index.d.ts +3 -1
  141. package/dist/index.js +57 -55
  142. package/dist/inputs/src/InputGroup.css +191 -191
  143. package/dist/inputs/src/InputGroup.js +1 -1
  144. package/dist/inputs/src/NumberField.css +231 -231
  145. package/dist/inputs/src/NumberField.d.ts +0 -4
  146. package/dist/inputs/src/NumberField.js +7 -7
  147. package/dist/inputs/src/PasswordField.css +219 -219
  148. package/dist/inputs/src/PasswordField.js +9 -9
  149. package/dist/inputs/src/SearchField.css +225 -225
  150. package/dist/inputs/src/SearchField.js +9 -9
  151. package/dist/inputs/src/TextArea.css +225 -225
  152. package/dist/inputs/src/TextArea.js +7 -7
  153. package/dist/inputs/src/TextField.css +223 -223
  154. package/dist/inputs/src/TextField.js +9 -9
  155. package/dist/inputs/src/index.css +271 -271
  156. package/dist/inputs/src/index.js +14 -14
  157. package/dist/layout/src/Content.d.ts +2 -2
  158. package/dist/layout/src/Footer.d.ts +2 -2
  159. package/dist/overlays/Popover/src/Popover.css +1069 -650
  160. package/dist/overlays/Popover/src/Popover.d.ts +2 -2
  161. package/dist/overlays/Popover/src/Popover.js +57 -55
  162. package/dist/overlays/Popover/src/index.css +1069 -650
  163. package/dist/overlays/Popover/src/index.js +57 -55
  164. package/dist/radio/src/DecorativeRadio.css +286 -0
  165. package/dist/radio/src/DecorativeRadio.d.ts +18 -0
  166. package/dist/radio/src/DecorativeRadio.js +12 -0
  167. package/dist/radio/src/Radio.css +28 -31
  168. package/dist/radio/src/Radio.d.ts +1 -3
  169. package/dist/radio/src/Radio.js +3 -3
  170. package/dist/radio/src/RadioContext.d.ts +0 -2
  171. package/dist/radio/src/RadioField.css +15 -15
  172. package/dist/radio/src/RadioField.d.ts +8 -2
  173. package/dist/radio/src/RadioField.js +4 -2
  174. package/dist/radio/src/RadioGroup.css +255 -60
  175. package/dist/radio/src/RadioGroup.js +4 -4
  176. package/dist/radio/src/RadioList.d.ts +2 -2
  177. package/dist/radio/src/index.css +255 -60
  178. package/dist/radio/src/index.d.ts +1 -0
  179. package/dist/radio/src/index.js +10 -8
  180. package/dist/switch/src/Switch.css +25 -25
  181. package/dist/switch/src/Switch.js +3 -3
  182. package/dist/switch/src/SwitchField.css +15 -15
  183. package/dist/switch/src/SwitchField.d.ts +8 -2
  184. package/dist/switch/src/SwitchField.js +3 -1
  185. package/dist/switch/src/index.css +31 -31
  186. package/dist/switch/src/index.js +5 -4
  187. package/dist/tag/src/Tag.css +323 -323
  188. package/dist/tag/src/Tag.js +6 -6
  189. package/dist/tag/src/TagGroup.css +22 -22
  190. package/dist/tag/src/TagGroup.js +2 -2
  191. package/dist/tag/src/index.css +336 -336
  192. package/dist/tag/src/index.js +9 -9
  193. package/dist/typography/Heading/src/Heading.css +9 -9
  194. package/dist/typography/Heading/src/Heading.js +1 -1
  195. package/dist/typography/Heading/src/index.css +9 -9
  196. package/dist/typography/Heading/src/index.js +1 -1
  197. package/dist/typography/Label/src/Label.css +3 -3
  198. package/dist/typography/Label/src/Label.js +1 -1
  199. package/dist/typography/Label/src/index.css +3 -3
  200. package/dist/typography/Label/src/index.js +1 -1
  201. package/dist/typography/OverlineText/src/OverlineText.css +6 -6
  202. package/dist/typography/OverlineText/src/OverlineText.js +1 -1
  203. package/dist/typography/OverlineText/src/index.css +6 -6
  204. package/dist/typography/OverlineText/src/index.js +1 -1
  205. package/dist/typography/Text/src/Text.css +9 -9
  206. package/dist/typography/Text/src/Text.js +1 -1
  207. package/dist/typography/Text/src/index.css +9 -9
  208. package/dist/typography/Text/src/index.js +1 -1
  209. package/dist/utils/src/index.d.ts +1 -1
  210. package/dist/utils/src/index.js +2 -2
  211. package/dist/utils/src/types.d.ts +30 -6
  212. package/package.json +4 -4
@@ -1,5 +1,8 @@
1
+ @import "@hopper-ui/icons/index.css";
2
+ @import "@hopper-ui/styled-system/index.css";
3
+
1
4
  /* 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___CDjsJ) {
5
+ :where(.OverlineText-module__hop-OverlineText___a-rdM) {
3
6
  --hop-OverlineText-font-family: var(--hop-overline-font-family);
4
7
  --hop-OverlineText-font-size: var(--hop-overline-font-size);
5
8
  --hop-OverlineText-font-weight: var(--hop-overline-font-weight);
@@ -23,26 +26,26 @@
23
26
  text-transform: uppercase;
24
27
  letter-spacing: var(--letter-spacing);
25
28
  }
26
- .OverlineText-module__hop-OverlineText__text___6sNbK {
29
+ .OverlineText-module__hop-OverlineText__text___3-D9M {
27
30
  box-sizing: border-box;
28
31
  }
29
- .OverlineText-module__hop-OverlineText__text___6sNbK::before,
30
- .OverlineText-module__hop-OverlineText__text___6sNbK::after {
32
+ .OverlineText-module__hop-OverlineText__text___3-D9M::before,
33
+ .OverlineText-module__hop-OverlineText__text___3-D9M::after {
31
34
  content: "";
32
35
  display: block;
33
36
  box-sizing: border-box;
34
37
  inline-size: 0;
35
38
  block-size: 0;
36
39
  }
37
- .OverlineText-module__hop-OverlineText__text___6sNbK::before {
40
+ .OverlineText-module__hop-OverlineText__text___3-D9M::before {
38
41
  margin-block-end: var(--bottom-offset);
39
42
  }
40
- .OverlineText-module__hop-OverlineText__text___6sNbK::after {
43
+ .OverlineText-module__hop-OverlineText__text___3-D9M::after {
41
44
  margin-block-start: var(--top-offset);
42
45
  }
43
46
 
44
47
  /* 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___R1VU8 {
48
+ .Badge-module__hop-Badge___RGKDc {
46
49
  --hop-Badge-height: 1.5rem;
47
50
  --hop-Badge-width: max-content;
48
51
  --hop-Badge-padding-inline: var(--hop-space-inset-sm);
@@ -92,67 +95,67 @@
92
95
  background-color: var(--background-color, var(--hop-Badge-primary-background-color));
93
96
  border-radius: var(--border-radius);
94
97
  }
95
- .Badge-module__hop-Badge___R1VU8[data-variant=primary] {
98
+ .Badge-module__hop-Badge___RGKDc[data-variant=primary] {
96
99
  --background-color: var(--hop-Badge-primary-background-color);
97
100
  --text-color: var(--hop-Badge-primary-text-color);
98
101
  }
99
- .Badge-module__hop-Badge___R1VU8[data-hovered][data-variant=primary] {
102
+ .Badge-module__hop-Badge___RGKDc[data-hovered][data-variant=primary] {
100
103
  --background-color: var(--hop-Badge-primary-background-color-hovered);
101
104
  --text-color: var(--hop-Badge-primary-text-color-hovered);
102
105
  }
103
- .Badge-module__hop-Badge___R1VU8[data-pressed][data-variant=primary] {
106
+ .Badge-module__hop-Badge___RGKDc[data-pressed][data-variant=primary] {
104
107
  --background-color: var(--hop-Badge-primary-background-color-pressed);
105
108
  --text-color: var(--hop-Badge-primary-text-color-pressed);
106
109
  }
107
- .Badge-module__hop-Badge___R1VU8[data-selected][data-variant=primary] {
110
+ .Badge-module__hop-Badge___RGKDc[data-selected][data-variant=primary] {
108
111
  --background-color: var(--hop-Badge-primary-background-color-selected);
109
112
  --text-color: var(--hop-Badge-primary-text-color-selected);
110
113
  }
111
- .Badge-module__hop-Badge___R1VU8[data-variant=secondary] {
114
+ .Badge-module__hop-Badge___RGKDc[data-variant=secondary] {
112
115
  --background-color: var(--hop-Badge-secondary-background-color);
113
116
  --text-color: var(--hop-Badge-secondary-text-color);
114
117
  }
115
- .Badge-module__hop-Badge___R1VU8[data-hovered][data-variant=secondary] {
118
+ .Badge-module__hop-Badge___RGKDc[data-hovered][data-variant=secondary] {
116
119
  --background-color: var(--hop-Badge-secondary-background-color-hovered);
117
120
  --text-color: var(--hop-Badge-secondary-text-color-hovered);
118
121
  }
119
- .Badge-module__hop-Badge___R1VU8[data-pressed][data-variant=secondary] {
122
+ .Badge-module__hop-Badge___RGKDc[data-pressed][data-variant=secondary] {
120
123
  --background-color: var(--hop-Badge-secondary-background-color-pressed);
121
124
  --text-color: var(--hop-Badge-secondary-text-color-pressed);
122
125
  }
123
- .Badge-module__hop-Badge___R1VU8[data-selected][data-variant=secondary] {
126
+ .Badge-module__hop-Badge___RGKDc[data-selected][data-variant=secondary] {
124
127
  --background-color: var(--hop-Badge-secondary-background-color-selected);
125
128
  --text-color: var(--hop-Badge-secondary-text-color-selected);
126
129
  }
127
- .Badge-module__hop-Badge___R1VU8[data-variant=subdued] {
130
+ .Badge-module__hop-Badge___RGKDc[data-variant=subdued] {
128
131
  --background-color: var(--hop-Badge-subdued-background-color);
129
132
  --text-color: var(--hop-Badge-subdued-text-color);
130
133
  }
131
- .Badge-module__hop-Badge___R1VU8[data-hovered][data-variant=subdued] {
134
+ .Badge-module__hop-Badge___RGKDc[data-hovered][data-variant=subdued] {
132
135
  --background-color: var(--hop-Badge-subdued-background-color-hovered);
133
136
  --text-color: var(--hop-Badge-subdued-text-color-hovered);
134
137
  }
135
- .Badge-module__hop-Badge___R1VU8[data-pressed][data-variant=subdued] {
138
+ .Badge-module__hop-Badge___RGKDc[data-pressed][data-variant=subdued] {
136
139
  --background-color: var(--hop-Badge-subdued-background-color-pressed);
137
140
  --text-color: var(--hop-Badge-subdued-text-color-pressed);
138
141
  }
139
- .Badge-module__hop-Badge___R1VU8[data-selected][data-variant=subdued] {
142
+ .Badge-module__hop-Badge___RGKDc[data-selected][data-variant=subdued] {
140
143
  --background-color: var(--hop-Badge-subdued-background-color-selected);
141
144
  --text-color: var(--hop-Badge-subdued-text-color-selected);
142
145
  }
143
- .Badge-module__hop-Badge___R1VU8[data-indeterminate] {
146
+ .Badge-module__hop-Badge___RGKDc[data-indeterminate] {
144
147
  --border-radius: var(--hop-Badge-indeterminate-border-radius);
145
148
  --height: var(--hop-Badge-indeterminate-height);
146
149
  --width: var(--hop-Badge-indeterminate-width);
147
150
  --padding-inline: var(--hop-Badge-indeterminate-padding-inline);
148
151
  }
149
- .Badge-module__hop-Badge___R1VU8[data-disabled] {
152
+ .Badge-module__hop-Badge___RGKDc[data-disabled] {
150
153
  --background-color: var(--hop-Badge-background-color-disabled);
151
154
  --text-color: var(--hop-Badge-text-color-disabled);
152
155
  }
153
156
 
154
157
  /* 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___NzvAY {
158
+ .FloatingBadge-module__hop-FloatingBadge___g-Sla {
156
159
  --hop-FloatingBadge-badge-x: calc(0% + var(--hop-FloatingBadge-offset-x));
157
160
  --hop-FloatingBadge-badge-circular-x: calc(10% + var(--hop-FloatingBadge-offset-x));
158
161
  --hop-FloatingBadge-badge-y: calc(0% + var(--hop-FloatingBadge-offset-y));
@@ -193,7 +196,7 @@
193
196
  box-sizing: border-box;
194
197
  inline-size: max-content;
195
198
  }
196
- .FloatingBadge-module__hop-FloatingBadge___NzvAY[data-placement="top right"] {
199
+ .FloatingBadge-module__hop-FloatingBadge___g-Sla[data-placement="top right"] {
197
200
  --badge-top: var(--hop-FloatingBadge-badge-topright-top);
198
201
  --badge-right: var(--hop-FloatingBadge-badge-topright-right);
199
202
  --badge-bottom: var(--hop-FloatingBadge-badge-topright-bottom);
@@ -201,11 +204,11 @@
201
204
  --badge-transform: var(--hop-FloatingBadge-badge-topright-transform);
202
205
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topright-transform-origin);
203
206
  }
204
- .FloatingBadge-module__hop-FloatingBadge___NzvAY[data-placement="top right"][data-overlap=circular] {
207
+ .FloatingBadge-module__hop-FloatingBadge___g-Sla[data-placement="top right"][data-overlap=circular] {
205
208
  --badge-top: var(--hop-FloatingBadge-badge-topright-circular-top);
206
209
  --badge-right: var(--hop-FloatingBadge-badge-topright-circular-right);
207
210
  }
208
- .FloatingBadge-module__hop-FloatingBadge___NzvAY[data-placement="top left"] {
211
+ .FloatingBadge-module__hop-FloatingBadge___g-Sla[data-placement="top left"] {
209
212
  --badge-top: var(--hop-FloatingBadge-badge-topleft-top);
210
213
  --badge-right: var(--hop-FloatingBadge-badge-topleft-right);
211
214
  --badge-bottom: var(--hop-FloatingBadge-badge-topleft-bottom);
@@ -213,11 +216,11 @@
213
216
  --badge-transform: var(--hop-FloatingBadge-badge-topleft-transform);
214
217
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topleft-transform-origin);
215
218
  }
216
- .FloatingBadge-module__hop-FloatingBadge___NzvAY[data-placement="top left"][data-overlap=circular] {
219
+ .FloatingBadge-module__hop-FloatingBadge___g-Sla[data-placement="top left"][data-overlap=circular] {
217
220
  --badge-top: var(--hop-FloatingBadge-badge-topleft-circular-top);
218
221
  --badge-left: var(--hop-FloatingBadge-badge-topleft-circular-left);
219
222
  }
220
- .FloatingBadge-module__hop-FloatingBadge___NzvAY[data-placement="bottom right"] {
223
+ .FloatingBadge-module__hop-FloatingBadge___g-Sla[data-placement="bottom right"] {
221
224
  --badge-top: var(--hop-FloatingBadge-badge-bottomright-top);
222
225
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-right);
223
226
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-bottom);
@@ -225,11 +228,11 @@
225
228
  --badge-transform: var(--hop-FloatingBadge-badge-bottomright-transform);
226
229
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomright-transform-origin);
227
230
  }
228
- .FloatingBadge-module__hop-FloatingBadge___NzvAY[data-placement="bottom right"][data-overlap=circular] {
231
+ .FloatingBadge-module__hop-FloatingBadge___g-Sla[data-placement="bottom right"][data-overlap=circular] {
229
232
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-circular-right);
230
233
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-circular-bottom);
231
234
  }
232
- .FloatingBadge-module__hop-FloatingBadge___NzvAY[data-placement="bottom left"] {
235
+ .FloatingBadge-module__hop-FloatingBadge___g-Sla[data-placement="bottom left"] {
233
236
  --badge-top: var(--hop-FloatingBadge-badge-bottomleft-top);
234
237
  --badge-right: var(--hop-FloatingBadge-badge-bottomleft-right);
235
238
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-bottom);
@@ -237,11 +240,11 @@
237
240
  --badge-transform: var(--hop-FloatingBadge-badge-bottomleft-transform);
238
241
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomleft-transform-origin);
239
242
  }
240
- .FloatingBadge-module__hop-FloatingBadge___NzvAY[data-placement="bottom left"][data-overlap=circular] {
243
+ .FloatingBadge-module__hop-FloatingBadge___g-Sla[data-placement="bottom left"][data-overlap=circular] {
241
244
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-circular-bottom);
242
245
  --badge-left: var(--hop-FloatingBadge-badge-bottomleft-circular-left);
243
246
  }
244
- .FloatingBadge-module__hop-FloatingBadge__badge___SFYzq {
247
+ .FloatingBadge-module__hop-FloatingBadge__badge___Vl-eq {
245
248
  position: absolute;
246
249
  inset: var(--badge-top) var(--badge-right) var(--badge-bottom) var(--badge-left);
247
250
  transform-origin: var(--badge-transform-origin);
@@ -249,7 +252,7 @@
249
252
  }
250
253
 
251
254
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Text/src/Text.module.css/#css-module-data */
252
- .Text-module__hop-Text___hALxd {
255
+ .Text-module__hop-Text___STL8w {
253
256
  --hop-Text-xs-font-size: var(--hop-body-xs-font-size);
254
257
  --hop-Text-xs-font-family: var(--hop-body-xs-font-family);
255
258
  --hop-Text-xs-font-weight: var(--hop-body-xs-font-weight);
@@ -279,49 +282,49 @@
279
282
  --hop-Text-inherit-size-font-weight: inherit;
280
283
  --hop-Text-inherit-size-line-height: inherit;
281
284
  }
282
- :where(.Text-module__hop-Text___hALxd) {
285
+ :where(.Text-module__hop-Text___STL8w) {
283
286
  font-family: var(--font-family);
284
287
  font-size: var(--font-size);
285
288
  font-weight: var(--font-weight);
286
289
  line-height: var(--line-height);
287
290
  }
288
- :where(.Text-module__hop-Text--xs___P0eO9) {
291
+ :where(.Text-module__hop-Text--xs___VMB69) {
289
292
  --font-size: var(--hop-Text-xs-font-size);
290
293
  --font-family: var(--hop-Text-xs-font-family);
291
294
  --font-weight: var(--hop-Text-xs-font-weight);
292
295
  --line-height: var(--hop-Text-xs-line-height);
293
296
  }
294
- :where(.Text-module__hop-Text--sm___gwyeW) {
297
+ :where(.Text-module__hop-Text--sm___qeScp) {
295
298
  --font-size: var(--hop-Text-sm-font-size);
296
299
  --font-family: var(--hop-Text-sm-font-family);
297
300
  --font-weight: var(--hop-Text-sm-font-weight);
298
301
  --line-height: var(--hop-Text-sm-line-height);
299
302
  }
300
- :where(.Text-module__hop-Text--md___pflE1) {
303
+ :where(.Text-module__hop-Text--md___2mgs7) {
301
304
  --font-size: var(--hop-Text-md-font-size);
302
305
  --font-family: var(--hop-Text-md-font-family);
303
306
  --font-weight: var(--hop-Text-md-font-weight);
304
307
  --line-height: var(--hop-Text-md-line-height);
305
308
  }
306
- :where(.Text-module__hop-Text--lg___dEBuC) {
309
+ :where(.Text-module__hop-Text--lg___0EFPU) {
307
310
  --font-size: var(--hop-Text-lg-font-size);
308
311
  --font-family: var(--hop-Text-lg-font-family);
309
312
  --font-weight: var(--hop-Text-lg-font-weight);
310
313
  --line-height: var(--hop-Text-lg-line-height);
311
314
  }
312
- :where(.Text-module__hop-Text--xl___7IvN7) {
315
+ :where(.Text-module__hop-Text--xl___w3euL) {
313
316
  --font-size: var(--hop-Text-xl-font-size);
314
317
  --font-family: var(--hop-Text-xl-font-family);
315
318
  --font-weight: var(--hop-Text-xl-font-weight);
316
319
  --line-height: var(--hop-Text-xl-line-height);
317
320
  }
318
- :where(.Text-module__hop-Text--2xl___-A2SY) {
321
+ :where(.Text-module__hop-Text--2xl___n8Xzj) {
319
322
  --font-size: var(--hop-Text-2xl-font-size);
320
323
  --font-family: var(--hop-Text-2xl-font-family);
321
324
  --font-weight: var(--hop-Text-2xl-font-weight);
322
325
  --line-height: var(--hop-Text-2xl-line-height);
323
326
  }
324
- :where(.Text-module__hop-Text--inherit___wfDw-) {
327
+ :where(.Text-module__hop-Text--inherit___GpaJO) {
325
328
  --font-size: var(--hop-Text-inherit-size-font-size);
326
329
  --font-family: var(--hop-Text-inherit-size-font-family);
327
330
  --font-weight: var(--hop-Text-inherit-size-font-weight);
@@ -329,7 +332,7 @@
329
332
  }
330
333
 
331
334
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ErrorMessage/src/ErrorMessage.module.css/#css-module-data */
332
- .ErrorMessage-module__hop-ErrorMessage___yc-uD {
335
+ .ErrorMessage-module__hop-ErrorMessage___QVgo9 {
333
336
  --hop-ErrorMessage-color: var(--hop-danger-text-weak);
334
337
  --hop-ErrorMessage-font-family: var(--hop-body-xs-font-family);
335
338
  --hop-ErrorMessage-font-size: var(--hop-body-xs-font-size);
@@ -346,13 +349,13 @@
346
349
  line-height: var(--hop-ErrorMessage-line-height);
347
350
  color: var(--hop-ErrorMessage-color);
348
351
  }
349
- .ErrorMessage-module__hop-ErrorMessage__icon___ntyEf {
352
+ .ErrorMessage-module__hop-ErrorMessage__icon___kJa-q {
350
353
  flex: 0 0 auto;
351
354
  align-self: flex-start;
352
355
  }
353
356
 
354
357
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/HelperMessage/src/HelperMessage.module.css/#css-module-data */
355
- .HelperMessage-module__hop-HelperMessage___giUJ9 {
358
+ .HelperMessage-module__hop-HelperMessage___C9XRG {
356
359
  --hop-HelperMessage-color: var(--hop-neutral-text-weak);
357
360
  --hop-HelperMessage-column-gap: var(--hop-space-inline-xs);
358
361
  display: flex;
@@ -361,13 +364,13 @@
361
364
  box-sizing: border-box;
362
365
  color: var(--hop-HelperMessage-color);
363
366
  }
364
- .HelperMessage-module__hop-HelperMessage__icon___IfscL {
367
+ .HelperMessage-module__hop-HelperMessage__icon___cgykX {
365
368
  flex: 0 0 auto;
366
369
  align-self: flex-start;
367
370
  }
368
371
 
369
372
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Divider/src/Divider.module.css/#css-module-data */
370
- :where(.Divider-module__hop-Divider___usqfr) {
373
+ :where(.Divider-module__hop-Divider___-S8TZ) {
371
374
  --hop-Divider-border-color: var(--hop-neutral-border-weak);
372
375
  --hop-Divider-border-size: 0.0625rem;
373
376
  --hop-Divider-horizontal-border-block-end: var(--hop-Divider-border-size) solid var(--hop-Divider-border-color);
@@ -392,7 +395,7 @@
392
395
  border-block-end: var(--border-block-end);
393
396
  border-inline-start: var(--border-inline-start);
394
397
  }
395
- .Divider-module__hop-Divider--vertical___CiCMz {
398
+ .Divider-module__hop-Divider--vertical___oAdE6 {
396
399
  --border-block-end: var(--hop-Divider-vertical-border-block-end);
397
400
  --border-inline-start: var(--hop-Divider-vertical-border-inline-start);
398
401
  --inline-size: var(--hop-Divider-vertical-inline-size);
@@ -400,7 +403,7 @@
400
403
  }
401
404
 
402
405
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Avatar/src/RichIconAvatarImage.module.css/#css-module-data */
403
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___fkc4Q {
406
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___3-4v6 {
404
407
  --hop-RichIconAvatarImage-background-color: var(--hop-decorative-option7-surface);
405
408
  --hop-RichIconAvatarImage-border-radius: var(--hop-shape-circle);
406
409
  --hop-RichIconAvatarImage-icon-color: var(--hop-decorative-option7-icon);
@@ -431,46 +434,46 @@
431
434
  background-color: var(--background-color);
432
435
  border-radius: var(--hop-RichIconAvatarImage-border-radius);
433
436
  }
434
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___aNzbC {
437
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___bQsOe {
435
438
  --size: var(--hop-RichIconAvatarImage-xs-size);
436
439
  --icon-size: var(--hop-RichIconAvatarImage-icon-xs-size);
437
440
  }
438
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___d3oUV {
441
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___XA19V {
439
442
  --size: var(--hop-RichIconAvatarImage-sm-size);
440
443
  --icon-size: var(--hop-RichIconAvatarImage-icon-sm-size);
441
444
  }
442
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___yxjvO {
445
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___xr-lR {
443
446
  --size: var(--hop-RichIconAvatarImage-md-size);
444
447
  --icon-size: var(--hop-RichIconAvatarImage-icon-md-size);
445
448
  }
446
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___vWr2k {
449
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___Xtfzn {
447
450
  --size: var(--hop-RichIconAvatarImage-lg-size);
448
451
  --icon-size: var(--hop-RichIconAvatarImage-icon-lg-size);
449
452
  }
450
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___7jGcb {
453
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___fUQr1 {
451
454
  --size: var(--hop-RichIconAvatarImage-xl-size);
452
455
  --icon-size: var(--hop-RichIconAvatarImage-icon-xl-size);
453
456
  }
454
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___sAhUb {
457
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___Qkwlw {
455
458
  --size: var(--hop-RichIconAvatarImage-2xl-size);
456
459
  --icon-size: var(--hop-RichIconAvatarImage-icon-2xl-size);
457
460
  }
458
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___fkc4Q[data-disabled] {
461
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___3-4v6[data-disabled] {
459
462
  --background-color: var(--hop-RichIconAvatarImage-background-color-disabled);
460
463
  }
461
- .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___8OyF9 {
464
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___-LdB5 {
462
465
  position: relative;
463
466
  display: block;
464
467
  inline-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
465
468
  block-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
466
469
  }
467
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___fkc4Q[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___8OyF9 {
470
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___3-4v6[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___-LdB5 {
468
471
  --hop-RichIcon-placeholder-background: var(--hop-RichIconAvatarImage-background-color-disabled);
469
472
  --hop-RichIcon-placeholder-shadow: var(--hop-RichIconAvatarImage-icon-color-disabled);
470
473
  }
471
474
 
472
475
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Avatar/src/Avatar.module.css/#css-module-data */
473
- .Avatar-module__hop-Avatar___X23fL {
476
+ .Avatar-module__hop-Avatar___zMUBx {
474
477
  --hop-Avatar-border-radius: var(--hop-shape-circle);
475
478
  --hop-Avatar-mix-blend-mode: normal;
476
479
  --hop-Avatar-decorative-1-background-color: var(--hop-decorative-option1-surface-strong);
@@ -515,67 +518,67 @@
515
518
  background-color: var(--background-color, transparent);
516
519
  border-radius: var(--hop-Avatar-border-radius);
517
520
  }
518
- .Avatar-module__hop-Avatar--xs___4mZjQ {
521
+ .Avatar-module__hop-Avatar--xs___fwYJ0 {
519
522
  --size: var(--hop-Avatar-xs-size);
520
523
  }
521
- .Avatar-module__hop-Avatar--sm___qKyk6 {
524
+ .Avatar-module__hop-Avatar--sm___RSYai {
522
525
  --size: var(--hop-Avatar-sm-size);
523
526
  }
524
- .Avatar-module__hop-Avatar--md___pGlSR {
527
+ .Avatar-module__hop-Avatar--md___K6lSB {
525
528
  --size: var(--hop-Avatar-md-size);
526
529
  }
527
- .Avatar-module__hop-Avatar--lg___b3u2k {
530
+ .Avatar-module__hop-Avatar--lg___mwFIB {
528
531
  --size: var(--hop-Avatar-lg-size);
529
532
  }
530
- .Avatar-module__hop-Avatar--xl___syjHu {
533
+ .Avatar-module__hop-Avatar--xl___KMY1q {
531
534
  --size: var(--hop-Avatar-xl-size);
532
535
  }
533
- .Avatar-module__hop-Avatar--2xl___vGdt5 {
536
+ .Avatar-module__hop-Avatar--2xl___6SVrF {
534
537
  --size: var(--hop-Avatar-2xl-size);
535
538
  }
536
- .Avatar-module__hop-Avatar--decorative-option1___1ipXC {
539
+ .Avatar-module__hop-Avatar--decorative-option1___npU1o {
537
540
  --background-color: var(--hop-Avatar-decorative-1-background-color);
538
541
  --text-color: var(--hop-Avatar-decorative-1-text-color);
539
542
  }
540
- .Avatar-module__hop-Avatar--decorative-option2___H8-35 {
543
+ .Avatar-module__hop-Avatar--decorative-option2___F-pzz {
541
544
  --background-color: var(--hop-Avatar-decorative-2-background-color);
542
545
  --text-color: var(--hop-Avatar-decorative-2-text-color);
543
546
  }
544
- .Avatar-module__hop-Avatar--decorative-option3___udxQr {
547
+ .Avatar-module__hop-Avatar--decorative-option3___2NVPh {
545
548
  --background-color: var(--hop-Avatar-decorative-3-background-color);
546
549
  --text-color: var(--hop-Avatar-decorative-3-text-color);
547
550
  }
548
- .Avatar-module__hop-Avatar--decorative-option4___3tEye {
551
+ .Avatar-module__hop-Avatar--decorative-option4___3II-Z {
549
552
  --background-color: var(--hop-Avatar-decorative-4-background-color);
550
553
  --text-color: var(--hop-Avatar-decorative-4-text-color);
551
554
  }
552
- .Avatar-module__hop-Avatar--decorative-option5___OY88Y {
555
+ .Avatar-module__hop-Avatar--decorative-option5___0Gn-- {
553
556
  --background-color: var(--hop-Avatar-decorative-5-background-color);
554
557
  --text-color: var(--hop-Avatar-decorative-5-text-color);
555
558
  }
556
- .Avatar-module__hop-Avatar--decorative-option6___BkrL7 {
559
+ .Avatar-module__hop-Avatar--decorative-option6___Vs2U2 {
557
560
  --background-color: var(--hop-Avatar-decorative-6-background-color);
558
561
  --text-color: var(--hop-Avatar-decorative-6-text-color);
559
562
  }
560
- .Avatar-module__hop-Avatar--decorative-option7___i33t4 {
563
+ .Avatar-module__hop-Avatar--decorative-option7___fD-81 {
561
564
  --background-color: var(--hop-Avatar-decorative-7-background-color);
562
565
  --text-color: var(--hop-Avatar-decorative-7-text-color);
563
566
  }
564
- .Avatar-module__hop-Avatar--decorative-option8___meF-e {
567
+ .Avatar-module__hop-Avatar--decorative-option8___UPSl5 {
565
568
  --background-color: var(--hop-Avatar-decorative-8-background-color);
566
569
  --text-color: var(--hop-Avatar-decorative-8-text-color);
567
570
  }
568
- .Avatar-module__hop-Avatar--decorative-option9___qyIOQ {
571
+ .Avatar-module__hop-Avatar--decorative-option9___b9s4c {
569
572
  --background-color: var(--hop-Avatar-decorative-9-background-color);
570
573
  --text-color: var(--hop-Avatar-decorative-9-text-color);
571
574
  }
572
- .Avatar-module__hop-Avatar___X23fL[data-disabled] {
575
+ .Avatar-module__hop-Avatar___zMUBx[data-disabled] {
573
576
  --background-color: var(--hop-Avatar-background-color-disabled);
574
577
  --text-color: var(--hop-Avatar-text-color-disabled);
575
578
  --mix-blend-mode: var(--hop-Avatar-mix-blend-mode-disabled);
576
579
  isolation: isolate;
577
580
  }
578
- .Avatar-module__hop-Avatar__image___okiG4 {
581
+ .Avatar-module__hop-Avatar__image___bE5J8 {
579
582
  position: relative;
580
583
  display: block;
581
584
  box-sizing: border-box;
@@ -586,7 +589,7 @@
586
589
  }
587
590
 
588
591
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/IconList/src/IconList.module.css/#css-module-data */
589
- .IconList-module__hop-IconList___DLmNv {
592
+ .IconList-module__hop-IconList___Q3MT- {
590
593
  --hop-IconList-gap: var(--hop-space-inline-xs);
591
594
  display: flex;
592
595
  flex-wrap: wrap;
@@ -595,7 +598,7 @@
595
598
  }
596
599
 
597
600
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/Checkbox.module.css/#css-module-data */
598
- .Checkbox-module__hop-Checkbox___cWlbl {
601
+ .Checkbox-module__hop-Checkbox___wCCR3 {
599
602
  --hop-Checkbox-box-border-size: 0.0625rem;
600
603
  --hop-Checkbox-box-border-color: var(--hop-neutral-border);
601
604
  --hop-Checkbox-box-background-color: var(--hop-neutral-surface);
@@ -670,63 +673,60 @@
670
673
  inline-size: max-content;
671
674
  max-inline-size: 100%;
672
675
  }
673
- .Checkbox-module__hop-Checkbox___cWlbl[data-focus-visible],
674
- .Checkbox-module__hop-Checkbox--focused___gEbF2 {
676
+ .Checkbox-module__hop-Checkbox___wCCR3[data-focus-visible] {
675
677
  --box-background-color: var(--hop-Checkbox-box-background-color-focused);
676
678
  --box-border-color: var(--hop-Checkbox-box-border-color-focused);
677
679
  --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
678
680
  --text-color: var(--hop-Checkbox-text-color-focused);
679
681
  --icon-color: var(--hop-Checkbox-icon-color-focused);
680
682
  }
681
- .Checkbox-module__hop-Checkbox___cWlbl[data-hovered],
682
- .Checkbox-module__hop-Checkbox--hovered___ir6t9 {
683
+ .Checkbox-module__hop-Checkbox___wCCR3[data-hovered] {
683
684
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered);
684
685
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered);
685
686
  --text-color: var(--hop-Checkbox-text-color-hovered);
686
687
  --icon-color: var(--hop-Checkbox-icon-color-hovered);
687
688
  }
688
- .Checkbox-module__hop-Checkbox___cWlbl[data-pressed],
689
- .Checkbox-module__hop-Checkbox--pressed___N2aJq {
689
+ .Checkbox-module__hop-Checkbox___wCCR3[data-pressed] {
690
690
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed);
691
691
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed);
692
692
  --text-color: var(--hop-Checkbox-text-color-pressed);
693
693
  --icon-color: var(--hop-Checkbox-icon-color-pressed);
694
694
  }
695
- .Checkbox-module__hop-Checkbox___cWlbl[data-selected] {
695
+ .Checkbox-module__hop-Checkbox___wCCR3[data-selected] {
696
696
  --box-background-color: var(--hop-Checkbox-box-background-color-selected);
697
697
  --box-border-color: var(--hop-Checkbox-box-border-color-selected);
698
698
  --check-display: var(--hop-Checkbox-check-display-selected);
699
699
  --text-color: var(--hop-Checkbox-text-color-selected);
700
700
  --icon-color: var(--hop-Checkbox-icon-color-selected);
701
701
  }
702
- .Checkbox-module__hop-Checkbox___cWlbl[data-invalid] {
702
+ .Checkbox-module__hop-Checkbox___wCCR3[data-invalid] {
703
703
  --box-background-color: var(--hop-Checkbox-box-background-color-invalid);
704
704
  --box-border-color: var(--hop-Checkbox-box-border-color-invalid);
705
705
  --check-color: var(--hop-Checkbox-check-color-invalid);
706
706
  --text-color: var(--hop-Checkbox-text-color-invalid);
707
707
  --icon-color: var(--hop-Checkbox-icon-color-invalid);
708
708
  }
709
- .Checkbox-module__hop-Checkbox___cWlbl[data-invalid]:where([data-focus-visible], .Checkbox-module__hop-Checkbox--focused___gEbF2) {
709
+ .Checkbox-module__hop-Checkbox___wCCR3[data-invalid]:where([data-focus-visible]) {
710
710
  --box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
711
711
  --box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
712
712
  }
713
- .Checkbox-module__hop-Checkbox___cWlbl[data-invalid]:where([data-hovered], .Checkbox-module__hop-Checkbox--hovered___ir6t9) {
713
+ .Checkbox-module__hop-Checkbox___wCCR3[data-invalid]:where([data-hovered]) {
714
714
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
715
715
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
716
716
  --text-color: var(--hop-Checkbox-text-color-hovered-invalid);
717
717
  --icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
718
718
  }
719
- .Checkbox-module__hop-Checkbox___cWlbl[data-invalid]:where([data-pressed], .Checkbox-module__hop-Checkbox--pressed___N2aJq) {
719
+ .Checkbox-module__hop-Checkbox___wCCR3[data-invalid]:where([data-pressed]) {
720
720
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
721
721
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
722
722
  --text-color: var(--hop-Checkbox-text-color-pressed-invalid);
723
723
  --icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
724
724
  }
725
- .Checkbox-module__hop-Checkbox___cWlbl:where([data-invalid])[data-selected] {
725
+ .Checkbox-module__hop-Checkbox___wCCR3:where([data-invalid])[data-selected] {
726
726
  --box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
727
727
  --box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
728
728
  }
729
- .Checkbox-module__hop-Checkbox___cWlbl[data-disabled] {
729
+ .Checkbox-module__hop-Checkbox___wCCR3[data-disabled] {
730
730
  --box-background-color: var(--hop-Checkbox-box-background-color-disabled);
731
731
  --box-border-color: var(--hop-Checkbox-box-border-color-disabled);
732
732
  --check-color: var(--hop-Checkbox-check-color-disabled);
@@ -734,25 +734,25 @@
734
734
  --text-color: var(--hop-Checkbox-text-color-disabled);
735
735
  --icon-color: var(--hop-Checkbox-icon-color-disabled);
736
736
  }
737
- .Checkbox-module__hop-Checkbox--sm___pMwW2 {
737
+ .Checkbox-module__hop-Checkbox--sm___d1GQZ {
738
738
  --box-block-size: var(--hop-Checkbox-box-sm-block-size);
739
739
  --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
740
740
  --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
741
741
  --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
742
742
  }
743
- .Checkbox-module__hop-Checkbox--md___4WPQo {
743
+ .Checkbox-module__hop-Checkbox--md___FjgKo {
744
744
  --box-block-size: var(--hop-Checkbox-box-md-block-size);
745
745
  --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
746
746
  --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
747
747
  --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
748
748
  }
749
- .Checkbox-module__hop-Checkbox__icon___59VCs,
750
- .Checkbox-module__hop-Checkbox__icon-list___RFXui {
749
+ .Checkbox-module__hop-Checkbox__icon___Yv3pS,
750
+ .Checkbox-module__hop-Checkbox__icon-list___YsPWx {
751
751
  flex: 0 0 auto;
752
752
  order: 3;
753
753
  color: var(--icon-color);
754
754
  }
755
- .Checkbox-module__hop-Checkbox__box___r09CN {
755
+ .Checkbox-module__hop-Checkbox__box___PoPW7 {
756
756
  display: flex;
757
757
  flex: 0 0 auto;
758
758
  align-items: center;
@@ -768,11 +768,11 @@
768
768
  outline-offset: 0.125rem;
769
769
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
770
770
  }
771
- .Checkbox-module__hop-Checkbox__check___UFiZv {
771
+ .Checkbox-module__hop-Checkbox__check___YUwMq {
772
772
  display: var(--check-display);
773
773
  color: var(--check-color);
774
774
  }
775
- .Checkbox-module__hop-Checkbox__text___q-0g- {
775
+ .Checkbox-module__hop-Checkbox__text___FLKuq {
776
776
  flex: 0 1 auto;
777
777
  order: 2;
778
778
  min-inline-size: 0;
@@ -782,7 +782,7 @@
782
782
  }
783
783
 
784
784
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxField.module.css/#css-module-data */
785
- .CheckboxField-module__hop-CheckboxField___Ishj0 {
785
+ .CheckboxField-module__hop-CheckboxField___vf1MO {
786
786
  --hop-CheckboxField-description-color: var(--hop-neutral-text-weak);
787
787
  --hop-CheckboxField-description-color-disabled: var(--hop-neutral-text-disabled);
788
788
  --hop-CheckboxField-sm-row-gap: var(--hop-space-stack-xs);
@@ -801,47 +801,47 @@
801
801
  inline-size: max-content;
802
802
  max-inline-size: 100%;
803
803
  }
804
- .CheckboxField-module__hop-CheckboxField___Ishj0[data-disabled] {
804
+ .CheckboxField-module__hop-CheckboxField___vf1MO[data-disabled] {
805
805
  --description-color: var(--hop-CheckboxField-description-color-disabled);
806
806
  }
807
- .CheckboxField-module__hop-CheckboxField--sm___l02bq {
807
+ .CheckboxField-module__hop-CheckboxField--sm___g7W5A {
808
808
  --row-gap: var(--hop-CheckboxField-sm-row-gap);
809
809
  --description-margin-inline-start: var(--hop-CheckboxField-description-sm-margin-inline-start);
810
810
  }
811
- .CheckboxField-module__hop-CheckboxField--md___nSl-t {
811
+ .CheckboxField-module__hop-CheckboxField--md___4kKpo {
812
812
  --row-gap: var(--hop-CheckboxField-md-row-gap);
813
813
  --description-margin-inline-start: var(--hop-CheckboxField-description-md-margin-inline-start);
814
814
  }
815
- .CheckboxField-module__hop-CheckboxField__description___-NlFz {
815
+ .CheckboxField-module__hop-CheckboxField__description___nhfiF {
816
816
  order: 2;
817
817
  margin-inline-start: var(--description-margin-inline-start, var(--hop-CheckboxField-description-md-margin-inline-start));
818
818
  color: var(--description-color);
819
819
  }
820
- .CheckboxField-module__hop-CheckboxField__checkbox___vIoFU {
820
+ .CheckboxField-module__hop-CheckboxField__checkbox___6R77t {
821
821
  order: 1;
822
822
  }
823
823
 
824
824
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Label/src/Label.module.css/#css-module-data */
825
- .Label-module__hop-Label___Hcc4g {
825
+ .Label-module__hop-Label___FQWXv {
826
826
  --hop-Label-font-size: var(--hop-heading-xs-font-size);
827
827
  --hop-Label-font-family: var(--hop-heading-xs-font-family);
828
828
  --hop-Label-font-weight: var(--hop-heading-xs-font-weight);
829
829
  --hop-Label-line-height: var(--hop-heading-xs-line-height);
830
830
  --hop-Label-color: var(--hop-neutral-text-weak);
831
831
  }
832
- :where(.Label-module__hop-Label___Hcc4g) {
832
+ :where(.Label-module__hop-Label___FQWXv) {
833
833
  font-family: var(--hop-Label-font-family);
834
834
  font-size: var(--hop-Label-font-size);
835
835
  font-weight: var(--hop-Label-font-weight);
836
836
  line-height: var(--hop-Label-line-height);
837
837
  color: var(--hop-Label-color);
838
838
  }
839
- :where(.Label-module__hop-Label__indicator___khw2Z) {
839
+ :where(.Label-module__hop-Label__indicator___z-FtY) {
840
840
  padding-inline-start: var(--hop-space-20);
841
841
  }
842
842
 
843
843
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxGroup.module.css/#css-module-data */
844
- .CheckboxGroup-module__hop-CheckboxGroup___p6NaJ {
844
+ .CheckboxGroup-module__hop-CheckboxGroup___izA5I {
845
845
  --hop-CheckboxGroup-align-items: flex-start;
846
846
  --hop-CheckboxGroup-justify-content: flex-start;
847
847
  --hop-CheckboxGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -880,46 +880,46 @@
880
880
  inline-size: max-content;
881
881
  max-inline-size: 100%;
882
882
  }
883
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___OvMAz {
883
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___6Gomr {
884
884
  --list-border: var(--checkbox-border-size) solid var(--checkbox-border-color);
885
885
  --list-border-radius: var(--hop-shape-rounded-md);
886
886
  }
887
- .CheckboxGroup-module__hop-CheckboxGroup--sm___FxduT {
887
+ .CheckboxGroup-module__hop-CheckboxGroup--sm___Ja9UA {
888
888
  --column-gap: var(--hop-CheckboxGroup-sm-column-gap);
889
889
  --row-gap: var(--hop-CheckboxGroup-sm-row-gap);
890
890
  --list-column-gap: var(--hop-CheckboxGroup-list-sm-column-gap);
891
891
  --list-row-gap: var(--hop-CheckboxGroup-list-sm-row-gap);
892
892
  }
893
- .CheckboxGroup-module__hop-CheckboxGroup--md___I8USr {
893
+ .CheckboxGroup-module__hop-CheckboxGroup--md___1e57F {
894
894
  --column-gap: var(--hop-CheckboxGroup-md-column-gap);
895
895
  --row-gap: var(--hop-CheckboxGroup-md-row-gap);
896
896
  --list-column-gap: var(--hop-CheckboxGroup-list-md-column-gap);
897
897
  --list-row-gap: var(--hop-CheckboxGroup-list-md-row-gap);
898
898
  }
899
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___OvMAz.CheckboxGroup-module__hop-CheckboxGroup--sm___FxduT {
899
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___6Gomr.CheckboxGroup-module__hop-CheckboxGroup--sm___Ja9UA {
900
900
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-sm-padding);
901
901
  --column-gap: var(--hop-CheckboxGroup-bordered-sm-column-gap);
902
902
  --row-gap: var(--hop-CheckboxGroup-bordered-sm-row-gap);
903
903
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-sm-column-gap);
904
904
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-sm-row-gap);
905
905
  }
906
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___OvMAz.CheckboxGroup-module__hop-CheckboxGroup--md___I8USr {
906
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___6Gomr.CheckboxGroup-module__hop-CheckboxGroup--md___1e57F {
907
907
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-md-padding);
908
908
  --column-gap: var(--hop-CheckboxGroup-bordered-md-column-gap);
909
909
  --row-gap: var(--hop-CheckboxGroup-bordered-md-row-gap);
910
910
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-md-column-gap);
911
911
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-md-row-gap);
912
912
  }
913
- .CheckboxGroup-module__hop-CheckboxGroup___p6NaJ[data-orientation=horizontal] {
913
+ .CheckboxGroup-module__hop-CheckboxGroup___izA5I[data-orientation=horizontal] {
914
914
  --flex-direction: var(--hop-CheckboxGroup-horizontal-flex-direction);
915
915
  }
916
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___OvMAz[data-orientation=horizontal] {
916
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___6Gomr[data-orientation=horizontal] {
917
917
  --flex-wrap: nowrap;
918
918
  }
919
- .CheckboxGroup-module__hop-CheckboxGroup___p6NaJ > .CheckboxGroup-module__hop-CheckboxGroup__label___FN-lT {
919
+ .CheckboxGroup-module__hop-CheckboxGroup___izA5I > .CheckboxGroup-module__hop-CheckboxGroup__label___Ytl-9 {
920
920
  order: 1;
921
921
  }
922
- .CheckboxGroup-module__hop-CheckboxGroup__list___mW9Wu {
922
+ .CheckboxGroup-module__hop-CheckboxGroup__list___c9BqI {
923
923
  display: flex;
924
924
  flex-flow: var(--flex-direction) var(--flex-wrap);
925
925
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -930,7 +930,7 @@
930
930
  border: var(--list-border, none);
931
931
  border-radius: var(--list-border-radius, 0);
932
932
  }
933
- .CheckboxGroup-module__hop-CheckboxGroup__list___mW9Wu > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___w5PX- {
933
+ .CheckboxGroup-module__hop-CheckboxGroup__list___c9BqI > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___QLISY {
934
934
  position: relative;
935
935
  flex: 0 1 auto;
936
936
  align-content: start;
@@ -938,28 +938,227 @@
938
938
  min-inline-size: 0;
939
939
  padding: var(--checkbox-padding, 0);
940
940
  }
941
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___OvMAz .CheckboxGroup-module__hop-CheckboxGroup__list___mW9Wu > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___w5PX- ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___w5PX-::before {
941
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___6Gomr .CheckboxGroup-module__hop-CheckboxGroup__list___c9BqI > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___QLISY ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___QLISY::before {
942
942
  content: "";
943
943
  position: absolute;
944
944
  display: block;
945
945
  }
946
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___OvMAz[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___mW9Wu > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___w5PX- ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___w5PX-::before {
946
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___6Gomr[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___c9BqI > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___QLISY ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___QLISY::before {
947
947
  inset-block-start: 0;
948
948
  inset-inline: 0;
949
949
  border-block-start: var(--list-border, none);
950
950
  }
951
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___OvMAz[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___mW9Wu > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___w5PX- ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___w5PX-::before {
951
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___6Gomr[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___c9BqI > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___QLISY ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___QLISY::before {
952
952
  inset-block: 0;
953
953
  inset-inline-start: 0;
954
954
  border-inline-start: var(--list-border, none);
955
955
  }
956
- .CheckboxGroup-module__hop-CheckboxGroup___p6NaJ > .CheckboxGroup-module__hop-CheckboxGroup__error-message___IMz-2,
957
- .CheckboxGroup-module__hop-CheckboxGroup___p6NaJ > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___nnOL- {
956
+ .CheckboxGroup-module__hop-CheckboxGroup___izA5I > .CheckboxGroup-module__hop-CheckboxGroup__error-message___gWeGt,
957
+ .CheckboxGroup-module__hop-CheckboxGroup___izA5I > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___10PiB {
958
+ order: 3;
959
+ }
960
+
961
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/DecorativeCheckbox.module.css/#css-module-data */
962
+ .Checkbox-module__hop-Checkbox___wCCR3 {
963
+ --hop-Checkbox-box-border-size: 0.0625rem;
964
+ --hop-Checkbox-box-border-color: var(--hop-neutral-border);
965
+ --hop-Checkbox-box-background-color: var(--hop-neutral-surface);
966
+ --hop-Checkbox-box-outline-size: 0.125rem;
967
+ --hop-Checkbox-box-outline-color: var(--hop-primary-border-focus);
968
+ --hop-Checkbox-check-color: var(--hop-neutral-icon-selected);
969
+ --hop-Checkbox-check-display: none;
970
+ --hop-Checkbox-text-color: var(--hop-neutral-text);
971
+ --hop-Checkbox-icon-color: var(--hop-neutral-icon);
972
+ --hop-Checkbox-box-border-color-hovered: var(--hop-neutral-border-hover);
973
+ --hop-Checkbox-box-background-color-hovered: var(--hop-neutral-surface-hover);
974
+ --hop-Checkbox-text-color-hovered: var(--hop-neutral-text-hover);
975
+ --hop-Checkbox-icon-color-hovered: var(--hop-neutral-icon-hover);
976
+ --hop-Checkbox-box-border-color-pressed: var(--hop-neutral-border-press);
977
+ --hop-Checkbox-box-background-color-pressed: var(--hop-neutral-surface-press);
978
+ --hop-Checkbox-text-color-pressed: var(--hop-neutral-text-press);
979
+ --hop-Checkbox-icon-color-pressed: var(--hop-neutral-icon-press);
980
+ --hop-Checkbox-box-border-color-selected: var(--hop-neutral-border-selected);
981
+ --hop-Checkbox-box-background-color-selected: var(--hop-neutral-surface-selected);
982
+ --hop-Checkbox-check-display-selected: block;
983
+ --hop-Checkbox-text-color-selected: var(--hop-neutral-text);
984
+ --hop-Checkbox-icon-color-selected: var(--hop-neutral-icon);
985
+ --hop-Checkbox-box-border-color-disabled: var(--hop-neutral-border-disabled);
986
+ --hop-Checkbox-box-background-color-disabled: var(--hop-neutral-surface-disabled);
987
+ --hop-Checkbox-check-color-disabled: var(--hop-neutral-icon-disabled);
988
+ --hop-Checkbox-text-color-disabled: var(--hop-neutral-text-disabled);
989
+ --hop-Checkbox-icon-color-disabled: var(--hop-neutral-icon-disabled);
990
+ --hop-Checkbox-box-border-color-focused: var(--hop-neutral-border-hover);
991
+ --hop-Checkbox-box-background-color-focused: var(--hop-neutral-surface-hover);
992
+ --hop-Checkbox-text-color-focused: var(--hop-neutral-text-hover);
993
+ --hop-Checkbox-icon-color-focused: var(--hop-neutral-icon-hover);
994
+ --hop-Checkbox-box-border-color-invalid: var(--hop-danger-border-strong);
995
+ --hop-Checkbox-box-background-color-invalid: var(--hop-neutral-surface);
996
+ --hop-Checkbox-box-border-color-hovered-invalid: var(--hop-danger-border-strong);
997
+ --hop-Checkbox-box-background-color-hovered-invalid: var(--hop-danger-surface-weak-hover);
998
+ --hop-Checkbox-box-border-color-pressed-invalid: var(--hop-danger-border-press);
999
+ --hop-Checkbox-box-background-color-pressed-invalid: var(--hop-danger-surface-weak-press);
1000
+ --hop-Checkbox-box-border-color-focused-invalid: var(--hop-danger-border-press);
1001
+ --hop-Checkbox-box-background-color-focused-invalid: var(--hop-danger-surface);
1002
+ --hop-Checkbox-box-border-color-selected-invalid: var(--hop-danger-border-strong);
1003
+ --hop-Checkbox-box-background-color-selected-invalid: var(--hop-danger-surface-strong);
1004
+ --hop-Checkbox-check-color-invalid: var(--hop-danger-icon-strong);
1005
+ --hop-Checkbox-text-color-invalid: var(--hop-danger-text-weak);
1006
+ --hop-Checkbox-text-color-hovered-invalid: var(--hop-danger-text-weak-hover);
1007
+ --hop-Checkbox-text-color-pressed-invalid: var(--hop-danger-text-weak-press);
1008
+ --hop-Checkbox-icon-color-invalid: var(--hop-danger-icon-weak);
1009
+ --hop-Checkbox-icon-color-hovered-invalid: var(--hop-danger-icon-weak-hover);
1010
+ --hop-Checkbox-icon-color-pressed-invalid: var(--hop-danger-icon-weak-press);
1011
+ --hop-Checkbox-box-sm-block-size: 1rem;
1012
+ --hop-Checkbox-box-sm-inline-size: 1rem;
1013
+ --hop-Checkbox-text-sm-top-offset: calc((var(--box-inline-size) - (var(--hop-body-sm-line-height) * var(--hop-body-sm-font-size))) / 2);
1014
+ --hop-Checkbox-text-sm-margin-inline-start: calc(var(--hop-space-inline-sm) - var(--hop-space-inline-xs));
1015
+ --hop-Checkbox-box-md-block-size: 1.5rem;
1016
+ --hop-Checkbox-box-md-inline-size: 1.5rem;
1017
+ --hop-Checkbox-text-md-top-offset: calc((var(--box-inline-size) - (var(--hop-body-md-line-height) * var(--hop-body-md-font-size))) / 2);
1018
+ --hop-Checkbox-text-md-margin-inline-start: calc(var(--hop-space-inline-md) - var(--hop-space-inline-xs));
1019
+ --box-background-color: var(--hop-Checkbox-box-background-color);
1020
+ --box-border-color: var(--hop-Checkbox-box-border-color);
1021
+ --box-border-radius: var(--hop-shape-rounded-sm);
1022
+ --check-color: var(--hop-Checkbox-check-color);
1023
+ --check-display: var(--hop-Checkbox-check-display);
1024
+ --cursor: pointer;
1025
+ --text-color: var(--hop-Checkbox-text-color);
1026
+ --icon-color: var(--hop-Checkbox-icon-color);
1027
+ --transition-duration: var(--hop-easing-duration-2);
1028
+ cursor: var(--cursor);
1029
+ display: flex;
1030
+ column-gap: var(--hop-space-inline-xs);
1031
+ align-items: flex-start;
1032
+ justify-content: flex-start;
1033
+ box-sizing: border-box;
1034
+ inline-size: max-content;
1035
+ max-inline-size: 100%;
1036
+ }
1037
+ .Checkbox-module__hop-Checkbox___wCCR3[data-focus-visible] {
1038
+ --box-background-color: var(--hop-Checkbox-box-background-color-focused);
1039
+ --box-border-color: var(--hop-Checkbox-box-border-color-focused);
1040
+ --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
1041
+ --text-color: var(--hop-Checkbox-text-color-focused);
1042
+ --icon-color: var(--hop-Checkbox-icon-color-focused);
1043
+ }
1044
+ .Checkbox-module__hop-Checkbox___wCCR3[data-hovered] {
1045
+ --box-background-color: var(--hop-Checkbox-box-background-color-hovered);
1046
+ --box-border-color: var(--hop-Checkbox-box-border-color-hovered);
1047
+ --text-color: var(--hop-Checkbox-text-color-hovered);
1048
+ --icon-color: var(--hop-Checkbox-icon-color-hovered);
1049
+ }
1050
+ .Checkbox-module__hop-Checkbox___wCCR3[data-pressed] {
1051
+ --box-background-color: var(--hop-Checkbox-box-background-color-pressed);
1052
+ --box-border-color: var(--hop-Checkbox-box-border-color-pressed);
1053
+ --text-color: var(--hop-Checkbox-text-color-pressed);
1054
+ --icon-color: var(--hop-Checkbox-icon-color-pressed);
1055
+ }
1056
+ .Checkbox-module__hop-Checkbox___wCCR3[data-selected] {
1057
+ --box-background-color: var(--hop-Checkbox-box-background-color-selected);
1058
+ --box-border-color: var(--hop-Checkbox-box-border-color-selected);
1059
+ --check-display: var(--hop-Checkbox-check-display-selected);
1060
+ --text-color: var(--hop-Checkbox-text-color-selected);
1061
+ --icon-color: var(--hop-Checkbox-icon-color-selected);
1062
+ }
1063
+ .Checkbox-module__hop-Checkbox___wCCR3[data-invalid] {
1064
+ --box-background-color: var(--hop-Checkbox-box-background-color-invalid);
1065
+ --box-border-color: var(--hop-Checkbox-box-border-color-invalid);
1066
+ --check-color: var(--hop-Checkbox-check-color-invalid);
1067
+ --text-color: var(--hop-Checkbox-text-color-invalid);
1068
+ --icon-color: var(--hop-Checkbox-icon-color-invalid);
1069
+ }
1070
+ .Checkbox-module__hop-Checkbox___wCCR3[data-invalid]:where([data-focus-visible]) {
1071
+ --box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
1072
+ --box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
1073
+ }
1074
+ .Checkbox-module__hop-Checkbox___wCCR3[data-invalid]:where([data-hovered]) {
1075
+ --box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
1076
+ --box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
1077
+ --text-color: var(--hop-Checkbox-text-color-hovered-invalid);
1078
+ --icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
1079
+ }
1080
+ .Checkbox-module__hop-Checkbox___wCCR3[data-invalid]:where([data-pressed]) {
1081
+ --box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
1082
+ --box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
1083
+ --text-color: var(--hop-Checkbox-text-color-pressed-invalid);
1084
+ --icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
1085
+ }
1086
+ .Checkbox-module__hop-Checkbox___wCCR3:where([data-invalid])[data-selected] {
1087
+ --box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
1088
+ --box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
1089
+ }
1090
+ .Checkbox-module__hop-Checkbox___wCCR3[data-disabled] {
1091
+ --box-background-color: var(--hop-Checkbox-box-background-color-disabled);
1092
+ --box-border-color: var(--hop-Checkbox-box-border-color-disabled);
1093
+ --check-color: var(--hop-Checkbox-check-color-disabled);
1094
+ --cursor: not-allowed;
1095
+ --text-color: var(--hop-Checkbox-text-color-disabled);
1096
+ --icon-color: var(--hop-Checkbox-icon-color-disabled);
1097
+ }
1098
+ .Checkbox-module__hop-Checkbox--sm___d1GQZ {
1099
+ --box-block-size: var(--hop-Checkbox-box-sm-block-size);
1100
+ --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
1101
+ --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
1102
+ --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
1103
+ }
1104
+ .Checkbox-module__hop-Checkbox--md___FjgKo {
1105
+ --box-block-size: var(--hop-Checkbox-box-md-block-size);
1106
+ --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
1107
+ --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
1108
+ --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
1109
+ }
1110
+ .Checkbox-module__hop-Checkbox__icon___Yv3pS,
1111
+ .Checkbox-module__hop-Checkbox__icon-list___YsPWx {
1112
+ flex: 0 0 auto;
958
1113
  order: 3;
1114
+ color: var(--icon-color);
1115
+ }
1116
+ .Checkbox-module__hop-Checkbox__box___PoPW7 {
1117
+ display: flex;
1118
+ flex: 0 0 auto;
1119
+ align-items: center;
1120
+ justify-content: center;
1121
+ order: 1;
1122
+ box-sizing: border-box;
1123
+ inline-size: var(--box-inline-size, var(--hop-Checkbox-box-md-inline-size));
1124
+ block-size: var(--box-block-size, var(--hop-Checkbox-box-md-block-size));
1125
+ background-color: var(--box-background-color);
1126
+ border: var(--hop-Checkbox-box-border-size) solid var(--box-border-color);
1127
+ border-radius: var(--box-border-radius);
1128
+ outline: var(--box-outline, none);
1129
+ outline-offset: 0.125rem;
1130
+ transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
1131
+ }
1132
+ .Checkbox-module__hop-Checkbox__check___YUwMq {
1133
+ display: var(--check-display);
1134
+ color: var(--check-color);
1135
+ }
1136
+ .Checkbox-module__hop-Checkbox__text___FLKuq {
1137
+ flex: 0 1 auto;
1138
+ order: 2;
1139
+ min-inline-size: 0;
1140
+ margin-block-start: var(--text-top-offset, var(--hop-Checkbox-text-md-top-offset));
1141
+ margin-inline-start: var(--text-margin-inline-start, var(--hop-Checkbox-text-md-margin-inline-start));
1142
+ color: var(--text-color);
1143
+ }
1144
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox___q0SHV {
1145
+ }
1146
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___e-SXm {
1147
+ }
1148
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox--md___BazG1 {
1149
+ }
1150
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___j0mxa,
1151
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___p5qQy {
1152
+ }
1153
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__box___Lq5Di {
1154
+ }
1155
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__check___JwJtd {
1156
+ }
1157
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__text___N0rdG {
959
1158
  }
960
1159
 
961
1160
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/Radio.module.css/#css-module-data */
962
- .Radio-module__hop-Radio___dZSx2 {
1161
+ .Radio-module__hop-Radio___3GVjM {
963
1162
  --hop-Radio-box-border-size: 0.0625rem;
964
1163
  --hop-Radio-box-border-color: var(--hop-neutral-border);
965
1164
  --hop-Radio-box-background-color: var(--hop-neutral-surface);
@@ -1033,63 +1232,60 @@
1033
1232
  inline-size: max-content;
1034
1233
  max-inline-size: 100%;
1035
1234
  }
1036
- .Radio-module__hop-Radio___dZSx2[data-focus-visible],
1037
- .Radio-module__hop-Radio--focused___bBjyn {
1235
+ .Radio-module__hop-Radio___3GVjM[data-focus-visible] {
1038
1236
  --box-background-color: var(--hop-Radio-box-background-color-focused);
1039
1237
  --box-border-color: var(--hop-Radio-box-border-color-focused);
1040
1238
  --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
1041
1239
  --text-color: var(--hop-Radio-text-color-focused);
1042
1240
  --icon-color: var(--hop-Radio-icon-color-focused);
1043
1241
  }
1044
- .Radio-module__hop-Radio___dZSx2[data-hovered],
1045
- .Radio-module__hop-Radio--hovered___CaynT {
1242
+ .Radio-module__hop-Radio___3GVjM[data-hovered] {
1046
1243
  --box-background-color: var(--hop-Radio-box-background-color-hovered);
1047
1244
  --box-border-color: var(--hop-Radio-box-border-color-hovered);
1048
1245
  --text-color: var(--hop-Radio-text-color-hovered);
1049
1246
  --icon-color: var(--hop-Radio-icon-color-hovered);
1050
1247
  }
1051
- .Radio-module__hop-Radio___dZSx2[data-pressed],
1052
- .Radio-module__hop-Radio--pressed___1HqKU {
1248
+ .Radio-module__hop-Radio___3GVjM[data-pressed] {
1053
1249
  --box-background-color: var(--hop-Radio-box-background-color-pressed);
1054
1250
  --box-border-color: var(--hop-Radio-box-border-color-pressed);
1055
1251
  --text-color: var(--hop-Radio-text-color-pressed);
1056
1252
  --icon-color: var(--hop-Radio-icon-color-pressed);
1057
1253
  }
1058
- .Radio-module__hop-Radio___dZSx2[data-selected] {
1254
+ .Radio-module__hop-Radio___3GVjM[data-selected] {
1059
1255
  --box-background-color: var(--hop-Radio-box-background-color-selected);
1060
1256
  --box-border-color: var(--hop-Radio-box-border-color-selected);
1061
1257
  --bullet-display: var(--hop-Radio-bullet-display-selected);
1062
1258
  --text-color: var(--hop-Radio-text-color-selected);
1063
1259
  --icon-color: var(--hop-Radio-icon-color-selected);
1064
1260
  }
1065
- .Radio-module__hop-Radio___dZSx2[data-invalid] {
1261
+ .Radio-module__hop-Radio___3GVjM[data-invalid] {
1066
1262
  --box-background-color: var(--hop-Radio-box-background-color-invalid);
1067
1263
  --box-border-color: var(--hop-Radio-box-border-color-invalid);
1068
1264
  --bullet-color: var(--hop-Radio-bullet-color-invalid);
1069
1265
  --text-color: var(--hop-Radio-text-color-invalid);
1070
1266
  --icon-color: var(--hop-Radio-icon-color-invalid);
1071
1267
  }
1072
- .Radio-module__hop-Radio___dZSx2:where([data-invalid])[data-focus-visible] {
1268
+ .Radio-module__hop-Radio___3GVjM:where([data-invalid])[data-focus-visible] {
1073
1269
  --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
1074
1270
  --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
1075
1271
  }
1076
- .Radio-module__hop-Radio___dZSx2:where([data-invalid])[data-hovered] {
1272
+ .Radio-module__hop-Radio___3GVjM:where([data-invalid])[data-hovered] {
1077
1273
  --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
1078
1274
  --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
1079
1275
  --text-color: var(--hop-Radio-text-color-hovered-invalid);
1080
1276
  --icon-color: var(--hop-Radio-text-color-hovered-invalid);
1081
1277
  }
1082
- .Radio-module__hop-Radio___dZSx2:where([data-invalid])[data-pressed] {
1278
+ .Radio-module__hop-Radio___3GVjM:where([data-invalid])[data-pressed] {
1083
1279
  --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
1084
1280
  --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
1085
1281
  --text-color: var(--hop-Radio-text-color-pressed-invalid);
1086
1282
  --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
1087
1283
  }
1088
- .Radio-module__hop-Radio___dZSx2:where([data-invalid])[data-selected] {
1284
+ .Radio-module__hop-Radio___3GVjM:where([data-invalid])[data-selected] {
1089
1285
  --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
1090
1286
  --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
1091
1287
  }
1092
- .Radio-module__hop-Radio___dZSx2[data-disabled] {
1288
+ .Radio-module__hop-Radio___3GVjM[data-disabled] {
1093
1289
  --box-background-color: var(--hop-Radio-box-background-color-disabled);
1094
1290
  --box-border-color: var(--hop-Radio-box-border-color-disabled);
1095
1291
  --bullet-color: var(--hop-Radio-bullet-color-disabled);
@@ -1097,25 +1293,25 @@
1097
1293
  --text-color: var(--hop-Radio-text-color-disabled);
1098
1294
  --icon-color: var(--hop-Radio-icon-color-disabled);
1099
1295
  }
1100
- .Radio-module__hop-Radio--sm___AYTfn {
1296
+ .Radio-module__hop-Radio--sm___qIsKs {
1101
1297
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
1102
1298
  --box-block-size: var(--hop-Radio-box-sm-block-size);
1103
1299
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
1104
1300
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
1105
1301
  }
1106
- .Radio-module__hop-Radio--md___0S2cX {
1302
+ .Radio-module__hop-Radio--md___Eszb9 {
1107
1303
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
1108
1304
  --box-block-size: var(--hop-Radio-box-md-block-size);
1109
1305
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
1110
1306
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
1111
1307
  }
1112
- .Radio-module__hop-Radio__icon___q55ww,
1113
- .Radio-module__hop-Radio__icon-list___TIMvm {
1308
+ .Radio-module__hop-Radio__icon___ChXsk,
1309
+ .Radio-module__hop-Radio__icon-list___Xk7yf {
1114
1310
  flex: 0 0 auto;
1115
1311
  order: 3;
1116
1312
  color: var(--icon-color);
1117
1313
  }
1118
- .Radio-module__hop-Radio__box___oWuZH {
1314
+ .Radio-module__hop-Radio__box___wgOZS {
1119
1315
  display: flex;
1120
1316
  flex: 0 0 auto;
1121
1317
  align-items: center;
@@ -1131,11 +1327,11 @@
1131
1327
  outline-offset: 0.125rem;
1132
1328
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
1133
1329
  }
1134
- .Radio-module__hop-Radio__bullet___Z2gB- {
1330
+ .Radio-module__hop-Radio__bullet___f0qvY {
1135
1331
  display: var(--bullet-display);
1136
1332
  color: var(--bullet-color);
1137
1333
  }
1138
- .Radio-module__hop-Radio__text___JyULz {
1334
+ .Radio-module__hop-Radio__text___2EXJv {
1139
1335
  flex: 0 1 auto;
1140
1336
  order: 2;
1141
1337
  min-inline-size: 0;
@@ -1145,7 +1341,7 @@
1145
1341
  }
1146
1342
 
1147
1343
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioField.module.css/#css-module-data */
1148
- .RadioField-module__hop-RadioField___ZeVcr {
1344
+ .RadioField-module__hop-RadioField___-vwTZ {
1149
1345
  --hop-RadioField-description-color: var(--hop-neutral-text-weak);
1150
1346
  --hop-RadioField-description-color-disabled: var(--hop-neutral-text-disabled);
1151
1347
  --hop-RadioField-sm-row-gap: var(--hop-space-stack-xs);
@@ -1164,28 +1360,28 @@
1164
1360
  inline-size: max-content;
1165
1361
  max-inline-size: 100%;
1166
1362
  }
1167
- .RadioField-module__hop-RadioField___ZeVcr[data-disabled] {
1363
+ .RadioField-module__hop-RadioField___-vwTZ[data-disabled] {
1168
1364
  --description-color: var(--hop-RadioField-description-color-disabled);
1169
1365
  }
1170
- .RadioField-module__hop-RadioField--sm___-ToHL {
1366
+ .RadioField-module__hop-RadioField--sm___7Rhoi {
1171
1367
  --row-gap: var(--hop-RadioField-sm-row-gap);
1172
1368
  --description-margin-inline-start: var(--hop-RadioField-description-sm-margin-inline-start);
1173
1369
  }
1174
- .RadioField-module__hop-RadioField--md___PiqvX {
1370
+ .RadioField-module__hop-RadioField--md___VY2am {
1175
1371
  --row-gap: var(--hop-RadioField-md-row-gap);
1176
1372
  --description-margin-inline-start: var(--hop-RadioField-description-md-margin-inline-start);
1177
1373
  }
1178
- .RadioField-module__hop-RadioField__description___fzcWP {
1374
+ .RadioField-module__hop-RadioField__description___E7zdg {
1179
1375
  order: 2;
1180
1376
  margin-inline-start: var(--description-margin-inline-start, var(--hop-RadioField-description-md-margin-inline-start));
1181
1377
  color: var(--description-color);
1182
1378
  }
1183
- .RadioField-module__hop-RadioField__radio___JPWxW {
1379
+ .RadioField-module__hop-RadioField__radio___B-ZON {
1184
1380
  order: 1;
1185
1381
  }
1186
1382
 
1187
1383
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioGroup.module.css/#css-module-data */
1188
- .RadioGroup-module__hop-RadioGroup___pM7SC {
1384
+ .RadioGroup-module__hop-RadioGroup___MiSJ7 {
1189
1385
  --hop-RadioGroup-align-items: flex-start;
1190
1386
  --hop-RadioGroup-justify-content: flex-start;
1191
1387
  --hop-RadioGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -1225,46 +1421,46 @@
1225
1421
  inline-size: var(--inline-size);
1226
1422
  max-inline-size: 100%;
1227
1423
  }
1228
- .RadioGroup-module__hop-RadioGroup--bordered___TozFo {
1424
+ .RadioGroup-module__hop-RadioGroup--bordered___Nriql {
1229
1425
  --list-border: var(--radio-border-size) solid var(--radio-border-color);
1230
1426
  --list-border-radius: var(--hop-shape-rounded-md);
1231
1427
  }
1232
- .RadioGroup-module__hop-RadioGroup--sm___T0IFM {
1428
+ .RadioGroup-module__hop-RadioGroup--sm___IrP-E {
1233
1429
  --column-gap: var(--hop-RadioGroup-sm-column-gap);
1234
1430
  --row-gap: var(--hop-RadioGroup-sm-row-gap);
1235
1431
  --list-column-gap: var(--hop-RadioGroup-list-sm-column-gap);
1236
1432
  --list-row-gap: var(--hop-RadioGroup-list-sm-row-gap);
1237
1433
  }
1238
- .RadioGroup-module__hop-RadioGroup--md___CD3JY {
1434
+ .RadioGroup-module__hop-RadioGroup--md___FFXm3 {
1239
1435
  --column-gap: var(--hop-RadioGroup-md-column-gap);
1240
1436
  --row-gap: var(--hop-RadioGroup-md-row-gap);
1241
1437
  --list-column-gap: var(--hop-RadioGroup-list-md-column-gap);
1242
1438
  --list-row-gap: var(--hop-RadioGroup-list-md-row-gap);
1243
1439
  }
1244
- .RadioGroup-module__hop-RadioGroup--bordered___TozFo.RadioGroup-module__hop-RadioGroup--sm___T0IFM {
1440
+ .RadioGroup-module__hop-RadioGroup--bordered___Nriql.RadioGroup-module__hop-RadioGroup--sm___IrP-E {
1245
1441
  --radio-padding: var(--hop-RadioGroup-bordered-sm-padding);
1246
1442
  --column-gap: var(--hop-RadioGroup-bordered-sm-column-gap);
1247
1443
  --row-gap: var(--hop-RadioGroup-bordered-sm-row-gap);
1248
1444
  --list-column-gap: var(--hop-RadioGroup-list-bordered-sm-column-gap);
1249
1445
  --list-row-gap: var(--hop-RadioGroup-list-bordered-sm-row-gap);
1250
1446
  }
1251
- .RadioGroup-module__hop-RadioGroup--bordered___TozFo.RadioGroup-module__hop-RadioGroup--md___CD3JY {
1447
+ .RadioGroup-module__hop-RadioGroup--bordered___Nriql.RadioGroup-module__hop-RadioGroup--md___FFXm3 {
1252
1448
  --radio-padding: var(--hop-RadioGroup-bordered-md-padding);
1253
1449
  --column-gap: var(--hop-RadioGroup-bordered-md-column-gap);
1254
1450
  --row-gap: var(--hop-RadioGroup-bordered-md-row-gap);
1255
1451
  --list-column-gap: var(--hop-RadioGroup-list-bordered-md-column-gap);
1256
1452
  --list-row-gap: var(--hop-RadioGroup-list-bordered-md-row-gap);
1257
1453
  }
1258
- .RadioGroup-module__hop-RadioGroup___pM7SC[data-orientation=horizontal] {
1454
+ .RadioGroup-module__hop-RadioGroup___MiSJ7[data-orientation=horizontal] {
1259
1455
  --flex-direction: var(--hop-RadioGroup-horizontal-flex-direction);
1260
1456
  }
1261
- .RadioGroup-module__hop-RadioGroup--bordered___TozFo[data-orientation=horizontal] {
1457
+ .RadioGroup-module__hop-RadioGroup--bordered___Nriql[data-orientation=horizontal] {
1262
1458
  --flex-wrap: nowrap;
1263
1459
  }
1264
- .RadioGroup-module__hop-RadioGroup___pM7SC > .RadioGroup-module__hop-RadioGroup__label___L0tyL {
1460
+ .RadioGroup-module__hop-RadioGroup___MiSJ7 > .RadioGroup-module__hop-RadioGroup__label___sryAv {
1265
1461
  order: 1;
1266
1462
  }
1267
- .RadioGroup-module__hop-RadioGroup__list___PTFzc {
1463
+ .RadioGroup-module__hop-RadioGroup__list___U5NgA {
1268
1464
  display: flex;
1269
1465
  flex-flow: var(--flex-direction) var(--flex-wrap);
1270
1466
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -1275,7 +1471,7 @@
1275
1471
  border: var(--list-border, none);
1276
1472
  border-radius: var(--list-border-radius, 0);
1277
1473
  }
1278
- .RadioGroup-module__hop-RadioGroup__list___PTFzc > .RadioGroup-module__hop-RadioGroup__radio___ErWNd {
1474
+ .RadioGroup-module__hop-RadioGroup__list___U5NgA > .RadioGroup-module__hop-RadioGroup__radio___T2EAn {
1279
1475
  position: relative;
1280
1476
  flex: 0 1 auto;
1281
1477
  align-content: start;
@@ -1283,28 +1479,226 @@
1283
1479
  min-inline-size: 0;
1284
1480
  padding: var(--radio-padding, 0);
1285
1481
  }
1286
- .RadioGroup-module__hop-RadioGroup--bordered___TozFo .RadioGroup-module__hop-RadioGroup__list___PTFzc > .RadioGroup-module__hop-RadioGroup__radio___ErWNd ~ .RadioGroup-module__hop-RadioGroup__radio___ErWNd::before {
1482
+ .RadioGroup-module__hop-RadioGroup--bordered___Nriql .RadioGroup-module__hop-RadioGroup__list___U5NgA > .RadioGroup-module__hop-RadioGroup__radio___T2EAn ~ .RadioGroup-module__hop-RadioGroup__radio___T2EAn::before {
1287
1483
  content: "";
1288
1484
  position: absolute;
1289
1485
  display: block;
1290
1486
  }
1291
- .RadioGroup-module__hop-RadioGroup--bordered___TozFo[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___PTFzc > .RadioGroup-module__hop-RadioGroup__radio___ErWNd ~ .RadioGroup-module__hop-RadioGroup__radio___ErWNd::before {
1487
+ .RadioGroup-module__hop-RadioGroup--bordered___Nriql[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___U5NgA > .RadioGroup-module__hop-RadioGroup__radio___T2EAn ~ .RadioGroup-module__hop-RadioGroup__radio___T2EAn::before {
1292
1488
  inset-block-start: 0;
1293
1489
  inset-inline: 0;
1294
1490
  border-block-start: var(--list-border, none);
1295
1491
  }
1296
- .RadioGroup-module__hop-RadioGroup--bordered___TozFo[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___PTFzc > .RadioGroup-module__hop-RadioGroup__radio___ErWNd ~ .RadioGroup-module__hop-RadioGroup__radio___ErWNd::before {
1492
+ .RadioGroup-module__hop-RadioGroup--bordered___Nriql[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___U5NgA > .RadioGroup-module__hop-RadioGroup__radio___T2EAn ~ .RadioGroup-module__hop-RadioGroup__radio___T2EAn::before {
1297
1493
  inset-block: 0;
1298
1494
  inset-inline-start: 0;
1299
1495
  border-inline-start: var(--list-border, none);
1300
1496
  }
1301
- .RadioGroup-module__hop-RadioGroup___pM7SC > .RadioGroup-module__hop-RadioGroup__error-message___36WFE,
1302
- .RadioGroup-module__hop-RadioGroup___pM7SC > .RadioGroup-module__hop-RadioGroup__helper-message___4EcKd {
1497
+ .RadioGroup-module__hop-RadioGroup___MiSJ7 > .RadioGroup-module__hop-RadioGroup__error-message___-vNmu,
1498
+ .RadioGroup-module__hop-RadioGroup___MiSJ7 > .RadioGroup-module__hop-RadioGroup__helper-message___ykY3T {
1303
1499
  order: 3;
1304
1500
  }
1305
1501
 
1502
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/DecorativeRadio.module.css/#css-module-data */
1503
+ .Radio-module__hop-Radio___3GVjM {
1504
+ --hop-Radio-box-border-size: 0.0625rem;
1505
+ --hop-Radio-box-border-color: var(--hop-neutral-border);
1506
+ --hop-Radio-box-background-color: var(--hop-neutral-surface);
1507
+ --hop-Radio-box-outline-size: 0.125rem;
1508
+ --hop-Radio-box-outline-color: var(--hop-primary-border-focus);
1509
+ --hop-Radio-bullet-color: var(--hop-neutral-icon-selected);
1510
+ --hop-Radio-bullet-display: none;
1511
+ --hop-Radio-text-color: var(--hop-neutral-text);
1512
+ --hop-Radio-icon-color: var(--hop-neutral-icon);
1513
+ --hop-Radio-box-border-color-hovered: var(--hop-neutral-border-hover);
1514
+ --hop-Radio-box-background-color-hovered: var(--hop-neutral-surface-hover);
1515
+ --hop-Radio-text-color-hovered: var(--hop-neutral-text-hover);
1516
+ --hop-Radio-icon-color-hovered: var(--hop-neutral-icon-hover);
1517
+ --hop-Radio-box-border-color-pressed: var(--hop-neutral-border-press);
1518
+ --hop-Radio-box-background-color-pressed: var(--hop-neutral-surface-press);
1519
+ --hop-Radio-text-color-pressed: var(--hop-neutral-text-press);
1520
+ --hop-Radio-icon-color-pressed: var(--hop-neutral-icon-press);
1521
+ --hop-Radio-box-border-color-selected: var(--hop-neutral-border-selected);
1522
+ --hop-Radio-box-background-color-selected: var(--hop-neutral-surface-selected);
1523
+ --hop-Radio-bullet-display-selected: block;
1524
+ --hop-Radio-text-color-selected: var(--hop-neutral-text);
1525
+ --hop-Radio-icon-color-selected: var(--hop-neutral-icon);
1526
+ --hop-Radio-box-border-color-disabled: var(--hop-neutral-border-disabled);
1527
+ --hop-Radio-box-background-color-disabled: var(--hop-neutral-surface-disabled);
1528
+ --hop-Radio-bullet-color-disabled: var(--hop-neutral-icon-disabled);
1529
+ --hop-Radio-text-color-disabled: var(--hop-neutral-text-disabled);
1530
+ --hop-Radio-icon-color-disabled: var(--hop-neutral-icon-disabled);
1531
+ --hop-Radio-box-border-color-focused: var(--hop-neutral-border-hover);
1532
+ --hop-Radio-box-background-color-focused: var(--hop-neutral-surface-hover);
1533
+ --hop-Radio-text-color-focused: var(--hop-neutral-text);
1534
+ --hop-Radio-icon-color-focused: var(--hop-neutral-icon);
1535
+ --hop-Radio-box-border-color-invalid: var(--hop-danger-border-strong);
1536
+ --hop-Radio-box-background-color-invalid: var(--hop-neutral-surface);
1537
+ --hop-Radio-box-border-color-hovered-invalid: var(--hop-danger-border-strong);
1538
+ --hop-Radio-box-background-color-hovered-invalid: var(--hop-danger-surface);
1539
+ --hop-Radio-box-border-color-pressed-invalid: var(--hop-danger-border-press);
1540
+ --hop-Radio-box-background-color-pressed-invalid: var(--hop-danger-surface-weak);
1541
+ --hop-Radio-box-border-color-focused-invalid: var(--hop-danger-border-strong);
1542
+ --hop-Radio-box-background-color-focused-invalid: var(--hop-danger-surface);
1543
+ --hop-Radio-box-border-color-selected-invalid: var(--hop-danger-border-strong);
1544
+ --hop-Radio-box-background-color-selected-invalid: var(--hop-danger-surface-strong);
1545
+ --hop-Radio-bullet-color-invalid: var(--hop-danger-icon-strong);
1546
+ --hop-Radio-text-color-invalid: var(--hop-danger-text-weak);
1547
+ --hop-Radio-icon-color-invalid: var(--hop-danger-icon-weak);
1548
+ --hop-Radio-text-color-hovered-invalid: var(--hop-danger-text-weak-hover);
1549
+ --hop-Radio-icon-color-hovered-invalid: var(--hop-danger-icon-weak-hover);
1550
+ --hop-Radio-text-color-pressed-invalid: var(--hop-danger-text-weak-press);
1551
+ --hop-Radio-box-sm-inline-size: 1rem;
1552
+ --hop-Radio-box-sm-block-size: 1rem;
1553
+ --hop-Radio-text-sm-top-offset: calc((var(--box-inline-size) - (var(--hop-body-sm-line-height) * var(--hop-body-sm-font-size))) / 2);
1554
+ --hop-Radio-text-sm-margin-inline-start: calc(var(--hop-space-inline-sm) - var(--hop-space-inline-xs));
1555
+ --hop-Radio-box-md-inline-size: 1.5rem;
1556
+ --hop-Radio-box-md-block-size: 1.5rem;
1557
+ --hop-Radio-text-md-top-offset: calc((var(--box-inline-size) - (var(--hop-body-md-line-height) * var(--hop-body-md-font-size))) / 2);
1558
+ --hop-Radio-text-md-margin-inline-start: calc(var(--hop-space-inline-md) - var(--hop-space-inline-xs));
1559
+ --box-background-color: var(--hop-Radio-box-background-color);
1560
+ --box-border-color: var(--hop-Radio-box-border-color);
1561
+ --box-border-radius: var(--hop-shape-circle);
1562
+ --bullet-color: var(--hop-Radio-bullet-color);
1563
+ --bullet-display: var(--hop-Radio-bullet-display);
1564
+ --cursor: pointer;
1565
+ --text-color: var(--hop-Radio-text-color);
1566
+ --icon-color: var(--hop-Radio-icon-color);
1567
+ --transition-duration: var(--hop-easing-duration-2);
1568
+ cursor: var(--cursor);
1569
+ display: flex;
1570
+ column-gap: var(--hop-space-inline-xs);
1571
+ align-items: flex-start;
1572
+ justify-content: flex-start;
1573
+ box-sizing: border-box;
1574
+ inline-size: max-content;
1575
+ max-inline-size: 100%;
1576
+ }
1577
+ .Radio-module__hop-Radio___3GVjM[data-focus-visible] {
1578
+ --box-background-color: var(--hop-Radio-box-background-color-focused);
1579
+ --box-border-color: var(--hop-Radio-box-border-color-focused);
1580
+ --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
1581
+ --text-color: var(--hop-Radio-text-color-focused);
1582
+ --icon-color: var(--hop-Radio-icon-color-focused);
1583
+ }
1584
+ .Radio-module__hop-Radio___3GVjM[data-hovered] {
1585
+ --box-background-color: var(--hop-Radio-box-background-color-hovered);
1586
+ --box-border-color: var(--hop-Radio-box-border-color-hovered);
1587
+ --text-color: var(--hop-Radio-text-color-hovered);
1588
+ --icon-color: var(--hop-Radio-icon-color-hovered);
1589
+ }
1590
+ .Radio-module__hop-Radio___3GVjM[data-pressed] {
1591
+ --box-background-color: var(--hop-Radio-box-background-color-pressed);
1592
+ --box-border-color: var(--hop-Radio-box-border-color-pressed);
1593
+ --text-color: var(--hop-Radio-text-color-pressed);
1594
+ --icon-color: var(--hop-Radio-icon-color-pressed);
1595
+ }
1596
+ .Radio-module__hop-Radio___3GVjM[data-selected] {
1597
+ --box-background-color: var(--hop-Radio-box-background-color-selected);
1598
+ --box-border-color: var(--hop-Radio-box-border-color-selected);
1599
+ --bullet-display: var(--hop-Radio-bullet-display-selected);
1600
+ --text-color: var(--hop-Radio-text-color-selected);
1601
+ --icon-color: var(--hop-Radio-icon-color-selected);
1602
+ }
1603
+ .Radio-module__hop-Radio___3GVjM[data-invalid] {
1604
+ --box-background-color: var(--hop-Radio-box-background-color-invalid);
1605
+ --box-border-color: var(--hop-Radio-box-border-color-invalid);
1606
+ --bullet-color: var(--hop-Radio-bullet-color-invalid);
1607
+ --text-color: var(--hop-Radio-text-color-invalid);
1608
+ --icon-color: var(--hop-Radio-icon-color-invalid);
1609
+ }
1610
+ .Radio-module__hop-Radio___3GVjM:where([data-invalid])[data-focus-visible] {
1611
+ --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
1612
+ --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
1613
+ }
1614
+ .Radio-module__hop-Radio___3GVjM:where([data-invalid])[data-hovered] {
1615
+ --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
1616
+ --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
1617
+ --text-color: var(--hop-Radio-text-color-hovered-invalid);
1618
+ --icon-color: var(--hop-Radio-text-color-hovered-invalid);
1619
+ }
1620
+ .Radio-module__hop-Radio___3GVjM:where([data-invalid])[data-pressed] {
1621
+ --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
1622
+ --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
1623
+ --text-color: var(--hop-Radio-text-color-pressed-invalid);
1624
+ --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
1625
+ }
1626
+ .Radio-module__hop-Radio___3GVjM:where([data-invalid])[data-selected] {
1627
+ --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
1628
+ --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
1629
+ }
1630
+ .Radio-module__hop-Radio___3GVjM[data-disabled] {
1631
+ --box-background-color: var(--hop-Radio-box-background-color-disabled);
1632
+ --box-border-color: var(--hop-Radio-box-border-color-disabled);
1633
+ --bullet-color: var(--hop-Radio-bullet-color-disabled);
1634
+ --cursor: not-allowed;
1635
+ --text-color: var(--hop-Radio-text-color-disabled);
1636
+ --icon-color: var(--hop-Radio-icon-color-disabled);
1637
+ }
1638
+ .Radio-module__hop-Radio--sm___qIsKs {
1639
+ --box-inline-size: var(--hop-Radio-box-sm-inline-size);
1640
+ --box-block-size: var(--hop-Radio-box-sm-block-size);
1641
+ --text-top-offset: var(--hop-Radio-text-sm-top-offset);
1642
+ --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
1643
+ }
1644
+ .Radio-module__hop-Radio--md___Eszb9 {
1645
+ --box-inline-size: var(--hop-Radio-box-md-inline-size);
1646
+ --box-block-size: var(--hop-Radio-box-md-block-size);
1647
+ --text-top-offset: var(--hop-Radio-text-md-top-offset);
1648
+ --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
1649
+ }
1650
+ .Radio-module__hop-Radio__icon___ChXsk,
1651
+ .Radio-module__hop-Radio__icon-list___Xk7yf {
1652
+ flex: 0 0 auto;
1653
+ order: 3;
1654
+ color: var(--icon-color);
1655
+ }
1656
+ .Radio-module__hop-Radio__box___wgOZS {
1657
+ display: flex;
1658
+ flex: 0 0 auto;
1659
+ align-items: center;
1660
+ justify-content: center;
1661
+ order: 1;
1662
+ box-sizing: border-box;
1663
+ inline-size: var(--box-inline-size, var(--hop-Radio-box-md-inline-size));
1664
+ block-size: var(--box-block-size, var(--hop-Radio-box-md-block-size));
1665
+ background-color: var(--box-background-color);
1666
+ border: var(--hop-Radio-box-border-size) solid var(--box-border-color);
1667
+ border-radius: var(--box-border-radius);
1668
+ outline: var(--box-outline, none);
1669
+ outline-offset: 0.125rem;
1670
+ transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
1671
+ }
1672
+ .Radio-module__hop-Radio__bullet___f0qvY {
1673
+ display: var(--bullet-display);
1674
+ color: var(--bullet-color);
1675
+ }
1676
+ .Radio-module__hop-Radio__text___2EXJv {
1677
+ flex: 0 1 auto;
1678
+ order: 2;
1679
+ min-inline-size: 0;
1680
+ margin-block-start: var(--text-top-offset, var(--hop-Radio-text-md-top-offset));
1681
+ margin-inline-start: var(--text-margin-inline-start, var(--hop-Radio-text-md-margin-inline-start));
1682
+ color: var(--text-color);
1683
+ }
1684
+ .DecorativeRadio-module__hop-DecorativeRadio___oRMfZ {
1685
+ }
1686
+ .DecorativeRadio-module__hop-DecorativeRadio--sm___AQchJ {
1687
+ }
1688
+ .DecorativeRadio-module__hop-DecorativeRadio--md___DMoEl {
1689
+ }
1690
+ .DecorativeRadio-module__hop-DecorativeRadio__icon___VUXMo,
1691
+ .DecorativeRadio-module__hop-DecorativeRadio__icon-list___uTmFK {
1692
+ }
1693
+ .DecorativeRadio-module__hop-DecorativeRadio__box___F6dfP {
1694
+ }
1695
+ .DecorativeRadio-module__hop-DecorativeRadio__bullet___-Mc90 {
1696
+ }
1697
+ .DecorativeRadio-module__hop-DecorativeRadio__text___-241H {
1698
+ }
1699
+
1306
1700
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBoxItemSkeleton.module.css/#css-module-data */
1307
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___M8FkD {
1701
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___zgPHG {
1308
1702
  --hop-ListBoxItemSkeleton-background-color: var(--hop-rock-50);
1309
1703
  --hop-ListBoxItemSkeleton-background-color-dark: var(--hop-rock-75);
1310
1704
  --hop-ListBoxItemSkeleton-border-radius: var(--hop-shape-rounded-md);
@@ -1330,7 +1724,7 @@
1330
1724
  background-image: var(--hop-ListBoxItemSkeleton-linear-gradient);
1331
1725
  background-size: 400% 100%;
1332
1726
  border-radius: var(--hop-ListBoxItemSkeleton-border-radius);
1333
- animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___jtRvd;
1727
+ animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___gcDLf;
1334
1728
  animation-duration: var(--animation-duration);
1335
1729
  animation-timing-function: ease-in-out;
1336
1730
  animation-fill-mode: forwards;
@@ -1339,19 +1733,19 @@
1339
1733
  --animation-duration: var(--hop-ListBoxItemSkeleton-animation-reduced-motion-duration);
1340
1734
  }
1341
1735
  }
1342
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___6dEvP {
1736
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___nMqoM {
1343
1737
  --height: var(--hop-ListBoxItemSkeleton-xs-height);
1344
1738
  }
1345
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___auPSD {
1739
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___rSb-I {
1346
1740
  --height: var(--hop-ListBoxItemSkeleton-sm-height);
1347
1741
  }
1348
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___FBGqX {
1742
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___tlBUR {
1349
1743
  --height: var(--hop-ListBoxItemSkeleton-md-height);
1350
1744
  }
1351
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___s5aB- {
1745
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___c8Y4L {
1352
1746
  --height: var(--hop-ListBoxItemSkeleton-lg-height);
1353
1747
  }
1354
- @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___jtRvd {
1748
+ @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___gcDLf {
1355
1749
  0% {
1356
1750
  background-position: 125% 50%;
1357
1751
  }
@@ -1361,7 +1755,7 @@
1361
1755
  }
1362
1756
 
1363
1757
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBoxItem.module.css/#css-module-data */
1364
- .ListBoxItem-module__hop-ListBoxItem___Q1Dvl {
1758
+ .ListBoxItem-module__hop-ListBoxItem___JwnhO {
1365
1759
  --hop-ListBoxItem-background-color: transparent;
1366
1760
  --hop-ListBoxItem-border-radius: var(--hop-shape-rounded-md);
1367
1761
  --hop-ListBoxItem-text-color: var(--hop-neutral-text);
@@ -1458,129 +1852,129 @@
1458
1852
  outline: var(--outline);
1459
1853
  outline-offset: calc(-1 * var(--hop-ListBoxItem-outline-size));
1460
1854
  }
1461
- .ListBoxItem-module__hop-ListBoxItem--xs___roQ7v {
1855
+ .ListBoxItem-module__hop-ListBoxItem--xs___zl90j {
1462
1856
  --padding-block: var(--hop-ListBoxItem-xs-padding-block);
1463
1857
  --padding-inline: var(--hop-ListBoxItem-xs-padding-inline);
1464
1858
  --min-height: var(--hop-ListBoxItem-xs-min-height);
1465
1859
  --avatar-margin-block: var(--hop-ListBoxItem-xs-avatar-margin-block);
1466
1860
  --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight);
1467
1861
  }
1468
- .ListBoxItem-module__hop-ListBoxItem--sm___fvRpM {
1862
+ .ListBoxItem-module__hop-ListBoxItem--sm___liBj0 {
1469
1863
  --padding-block: var(--hop-ListBoxItem-sm-padding-block);
1470
1864
  --padding-inline: var(--hop-ListBoxItem-sm-padding-inline);
1471
1865
  --min-height: var(--hop-ListBoxItem-sm-min-height);
1472
1866
  --avatar-margin-block: var(--hop-ListBoxItem-sm-avatar-margin-block);
1473
1867
  --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight);
1474
1868
  }
1475
- .ListBoxItem-module__hop-ListBoxItem--md___gRocQ {
1869
+ .ListBoxItem-module__hop-ListBoxItem--md___JobkU {
1476
1870
  --padding-block: var(--hop-ListBoxItem-md-padding-block);
1477
1871
  --padding-inline: var(--hop-ListBoxItem-md-padding-inline);
1478
1872
  --min-height: var(--hop-ListBoxItem-md-min-height);
1479
1873
  --avatar-margin-block: var(--hop-ListBoxItem-md-avatar-margin-block);
1480
1874
  --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight);
1481
1875
  }
1482
- .ListBoxItem-module__hop-ListBoxItem--lg___J4z-j {
1876
+ .ListBoxItem-module__hop-ListBoxItem--lg___x6zNi {
1483
1877
  --padding-block: var(--hop-ListBoxItem-lg-padding-block);
1484
1878
  --padding-inline: var(--hop-ListBoxItem-lg-padding-inline);
1485
1879
  --min-height: var(--hop-ListBoxItem-lg-min-height);
1486
1880
  --avatar-margin-block: var(--hop-ListBoxItem-lg-avatar-margin-block);
1487
1881
  --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight);
1488
1882
  }
1489
- .ListBoxItem-module__hop-ListBoxItem___Q1Dvl[data-selection-mode] {
1883
+ .ListBoxItem-module__hop-ListBoxItem___JwnhO[data-selection-mode] {
1490
1884
  --cursor: pointer;
1491
1885
  }
1492
- .ListBoxItem-module__hop-ListBoxItem___Q1Dvl:not([data-selection-mode]) {
1886
+ .ListBoxItem-module__hop-ListBoxItem___JwnhO:not([data-selection-mode]) {
1493
1887
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
1494
1888
  }
1495
- .ListBoxItem-module__hop-ListBoxItem__inner___hjVIE:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___tILR2) {
1889
+ .ListBoxItem-module__hop-ListBoxItem__inner___Y-OfJ:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___4r7bo) {
1496
1890
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
1497
1891
  }
1498
- .ListBoxItem-module__hop-ListBoxItem__inner___hjVIE[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___tILR2) {
1892
+ .ListBoxItem-module__hop-ListBoxItem__inner___Y-OfJ[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___4r7bo) {
1499
1893
  --checkmark-transition: none;
1500
1894
  }
1501
- .ListBoxItem-module__hop-ListBoxItem___Q1Dvl[data-selected] {
1895
+ .ListBoxItem-module__hop-ListBoxItem___JwnhO[data-selected] {
1502
1896
  --background-color: var(--hop-ListBoxItem-background-color-selected);
1503
1897
  --text-color: var(--hop-ListBoxItem-text-color-selected);
1504
1898
  --icon-color: var(--hop-ListBoxItem-icon-color-selected);
1505
1899
  --checkmark-opacity: 1;
1506
1900
  }
1507
- .ListBoxItem-module__hop-ListBoxItem--xs___roQ7v[data-selected] {
1901
+ .ListBoxItem-module__hop-ListBoxItem--xs___zl90j[data-selected] {
1508
1902
  --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight-selected);
1509
1903
  }
1510
- .ListBoxItem-module__hop-ListBoxItem--sm___fvRpM[data-selected] {
1904
+ .ListBoxItem-module__hop-ListBoxItem--sm___liBj0[data-selected] {
1511
1905
  --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight-selected);
1512
1906
  }
1513
- .ListBoxItem-module__hop-ListBoxItem--md___gRocQ[data-selected] {
1907
+ .ListBoxItem-module__hop-ListBoxItem--md___JobkU[data-selected] {
1514
1908
  --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight-selected);
1515
1909
  }
1516
- .ListBoxItem-module__hop-ListBoxItem--lg___J4z-j[data-selected] {
1910
+ .ListBoxItem-module__hop-ListBoxItem--lg___x6zNi[data-selected] {
1517
1911
  --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight-selected);
1518
1912
  }
1519
- .ListBoxItem-module__hop-ListBoxItem___Q1Dvl[data-focus-visible] {
1913
+ .ListBoxItem-module__hop-ListBoxItem___JwnhO[data-focus-visible] {
1520
1914
  --background-color: var(--hop-ListBoxItem-background-color-focused);
1521
1915
  --text-color: var(--hop-ListBoxItem-text-color-focused);
1522
1916
  --icon-color: var(--hop-ListBoxItem-icon-color-focused);
1523
1917
  --outline: var(--hop-ListBoxItem-outline-size) solid var(--hop-ListBoxItem-outline-color);
1524
1918
  }
1525
- .ListBoxItem-module__hop-ListBoxItem___Q1Dvl[data-hovered] {
1919
+ .ListBoxItem-module__hop-ListBoxItem___JwnhO[data-hovered] {
1526
1920
  --background-color: var(--hop-ListBoxItem-background-color-hovered);
1527
1921
  --text-color: var(--hop-ListBoxItem-text-color-hovered);
1528
1922
  --icon-color: var(--hop-ListBoxItem-icon-color-hovered);
1529
1923
  }
1530
- .ListBoxItem-module__hop-ListBoxItem___Q1Dvl[data-pressed] {
1924
+ .ListBoxItem-module__hop-ListBoxItem___JwnhO[data-pressed] {
1531
1925
  --background-color: var(--hop-ListBoxItem-background-color-pressed);
1532
1926
  --text-color: var(--hop-ListBoxItem-text-color-pressed);
1533
1927
  --icon-color: var(--hop-ListBoxItem-icon-color-pressed);
1534
1928
  }
1535
- .ListBoxItem-module__hop-ListBoxItem___Q1Dvl[data-disabled] {
1929
+ .ListBoxItem-module__hop-ListBoxItem___JwnhO[data-disabled] {
1536
1930
  --background-color: var(--hop-ListBoxItem-background-color-disabled);
1537
1931
  --text-color: var(--hop-ListBoxItem-text-color-disabled);
1538
1932
  --icon-color: var(--hop-ListBoxItem-icon-color-disabled);
1539
1933
  --description-text-color: var(--hop-ListBoxItem-text-color-disabled);
1540
1934
  --cursor: not-allowed;
1541
1935
  }
1542
- .ListBoxItem-module__hop-ListBoxItem___Q1Dvl[data-invalid] {
1936
+ .ListBoxItem-module__hop-ListBoxItem___JwnhO[data-invalid] {
1543
1937
  --background-color: var(--hop-ListBoxItem-background-color-invalid);
1544
1938
  --text-color: var(--hop-ListBoxItem-text-color-invalid);
1545
1939
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid);
1546
1940
  }
1547
- .ListBoxItem-module__hop-ListBoxItem___Q1Dvl[data-invalid][data-selected] {
1941
+ .ListBoxItem-module__hop-ListBoxItem___JwnhO[data-invalid][data-selected] {
1548
1942
  --background-color: var(--hop-ListBoxItem-background-color-invalid-selected);
1549
1943
  --text-color: var(--hop-ListBoxItem-text-color-invalid-selected);
1550
1944
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-selected);
1551
1945
  }
1552
- .ListBoxItem-module__hop-ListBoxItem___Q1Dvl[data-invalid][data-focus-visible] {
1946
+ .ListBoxItem-module__hop-ListBoxItem___JwnhO[data-invalid][data-focus-visible] {
1553
1947
  --background-color: var(--hop-ListBoxItem-background-color-invalid-focused);
1554
1948
  --text-color: var(--hop-ListBoxItem-text-color-invalid-focused);
1555
1949
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-focused);
1556
1950
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-focused);
1557
1951
  }
1558
- .ListBoxItem-module__hop-ListBoxItem___Q1Dvl[data-invalid][data-hovered] {
1952
+ .ListBoxItem-module__hop-ListBoxItem___JwnhO[data-invalid][data-hovered] {
1559
1953
  --background-color: var(--hop-ListBoxItem-background-color-invalid-hovered);
1560
1954
  --text-color: var(--hop-ListBoxItem-text-color-invalid-hovered);
1561
1955
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-hovered);
1562
1956
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-hovered);
1563
1957
  }
1564
- .ListBoxItem-module__hop-ListBoxItem___Q1Dvl[data-invalid][data-pressed] {
1958
+ .ListBoxItem-module__hop-ListBoxItem___JwnhO[data-invalid][data-pressed] {
1565
1959
  --background-color: var(--hop-ListBoxItem-background-color-invalid-pressed);
1566
1960
  --text-color: var(--hop-ListBoxItem-text-color-invalid-pressed);
1567
1961
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-pressed);
1568
1962
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-pressed);
1569
1963
  }
1570
- .ListBoxItem-module__hop-ListBoxItem___Q1Dvl[data-invalid][data-disabled] {
1964
+ .ListBoxItem-module__hop-ListBoxItem___JwnhO[data-invalid][data-disabled] {
1571
1965
  --background-color: var(--hop-ListBoxItem-background-color-invalid-disabled);
1572
1966
  --text-color: var(--hop-ListBoxItem-text-color-invalid-disabled);
1573
1967
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-disabled);
1574
1968
  }
1575
- .ListBoxItem-module__hop-ListBoxItem___Q1Dvl:has(.ListBoxItem-module__hop-ListBoxItem__description___iyMtT) {
1969
+ .ListBoxItem-module__hop-ListBoxItem___JwnhO:has(.ListBoxItem-module__hop-ListBoxItem__description___f6ZNM) {
1576
1970
  --row-gap: var(--hop-ListBoxItem-row-gap);
1577
1971
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-with-description);
1578
1972
  }
1579
- .ListBoxItem-module__hop-ListBoxItem___Q1Dvl[data-loading] {
1973
+ .ListBoxItem-module__hop-ListBoxItem___JwnhO[data-loading] {
1580
1974
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-loading);
1581
1975
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-loading);
1582
1976
  }
1583
- .ListBoxItem-module__hop-ListBoxItem__inner___hjVIE {
1977
+ .ListBoxItem-module__hop-ListBoxItem__inner___Y-OfJ {
1584
1978
  display: grid;
1585
1979
  grid-template-areas: var(--grid-template-areas);
1586
1980
  grid-template-columns: var(--grid-template-columns);
@@ -1592,33 +1986,33 @@
1592
1986
  padding-inline: var(--padding-inline);
1593
1987
  transition: grid-template-columns .3s ease-in-out;
1594
1988
  }
1595
- .ListBoxItem-module__hop-ListBoxItem__checkmark___tILR2 {
1989
+ .ListBoxItem-module__hop-ListBoxItem__checkmark___4r7bo {
1596
1990
  grid-area: indicator;
1597
1991
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
1598
1992
  color: var(--icon-color);
1599
1993
  opacity: var(--checkmark-opacity);
1600
1994
  transition: var(--checkmark-transition);
1601
1995
  }
1602
- .ListBoxItem-module__hop-ListBoxItem__radio-group___WYV49,
1603
- .ListBoxItem-module__hop-ListBoxItem__checkbox___Im9E4 {
1996
+ .ListBoxItem-module__hop-ListBoxItem__radio___GvYtf,
1997
+ .ListBoxItem-module__hop-ListBoxItem__checkbox___JoH8e {
1604
1998
  pointer-events: none;
1605
1999
  user-select: none;
1606
2000
  grid-area: indicator;
1607
2001
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
1608
2002
  }
1609
- .ListBoxItem-module__hop-ListBoxItem__avatar___X2ZL2 {
2003
+ .ListBoxItem-module__hop-ListBoxItem__avatar___foPUm {
1610
2004
  grid-area: avatar;
1611
2005
  margin-block: var(--avatar-margin-block, 0);
1612
2006
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
1613
2007
  }
1614
- .ListBoxItem-module__hop-ListBoxItem__icon-list___opI28,
1615
- .ListBoxItem-module__hop-ListBoxItem__icon___-25EM {
2008
+ .ListBoxItem-module__hop-ListBoxItem__icon-list___6z82m,
2009
+ .ListBoxItem-module__hop-ListBoxItem__icon___s4qb0 {
1616
2010
  grid-area: icon;
1617
2011
  flex: 0 0 auto;
1618
2012
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
1619
2013
  color: var(--icon-color);
1620
2014
  }
1621
- .ListBoxItem-module__hop-ListBoxItem__label___SmYtP {
2015
+ .ListBoxItem-module__hop-ListBoxItem__label___M2Rln {
1622
2016
  overflow: hidden;
1623
2017
  grid-area: label;
1624
2018
  min-inline-size: 0;
@@ -1626,18 +2020,18 @@
1626
2020
  text-overflow: ellipsis;
1627
2021
  white-space: nowrap;
1628
2022
  }
1629
- .ListBoxItem-module__hop-ListBoxItem__end-icon-list___yzcZ9,
1630
- .ListBoxItem-module__hop-ListBoxItem__end-icon___wPgrv {
2023
+ .ListBoxItem-module__hop-ListBoxItem__end-icon-list___9bQl5,
2024
+ .ListBoxItem-module__hop-ListBoxItem__end-icon___JsRz0 {
1631
2025
  grid-area: end-icon;
1632
2026
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
1633
2027
  color: var(--icon-color);
1634
2028
  }
1635
- .ListBoxItem-module__hop-ListBoxItem__badge___lbwUS {
2029
+ .ListBoxItem-module__hop-ListBoxItem__badge___UFdM9 {
1636
2030
  grid-area: badge;
1637
2031
  margin-block: var(--hop-ListBoxItem-badge-margin-block);
1638
2032
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
1639
2033
  }
1640
- .ListBoxItem-module__hop-ListBoxItem__description___iyMtT {
2034
+ .ListBoxItem-module__hop-ListBoxItem__description___f6ZNM {
1641
2035
  overflow: hidden;
1642
2036
  display: -webkit-box;
1643
2037
  grid-area: description;
@@ -1648,7 +2042,7 @@
1648
2042
  }
1649
2043
 
1650
2044
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBox.module.css/#css-module-data */
1651
- .ListBox-module__hop-ListBox___4IFMp {
2045
+ .ListBox-module__hop-ListBox___e4j-o {
1652
2046
  --hop-ListBox-background-color: var(--hop-neutral-surface);
1653
2047
  --hop-ListBox-border-color: var(--hop-neutral-border-weak);
1654
2048
  --hop-ListBox-border-radius: var(--hop-shape-rounded-md);
@@ -1697,11 +2091,11 @@
1697
2091
  border: var(--hop-ListBox-border-size) solid var(--hop-ListBox-border-color);
1698
2092
  border-radius: var(--hop-ListBox-border-radius);
1699
2093
  }
1700
- .ListBox-module__hop-ListBox--fluid___t5TfB {
2094
+ .ListBox-module__hop-ListBox--fluid___GMtww {
1701
2095
  --max-width: var(--hop-ListBox-fluid-max-width);
1702
2096
  --width: var(--hop-ListBox-fluid-width);
1703
2097
  }
1704
- .ListBox-module__hop-ListBox__section___2Yez5 {
2098
+ .ListBox-module__hop-ListBox__section___FTXLR {
1705
2099
  margin-block: var(--section-margin-block-start) var(--section-margin-block-end);
1706
2100
  margin-inline: var(--hop-ListBox-section-margin-inline);
1707
2101
  padding-block: var(--section-padding-block-start) var(--section-padding-block-end);
@@ -1709,21 +2103,21 @@
1709
2103
  border-block-start: var(--section-border-block-start);
1710
2104
  border-block-end: var(--section-border-block-end);
1711
2105
  }
1712
- .ListBox-module__hop-ListBox__item___R3-UZ + .ListBox-module__hop-ListBox__section___2Yez5 {
2106
+ .ListBox-module__hop-ListBox__item___M8ZWz + .ListBox-module__hop-ListBox__section___FTXLR {
1713
2107
  --section-margin-block-start: var(--hop-ListBox-section-margin-block);
1714
2108
  --section-border-block-start: var(--hop-ListBox-section-border-size) solid var(--hop-ListBox-section-border-color);
1715
2109
  }
1716
- .ListBox-module__hop-ListBox__section___2Yez5:has(+ .ListBox-module__hop-ListBox__item___R3-UZ) {
2110
+ .ListBox-module__hop-ListBox__section___FTXLR:has(+ .ListBox-module__hop-ListBox__item___M8ZWz) {
1717
2111
  --section-margin-block-end: var(--hop-ListBox-section-margin-block);
1718
2112
  }
1719
- .ListBox-module__hop-ListBox__section___2Yez5:first-child {
2113
+ .ListBox-module__hop-ListBox__section___FTXLR:first-child {
1720
2114
  --section-padding-block-start: 0;
1721
2115
  }
1722
- .ListBox-module__hop-ListBox__section___2Yez5:last-child {
2116
+ .ListBox-module__hop-ListBox__section___FTXLR:last-child {
1723
2117
  --section-padding-block-end: 0;
1724
2118
  --section-border-block-end: 0;
1725
2119
  }
1726
- .ListBox-module__hop-ListBox__section-header___mfYEn {
2120
+ .ListBox-module__hop-ListBox__section-header___qkK-O {
1727
2121
  margin: 0;
1728
2122
  padding: var(--hop-ListBox-section-header-padding);
1729
2123
  font-family: var(--hop-ListBox-section-header-font-family);
@@ -1734,27 +2128,27 @@
1734
2128
  text-transform: var(--hop-ListBox-section-header-text-transform);
1735
2129
  letter-spacing: var(--hop-ListBox-section-header-letter-spacing);
1736
2130
  }
1737
- .ListBox-module__hop-ListBox__section-header___mfYEn::before,
1738
- .ListBox-module__hop-ListBox__section-header___mfYEn::after {
2131
+ .ListBox-module__hop-ListBox__section-header___qkK-O::before,
2132
+ .ListBox-module__hop-ListBox__section-header___qkK-O::after {
1739
2133
  content: "";
1740
2134
  display: block;
1741
2135
  box-sizing: border-box;
1742
2136
  inline-size: 0;
1743
2137
  block-size: 0;
1744
2138
  }
1745
- .ListBox-module__hop-ListBox__section-header___mfYEn::before {
2139
+ .ListBox-module__hop-ListBox__section-header___qkK-O::before {
1746
2140
  margin-block-end: var(--hop-ListBox-section-header-bottom-offset);
1747
2141
  }
1748
- .ListBox-module__hop-ListBox__section-header___mfYEn::after {
2142
+ .ListBox-module__hop-ListBox__section-header___qkK-O::after {
1749
2143
  margin-block-start: var(--hop-ListBox-section-header-top-offset);
1750
2144
  }
1751
- .ListBox-module__hop-ListBox__divider___nE1tJ {
2145
+ .ListBox-module__hop-ListBox__divider___RwdwS {
1752
2146
  margin-block: var(--hop-ListBox-divider-margin-block);
1753
2147
  margin-inline: var(--hop-ListBox-divider-margin-inline);
1754
2148
  }
1755
2149
 
1756
2150
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Spinner/src/Spinner.module.css/#css-module-data */
1757
- @keyframes Spinner-module__spin___1vbK9 {
2151
+ @keyframes Spinner-module__spin___LNaNh {
1758
2152
  0% {
1759
2153
  transform: rotate(0deg);
1760
2154
  }
@@ -1762,7 +2156,7 @@
1762
2156
  transform: rotate(360deg);
1763
2157
  }
1764
2158
  }
1765
- .Spinner-module__hop-Spinner___GXocl {
2159
+ .Spinner-module__hop-Spinner___pzOoW {
1766
2160
  --hop-Spinner-border-radius: var(--hop-shape-circle);
1767
2161
  --hop-Spinner-sm-wheel-size: 1rem;
1768
2162
  --hop-Spinner-md-wheel-size: 1.25rem;
@@ -1770,7 +2164,7 @@
1770
2164
  --hop-Spinner-track-width: 0.125rem;
1771
2165
  --hop-Spinner-track-opacity: 0.2;
1772
2166
  --hop-Spinner-track-border: var(--hop-Spinner-track-width) solid currentcolor;
1773
- --hop-Spinner-fill-animation: Spinner-module__spin___1vbK9 .8s infinite linear;
2167
+ --hop-Spinner-fill-animation: Spinner-module__spin___LNaNh .8s infinite linear;
1774
2168
  --hop-Spinner-fill-animation-reduced-motion-duration: 2s;
1775
2169
  --hop-Spinner-fill-border: var(--hop-Spinner-track-width) solid transparent;
1776
2170
  --hop-Spinner-fill-border-inline-start: var(--hop-Spinner-track-width) solid currentcolor;
@@ -1781,19 +2175,19 @@
1781
2175
  align-items: center;
1782
2176
  box-sizing: border-box;
1783
2177
  }
1784
- .Spinner-module__hop-Spinner--sm___skjUD {
2178
+ .Spinner-module__hop-Spinner--sm___pfYnw {
1785
2179
  --width: var(--hop-Spinner-sm-wheel-size);
1786
2180
  --height: var(--hop-Spinner-sm-wheel-size);
1787
2181
  }
1788
- .Spinner-module__hop-Spinner--md___s7N4L {
2182
+ .Spinner-module__hop-Spinner--md___nOWUL {
1789
2183
  --width: var(--hop-Spinner-md-wheel-size);
1790
2184
  --height: var(--hop-Spinner-md-wheel-size);
1791
2185
  }
1792
- .Spinner-module__hop-Spinner--lg___ffDyN {
2186
+ .Spinner-module__hop-Spinner--lg___lyNuv {
1793
2187
  --width: var(--hop-Spinner-lg-wheel-size);
1794
2188
  --height: var(--hop-Spinner-lg-wheel-size);
1795
2189
  }
1796
- .Spinner-module__hop-Spinner__track___pJtRo {
2190
+ .Spinner-module__hop-Spinner__track___Ls4HB {
1797
2191
  grid-area: spinner;
1798
2192
  box-sizing: border-box;
1799
2193
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -1802,7 +2196,7 @@
1802
2196
  border: var(--hop-Spinner-track-border);
1803
2197
  border-radius: var(--hop-Spinner-border-radius);
1804
2198
  }
1805
- .Spinner-module__hop-Spinner__fill___yPHmf {
2199
+ .Spinner-module__hop-Spinner__fill___SkjGT {
1806
2200
  grid-area: spinner;
1807
2201
  box-sizing: border-box;
1808
2202
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -1813,17 +2207,17 @@
1813
2207
  animation: var(--hop-Spinner-fill-animation);
1814
2208
  }
1815
2209
  @media (prefers-reduced-motion: reduce) {
1816
- .Spinner-module__hop-Spinner__fill___yPHmf {
2210
+ .Spinner-module__hop-Spinner__fill___SkjGT {
1817
2211
  animation-duration: var(--hop-Spinner-fill-animation-reduced-motion-duration);
1818
2212
  }
1819
2213
  }
1820
- .Spinner-module__hop-Spinner__label___XSGeB {
2214
+ .Spinner-module__hop-Spinner__label___Px-28 {
1821
2215
  grid-area: label;
1822
2216
  margin-inline-start: var(--hop-Spinner-label-margin-inline-start);
1823
2217
  }
1824
2218
 
1825
2219
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/Button.module.css/#css-module-data */
1826
- .Button-module__hop-Button___Fcu-c {
2220
+ .Button-module__hop-Button___5iBZz {
1827
2221
  --hop-Button-border-radius: var(--hop-shape-rounded-md);
1828
2222
  --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
1829
2223
  --hop-Button-icon-only-padding: 0;
@@ -1982,317 +2376,317 @@
1982
2376
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
1983
2377
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
1984
2378
  }
1985
- .Button-module__hop-Button___Fcu-c[data-focus-visible] {
2379
+ .Button-module__hop-Button___5iBZz[data-focus-visible] {
1986
2380
  outline: 0.125rem solid var(--hop-Button-focus-ring-color);
1987
2381
  }
1988
- .Button-module__hop-Button--icon-only___V1KwF {
2382
+ .Button-module__hop-Button--icon-only___TPK5R {
1989
2383
  --padding-block: var(--hop-Button-icon-only-padding);
1990
2384
  --padding-inline: var(--hop-Button-icon-only-padding);
1991
2385
  column-gap: 0;
1992
2386
  aspect-ratio: 1;
1993
2387
  }
1994
- .Button-module__hop-Button___Fcu-c[data-disabled],
1995
- .Button-module__hop-Button___Fcu-c[data-loading] {
2388
+ .Button-module__hop-Button___5iBZz[data-disabled],
2389
+ .Button-module__hop-Button___5iBZz[data-loading] {
1996
2390
  cursor: not-allowed;
1997
2391
  }
1998
- .Button-module__hop-Button--fluid___VtD-n {
2392
+ .Button-module__hop-Button--fluid___Zb3Z4 {
1999
2393
  --inline-size: 100%;
2000
2394
  }
2001
- .Button-module__hop-Button--sm___vceOS {
2395
+ .Button-module__hop-Button--sm___xENmf {
2002
2396
  --block-size: var(--hop-Button-sm-height);
2003
2397
  }
2004
- .Button-module__hop-Button--primary___X0ELV.Button-module__hop-Button--sm___vceOS:not(.Button-module__hop-Button--icon-only___V1KwF) {
2398
+ .Button-module__hop-Button--primary___zbhJ9.Button-module__hop-Button--sm___xENmf:not(.Button-module__hop-Button--icon-only___TPK5R) {
2005
2399
  --padding-inline: var(--hop-Button-primary-sm-padding-x);
2006
2400
  --padding-block: var(--hop-Button-primary-sm-padding-y);
2007
2401
  }
2008
- .Button-module__hop-Button--primary___X0ELV.Button-module__hop-Button--md___5LgAr:not(.Button-module__hop-Button--icon-only___V1KwF) {
2402
+ .Button-module__hop-Button--primary___zbhJ9.Button-module__hop-Button--md___KZwYW:not(.Button-module__hop-Button--icon-only___TPK5R) {
2009
2403
  --padding-inline: var(--hop-Button-primary-md-padding-x);
2010
2404
  --padding-block: var(--hop-Button-primary-md-padding-y);
2011
2405
  }
2012
- .Button-module__hop-Button--secondary___O8fOQ.Button-module__hop-Button--md___5LgAr:not(.Button-module__hop-Button--icon-only___V1KwF) {
2406
+ .Button-module__hop-Button--secondary___PKbCY.Button-module__hop-Button--md___KZwYW:not(.Button-module__hop-Button--icon-only___TPK5R) {
2013
2407
  --padding-inline: var(--hop-Button-secondary-md-padding-x);
2014
2408
  --padding-block: var(--hop-Button-secondary-md-padding-y);
2015
2409
  }
2016
- .Button-module__hop-Button--secondary___O8fOQ.Button-module__hop-Button--sm___vceOS:not(.Button-module__hop-Button--icon-only___V1KwF) {
2410
+ .Button-module__hop-Button--secondary___PKbCY.Button-module__hop-Button--sm___xENmf:not(.Button-module__hop-Button--icon-only___TPK5R) {
2017
2411
  --padding-inline: var(--hop-Button-secondary-sm-padding-x);
2018
2412
  --padding-block: var(--hop-Button-secondary-sm-padding-y);
2019
2413
  }
2020
- .Button-module__hop-Button--upsell___UPfK0.Button-module__hop-Button--md___5LgAr:not(.Button-module__hop-Button--icon-only___V1KwF) {
2414
+ .Button-module__hop-Button--upsell___61sYX.Button-module__hop-Button--md___KZwYW:not(.Button-module__hop-Button--icon-only___TPK5R) {
2021
2415
  --padding-inline: var(--hop-Button-upsell-md-padding-x);
2022
2416
  --padding-block: var(--hop-Button-upsell-md-padding-y);
2023
2417
  }
2024
- .Button-module__hop-Button--upsell___UPfK0.Button-module__hop-Button--sm___vceOS:not(.Button-module__hop-Button--icon-only___V1KwF) {
2418
+ .Button-module__hop-Button--upsell___61sYX.Button-module__hop-Button--sm___xENmf:not(.Button-module__hop-Button--icon-only___TPK5R) {
2025
2419
  --padding-inline: var(--hop-Button-upsell-sm-padding-x);
2026
2420
  --padding-block: var(--hop-Button-upsell-sm-padding-y);
2027
2421
  }
2028
- .Button-module__hop-Button--danger___jYyiQ.Button-module__hop-Button--md___5LgAr:not(.Button-module__hop-Button--icon-only___V1KwF) {
2422
+ .Button-module__hop-Button--danger___AxMDH.Button-module__hop-Button--md___KZwYW:not(.Button-module__hop-Button--icon-only___TPK5R) {
2029
2423
  --padding-inline: var(--hop-Button-danger-md-padding-x);
2030
2424
  --padding-block: var(--hop-Button-danger-md-padding-y);
2031
2425
  }
2032
- .Button-module__hop-Button--danger___jYyiQ.Button-module__hop-Button--sm___vceOS:not(.Button-module__hop-Button--icon-only___V1KwF) {
2426
+ .Button-module__hop-Button--danger___AxMDH.Button-module__hop-Button--sm___xENmf:not(.Button-module__hop-Button--icon-only___TPK5R) {
2033
2427
  --padding-inline: var(--hop-Button-danger-sm-padding-x);
2034
2428
  --padding-block: var(--hop-Button-danger-sm-padding-y);
2035
2429
  }
2036
- .Button-module__hop-Button--ghost-danger___wYJWN.Button-module__hop-Button--md___5LgAr:not(.Button-module__hop-Button--icon-only___V1KwF) {
2430
+ .Button-module__hop-Button--ghost-danger___2TdbY.Button-module__hop-Button--md___KZwYW:not(.Button-module__hop-Button--icon-only___TPK5R) {
2037
2431
  --padding-inline: var(--hop-Button-ghost-danger-md-padding-x);
2038
2432
  --padding-block: var(--hop-Button-ghost-danger-md-padding-y);
2039
2433
  }
2040
- .Button-module__hop-Button--ghost-danger___wYJWN.Button-module__hop-Button--sm___vceOS:not(.Button-module__hop-Button--icon-only___V1KwF) {
2434
+ .Button-module__hop-Button--ghost-danger___2TdbY.Button-module__hop-Button--sm___xENmf:not(.Button-module__hop-Button--icon-only___TPK5R) {
2041
2435
  --padding-inline: var(--hop-Button-ghost-danger-sm-padding-x);
2042
2436
  --padding-block: var(--hop-Button-ghost-danger-sm-padding-y);
2043
2437
  }
2044
- .Button-module__hop-Button--ghost-secondary___uFHzl.Button-module__hop-Button--md___5LgAr:not(.Button-module__hop-Button--icon-only___V1KwF) {
2438
+ .Button-module__hop-Button--ghost-secondary___6I7vD.Button-module__hop-Button--md___KZwYW:not(.Button-module__hop-Button--icon-only___TPK5R) {
2045
2439
  --padding-inline: var(--hop-Button-ghost-secondary-md-padding-x);
2046
2440
  --padding-block: var(--hop-Button-ghost-secondary-md-padding-y);
2047
2441
  }
2048
- .Button-module__hop-Button--ghost-secondary___uFHzl.Button-module__hop-Button--sm___vceOS:not(.Button-module__hop-Button--icon-only___V1KwF) {
2442
+ .Button-module__hop-Button--ghost-secondary___6I7vD.Button-module__hop-Button--sm___xENmf:not(.Button-module__hop-Button--icon-only___TPK5R) {
2049
2443
  --padding-inline: var(--hop-Button-ghost-secondary-sm-padding-x);
2050
2444
  --padding-block: var(--hop-Button-ghost-secondary-sm-padding-y);
2051
2445
  }
2052
- .Button-module__hop-Button--ghost-primary___MHVgd.Button-module__hop-Button--md___5LgAr:not(.Button-module__hop-Button--icon-only___V1KwF) {
2446
+ .Button-module__hop-Button--ghost-primary___--qrr.Button-module__hop-Button--md___KZwYW:not(.Button-module__hop-Button--icon-only___TPK5R) {
2053
2447
  --padding-inline: var(--hop-Button-ghost-primary-md-padding-x);
2054
2448
  --padding-block: var(--hop-Button-ghost-primary-md-padding-y);
2055
2449
  }
2056
- .Button-module__hop-Button--ghost-primary___MHVgd.Button-module__hop-Button--sm___vceOS:not(.Button-module__hop-Button--icon-only___V1KwF) {
2450
+ .Button-module__hop-Button--ghost-primary___--qrr.Button-module__hop-Button--sm___xENmf:not(.Button-module__hop-Button--icon-only___TPK5R) {
2057
2451
  --padding-inline: var(--hop-Button-ghost-primary-sm-padding-x);
2058
2452
  --padding-block: var(--hop-Button-ghost-primary-sm-padding-y);
2059
2453
  }
2060
- .Button-module__hop-Button--primary___X0ELV {
2454
+ .Button-module__hop-Button--primary___zbhJ9 {
2061
2455
  --background-color: var(--hop-Button-primary-background-color);
2062
2456
  --color: var(--hop-Button-primary-color);
2063
2457
  --border: var(--hop-Button-primary-border);
2064
2458
  --spinner-color: var(--hop-Button-primary-spinner-color);
2065
2459
  }
2066
- .Button-module__hop-Button--primary___X0ELV[data-disabled]:not([data-loading]) {
2460
+ .Button-module__hop-Button--primary___zbhJ9[data-disabled]:not([data-loading]) {
2067
2461
  --background-color: var(--hop-Button-primary-background-color-disabled);
2068
2462
  --color: var(--hop-Button-primary-color-disabled);
2069
2463
  --border: var(--hop-Button-primary-border-disabled);
2070
2464
  }
2071
- .Button-module__hop-Button--primary___X0ELV[data-hovered]:not([data-disabled], [data-loading]),
2072
- .Button-module__hop-Button--primary___X0ELV[data-focus-visible]:not([data-disabled], [data-loading]) {
2465
+ .Button-module__hop-Button--primary___zbhJ9[data-hovered]:not([data-disabled], [data-loading]),
2466
+ .Button-module__hop-Button--primary___zbhJ9[data-focus-visible]:not([data-disabled], [data-loading]) {
2073
2467
  --background-color: var(--hop-Button-primary-background-color-hover);
2074
2468
  --color: var(--hop-Button-primary-color-hover);
2075
2469
  --border: var(--hop-Button-primary-border-hover);
2076
2470
  }
2077
- .Button-module__hop-Button--primary___X0ELV[data-pressed]:not([data-loading]) {
2471
+ .Button-module__hop-Button--primary___zbhJ9[data-pressed]:not([data-loading]) {
2078
2472
  --background-color: var(--hop-Button-primary-background-color-pressed);
2079
2473
  --color: var(--hop-Button-primary-color-pressed);
2080
2474
  --border: var(--hop-Button-primary-border-pressed);
2081
2475
  }
2082
- .Button-module__hop-Button--secondary___O8fOQ {
2476
+ .Button-module__hop-Button--secondary___PKbCY {
2083
2477
  --background-color: var(--hop-Button-secondary-background-color);
2084
2478
  --color: var(--hop-Button-secondary-color);
2085
2479
  --border: var(--hop-Button-secondary-border);
2086
2480
  --spinner-color: var(--hop-Button-secondary-spinner-color);
2087
2481
  }
2088
- .Button-module__hop-Button--secondary___O8fOQ[data-disabled]:not([data-loading]) {
2482
+ .Button-module__hop-Button--secondary___PKbCY[data-disabled]:not([data-loading]) {
2089
2483
  --background-color: var(--hop-Button-secondary-background-color-disabled);
2090
2484
  --color: var(--hop-Button-secondary-color-disabled);
2091
2485
  --border: var(--hop-Button-secondary-border-disabled);
2092
2486
  }
2093
- .Button-module__hop-Button--secondary___O8fOQ[data-hovered]:not([data-disabled], [data-loading]),
2094
- .Button-module__hop-Button--secondary___O8fOQ[data-focus-visible]:not([data-disabled], [data-loading]) {
2487
+ .Button-module__hop-Button--secondary___PKbCY[data-hovered]:not([data-disabled], [data-loading]),
2488
+ .Button-module__hop-Button--secondary___PKbCY[data-focus-visible]:not([data-disabled], [data-loading]) {
2095
2489
  --background-color: var(--hop-Button-secondary-background-color-hover);
2096
2490
  --color: var(--hop-Button-secondary-color-hover);
2097
2491
  --border: var(--hop-Button-secondary-border-hover);
2098
2492
  }
2099
- .Button-module__hop-Button--secondary___O8fOQ[data-pressed]:not([data-loading]) {
2493
+ .Button-module__hop-Button--secondary___PKbCY[data-pressed]:not([data-loading]) {
2100
2494
  --background-color: var(--hop-Button-secondary-background-color-pressed);
2101
2495
  --color: var(--hop-Button-secondary-color-pressed);
2102
2496
  --border: var(--hop-Button-secondary-border-pressed);
2103
2497
  }
2104
- .Button-module__hop-Button--upsell___UPfK0 {
2498
+ .Button-module__hop-Button--upsell___61sYX {
2105
2499
  --background-color: var(--hop-Button-upsell-background-color);
2106
2500
  --color: var(--hop-Button-upsell-color);
2107
2501
  --border: var(--hop-Button-upsell-border);
2108
2502
  --spinner-color: var(--hop-Button-upsell-spinner-color);
2109
2503
  }
2110
- .Button-module__hop-Button--upsell___UPfK0[data-disabled]:not([data-loading]) {
2504
+ .Button-module__hop-Button--upsell___61sYX[data-disabled]:not([data-loading]) {
2111
2505
  --background-color: var(--hop-Button-upsell-background-color-disabled);
2112
2506
  --color: var(--hop-Button-upsell-color-disabled);
2113
2507
  --border: var(--hop-Button-upsell-border-disabled);
2114
2508
  }
2115
- .Button-module__hop-Button--upsell___UPfK0[data-hovered]:not([data-disabled], [data-loading]),
2116
- .Button-module__hop-Button--upsell___UPfK0[data-focus-visible]:not([data-disabled], [data-loading]) {
2509
+ .Button-module__hop-Button--upsell___61sYX[data-hovered]:not([data-disabled], [data-loading]),
2510
+ .Button-module__hop-Button--upsell___61sYX[data-focus-visible]:not([data-disabled], [data-loading]) {
2117
2511
  --background-color: var(--hop-Button-upsell-background-color-hover);
2118
2512
  --color: var(--hop-Button-upsell-color-hover);
2119
2513
  --border: var(--hop-Button-upsell-border-hover);
2120
2514
  }
2121
- .Button-module__hop-Button--upsell___UPfK0[data-pressed]:not([data-loading]) {
2515
+ .Button-module__hop-Button--upsell___61sYX[data-pressed]:not([data-loading]) {
2122
2516
  --background-color: var(--hop-Button-upsell-background-color-pressed);
2123
2517
  --color: var(--hop-Button-upsell-color-pressed);
2124
2518
  --border: var(--hop-Button-upsell-border-pressed);
2125
2519
  }
2126
- .Button-module__hop-Button--danger___jYyiQ {
2520
+ .Button-module__hop-Button--danger___AxMDH {
2127
2521
  --background-color: var(--hop-Button-danger-background-color);
2128
2522
  --color: var(--hop-Button-danger-color);
2129
2523
  --border: var(--hop-Button-danger-border);
2130
2524
  --spinner-color: var(--hop-Button-danger-spinner-color);
2131
2525
  }
2132
- .Button-module__hop-Button--danger___jYyiQ[data-disabled]:not([data-loading]) {
2526
+ .Button-module__hop-Button--danger___AxMDH[data-disabled]:not([data-loading]) {
2133
2527
  --background-color: var(--hop-Button-danger-background-color-disabled);
2134
2528
  --color: var(--hop-Button-danger-color-disabled);
2135
2529
  --border: var(--hop-Button-danger-border-disabled);
2136
2530
  }
2137
- .Button-module__hop-Button--danger___jYyiQ[data-hovered]:not([data-disabled], [data-loading]),
2138
- .Button-module__hop-Button--danger___jYyiQ[data-focus-visible]:not([data-disabled], [data-loading]) {
2531
+ .Button-module__hop-Button--danger___AxMDH[data-hovered]:not([data-disabled], [data-loading]),
2532
+ .Button-module__hop-Button--danger___AxMDH[data-focus-visible]:not([data-disabled], [data-loading]) {
2139
2533
  --background-color: var(--hop-Button-danger-background-color-hover);
2140
2534
  --color: var(--hop-Button-danger-color-hover);
2141
2535
  --border: var(--hop-Button-danger-border-hover);
2142
2536
  }
2143
- .Button-module__hop-Button--danger___jYyiQ[data-pressed]:not([data-loading]) {
2537
+ .Button-module__hop-Button--danger___AxMDH[data-pressed]:not([data-loading]) {
2144
2538
  --background-color: var(--hop-Button-danger-background-color-pressed);
2145
2539
  --color: var(--hop-Button-danger-color-pressed);
2146
2540
  --border: var(--hop-Button-danger-border-pressed);
2147
2541
  }
2148
- .Button-module__hop-Button--ghost-primary___MHVgd {
2542
+ .Button-module__hop-Button--ghost-primary___--qrr {
2149
2543
  --background-color: var(--hop-Button-ghost-primary-background-color);
2150
2544
  --color: var(--hop-Button-ghost-primary-color);
2151
2545
  --border: var(--hop-Button-ghost-primary-border);
2152
2546
  --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
2153
2547
  }
2154
- .Button-module__hop-Button--ghost-primary___MHVgd[data-disabled]:not([data-loading]) {
2548
+ .Button-module__hop-Button--ghost-primary___--qrr[data-disabled]:not([data-loading]) {
2155
2549
  --background-color: var(--hop-Button-ghost-primary-background-color-disabled);
2156
2550
  --color: var(--hop-Button-ghost-primary-color-disabled);
2157
2551
  --border: var(--hop-Button-ghost-primary-border-disabled);
2158
2552
  }
2159
- .Button-module__hop-Button--ghost-primary___MHVgd[data-hovered]:not([data-disabled], [data-loading]),
2160
- .Button-module__hop-Button--ghost-primary___MHVgd[data-focus-visible]:not([data-disabled], [data-loading]) {
2553
+ .Button-module__hop-Button--ghost-primary___--qrr[data-hovered]:not([data-disabled], [data-loading]),
2554
+ .Button-module__hop-Button--ghost-primary___--qrr[data-focus-visible]:not([data-disabled], [data-loading]) {
2161
2555
  --background-color: var(--hop-Button-ghost-primary-background-color-hover);
2162
2556
  --color: var(--hop-Button-ghost-primary-color-hover);
2163
2557
  --border: var(--hop-Button-ghost-primary-border-hover);
2164
2558
  }
2165
- .Button-module__hop-Button--ghost-primary___MHVgd[data-pressed]:not([data-loading]) {
2559
+ .Button-module__hop-Button--ghost-primary___--qrr[data-pressed]:not([data-loading]) {
2166
2560
  --background-color: var(--hop-Button-ghost-primary-background-color-pressed);
2167
2561
  --color: var(--hop-Button-ghost-primary-color-pressed);
2168
2562
  --border: var(--hop-Button-ghost-primary-border-pressed);
2169
2563
  }
2170
- .Button-module__hop-Button--ghost-secondary___uFHzl {
2564
+ .Button-module__hop-Button--ghost-secondary___6I7vD {
2171
2565
  --background-color: var(--hop-Button-ghost-secondary-background-color);
2172
2566
  --color: var(--hop-Button-ghost-secondary-color);
2173
2567
  --border: var(--hop-Button-ghost-secondary-border);
2174
2568
  --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
2175
2569
  }
2176
- .Button-module__hop-Button--ghost-secondary___uFHzl[data-disabled]:not([data-loading]) {
2570
+ .Button-module__hop-Button--ghost-secondary___6I7vD[data-disabled]:not([data-loading]) {
2177
2571
  --background-color: var(--hop-Button-ghost-secondary-background-color-disabled);
2178
2572
  --color: var(--hop-Button-ghost-secondary-color-disabled);
2179
2573
  --border: var(--hop-Button-ghost-secondary-border-disabled);
2180
2574
  }
2181
- .Button-module__hop-Button--ghost-secondary___uFHzl[data-hovered]:not([data-disabled], [data-loading]),
2182
- .Button-module__hop-Button--ghost-secondary___uFHzl[data-focus-visible]:not([data-disabled], [data-loading]) {
2575
+ .Button-module__hop-Button--ghost-secondary___6I7vD[data-hovered]:not([data-disabled], [data-loading]),
2576
+ .Button-module__hop-Button--ghost-secondary___6I7vD[data-focus-visible]:not([data-disabled], [data-loading]) {
2183
2577
  --background-color: var(--hop-Button-ghost-secondary-background-color-hover);
2184
2578
  --color: var(--hop-Button-ghost-secondary-color-hover);
2185
2579
  --border: var(--hop-Button-ghost-secondary-border-hover);
2186
2580
  }
2187
- .Button-module__hop-Button--ghost-secondary___uFHzl[data-pressed]:not([data-loading]) {
2581
+ .Button-module__hop-Button--ghost-secondary___6I7vD[data-pressed]:not([data-loading]) {
2188
2582
  --background-color: var(--hop-Button-ghost-secondary-background-color-pressed);
2189
2583
  --color: var(--hop-Button-ghost-secondary-color-pressed);
2190
2584
  --border: var(--hop-Button-ghost-secondary-border-pressed);
2191
2585
  }
2192
- .Button-module__hop-Button--ghost-danger___wYJWN {
2586
+ .Button-module__hop-Button--ghost-danger___2TdbY {
2193
2587
  --background-color: var(--hop-Button-ghost-danger-background-color);
2194
2588
  --color: var(--hop-Button-ghost-danger-color);
2195
2589
  --border: var(--hop-Button-ghost-danger-border);
2196
2590
  --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
2197
2591
  }
2198
- .Button-module__hop-Button--ghost-danger___wYJWN[data-disabled]:not([data-loading]) {
2592
+ .Button-module__hop-Button--ghost-danger___2TdbY[data-disabled]:not([data-loading]) {
2199
2593
  --background-color: var(--hop-Button-ghost-danger-background-color-disabled);
2200
2594
  --color: var(--hop-Button-ghost-danger-color-disabled);
2201
2595
  --border: var(--hop-Button-ghost-danger-border-disabled);
2202
2596
  }
2203
- .Button-module__hop-Button--ghost-danger___wYJWN[data-hovered]:not([data-disabled], [data-loading]),
2204
- .Button-module__hop-Button--ghost-danger___wYJWN[data-focus-visible]:not([data-disabled], [data-loading]) {
2597
+ .Button-module__hop-Button--ghost-danger___2TdbY[data-hovered]:not([data-disabled], [data-loading]),
2598
+ .Button-module__hop-Button--ghost-danger___2TdbY[data-focus-visible]:not([data-disabled], [data-loading]) {
2205
2599
  --background-color: var(--hop-Button-ghost-danger-background-color-hover);
2206
2600
  --color: var(--hop-Button-ghost-danger-color-hover);
2207
2601
  --border: var(--hop-Button-ghost-danger-border-hover);
2208
2602
  }
2209
- .Button-module__hop-Button--ghost-danger___wYJWN[data-pressed]:not([data-loading]) {
2603
+ .Button-module__hop-Button--ghost-danger___2TdbY[data-pressed]:not([data-loading]) {
2210
2604
  --background-color: var(--hop-Button-ghost-danger-background-color-pressed);
2211
2605
  --color: var(--hop-Button-ghost-danger-color-pressed);
2212
2606
  --border: var(--hop-Button-ghost-danger-border-pressed);
2213
2607
  }
2214
- .Button-module__hop-Button__Spinner___ZS3kZ {
2608
+ .Button-module__hop-Button__Spinner___jwKkE {
2215
2609
  position: absolute;
2216
2610
  justify-self: center;
2217
2611
  color: var(--spinner-color);
2218
2612
  }
2219
- .Button-module__hop-Button__icon___Sdj-F,
2220
- .Button-module__hop-Button__icon-list___EegTX {
2613
+ .Button-module__hop-Button__icon___hTxKS,
2614
+ .Button-module__hop-Button__icon-list___bUhP9 {
2221
2615
  grid-area: start-icon;
2222
2616
  justify-self: end;
2223
2617
  }
2224
- .Button-module__hop-Button__text___RmSoN {
2618
+ .Button-module__hop-Button__text___hOS-u {
2225
2619
  user-select: none;
2226
2620
  overflow: visible;
2227
2621
  grid-area: content;
2228
2622
  font-weight: var(--hop-font-weight-505);
2229
2623
  text-wrap: nowrap;
2230
2624
  }
2231
- .Button-module__hop-Button--ghost-primary___MHVgd[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___RmSoN,
2232
- .Button-module__hop-Button--ghost-secondary___uFHzl[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___RmSoN,
2233
- .Button-module__hop-Button--ghost-danger___wYJWN[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___RmSoN,
2234
- .Button-module__hop-Button--ghost-primary___MHVgd[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___RmSoN,
2235
- .Button-module__hop-Button--ghost-secondary___uFHzl[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___RmSoN,
2236
- .Button-module__hop-Button--ghost-danger___wYJWN[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___RmSoN,
2237
- .Button-module__hop-Button--ghost-primary___MHVgd[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___RmSoN,
2238
- .Button-module__hop-Button--ghost-secondary___uFHzl[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___RmSoN,
2239
- .Button-module__hop-Button--ghost-danger___wYJWN[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___RmSoN {
2625
+ .Button-module__hop-Button--ghost-primary___--qrr[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___hOS-u,
2626
+ .Button-module__hop-Button--ghost-secondary___6I7vD[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___hOS-u,
2627
+ .Button-module__hop-Button--ghost-danger___2TdbY[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___hOS-u,
2628
+ .Button-module__hop-Button--ghost-primary___--qrr[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___hOS-u,
2629
+ .Button-module__hop-Button--ghost-secondary___6I7vD[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___hOS-u,
2630
+ .Button-module__hop-Button--ghost-danger___2TdbY[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___hOS-u,
2631
+ .Button-module__hop-Button--ghost-primary___--qrr[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___hOS-u,
2632
+ .Button-module__hop-Button--ghost-secondary___6I7vD[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___hOS-u,
2633
+ .Button-module__hop-Button--ghost-danger___2TdbY[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___hOS-u {
2240
2634
  text-decoration: underline;
2241
2635
  text-underline-offset: 0.125rem;
2242
2636
  }
2243
- .Button-module__hop-Button__end-icon___wquAL,
2244
- .Button-module__hop-Button__end-icon-list___horek {
2637
+ .Button-module__hop-Button__end-icon___groP0,
2638
+ .Button-module__hop-Button__end-icon-list___9WVoR {
2245
2639
  grid-area: end-icon;
2246
2640
  }
2247
- .Button-module__hop-Button___Fcu-c .Button-module__hop-Button__icon-list___EegTX,
2248
- .Button-module__hop-Button___Fcu-c .Button-module__hop-Button__end-icon-list___horek {
2641
+ .Button-module__hop-Button___5iBZz .Button-module__hop-Button__icon-list___bUhP9,
2642
+ .Button-module__hop-Button___5iBZz .Button-module__hop-Button__end-icon-list___9WVoR {
2249
2643
  flex-wrap: nowrap;
2250
2644
  }
2251
- .Button-module__hop-Button___Fcu-c[data-loading] > *:not(.Button-module__hop-Button__Spinner___ZS3kZ) {
2645
+ .Button-module__hop-Button___5iBZz[data-loading] > *:not(.Button-module__hop-Button__Spinner___jwKkE) {
2252
2646
  opacity: 0;
2253
2647
  }
2254
2648
 
2255
2649
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/ButtonGroup.module.css/#css-module-data */
2256
- .ButtonGroup-module__hop-ButtonGroup___kSLW4 {
2650
+ .ButtonGroup-module__hop-ButtonGroup___JA4jE {
2257
2651
  display: inline-flex;
2258
2652
  flex-wrap: nowrap;
2259
2653
  gap: var(--hop-space-inline-md);
2260
2654
  }
2261
- .ButtonGroup-module__hop-ButtonGroup--horizontal___U50CB {
2655
+ .ButtonGroup-module__hop-ButtonGroup--horizontal___To8qm {
2262
2656
  justify-content: center;
2263
2657
  }
2264
- .ButtonGroup-module__hop-ButtonGroup--vertical___ciNua {
2658
+ .ButtonGroup-module__hop-ButtonGroup--vertical___EvODj {
2265
2659
  flex-direction: column;
2266
2660
  gap: var(--hop-space-stack-md);
2267
2661
  align-items: center;
2268
2662
  }
2269
- .ButtonGroup-module__hop-ButtonGroup--start___Y4s0m.ButtonGroup-module__hop-ButtonGroup--vertical___ciNua {
2663
+ .ButtonGroup-module__hop-ButtonGroup--start___4FWyO.ButtonGroup-module__hop-ButtonGroup--vertical___EvODj {
2270
2664
  align-items: flex-start;
2271
2665
  }
2272
- .ButtonGroup-module__hop-ButtonGroup--center___4hxxw.ButtonGroup-module__hop-ButtonGroup--vertical___ciNua {
2666
+ .ButtonGroup-module__hop-ButtonGroup--center___aMRwQ.ButtonGroup-module__hop-ButtonGroup--vertical___EvODj {
2273
2667
  align-items: center;
2274
2668
  }
2275
- .ButtonGroup-module__hop-ButtonGroup--end___7aU6K.ButtonGroup-module__hop-ButtonGroup--vertical___ciNua {
2669
+ .ButtonGroup-module__hop-ButtonGroup--end___OmblZ.ButtonGroup-module__hop-ButtonGroup--vertical___EvODj {
2276
2670
  align-items: flex-end;
2277
2671
  }
2278
- .ButtonGroup-module__hop-ButtonGroup--start___Y4s0m.ButtonGroup-module__hop-ButtonGroup--horizontal___U50CB {
2672
+ .ButtonGroup-module__hop-ButtonGroup--start___4FWyO.ButtonGroup-module__hop-ButtonGroup--horizontal___To8qm {
2279
2673
  justify-content: flex-start;
2280
2674
  }
2281
- .ButtonGroup-module__hop-ButtonGroup--center___4hxxw.ButtonGroup-module__hop-ButtonGroup--horizontal___U50CB {
2675
+ .ButtonGroup-module__hop-ButtonGroup--center___aMRwQ.ButtonGroup-module__hop-ButtonGroup--horizontal___To8qm {
2282
2676
  justify-content: center;
2283
2677
  }
2284
- .ButtonGroup-module__hop-ButtonGroup--end___7aU6K.ButtonGroup-module__hop-ButtonGroup--horizontal___U50CB {
2678
+ .ButtonGroup-module__hop-ButtonGroup--end___OmblZ.ButtonGroup-module__hop-ButtonGroup--horizontal___To8qm {
2285
2679
  justify-content: flex-end;
2286
2680
  }
2287
- .ButtonGroup-module__hop-ButtonGroup--wrap___Vjmju {
2681
+ .ButtonGroup-module__hop-ButtonGroup--wrap___IMwdh {
2288
2682
  flex-wrap: wrap;
2289
2683
  }
2290
- .ButtonGroup-module__hop-ButtonGroup--fluid___rp20- {
2684
+ .ButtonGroup-module__hop-ButtonGroup--fluid___wY5d- {
2291
2685
  inline-size: 100%;
2292
2686
  }
2293
2687
 
2294
2688
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/EmbeddedButton.module.css/#css-module-data */
2295
- .EmbeddedButton-module__hop-EmbeddedButton___E0eMm {
2689
+ .EmbeddedButton-module__hop-EmbeddedButton___JYrVb {
2296
2690
  --hop-EmbeddedButton-border-radius: var(--hop-shape-rounded-md);
2297
2691
  --hop-EmbeddedButton-focus-ring-color: var(--hop-primary-border-focus);
2298
2692
  --hop-EmbeddedButton-effect-border-radius: var(--hop-shape-circle);
@@ -2456,7 +2850,7 @@
2456
2850
  outline: none;
2457
2851
  transition: color var(--transition);
2458
2852
  }
2459
- .EmbeddedButton-module__hop-EmbeddedButton___E0eMm::before {
2853
+ .EmbeddedButton-module__hop-EmbeddedButton___JYrVb::before {
2460
2854
  content: "";
2461
2855
  position: absolute;
2462
2856
  inset-block-start: 50%;
@@ -2469,291 +2863,291 @@
2469
2863
  border-radius: var(--effect-border-radius);
2470
2864
  transition: background-color var(--transition);
2471
2865
  }
2472
- .EmbeddedButton-module__hop-EmbeddedButton___E0eMm[data-square] {
2866
+ .EmbeddedButton-module__hop-EmbeddedButton___JYrVb[data-square] {
2473
2867
  --effect-border-radius: var(--hop-EmbeddedButton-effect-square-border-radius);
2474
2868
  }
2475
- .EmbeddedButton-module__hop-EmbeddedButton--md___xkVZg {
2869
+ .EmbeddedButton-module__hop-EmbeddedButton--md___FXQRH {
2476
2870
  --inline-size: var(--hop-EmbeddedButton-md-width);
2477
2871
  --block-size: var(--hop-EmbeddedButton-md-height);
2478
2872
  --focus-ring-offset: calc(-1 * var(--focus-ring-size));
2479
2873
  }
2480
- .EmbeddedButton-module__hop-EmbeddedButton--lg___5Kav9 {
2874
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___KbeNf {
2481
2875
  --inline-size: var(--hop-EmbeddedButton-lg-width);
2482
2876
  --block-size: var(--hop-EmbeddedButton-lg-height);
2483
2877
  --focus-ring-offset: 0;
2484
2878
  }
2485
- .EmbeddedButton-module__hop-EmbeddedButton--md___xkVZg::before {
2879
+ .EmbeddedButton-module__hop-EmbeddedButton--md___FXQRH::before {
2486
2880
  --effect-inline-size: var(--hop-EmbeddedButton-md-effect-width);
2487
2881
  --effect-block-size: var(--hop-EmbeddedButton-md-effect-height);
2488
2882
  }
2489
- .EmbeddedButton-module__hop-EmbeddedButton--lg___5Kav9::before {
2883
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___KbeNf::before {
2490
2884
  --effect-inline-size: var(--hop-EmbeddedButton-lg-effect-width);
2491
2885
  --effect-block-size: var(--hop-EmbeddedButton-lg-effect-height);
2492
2886
  }
2493
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___ajUcs {
2887
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___3tbZp {
2494
2888
  --color: var(--hop-EmbeddedButton-neutral-color);
2495
2889
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color);
2496
2890
  }
2497
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___cwnSs {
2891
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___wg93y {
2498
2892
  --color: var(--hop-EmbeddedButton-subdued-color);
2499
2893
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color);
2500
2894
  }
2501
- .EmbeddedButton-module__hop-EmbeddedButton--progress___s7a7s {
2895
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___kfy-2 {
2502
2896
  --color: var(--hop-EmbeddedButton-progress-color);
2503
2897
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color);
2504
2898
  }
2505
- .EmbeddedButton-module__hop-EmbeddedButton--positive___LLvub {
2899
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___fln30 {
2506
2900
  --color: var(--hop-EmbeddedButton-positive-color);
2507
2901
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color);
2508
2902
  }
2509
- .EmbeddedButton-module__hop-EmbeddedButton--caution___bPiLi {
2903
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___uHxYx {
2510
2904
  --color: var(--hop-EmbeddedButton-caution-color);
2511
2905
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color);
2512
2906
  }
2513
- .EmbeddedButton-module__hop-EmbeddedButton--negative___4PTxb {
2907
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___Rq7v7 {
2514
2908
  --color: var(--hop-EmbeddedButton-negative-color);
2515
2909
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color);
2516
2910
  }
2517
- .EmbeddedButton-module__hop-EmbeddedButton--option1___n0kJr {
2911
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___N7auw {
2518
2912
  --color: var(--hop-EmbeddedButton-option1-color);
2519
2913
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color);
2520
2914
  }
2521
- .EmbeddedButton-module__hop-EmbeddedButton--option2___DwiLN {
2915
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___DSgZO {
2522
2916
  --color: var(--hop-EmbeddedButton-option2-color);
2523
2917
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color);
2524
2918
  }
2525
- .EmbeddedButton-module__hop-EmbeddedButton--option3___n998V {
2919
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___F9UhK {
2526
2920
  --color: var(--hop-EmbeddedButton-option3-color);
2527
2921
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color);
2528
2922
  }
2529
- .EmbeddedButton-module__hop-EmbeddedButton--option4___8k6t0 {
2923
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___sS9kT {
2530
2924
  --color: var(--hop-EmbeddedButton-option4-color);
2531
2925
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color);
2532
2926
  }
2533
- .EmbeddedButton-module__hop-EmbeddedButton--option5___Eibu- {
2927
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___ZlJli {
2534
2928
  --color: var(--hop-EmbeddedButton-option5-color);
2535
2929
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color);
2536
2930
  }
2537
- .EmbeddedButton-module__hop-EmbeddedButton--option6___ppEiw {
2931
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___UZEwb {
2538
2932
  --color: var(--hop-EmbeddedButton-option6-color);
2539
2933
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color);
2540
2934
  }
2541
- .EmbeddedButton-module__hop-EmbeddedButton___E0eMm[data-selected] {
2935
+ .EmbeddedButton-module__hop-EmbeddedButton___JYrVb[data-selected] {
2542
2936
  --color: var(--hop-EmbeddedButton-selected-color);
2543
2937
  --effect-background-color: var(--hop-EmbeddedButton-selected-effect-background-color);
2544
2938
  }
2545
- .EmbeddedButton-module__hop-EmbeddedButton___E0eMm[data-focus-visible] {
2939
+ .EmbeddedButton-module__hop-EmbeddedButton___JYrVb[data-focus-visible] {
2546
2940
  outline: var(--focus-ring-size) solid var(--hop-EmbeddedButton-focus-ring-color);
2547
2941
  outline-offset: var(--focus-ring-offset);
2548
2942
  }
2549
- .EmbeddedButton-module__hop-EmbeddedButton___E0eMm[data-disabled] {
2943
+ .EmbeddedButton-module__hop-EmbeddedButton___JYrVb[data-disabled] {
2550
2944
  cursor: not-allowed;
2551
2945
  }
2552
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___ajUcs[data-hovered] {
2946
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___3tbZp[data-hovered] {
2553
2947
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-hovered);
2554
2948
  --color: var(--hop-EmbeddedButton-neutral-color-hovered);
2555
2949
  }
2556
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___ajUcs[data-focus-visible] {
2950
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___3tbZp[data-focus-visible] {
2557
2951
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-focused);
2558
2952
  --color: var(--hop-EmbeddedButton-neutral-color-focused);
2559
2953
  }
2560
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___ajUcs[data-pressed] {
2954
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___3tbZp[data-pressed] {
2561
2955
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-pressed);
2562
2956
  --color: var(--hop-EmbeddedButton-neutral-color-pressed);
2563
2957
  }
2564
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___ajUcs[data-disabled] {
2958
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___3tbZp[data-disabled] {
2565
2959
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-disabled);
2566
2960
  --color: var(--hop-EmbeddedButton-neutral-color-disabled);
2567
2961
  }
2568
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___cwnSs[data-hovered] {
2962
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___wg93y[data-hovered] {
2569
2963
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-hovered);
2570
2964
  --color: var(--hop-EmbeddedButton-subdued-color-hovered);
2571
2965
  }
2572
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___cwnSs[data-focus-visible] {
2966
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___wg93y[data-focus-visible] {
2573
2967
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-focused);
2574
2968
  --color: var(--hop-EmbeddedButton-subdued-color-focused);
2575
2969
  }
2576
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___cwnSs[data-pressed] {
2970
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___wg93y[data-pressed] {
2577
2971
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-pressed);
2578
2972
  --color: var(--hop-EmbeddedButton-subdued-color-pressed);
2579
2973
  }
2580
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___cwnSs[data-disabled] {
2974
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___wg93y[data-disabled] {
2581
2975
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-disabled);
2582
2976
  --color: var(--hop-EmbeddedButton-subdued-color-disabled);
2583
2977
  }
2584
- .EmbeddedButton-module__hop-EmbeddedButton--progress___s7a7s[data-hovered] {
2978
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___kfy-2[data-hovered] {
2585
2979
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-hovered);
2586
2980
  --color: var(--hop-EmbeddedButton-progress-color-hovered);
2587
2981
  }
2588
- .EmbeddedButton-module__hop-EmbeddedButton--progress___s7a7s[data-focus-visible] {
2982
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___kfy-2[data-focus-visible] {
2589
2983
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-focused);
2590
2984
  --color: var(--hop-EmbeddedButton-progress-color-focused);
2591
2985
  }
2592
- .EmbeddedButton-module__hop-EmbeddedButton--progress___s7a7s[data-pressed] {
2986
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___kfy-2[data-pressed] {
2593
2987
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-pressed);
2594
2988
  --color: var(--hop-EmbeddedButton-progress-color-pressed);
2595
2989
  }
2596
- .EmbeddedButton-module__hop-EmbeddedButton--progress___s7a7s[data-disabled] {
2990
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___kfy-2[data-disabled] {
2597
2991
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-disabled);
2598
2992
  --color: var(--hop-EmbeddedButton-progress-color-disabled);
2599
2993
  }
2600
- .EmbeddedButton-module__hop-EmbeddedButton--positive___LLvub[data-hovered] {
2994
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___fln30[data-hovered] {
2601
2995
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-hovered);
2602
2996
  --color: var(--hop-EmbeddedButton-positive-color-hovered);
2603
2997
  }
2604
- .EmbeddedButton-module__hop-EmbeddedButton--positive___LLvub[data-focus-visible] {
2998
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___fln30[data-focus-visible] {
2605
2999
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-focused);
2606
3000
  --color: var(--hop-EmbeddedButton-positive-color-focused);
2607
3001
  }
2608
- .EmbeddedButton-module__hop-EmbeddedButton--positive___LLvub[data-pressed] {
3002
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___fln30[data-pressed] {
2609
3003
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-pressed);
2610
3004
  --color: var(--hop-EmbeddedButton-positive-color-pressed);
2611
3005
  }
2612
- .EmbeddedButton-module__hop-EmbeddedButton--positive___LLvub[data-disabled] {
3006
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___fln30[data-disabled] {
2613
3007
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-disabled);
2614
3008
  --color: var(--hop-EmbeddedButton-positive-color-disabled);
2615
3009
  }
2616
- .EmbeddedButton-module__hop-EmbeddedButton--caution___bPiLi[data-hovered] {
3010
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___uHxYx[data-hovered] {
2617
3011
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-hovered);
2618
3012
  --color: var(--hop-EmbeddedButton-caution-color-hovered);
2619
3013
  }
2620
- .EmbeddedButton-module__hop-EmbeddedButton--caution___bPiLi[data-focus-visible] {
3014
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___uHxYx[data-focus-visible] {
2621
3015
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-focused);
2622
3016
  --color: var(--hop-EmbeddedButton-caution-color-focused);
2623
3017
  }
2624
- .EmbeddedButton-module__hop-EmbeddedButton--caution___bPiLi[data-pressed] {
3018
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___uHxYx[data-pressed] {
2625
3019
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-pressed);
2626
3020
  --color: var(--hop-EmbeddedButton-caution-color-pressed);
2627
3021
  }
2628
- .EmbeddedButton-module__hop-EmbeddedButton--caution___bPiLi[data-disabled] {
3022
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___uHxYx[data-disabled] {
2629
3023
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-disabled);
2630
3024
  --color: var(--hop-EmbeddedButton-caution-color-disabled);
2631
3025
  }
2632
- .EmbeddedButton-module__hop-EmbeddedButton--negative___4PTxb[data-hovered] {
3026
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___Rq7v7[data-hovered] {
2633
3027
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-hovered);
2634
3028
  --color: var(--hop-EmbeddedButton-negative-color-hovered);
2635
3029
  }
2636
- .EmbeddedButton-module__hop-EmbeddedButton--negative___4PTxb[data-focus-visible] {
3030
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___Rq7v7[data-focus-visible] {
2637
3031
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-focused);
2638
3032
  --color: var(--hop-EmbeddedButton-negative-color-focused);
2639
3033
  }
2640
- .EmbeddedButton-module__hop-EmbeddedButton--negative___4PTxb[data-pressed] {
3034
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___Rq7v7[data-pressed] {
2641
3035
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-pressed);
2642
3036
  --color: var(--hop-EmbeddedButton-negative-color-pressed);
2643
3037
  }
2644
- .EmbeddedButton-module__hop-EmbeddedButton--negative___4PTxb[data-disabled] {
3038
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___Rq7v7[data-disabled] {
2645
3039
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-disabled);
2646
3040
  --color: var(--hop-EmbeddedButton-negative-color-disabled);
2647
3041
  }
2648
- .EmbeddedButton-module__hop-EmbeddedButton--option1___n0kJr[data-hovered] {
3042
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___N7auw[data-hovered] {
2649
3043
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-hovered);
2650
3044
  --color: var(--hop-EmbeddedButton-option1-color-hovered);
2651
3045
  }
2652
- .EmbeddedButton-module__hop-EmbeddedButton--option1___n0kJr[data-focus-visible] {
3046
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___N7auw[data-focus-visible] {
2653
3047
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-focused);
2654
3048
  --color: var(--hop-EmbeddedButton-option1-color-focused);
2655
3049
  }
2656
- .EmbeddedButton-module__hop-EmbeddedButton--option1___n0kJr[data-pressed] {
3050
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___N7auw[data-pressed] {
2657
3051
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-pressed);
2658
3052
  --color: var(--hop-EmbeddedButton-option1-color-pressed);
2659
3053
  }
2660
- .EmbeddedButton-module__hop-EmbeddedButton--option1___n0kJr[data-disabled] {
3054
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___N7auw[data-disabled] {
2661
3055
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-disabled);
2662
3056
  --color: var(--hop-EmbeddedButton-option1-color-disabled);
2663
3057
  }
2664
- .EmbeddedButton-module__hop-EmbeddedButton--option2___DwiLN[data-hovered] {
3058
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___DSgZO[data-hovered] {
2665
3059
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-hovered);
2666
3060
  --color: var(--hop-EmbeddedButton-option2-color-hovered);
2667
3061
  }
2668
- .EmbeddedButton-module__hop-EmbeddedButton--option2___DwiLN[data-focus-visible] {
3062
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___DSgZO[data-focus-visible] {
2669
3063
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-focused);
2670
3064
  --color: var(--hop-EmbeddedButton-option2-color-focused);
2671
3065
  }
2672
- .EmbeddedButton-module__hop-EmbeddedButton--option2___DwiLN[data-pressed] {
3066
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___DSgZO[data-pressed] {
2673
3067
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-pressed);
2674
3068
  --color: var(--hop-EmbeddedButton-option2-color-pressed);
2675
3069
  }
2676
- .EmbeddedButton-module__hop-EmbeddedButton--option2___DwiLN[data-disabled] {
3070
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___DSgZO[data-disabled] {
2677
3071
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-disabled);
2678
3072
  --color: var(--hop-EmbeddedButton-option2-color-disabled);
2679
3073
  }
2680
- .EmbeddedButton-module__hop-EmbeddedButton--option3___n998V[data-hovered] {
3074
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___F9UhK[data-hovered] {
2681
3075
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-hovered);
2682
3076
  --color: var(--hop-EmbeddedButton-option3-color-hovered);
2683
3077
  }
2684
- .EmbeddedButton-module__hop-EmbeddedButton--option3___n998V[data-focus-visible] {
3078
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___F9UhK[data-focus-visible] {
2685
3079
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-focused);
2686
3080
  --color: var(--hop-EmbeddedButton-option3-color-focused);
2687
3081
  }
2688
- .EmbeddedButton-module__hop-EmbeddedButton--option3___n998V[data-pressed] {
3082
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___F9UhK[data-pressed] {
2689
3083
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-pressed);
2690
3084
  --color: var(--hop-EmbeddedButton-option3-color-pressed);
2691
3085
  }
2692
- .EmbeddedButton-module__hop-EmbeddedButton--option3___n998V[data-disabled] {
3086
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___F9UhK[data-disabled] {
2693
3087
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-disabled);
2694
3088
  --color: var(--hop-EmbeddedButton-option3-color-disabled);
2695
3089
  }
2696
- .EmbeddedButton-module__hop-EmbeddedButton--option4___8k6t0[data-hovered] {
3090
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___sS9kT[data-hovered] {
2697
3091
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-hovered);
2698
3092
  --color: var(--hop-EmbeddedButton-option4-color-hovered);
2699
3093
  }
2700
- .EmbeddedButton-module__hop-EmbeddedButton--option4___8k6t0[data-focus-visible] {
3094
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___sS9kT[data-focus-visible] {
2701
3095
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-focused);
2702
3096
  --color: var(--hop-EmbeddedButton-option4-color-focused);
2703
3097
  }
2704
- .EmbeddedButton-module__hop-EmbeddedButton--option4___8k6t0[data-pressed] {
3098
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___sS9kT[data-pressed] {
2705
3099
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-pressed);
2706
3100
  --color: var(--hop-EmbeddedButton-option4-color-pressed);
2707
3101
  }
2708
- .EmbeddedButton-module__hop-EmbeddedButton--option4___8k6t0[data-disabled] {
3102
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___sS9kT[data-disabled] {
2709
3103
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-disabled);
2710
3104
  --color: var(--hop-EmbeddedButton-option4-color-disabled);
2711
3105
  }
2712
- .EmbeddedButton-module__hop-EmbeddedButton--option5___Eibu-[data-hovered] {
3106
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___ZlJli[data-hovered] {
2713
3107
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-hovered);
2714
3108
  --color: var(--hop-EmbeddedButton-option5-color-hovered);
2715
3109
  }
2716
- .EmbeddedButton-module__hop-EmbeddedButton--option5___Eibu-[data-focus-visible] {
3110
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___ZlJli[data-focus-visible] {
2717
3111
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-focused);
2718
3112
  --color: var(--hop-EmbeddedButton-option5-color-focused);
2719
3113
  }
2720
- .EmbeddedButton-module__hop-EmbeddedButton--option5___Eibu-[data-pressed] {
3114
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___ZlJli[data-pressed] {
2721
3115
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-pressed);
2722
3116
  --color: var(--hop-EmbeddedButton-option5-color-pressed);
2723
3117
  }
2724
- .EmbeddedButton-module__hop-EmbeddedButton--option5___Eibu-[data-disabled] {
3118
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___ZlJli[data-disabled] {
2725
3119
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-disabled);
2726
3120
  --color: var(--hop-EmbeddedButton-option5-color-disabled);
2727
3121
  }
2728
- .EmbeddedButton-module__hop-EmbeddedButton--option6___ppEiw[data-hovered] {
3122
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___UZEwb[data-hovered] {
2729
3123
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-hovered);
2730
3124
  --color: var(--hop-EmbeddedButton-option6-color-hovered);
2731
3125
  }
2732
- .EmbeddedButton-module__hop-EmbeddedButton--option6___ppEiw[data-focus-visible] {
3126
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___UZEwb[data-focus-visible] {
2733
3127
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-focused);
2734
3128
  --color: var(--hop-EmbeddedButton-option6-color-focused);
2735
3129
  }
2736
- .EmbeddedButton-module__hop-EmbeddedButton--option6___ppEiw[data-pressed] {
3130
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___UZEwb[data-pressed] {
2737
3131
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-pressed);
2738
3132
  --color: var(--hop-EmbeddedButton-option6-color-pressed);
2739
3133
  }
2740
- .EmbeddedButton-module__hop-EmbeddedButton--option6___ppEiw[data-disabled] {
3134
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___UZEwb[data-disabled] {
2741
3135
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-disabled);
2742
3136
  --color: var(--hop-EmbeddedButton-option6-color-disabled);
2743
3137
  }
2744
- .EmbeddedButton-module__hop-EmbeddedButton__icon___f6Xg9 {
3138
+ .EmbeddedButton-module__hop-EmbeddedButton__icon___rRXsh {
2745
3139
  position: relative;
2746
3140
  }
2747
3141
 
2748
3142
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Form/src/Form.module.css/#css-module-data */
2749
- .Form-module__hop-Form___pIeoK {
3143
+ .Form-module__hop-Form___Kd5fG {
2750
3144
  display: flex;
2751
3145
  flex-direction: column;
2752
3146
  gap: var(--hop-space-stack-lg);
2753
3147
  }
2754
3148
 
2755
3149
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/InputGroup.module.css/#css-module-data */
2756
- .InputGroup-module__hop-InputGroup___a632X {
3150
+ .InputGroup-module__hop-InputGroup___WcTzE {
2757
3151
  --hop-InputGroup-background: var(--hop-neutral-surface);
2758
3152
  --hop-InputGroup-border-color: var(--hop-neutral-border);
2759
3153
  --hop-InputGroup-border-width: 0.0625rem;
@@ -2834,11 +3228,11 @@
2834
3228
  border: var(--border);
2835
3229
  border-radius: var(--hop-InputGroup-border-radius);
2836
3230
  }
2837
- .InputGroup-module__hop-InputGroup--fluid___6yyPX {
3231
+ .InputGroup-module__hop-InputGroup--fluid___nS6mP {
2838
3232
  --inline-size: 100%;
2839
3233
  --input-inline-size: 100%;
2840
3234
  }
2841
- .InputGroup-module__hop-InputGroup--sm___tXEbu {
3235
+ .InputGroup-module__hop-InputGroup--sm___JnRFs {
2842
3236
  --block-size: var(--hop-InputGroup-sm-block-size);
2843
3237
  --input-font-family: var(--hop-InputGroup-input-sm-font-family);
2844
3238
  --input-font-size: var(--hop-InputGroup-input-sm-font-size);
@@ -2846,7 +3240,7 @@
2846
3240
  --input-line-height: var(--hop-InputGroup-input-sm-line-height);
2847
3241
  --input-block-size: var(--hop-InputGroup-input-sm-block-size);
2848
3242
  }
2849
- .InputGroup-module__hop-InputGroup___a632X[data-input-type=textarea] {
3243
+ .InputGroup-module__hop-InputGroup___WcTzE[data-input-type=textarea] {
2850
3244
  --gap: var(--hop-InputGroup-gap-textarea);
2851
3245
  --flex-direction: var(--hop-InputGroup-flex-direction-textarea);
2852
3246
  --align-items: var(--hop-InputGroup-align-items-textarea);
@@ -2854,28 +3248,28 @@
2854
3248
  --padding-inline: var(--hop-InputGroup-padding-inline-textarea);
2855
3249
  --padding-block: var(--hop-InputGroup-padding-block-textarea);
2856
3250
  }
2857
- .InputGroup-module__hop-InputGroup___a632X[data-input-type=number] {
3251
+ .InputGroup-module__hop-InputGroup___WcTzE[data-input-type=number] {
2858
3252
  --display: var(--hop-InputGroup-display-number);
2859
3253
  --gap: var(--hop-InputGroup-gap-number);
2860
3254
  }
2861
- .InputGroup-module__hop-InputGroup___a632X[data-hovered] {
3255
+ .InputGroup-module__hop-InputGroup___WcTzE[data-hovered] {
2862
3256
  --background: var(--hop-InputGroup-background-hover);
2863
3257
  --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-hover) ;
2864
3258
  }
2865
- .InputGroup-module__hop-InputGroup___a632X[data-focus-within] {
3259
+ .InputGroup-module__hop-InputGroup___WcTzE[data-focus-within] {
2866
3260
  --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-focus) ;
2867
3261
  }
2868
- .InputGroup-module__hop-InputGroup___a632X[data-invalid] {
3262
+ .InputGroup-module__hop-InputGroup___WcTzE[data-invalid] {
2869
3263
  --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-invalid) ;
2870
3264
  }
2871
- .InputGroup-module__hop-InputGroup___a632X[data-disabled] {
3265
+ .InputGroup-module__hop-InputGroup___WcTzE[data-disabled] {
2872
3266
  --background: var(--hop-InputGroup-background-disabled);
2873
3267
  --border: 0.0625rem solid var(--hop-InputGroup-border-color-disabled);
2874
3268
  --input-color: var(--hop-InputGroup-input-color-disabled);
2875
3269
  --input-placeholder-color: var(--hop-InputGroup-placeholder-color-disabled);
2876
3270
  }
2877
- .InputGroup-module__hop-InputGroup__input___Ve7UI,
2878
- .InputGroup-module__hop-InputGroup__textarea___TNfOB {
3271
+ .InputGroup-module__hop-InputGroup__input___IXkwy,
3272
+ .InputGroup-module__hop-InputGroup__textarea___bj7DV {
2879
3273
  flex: 1 1 auto;
2880
3274
  box-sizing: border-box;
2881
3275
  inline-size: var(--input-inline-size);
@@ -2889,26 +3283,26 @@
2889
3283
  border: none;
2890
3284
  outline: none;
2891
3285
  }
2892
- .InputGroup-module__hop-InputGroup__input___Ve7UI {
3286
+ .InputGroup-module__hop-InputGroup__input___IXkwy {
2893
3287
  block-size: var(--input-block-size);
2894
3288
  padding: var(--hop-InputGroup-input-padding);
2895
3289
  }
2896
- .InputGroup-module__hop-InputGroup__textarea___TNfOB {
3290
+ .InputGroup-module__hop-InputGroup__textarea___bj7DV {
2897
3291
  padding: var(--hop-InputGroup-textarea-padding);
2898
3292
  }
2899
- .InputGroup-module__hop-InputGroup__input___Ve7UI::placeholder {
3293
+ .InputGroup-module__hop-InputGroup__input___IXkwy::placeholder {
2900
3294
  font-family: var(--hop-InputGroup-placeholder-font-family);
2901
3295
  font-size: var(--hop-InputGroup-placeholder-font-size);
2902
3296
  font-weight: var(--hop-InputGroup-placeholder-font-weight);
2903
3297
  line-height: var(--hop-InputGroup-placeholder-line-height);
2904
3298
  color: var(--input-placeholder-color);
2905
3299
  }
2906
- .InputGroup-module__hop-InputGroup__embedded-button___NOJxI {
3300
+ .InputGroup-module__hop-InputGroup__embedded-button___aJeH4 {
2907
3301
  margin-inline-end: var(--hop-InputGroup-embedded-button-margin-inline-end);
2908
3302
  }
2909
3303
 
2910
3304
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Heading/src/Heading.module.css/#css-module-data */
2911
- .Heading-module__hop-Heading___FHUTd {
3305
+ .Heading-module__hop-Heading___xok42 {
2912
3306
  --hop-Heading-xs-font-size: var(--hop-heading-xs-font-size);
2913
3307
  --hop-Heading-xs-font-family: var(--hop-heading-xs-font-family);
2914
3308
  --hop-Heading-xs-font-weight: var(--hop-heading-xs-font-weight);
@@ -2942,50 +3336,50 @@
2942
3336
  --hop-Heading-inherit-size-font-weight: inherit;
2943
3337
  --hop-Heading-inherit-size-line-height: inherit;
2944
3338
  }
2945
- :where(.Heading-module__hop-Heading___FHUTd) {
3339
+ :where(.Heading-module__hop-Heading___xok42) {
2946
3340
  margin: 0;
2947
3341
  font-family: var(--font-family);
2948
3342
  font-size: var(--font-size);
2949
3343
  font-weight: var(--font-weight);
2950
3344
  line-height: var(--line-height);
2951
3345
  }
2952
- :where(.Heading-module__hop-Heading--xs___nSpzQ) {
3346
+ :where(.Heading-module__hop-Heading--xs___yyvuF) {
2953
3347
  --font-size: var(--hop-Heading-xs-font-size);
2954
3348
  --font-family: var(--hop-Heading-xs-font-family);
2955
3349
  --font-weight: var(--hop-Heading-xs-font-weight);
2956
3350
  --line-height: var(--hop-Heading-xs-line-height);
2957
3351
  }
2958
- :where(.Heading-module__hop-Heading--sm___cOwKv) {
3352
+ :where(.Heading-module__hop-Heading--sm___KCcNN) {
2959
3353
  --font-size: var(--hop-Heading-sm-font-size);
2960
3354
  --font-family: var(--hop-Heading-sm-font-family);
2961
3355
  --font-weight: var(--hop-Heading-sm-font-weight);
2962
3356
  --line-height: var(--hop-Heading-sm-line-height);
2963
3357
  }
2964
- :where(.Heading-module__hop-Heading--md___-P1xy) {
3358
+ :where(.Heading-module__hop-Heading--md___IwpUP) {
2965
3359
  --font-size: var(--hop-Heading-md-font-size);
2966
3360
  --font-family: var(--hop-Heading-md-font-family);
2967
3361
  --font-weight: var(--hop-Heading-md-font-weight);
2968
3362
  --line-height: var(--hop-Heading-md-line-height);
2969
3363
  }
2970
- :where(.Heading-module__hop-Heading--lg___C1qbq) {
3364
+ :where(.Heading-module__hop-Heading--lg___GELZH) {
2971
3365
  --font-size: var(--hop-Heading-lg-font-size);
2972
3366
  --font-family: var(--hop-Heading-lg-font-family);
2973
3367
  --font-weight: var(--hop-Heading-lg-font-weight);
2974
3368
  --line-height: var(--hop-Heading-lg-line-height);
2975
3369
  }
2976
- :where(.Heading-module__hop-Heading--xl___ZqOY4) {
3370
+ :where(.Heading-module__hop-Heading--xl___ixPVU) {
2977
3371
  --font-size: var(--hop-Heading-xl-font-size);
2978
3372
  --font-family: var(--hop-Heading-xl-font-family);
2979
3373
  --font-weight: var(--hop-Heading-xl-font-weight);
2980
3374
  --line-height: var(--hop-Heading-xl-line-height);
2981
3375
  }
2982
- :where(.Heading-module__hop-Heading--2xl___Phfzh) {
3376
+ :where(.Heading-module__hop-Heading--2xl___b7nfx) {
2983
3377
  --font-size: var(--hop-Heading-2xl-font-size);
2984
3378
  --font-family: var(--hop-Heading-2xl-font-family);
2985
3379
  --font-weight: var(--hop-Heading-2xl-font-weight);
2986
3380
  --line-height: var(--hop-Heading-2xl-line-height);
2987
3381
  }
2988
- :where(.Heading-module__hop-Heading--3xl___q5xhd) {
3382
+ :where(.Heading-module__hop-Heading--3xl___efLin) {
2989
3383
  --font-size: var(--hop-Heading-3xl-font-size);
2990
3384
  --font-family: var(--hop-Heading-3xl-font-family);
2991
3385
  --font-weight: var(--hop-Heading-3xl-font-weight);
@@ -2993,7 +3387,7 @@
2993
3387
  }
2994
3388
 
2995
3389
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/NumberField.module.css/#css-module-data */
2996
- .NumberField-module__hop-NumberField___2gj-0 {
3390
+ .NumberField-module__hop-NumberField___ppFcj {
2997
3391
  --hop-NumberField-gap: var(--hop-space-stack-xs);
2998
3392
  --hop-NumberField-inline-size: 20rem;
2999
3393
  --hop-NumberField-inline-size-fluid: 100%;
@@ -3041,30 +3435,30 @@
3041
3435
  gap: var(--hop-NumberField-gap);
3042
3436
  inline-size: var(--inline-size);
3043
3437
  }
3044
- .NumberField-module__hop-NumberField--fluid___mQ4HT {
3438
+ .NumberField-module__hop-NumberField--fluid___XW6-Q {
3045
3439
  --inline-size: var(--hop-NumberField-inline-size-fluid);
3046
3440
  }
3047
- .NumberField-module__hop-NumberField--mobile___-GMYk {
3441
+ .NumberField-module__hop-NumberField--mobile___Ft7B3 {
3048
3442
  --input-group-template: var(--hop-NumberField-input-group-template-mobile);
3049
3443
  --stepper-height: var(--hop-NumberField-stepper-height-mobile);
3050
3444
  }
3051
- .NumberField-module__hop-NumberField__Label___ni5A0 {
3445
+ .NumberField-module__hop-NumberField__Label___jiGt- {
3052
3446
  order: 0;
3053
3447
  }
3054
- .NumberField-module__hop-NumberField__prefix___FCb7f {
3448
+ .NumberField-module__hop-NumberField__prefix___eQqx3 {
3055
3449
  grid-area: prefix;
3056
3450
  margin-inline-end: var(--hop-NumberField-prefix-margin-inline-end);
3057
3451
  color: var(--hop-NumberField-prefix-color);
3058
3452
  }
3059
- .NumberField-module__hop-NumberField__InputGroup___sYywY {
3453
+ .NumberField-module__hop-NumberField__InputGroup___PltmY {
3060
3454
  grid-template: var(--input-group-template);
3061
3455
  order: 1;
3062
3456
  }
3063
- .NumberField-module__hop-NumberField__ErrorMessage___dARU3,
3064
- .NumberField-module__hop-NumberField__HelperMessage___vp10M {
3457
+ .NumberField-module__hop-NumberField__ErrorMessage___QeaaM,
3458
+ .NumberField-module__hop-NumberField__HelperMessage___rj45x {
3065
3459
  order: 3;
3066
3460
  }
3067
- .NumberField-module__hop-NumberField__stepper-button___7J3-z {
3461
+ .NumberField-module__hop-NumberField__stepper-button___LS5I7 {
3068
3462
  cursor: pointer;
3069
3463
  display: flex;
3070
3464
  grid-area: var(--grid-area, unset);
@@ -3085,55 +3479,55 @@
3085
3479
  border-radius: var(--stepper-border-radius, 0);
3086
3480
  outline: none;
3087
3481
  }
3088
- .NumberField-module__hop-NumberField__stepper-button--increment___i05Fb {
3482
+ .NumberField-module__hop-NumberField__stepper-button--increment___L4-US {
3089
3483
  --stepper-border-radius: var(--hop-NumberField-stepper-border-radius-increment);
3090
3484
  --stepper-border-width: var(--hop-NumberField-stepper-border-width) var(--hop-NumberField-stepper-border-width) 0 var(--hop-NumberField-stepper-border-width);
3091
3485
  --stepper-align-self: var(--hop-NumberField-stepper-align-self-increment);
3092
3486
  --stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-increment);
3093
3487
  --grid-area: stepup;
3094
3488
  }
3095
- .NumberField-module__hop-NumberField__stepper-button--decrement___Ekehn {
3489
+ .NumberField-module__hop-NumberField__stepper-button--decrement___0V9pg {
3096
3490
  --stepper-border-radius: var(--hop-NumberField-stepper-border-radius-decrement);
3097
3491
  --stepper-border-width: 0 var(--hop-NumberField-stepper-border-width) var(--hop-NumberField-stepper-border-width) var(--hop-NumberField-stepper-border-width);
3098
3492
  --stepper-align-self: var(--hop-NumberField-stepper-align-self-decrement);
3099
3493
  --stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-decrement);
3100
3494
  --grid-area: stepdown;
3101
3495
  }
3102
- .NumberField-module__hop-NumberField__stepper-button--mobile___XqA19.NumberField-module__hop-NumberField__stepper-button--increment___i05Fb {
3496
+ .NumberField-module__hop-NumberField__stepper-button--mobile___KcgBz.NumberField-module__hop-NumberField__stepper-button--increment___L4-US {
3103
3497
  --stepper-border-width: 0 0 0 var(--hop-NumberField-stepper-border-width);
3104
3498
  --stepper-align-self: var(--hop-NumberField-stepper-align-self-increment-mobile);
3105
3499
  --stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-increment-mobile);
3106
3500
  --stepper-border-radius: var(--hop-NumberField-stepper-border-radius-mobile-increment);
3107
3501
  }
3108
- .NumberField-module__hop-NumberField__stepper-button--mobile___XqA19.NumberField-module__hop-NumberField__stepper-button--decrement___Ekehn {
3502
+ .NumberField-module__hop-NumberField__stepper-button--mobile___KcgBz.NumberField-module__hop-NumberField__stepper-button--decrement___0V9pg {
3109
3503
  --stepper-border-width: 0 var(--hop-NumberField-stepper-border-width) 0 0;
3110
3504
  --stepper-align-self: var(--hop-NumberField-stepper-align-self-decrement-mobile);
3111
3505
  --stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-decrement-mobile);
3112
3506
  --stepper-border-radius: var(--hop-NumberField-stepper-border-radius-mobile-decrement);
3113
3507
  }
3114
- .NumberField-module__hop-NumberField__stepper-button___7J3-z[data-hovered] {
3508
+ .NumberField-module__hop-NumberField__stepper-button___LS5I7[data-hovered] {
3115
3509
  color: var(--hop-NumberField-stepper-color-hovered);
3116
3510
  background-color: var(--hop-NumberField-stepper-background-color-hovered);
3117
3511
  }
3118
- .NumberField-module__hop-NumberField__stepper-button___7J3-z[data-pressed] {
3512
+ .NumberField-module__hop-NumberField__stepper-button___LS5I7[data-pressed] {
3119
3513
  color: var(--hop-NumberField-stepper-color-pressed);
3120
3514
  background-color: var(--hop-NumberField-stepper-background-color-pressed);
3121
3515
  }
3122
- .NumberField-module__hop-NumberField__stepper-button___7J3-z[data-disabled] {
3516
+ .NumberField-module__hop-NumberField__stepper-button___LS5I7[data-disabled] {
3123
3517
  cursor: not-allowed;
3124
3518
  color: var(--hop-NumberField-stepper-color-disabled);
3125
3519
  background-color: var(--hop-NumberField-stepper-background-color-disabled);
3126
3520
  }
3127
- .NumberField-module__hop-NumberField__stepper-button__icon___1RtBB {
3521
+ .NumberField-module__hop-NumberField__stepper-button__icon___4aMo- {
3128
3522
  display: block;
3129
3523
  max-block-size: 100%;
3130
3524
  }
3131
- .NumberField-module__hop-NumberField__input___W14tH {
3525
+ .NumberField-module__hop-NumberField__input___PXfly {
3132
3526
  grid-area: input;
3133
3527
  }
3134
3528
 
3135
3529
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/TextArea.module.css/#css-module-data */
3136
- .TextArea-module__hop-TextArea___8dXyC {
3530
+ .TextArea-module__hop-TextArea___qaonI {
3137
3531
  --hop-TextArea-gap: var(--hop-space-stack-xs);
3138
3532
  --hop-TextArea-inline-size: 20rem;
3139
3533
  --hop-TextArea-prefix-color: var(--hop-neutral-text-weak);
@@ -3151,42 +3545,42 @@
3151
3545
  inline-size: var(--inline-size);
3152
3546
  max-inline-size: 100%;
3153
3547
  }
3154
- .TextArea-module__hop-TextArea--fluid___ivXkV {
3548
+ .TextArea-module__hop-TextArea--fluid___Cyf8M {
3155
3549
  --inline-size: 100%;
3156
3550
  }
3157
- .TextArea-module__hop-TextArea___8dXyC[data-resize-mode=vertical] {
3551
+ .TextArea-module__hop-TextArea___qaonI[data-resize-mode=vertical] {
3158
3552
  --resize: vertical;
3159
3553
  }
3160
- .TextArea-module__hop-TextArea___8dXyC[data-over-max-length] {
3554
+ .TextArea-module__hop-TextArea___qaonI[data-over-max-length] {
3161
3555
  --char-count-color: var(--hop-TextArea-char-count-color-invalid);
3162
3556
  }
3163
- .TextArea-module__hop-TextArea___8dXyC[data-disabled] {
3557
+ .TextArea-module__hop-TextArea___qaonI[data-disabled] {
3164
3558
  --char-count-color: var(--hop-TextArea-char-count-color-disabled);
3165
3559
  }
3166
- .TextArea-module__hop-TextArea__Label___F46Nt {
3560
+ .TextArea-module__hop-TextArea__Label___Hrr66 {
3167
3561
  order: 0;
3168
3562
  }
3169
- .TextArea-module__hop-TextArea__prefix___F2c7V {
3563
+ .TextArea-module__hop-TextArea__prefix___2BdDx {
3170
3564
  color: var(--hop-TextArea-prefix-color);
3171
3565
  }
3172
- .TextArea-module__hop-TextArea__InputGroup___DQ-6Y {
3566
+ .TextArea-module__hop-TextArea__InputGroup___d4oXY {
3173
3567
  order: 1;
3174
3568
  }
3175
- .TextArea-module__hop-TextArea__textarea___HEpbB {
3569
+ .TextArea-module__hop-TextArea__textarea___3wZu0 {
3176
3570
  resize: var(--resize);
3177
3571
  min-block-size: var(--hop-TextArea-input-min-height);
3178
3572
  }
3179
- .TextArea-module__hop-TextArea__char-count___MIdX- {
3573
+ .TextArea-module__hop-TextArea__char-count___-1sD- {
3180
3574
  padding: var(--hop-TextArea-char-count-padding);
3181
3575
  color: var(--char-count-color);
3182
3576
  }
3183
- .TextArea-module__hop-TextArea__ErrorMessage___eXVmT,
3184
- .TextArea-module__hop-TextArea__HelperMessage___Tqb2w {
3577
+ .TextArea-module__hop-TextArea__ErrorMessage___RTzEd,
3578
+ .TextArea-module__hop-TextArea__HelperMessage___yeQUs {
3185
3579
  order: 3;
3186
3580
  }
3187
3581
 
3188
3582
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/TextField.module.css/#css-module-data */
3189
- .TextField-module__hop-TextField___Wfbdo {
3583
+ .TextField-module__hop-TextField___PTMtk {
3190
3584
  --hop-TextField-gap: var(--hop-space-stack-xs);
3191
3585
  --hop-TextField-inline-size: 20rem;
3192
3586
  --hop-TextField-prefix-color: var(--hop-neutral-text-weak);
@@ -3201,34 +3595,34 @@
3201
3595
  inline-size: var(--inline-size);
3202
3596
  max-inline-size: 100%;
3203
3597
  }
3204
- .TextField-module__hop-TextField--fluid___ViA6M {
3598
+ .TextField-module__hop-TextField--fluid___avhOT {
3205
3599
  --inline-size: 100%;
3206
3600
  }
3207
- .TextField-module__hop-TextField___Wfbdo[data-over-max-length] {
3601
+ .TextField-module__hop-TextField___PTMtk[data-over-max-length] {
3208
3602
  --char-count-color: var(--hop-TextField-char-count-color-invalid);
3209
3603
  }
3210
- .TextField-module__hop-TextField___Wfbdo[data-disabled] {
3604
+ .TextField-module__hop-TextField___PTMtk[data-disabled] {
3211
3605
  --char-count-color: var(--hop-TextField-char-count-color-disabled);
3212
3606
  }
3213
- .TextField-module__hop-TextField__Label___5AeoX {
3607
+ .TextField-module__hop-TextField__Label___u2Ks9 {
3214
3608
  order: 0;
3215
3609
  }
3216
- .TextField-module__hop-TextField__prefix___-PH68 {
3610
+ .TextField-module__hop-TextField__prefix___Fiyv5 {
3217
3611
  color: var(--hop-TextField-prefix-color);
3218
3612
  }
3219
- .TextField-module__hop-TextField__char-count___YIU-F {
3613
+ .TextField-module__hop-TextField__char-count___5KbZ5 {
3220
3614
  color: var(--char-count-color);
3221
3615
  }
3222
- .TextField-module__hop-TextField__InputGroup___9Jn-0 {
3616
+ .TextField-module__hop-TextField__InputGroup___JLzkG {
3223
3617
  order: 1;
3224
3618
  }
3225
- .TextField-module__hop-TextField__ErrorMessage___qkdL4,
3226
- .TextField-module__hop-TextField__HelperMessage___izq-D {
3619
+ .TextField-module__hop-TextField__ErrorMessage___aJHcq,
3620
+ .TextField-module__hop-TextField__HelperMessage___2GFwW {
3227
3621
  order: 3;
3228
3622
  }
3229
3623
 
3230
3624
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/PasswordField.module.css/#css-module-data */
3231
- .PasswordField-module__hop-PasswordField___3teuP {
3625
+ .PasswordField-module__hop-PasswordField___AhAOi {
3232
3626
  --hop-PasswordField-gap: var(--hop-space-stack-xs);
3233
3627
  --hop-PasswordField-inline-size: 20rem;
3234
3628
  --inline-size: var(--hop-PasswordField-inline-size);
@@ -3238,22 +3632,22 @@
3238
3632
  inline-size: var(--inline-size);
3239
3633
  max-inline-size: 100%;
3240
3634
  }
3241
- .PasswordField-module__hop-PasswordField--fluid___8P8wR {
3635
+ .PasswordField-module__hop-PasswordField--fluid___8FlTs {
3242
3636
  --inline-size: 100%;
3243
3637
  }
3244
- .PasswordField-module__hop-PasswordField__Label___Akvsj {
3638
+ .PasswordField-module__hop-PasswordField__Label___X7SFD {
3245
3639
  order: 0;
3246
3640
  }
3247
- .PasswordField-module__hop-PasswordField__InputGroup___-kQUA {
3641
+ .PasswordField-module__hop-PasswordField__InputGroup___Dh8A7 {
3248
3642
  order: 1;
3249
3643
  }
3250
- .PasswordField-module__hop-PasswordField__ErrorMessage___SDr1s,
3251
- .PasswordField-module__hop-PasswordField__HelperMessage___9U4uf {
3644
+ .PasswordField-module__hop-PasswordField__ErrorMessage___lBDed,
3645
+ .PasswordField-module__hop-PasswordField__HelperMessage___T4nZO {
3252
3646
  order: 3;
3253
3647
  }
3254
3648
 
3255
3649
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/SearchField.module.css/#css-module-data */
3256
- .SearchField-module__hop-SearchField___FhPb- {
3650
+ .SearchField-module__hop-SearchField___9vSYz {
3257
3651
  --hop-SearchField-gap: var(--hop-space-stack-xs);
3258
3652
  --hop-SearchField-inline-size: 20rem;
3259
3653
  --hop-SearchField-color: var(--hop-neutral-text-weak);
@@ -3268,39 +3662,39 @@
3268
3662
  inline-size: var(--inline-size);
3269
3663
  max-inline-size: 100%;
3270
3664
  }
3271
- .SearchField-module__hop-SearchField--fluid___ND83Q {
3665
+ .SearchField-module__hop-SearchField--fluid___r42qe {
3272
3666
  --inline-size: 100%;
3273
3667
  }
3274
- .SearchField-module__hop-SearchField__Label___Ri9LN {
3668
+ .SearchField-module__hop-SearchField__Label___4kF-D {
3275
3669
  order: 0;
3276
3670
  }
3277
- .SearchField-module__hop-SearchField__prefix___zdJjX {
3671
+ .SearchField-module__hop-SearchField__prefix___Fz0yf {
3278
3672
  color: var(--hop-SearchField-color);
3279
3673
  }
3280
- .SearchField-module__hop-SearchField__InputGroup___jT6Kr {
3674
+ .SearchField-module__hop-SearchField__InputGroup___hloXw {
3281
3675
  order: 1;
3282
3676
  padding-inline: var(--input-group-padding-inline-start) var(--input-group-padding-inline-end);
3283
3677
  }
3284
- .SearchField-module__hop-SearchField--clearable___rpi48 {
3678
+ .SearchField-module__hop-SearchField--clearable___QTkJg {
3285
3679
  --input-group-padding-inline-end: 0;
3286
3680
  }
3287
- .SearchField-module__hop-SearchField__ErrorMessage___c3ybU,
3288
- .SearchField-module__hop-SearchField__HelperMessage___76rJC {
3681
+ .SearchField-module__hop-SearchField__ErrorMessage___MARXt,
3682
+ .SearchField-module__hop-SearchField__HelperMessage___XXX32 {
3289
3683
  order: 3;
3290
3684
  }
3291
- .SearchField-module__hop-SearchField___FhPb- input::-webkit-search-cancel-button,
3292
- .SearchField-module__hop-SearchField___FhPb- input::-webkit-search-decoration {
3685
+ .SearchField-module__hop-SearchField___9vSYz input::-webkit-search-cancel-button,
3686
+ .SearchField-module__hop-SearchField___9vSYz input::-webkit-search-decoration {
3293
3687
  appearance: none;
3294
3688
  }
3295
- .SearchField-module__hop-SearchField___FhPb-[data-empty] {
3689
+ .SearchField-module__hop-SearchField___9vSYz[data-empty] {
3296
3690
  --clear-button-display: none;
3297
3691
  }
3298
- .SearchField-module__hop-SearchField__ClearButton___zWF2- {
3692
+ .SearchField-module__hop-SearchField__ClearButton___iCONd {
3299
3693
  display: var(--clear-button-display);
3300
3694
  }
3301
3695
 
3302
3696
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Link/src/Link.module.css/#css-module-data */
3303
- .Link-module__hop-Link___JuS-O {
3697
+ .Link-module__hop-Link___ZyB-W {
3304
3698
  --hop-Link-border-radius: var(--hop-shape-rounded-sm);
3305
3699
  --hop-Link-focus-ring-color: var(--hop-primary-border-focus);
3306
3700
  --hop-Link-color-disabled: var(--hop-neutral-text-disabled);
@@ -3325,59 +3719,59 @@
3325
3719
  outline: none;
3326
3720
  outline-offset: 0.125rem;
3327
3721
  }
3328
- .Link-module__hop-Link___JuS-O[data-focus-visible] {
3722
+ .Link-module__hop-Link___ZyB-W[data-focus-visible] {
3329
3723
  outline: 0.125rem solid var(--hop-Link-focus-ring-color);
3330
3724
  }
3331
- .Link-module__hop-Link___JuS-O[data-disabled] {
3725
+ .Link-module__hop-Link___ZyB-W[data-disabled] {
3332
3726
  cursor: default;
3333
3727
  }
3334
- .Link-module__hop-Link--quiet___K84Hf[data-focus-visible],
3335
- .Link-module__hop-Link--quiet___K84Hf[data-hovered] {
3728
+ .Link-module__hop-Link--quiet___xw3UQ[data-focus-visible],
3729
+ .Link-module__hop-Link--quiet___xw3UQ[data-hovered] {
3336
3730
  text-decoration: underline;
3337
3731
  }
3338
- .Link-module__hop-Link___JuS-O:not(.Link-module__hop-Link--quiet___K84Hf) {
3732
+ .Link-module__hop-Link___ZyB-W:not(.Link-module__hop-Link--quiet___xw3UQ) {
3339
3733
  text-decoration: underline;
3340
3734
  }
3341
- .Link-module__hop-Link--primary___mzkpD {
3735
+ .Link-module__hop-Link--primary___LRFPM {
3342
3736
  color: var(--hop-Link-primary-text-color);
3343
3737
  }
3344
- .Link-module__hop-Link--primary___mzkpD[data-disabled] {
3738
+ .Link-module__hop-Link--primary___LRFPM[data-disabled] {
3345
3739
  color: var(--hop-Link-primary-text-disabled-color);
3346
3740
  }
3347
- .Link-module__hop-Link--primary___mzkpD:not([data-disabled])[data-focus-visible],
3348
- .Link-module__hop-Link--primary___mzkpD:not([data-disabled])[data-hovered] {
3741
+ .Link-module__hop-Link--primary___LRFPM:not([data-disabled])[data-focus-visible],
3742
+ .Link-module__hop-Link--primary___LRFPM:not([data-disabled])[data-hovered] {
3349
3743
  color: var(--hop-Link-primary-text-hover-color);
3350
3744
  }
3351
- .Link-module__hop-Link--primary___mzkpD:not([data-disabled])[data-pressed] {
3745
+ .Link-module__hop-Link--primary___LRFPM:not([data-disabled])[data-pressed] {
3352
3746
  color: var(--hop-Link-primary-text-pressed-color);
3353
3747
  }
3354
- .Link-module__hop-Link--secondary___e2WTi {
3748
+ .Link-module__hop-Link--secondary___PS6RE {
3355
3749
  color: var(--hop-Link-neutral-text-color);
3356
3750
  }
3357
- .Link-module__hop-Link--secondary___e2WTi[data-disabled] {
3751
+ .Link-module__hop-Link--secondary___PS6RE[data-disabled] {
3358
3752
  color: var(--hop-Link-neutral-text-disabled-color);
3359
3753
  }
3360
- .Link-module__hop-Link--secondary___e2WTi:not([data-disabled])[data-focus-visible],
3361
- .Link-module__hop-Link--secondary___e2WTi:not([data-disabled])[data-hovered] {
3754
+ .Link-module__hop-Link--secondary___PS6RE:not([data-disabled])[data-focus-visible],
3755
+ .Link-module__hop-Link--secondary___PS6RE:not([data-disabled])[data-hovered] {
3362
3756
  color: var(--hop-Link-neutral-text-hover-color);
3363
3757
  }
3364
- .Link-module__hop-Link--secondary___e2WTi:not([data-disabled])[data-pressed] {
3758
+ .Link-module__hop-Link--secondary___PS6RE:not([data-disabled])[data-pressed] {
3365
3759
  color: var(--hop-Link-neutral-text-pressed-color);
3366
3760
  }
3367
- .Link-module__hop-Link__icon___Y0bot,
3368
- .Link-module__hop-Link__icon-list___MBb0J {
3761
+ .Link-module__hop-Link__icon___tqMgy,
3762
+ .Link-module__hop-Link__icon-list___zA3TQ {
3369
3763
  order: 2;
3370
3764
  }
3371
- .Link-module__hop-Link__text___Qs1EJ {
3765
+ .Link-module__hop-Link__text___X-M4s {
3372
3766
  order: 1;
3373
3767
  }
3374
- .Link-module__hop-Link__start-icon___--idR,
3375
- .Link-module__hop-Link__start-icon-list___q1C7p {
3768
+ .Link-module__hop-Link__start-icon___Ri7ek,
3769
+ .Link-module__hop-Link__start-icon-list___dzQhC {
3376
3770
  order: 0;
3377
3771
  }
3378
3772
 
3379
3773
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/switch/src/Switch.module.css/#css-module-data */
3380
- .Switch-module__hop-Switch___I4Or1 {
3774
+ .Switch-module__hop-Switch___95klc {
3381
3775
  --hop-Switch-border-size: 0.0625rem;
3382
3776
  --hop-Switch-border-color: var(--hop-neutral-border);
3383
3777
  --hop-Switch-border-radius: var(--hop-shape-rounded-lg);
@@ -3434,56 +3828,56 @@
3434
3828
  inline-size: max-content;
3435
3829
  max-inline-size: 100%;
3436
3830
  }
3437
- .Switch-module__hop-Switch--sm___Rn2HQ {
3831
+ .Switch-module__hop-Switch--sm___53oIG {
3438
3832
  --inline-size: var(--hop-Switch-inline-size-sm);
3439
3833
  --block-size: var(--hop-Switch-block-size-sm);
3440
3834
  --thumb-size: var(--hop-Switch-thumb-size-sm);
3441
3835
  --inset-inline-start: var(--hop-Switch-inset-inline-start-sm);
3442
3836
  --text-top-offset: var(--hop-Switch-text-top-offset-sm);
3443
3837
  }
3444
- .Switch-module__hop-Switch--md___Qq19F {
3838
+ .Switch-module__hop-Switch--md___0X86C {
3445
3839
  --inline-size: var(--hop-Switch-inline-size-md);
3446
3840
  --block-size: var(--hop-Switch-block-size-md);
3447
3841
  --thumb-size: var(--hop-Switch-thumb-size-md);
3448
3842
  --inset-inline-start: var(--hop-Switch-inset-inline-start-md);
3449
3843
  --text-top-offset: var(--hop-Switch-text-top-offset-md);
3450
3844
  }
3451
- .Switch-module__hop-Switch___I4Or1[data-hovered] {
3845
+ .Switch-module__hop-Switch___95klc[data-hovered] {
3452
3846
  --border-color: var(--hop-Switch-border-color-hover);
3453
3847
  --background-color: var(--hop-Switch-background-color-hover);
3454
3848
  --thumb-color: var(--hop-Switch-thumb-color-hover);
3455
3849
  --text-color: var(--hop-Switch-text-color-hover);
3456
3850
  }
3457
- .Switch-module__hop-Switch___I4Or1[data-pressed],
3458
- .Switch-module__hop-Switch___I4Or1[data-pressed][data-focus-visible] {
3851
+ .Switch-module__hop-Switch___95klc[data-pressed],
3852
+ .Switch-module__hop-Switch___95klc[data-pressed][data-focus-visible] {
3459
3853
  --border-color: var(--hop-Switch-border-color-pressed);
3460
3854
  --background-color: var(--hop-Switch-background-color-pressed);
3461
3855
  --thumb-color: var(--hop-Switch-thumb-color-pressed);
3462
3856
  --text-color: var(--hop-Switch-text-color-pressed);
3463
3857
  }
3464
- .Switch-module__hop-Switch___I4Or1[data-focus-visible] {
3858
+ .Switch-module__hop-Switch___95klc[data-focus-visible] {
3465
3859
  --border-color: var(--hop-Switch-border-color-focus);
3466
3860
  --background-color: var(--hop-Switch-background-color-focus);
3467
3861
  --thumb-color: var(--hop-Switch-thumb-color-focus);
3468
3862
  --outline: 0.125rem solid var(--hop-Switch-focus-ring-color);
3469
3863
  --text-color: var(--hop-Switch-text-color-focus);
3470
3864
  }
3471
- .Switch-module__hop-Switch___I4Or1[data-selected],
3472
- .Switch-module__hop-Switch___I4Or1[data-selected][data-pressed] {
3865
+ .Switch-module__hop-Switch___95klc[data-selected],
3866
+ .Switch-module__hop-Switch___95klc[data-selected][data-pressed] {
3473
3867
  --border-color: var(--hop-Switch-border-color-selected);
3474
3868
  --background-color: var(--hop-Switch-background-color-selected);
3475
3869
  --thumb-color: var(--hop-Switch-thumb-color-selected);
3476
3870
  --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%);
3477
3871
  --text-color: var(--hop-Switch-text-color-selected);
3478
3872
  }
3479
- .Switch-module__hop-Switch___I4Or1[data-disabled] {
3873
+ .Switch-module__hop-Switch___95klc[data-disabled] {
3480
3874
  --border-color: var(--hop-Switch-border-color-disabled);
3481
3875
  --background-color: var(--hop-Switch-background-color-disabled);
3482
3876
  --thumb-color: var(--hop-Switch-thumb-color-disabled);
3483
3877
  --text-color: var(--hop-Switch-text-color-disabled);
3484
3878
  --cursor: not-allowed;
3485
3879
  }
3486
- .Switch-module__hop-Switch__indicator___qcjlt {
3880
+ .Switch-module__hop-Switch__indicator___FbJeI {
3487
3881
  position: relative;
3488
3882
  flex: 0 0 auto;
3489
3883
  box-sizing: border-box;
@@ -3496,7 +3890,7 @@
3496
3890
  outline-offset: 0.125rem;
3497
3891
  transition: background var(--hop-easing-duration-2), border-color var(--hop-easing-duration-2);
3498
3892
  }
3499
- .Switch-module__hop-Switch__indicator___qcjlt::before {
3893
+ .Switch-module__hop-Switch__indicator___FbJeI::before {
3500
3894
  content: "";
3501
3895
  position: absolute;
3502
3896
  inset-block-start: 50%;
@@ -3511,20 +3905,20 @@
3511
3905
  border-radius: var(--hop-shape-circle);
3512
3906
  transition: transform var(--hop-easing-duration-2), background var(--hop-easing-duration-2);
3513
3907
  }
3514
- .Switch-module__hop-Switch__text___sNwhx {
3908
+ .Switch-module__hop-Switch__text___hZ69H {
3515
3909
  flex: 0 1 auto;
3516
3910
  order: 2;
3517
3911
  min-inline-size: 0;
3518
3912
  margin-block-start: var(--text-top-offset, var(--hop-Switch-text-top-offset-md));
3519
3913
  color: var(--text-color);
3520
3914
  }
3521
- .Switch-module__hop-Switch__icon-list___EVOaM,
3522
- .Switch-module__hop-Switch__icon___b-b7O {
3915
+ .Switch-module__hop-Switch__icon-list___TStOv,
3916
+ .Switch-module__hop-Switch__icon___HS0xp {
3523
3917
  order: 3;
3524
3918
  }
3525
3919
 
3526
3920
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/switch/src/SwitchField.module.css/#css-module-data */
3527
- .SwitchField-module__hop-SwitchField___zcNpb {
3921
+ .SwitchField-module__hop-SwitchField___ZBWRj {
3528
3922
  --hop-SwitchField-description-color: var(--hop-neutral-text-weak);
3529
3923
  --hop-SwitchField-description-color-disabled: var(--hop-neutral-text-disabled);
3530
3924
  --hop-SwitchField-sm-row-gap: var(--hop-space-stack-xs);
@@ -3543,28 +3937,28 @@
3543
3937
  inline-size: max-content;
3544
3938
  max-inline-size: 100%;
3545
3939
  }
3546
- .SwitchField-module__hop-SwitchField___zcNpb[data-disabled] {
3940
+ .SwitchField-module__hop-SwitchField___ZBWRj[data-disabled] {
3547
3941
  --description-color: var(--hop-SwitchField-description-color-disabled);
3548
3942
  }
3549
- .SwitchField-module__hop-SwitchField--sm___hlt9X {
3943
+ .SwitchField-module__hop-SwitchField--sm___3YQnj {
3550
3944
  --row-gap: var(--hop-SwitchField-sm-row-gap);
3551
3945
  --description-margin-inline-start: var(--hop-SwitchField-description-sm-margin-inline-start);
3552
3946
  }
3553
- .SwitchField-module__hop-SwitchField--md___yH2uc {
3947
+ .SwitchField-module__hop-SwitchField--md___JFKBn {
3554
3948
  --row-gap: var(--hop-SwitchField-md-row-gap);
3555
3949
  --description-margin-inline-start: var(--hop-SwitchField-description-md-margin-inline-start);
3556
3950
  }
3557
- .SwitchField-module__hop-SwitchField__description___seT7R {
3951
+ .SwitchField-module__hop-SwitchField__description___GLk3C {
3558
3952
  order: 2;
3559
3953
  margin-inline-start: var(--description-margin-inline-start, var(--hop-SwitchField-description-md-margin-inline-start));
3560
3954
  color: var(--description-color);
3561
3955
  }
3562
- .SwitchField-module__hop-SwitchField__switch___oSHMP {
3956
+ .SwitchField-module__hop-SwitchField__switch___1job6 {
3563
3957
  order: 1;
3564
3958
  }
3565
3959
 
3566
3960
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/tag/src/Tag.module.css/#css-module-data */
3567
- .Tag-module__hop-Tag___FA-hF {
3961
+ .Tag-module__hop-Tag___wrsI2 {
3568
3962
  --hop-Tag-border-size: 0.0625rem;
3569
3963
  --hop-Tag-border-radius: var(--hop-shape-pill);
3570
3964
  --hop-Tag-sm-block-size: 1.25rem;
@@ -3803,7 +4197,7 @@
3803
4197
  outline: none;
3804
4198
  outline-offset: 0.125rem;
3805
4199
  }
3806
- .Tag-module__hop-Tag--sm___wdoiY {
4200
+ .Tag-module__hop-Tag--sm___EMjuF {
3807
4201
  --block-size: var(--hop-Tag-sm-block-size);
3808
4202
  --padding-inline: var(--hop-Tag-sm-padding-inline);
3809
4203
  --column-gap: var(--hop-Tag-sm-column-gap);
@@ -3811,13 +4205,13 @@
3811
4205
  --avatar-margin-inline-start: var(--hop-Tag-sm-avatar-margin-inline-start);
3812
4206
  --spinner-margin-inline-end: var(--hop-Tag-sm-spinner-margin-inline-end);
3813
4207
  }
3814
- .Tag-module__hop-Tag--sm___wdoiY:not(:has(.Tag-module__hop-Tag__remove-btn___-nFZL, .Tag-module__hop-Tag__Spinner___bjUFw)) {
4208
+ .Tag-module__hop-Tag--sm___EMjuF:not(:has(.Tag-module__hop-Tag__remove-btn___glszt, .Tag-module__hop-Tag__Spinner___uRNq3)) {
3815
4209
  --badge-margin-inline-end: var(--hop-Tag-sm-badge-margin-inline-end);
3816
4210
  }
3817
- .Tag-module__hop-Tag--sm___wdoiY:not(:has(.Tag-module__hop-Tag__avatar___J84Ob)) {
4211
+ .Tag-module__hop-Tag--sm___EMjuF:not(:has(.Tag-module__hop-Tag__avatar___UuAeT)) {
3818
4212
  --icon-margin-inline-start: var(--hop-Tag-sm-icon-margin-inline-start);
3819
4213
  }
3820
- .Tag-module__hop-Tag--md___-JJUY {
4214
+ .Tag-module__hop-Tag--md___HsCiJ {
3821
4215
  --block-size: var(--hop-Tag-md-block-size);
3822
4216
  --padding-inline: var(--hop-Tag-md-padding-inline);
3823
4217
  --column-gap: var(--hop-Tag-md-column-gap);
@@ -3825,13 +4219,13 @@
3825
4219
  --avatar-margin-inline-start: var(--hop-Tag-md-avatar-margin-inline-start);
3826
4220
  --spinner-margin-inline-end: var(--hop-Tag-md-spinner-margin-inline-end);
3827
4221
  }
3828
- .Tag-module__hop-Tag--md___-JJUY:not(:has(.Tag-module__hop-Tag__remove-btn___-nFZL, .Tag-module__hop-Tag__Spinner___bjUFw)) {
4222
+ .Tag-module__hop-Tag--md___HsCiJ:not(:has(.Tag-module__hop-Tag__remove-btn___glszt, .Tag-module__hop-Tag__Spinner___uRNq3)) {
3829
4223
  --badge-margin-inline-end: var(--hop-Tag-md-badge-margin-inline-end);
3830
4224
  }
3831
- .Tag-module__hop-Tag--md___-JJUY:not(:has(.Tag-module__hop-Tag__avatar___J84Ob)) {
4225
+ .Tag-module__hop-Tag--md___HsCiJ:not(:has(.Tag-module__hop-Tag__avatar___UuAeT)) {
3832
4226
  --icon-margin-inline-start: var(--hop-Tag-md-icon-margin-inline-start);
3833
4227
  }
3834
- .Tag-module__hop-Tag--lg___FOQpI {
4228
+ .Tag-module__hop-Tag--lg___Vxt4s {
3835
4229
  --block-size: var(--hop-Tag-lg-block-size);
3836
4230
  --padding-inline: var(--hop-Tag-lg-padding-inline);
3837
4231
  --column-gap: var(--hop-Tag-lg-column-gap);
@@ -3839,348 +4233,348 @@
3839
4233
  --avatar-margin-inline-start: var(--hop-Tag-lg-avatar-margin-inline-start);
3840
4234
  --spinner-margin-inline-end: var(--hop-Tag-lg-spinner-margin-inline-end);
3841
4235
  }
3842
- .Tag-module__hop-Tag--lg___FOQpI:not(:has(.Tag-module__hop-Tag__remove-btn___-nFZL, .Tag-module__hop-Tag__Spinner___bjUFw)) {
4236
+ .Tag-module__hop-Tag--lg___Vxt4s:not(:has(.Tag-module__hop-Tag__remove-btn___glszt, .Tag-module__hop-Tag__Spinner___uRNq3)) {
3843
4237
  --badge-margin-inline-end: var(--hop-Tag-lg-badge-margin-inline-end);
3844
4238
  }
3845
- .Tag-module__hop-Tag--lg___FOQpI:not(:has(.Tag-module__hop-Tag__avatar___J84Ob)) {
4239
+ .Tag-module__hop-Tag--lg___Vxt4s:not(:has(.Tag-module__hop-Tag__avatar___UuAeT)) {
3846
4240
  --icon-margin-inline-start: var(--hop-Tag-lg-icon-margin-inline-start);
3847
4241
  }
3848
- .Tag-module__hop-Tag--neutral___W20ol {
4242
+ .Tag-module__hop-Tag--neutral___J3qNi {
3849
4243
  --border-color: var(--hop-Tag-neutral-border-color);
3850
4244
  --background-color: var(--hop-Tag-neutral-background-color);
3851
4245
  --text-color: var(--hop-Tag-neutral-text-color);
3852
4246
  }
3853
- .Tag-module__hop-Tag--subdued___82nmZ {
4247
+ .Tag-module__hop-Tag--subdued___apt4G {
3854
4248
  --border-color: var(--hop-Tag-subdued-border-color);
3855
4249
  --background-color: var(--hop-Tag-subdued-background-color);
3856
4250
  --text-color: var(--hop-Tag-subdued-text-color);
3857
4251
  }
3858
- .Tag-module__hop-Tag--progress___YRBfG {
4252
+ .Tag-module__hop-Tag--progress___5cBAK {
3859
4253
  --border-color: var(--hop-Tag-progress-border-color);
3860
4254
  --background-color: var(--hop-Tag-progress-background-color);
3861
4255
  --text-color: var(--hop-Tag-progress-text-color);
3862
4256
  }
3863
- .Tag-module__hop-Tag--positive___o5Li- {
4257
+ .Tag-module__hop-Tag--positive___gutPg {
3864
4258
  --border-color: var(--hop-Tag-positive-border-color);
3865
4259
  --background-color: var(--hop-Tag-positive-background-color);
3866
4260
  --text-color: var(--hop-Tag-positive-text-color);
3867
4261
  }
3868
- .Tag-module__hop-Tag--caution___iRVUR {
4262
+ .Tag-module__hop-Tag--caution___6VCAy {
3869
4263
  --border-color: var(--hop-Tag-caution-border-color);
3870
4264
  --background-color: var(--hop-Tag-caution-background-color);
3871
4265
  --text-color: var(--hop-Tag-caution-text-color);
3872
4266
  }
3873
- .Tag-module__hop-Tag--negative___-qFKe {
4267
+ .Tag-module__hop-Tag--negative___c-4ot {
3874
4268
  --border-color: var(--hop-Tag-negative-border-color);
3875
4269
  --background-color: var(--hop-Tag-negative-background-color);
3876
4270
  --text-color: var(--hop-Tag-negative-text-color);
3877
4271
  }
3878
- .Tag-module__hop-Tag--option1___fVXwS {
4272
+ .Tag-module__hop-Tag--option1___fl99g {
3879
4273
  --border-color: var(--hop-Tag-option1-border-color);
3880
4274
  --background-color: var(--hop-Tag-option1-background-color);
3881
4275
  --text-color: var(--hop-Tag-option1-text-color);
3882
4276
  }
3883
- .Tag-module__hop-Tag--option2___k7stP {
4277
+ .Tag-module__hop-Tag--option2___pv4-t {
3884
4278
  --border-color: var(--hop-Tag-option2-border-color);
3885
4279
  --background-color: var(--hop-Tag-option2-background-color);
3886
4280
  --text-color: var(--hop-Tag-option2-text-color);
3887
4281
  }
3888
- .Tag-module__hop-Tag--option3___em9d9 {
4282
+ .Tag-module__hop-Tag--option3___ST2tu {
3889
4283
  --border-color: var(--hop-Tag-option3-border-color);
3890
4284
  --background-color: var(--hop-Tag-option3-background-color);
3891
4285
  --text-color: var(--hop-Tag-option3-text-color);
3892
4286
  }
3893
- .Tag-module__hop-Tag--option4___B0JOH {
4287
+ .Tag-module__hop-Tag--option4___92Otc {
3894
4288
  --border-color: var(--hop-Tag-option4-border-color);
3895
4289
  --background-color: var(--hop-Tag-option4-background-color);
3896
4290
  --text-color: var(--hop-Tag-option4-text-color);
3897
4291
  }
3898
- .Tag-module__hop-Tag--option5___yWfHM {
4292
+ .Tag-module__hop-Tag--option5___o-9Gw {
3899
4293
  --border-color: var(--hop-Tag-option5-border-color);
3900
4294
  --background-color: var(--hop-Tag-option5-background-color);
3901
4295
  --text-color: var(--hop-Tag-option5-text-color);
3902
4296
  }
3903
- .Tag-module__hop-Tag--option6___sY9ih {
4297
+ .Tag-module__hop-Tag--option6___mjNo5 {
3904
4298
  --border-color: var(--hop-Tag-option6-border-color);
3905
4299
  --background-color: var(--hop-Tag-option6-background-color);
3906
4300
  --text-color: var(--hop-Tag-option6-text-color);
3907
4301
  }
3908
- .Tag-module__hop-Tag___FA-hF[data-href] {
4302
+ .Tag-module__hop-Tag___wrsI2[data-href] {
3909
4303
  cursor: pointer;
3910
4304
  }
3911
- .Tag-module__hop-Tag--neutral___W20ol[data-focus-visible] {
4305
+ .Tag-module__hop-Tag--neutral___J3qNi[data-focus-visible] {
3912
4306
  --border-color: var(--hop-Tag-neutral-border-color-focus);
3913
4307
  --background-color: var(--hop-Tag-neutral-background-color-focus);
3914
4308
  --text-color: var(--hop-Tag-neutral-text-color-focus);
3915
4309
  }
3916
- .Tag-module__hop-Tag--neutral___W20ol[data-hovered] {
4310
+ .Tag-module__hop-Tag--neutral___J3qNi[data-hovered] {
3917
4311
  --border-color: var(--hop-Tag-neutral-border-color-hover);
3918
4312
  --background-color: var(--hop-Tag-neutral-background-color-hover);
3919
4313
  --text-color: var(--hop-Tag-neutral-text-color-hover);
3920
4314
  }
3921
- .Tag-module__hop-Tag--neutral___W20ol[data-pressed] {
4315
+ .Tag-module__hop-Tag--neutral___J3qNi[data-pressed] {
3922
4316
  --border-color: var(--hop-Tag-neutral-border-color-press);
3923
4317
  --background-color: var(--hop-Tag-neutral-background-color-press);
3924
4318
  --text-color: var(--hop-Tag-neutral-text-color-press);
3925
4319
  }
3926
- .Tag-module__hop-Tag--neutral___W20ol[data-disabled] {
4320
+ .Tag-module__hop-Tag--neutral___J3qNi[data-disabled] {
3927
4321
  --border-color: var(--hop-Tag-neutral-border-color-disabled);
3928
4322
  --background-color: var(--hop-Tag-neutral-background-color-disabled);
3929
4323
  --text-color: var(--hop-Tag-neutral-text-color-disabled);
3930
4324
  }
3931
- .Tag-module__hop-Tag--subdued___82nmZ[data-focus-visible] {
4325
+ .Tag-module__hop-Tag--subdued___apt4G[data-focus-visible] {
3932
4326
  --border-color: var(--hop-Tag-subdued-border-color-focus);
3933
4327
  --background-color: var(--hop-Tag-subdued-background-color-focus);
3934
4328
  --text-color: var(--hop-Tag-subdued-text-color-focus);
3935
4329
  }
3936
- .Tag-module__hop-Tag--subdued___82nmZ[data-hovered] {
4330
+ .Tag-module__hop-Tag--subdued___apt4G[data-hovered] {
3937
4331
  --border-color: var(--hop-Tag-subdued-border-color-hover);
3938
4332
  --background-color: var(--hop-Tag-subdued-background-color-hover);
3939
4333
  --text-color: var(--hop-Tag-subdued-text-color-hover);
3940
4334
  }
3941
- .Tag-module__hop-Tag--subdued___82nmZ[data-pressed] {
4335
+ .Tag-module__hop-Tag--subdued___apt4G[data-pressed] {
3942
4336
  --border-color: var(--hop-Tag-subdued-border-color-press);
3943
4337
  --background-color: var(--hop-Tag-subdued-background-color-press);
3944
4338
  --text-color: var(--hop-Tag-subdued-text-color-press);
3945
4339
  }
3946
- .Tag-module__hop-Tag--subdued___82nmZ[data-disabled] {
4340
+ .Tag-module__hop-Tag--subdued___apt4G[data-disabled] {
3947
4341
  --border-color: var(--hop-Tag-subdued-border-color-disabled);
3948
4342
  --background-color: var(--hop-Tag-subdued-background-color-disabled);
3949
4343
  --text-color: var(--hop-Tag-subdued-text-color-disabled);
3950
4344
  }
3951
- .Tag-module__hop-Tag--progress___YRBfG[data-focus-visible] {
4345
+ .Tag-module__hop-Tag--progress___5cBAK[data-focus-visible] {
3952
4346
  --border-color: var(--hop-Tag-progress-border-color-focus);
3953
4347
  --background-color: var(--hop-Tag-progress-background-color-focus);
3954
4348
  --text-color: var(--hop-Tag-progress-text-color-focus);
3955
4349
  }
3956
- .Tag-module__hop-Tag--progress___YRBfG[data-hovered] {
4350
+ .Tag-module__hop-Tag--progress___5cBAK[data-hovered] {
3957
4351
  --border-color: var(--hop-Tag-progress-border-color-hover);
3958
4352
  --background-color: var(--hop-Tag-progress-background-color-hover);
3959
4353
  --text-color: var(--hop-Tag-progress-text-color-hover);
3960
4354
  }
3961
- .Tag-module__hop-Tag--progress___YRBfG[data-pressed] {
4355
+ .Tag-module__hop-Tag--progress___5cBAK[data-pressed] {
3962
4356
  --border-color: var(--hop-Tag-progress-border-color-press);
3963
4357
  --background-color: var(--hop-Tag-progress-background-color-press);
3964
4358
  --text-color: var(--hop-Tag-progress-text-color-press);
3965
4359
  }
3966
- .Tag-module__hop-Tag--progress___YRBfG[data-disabled] {
4360
+ .Tag-module__hop-Tag--progress___5cBAK[data-disabled] {
3967
4361
  --border-color: var(--hop-Tag-progress-border-color-disabled);
3968
4362
  --background-color: var(--hop-Tag-progress-background-color-disabled);
3969
4363
  --text-color: var(--hop-Tag-progress-text-color-disabled);
3970
4364
  }
3971
- .Tag-module__hop-Tag--positive___o5Li-[data-focus-visible] {
4365
+ .Tag-module__hop-Tag--positive___gutPg[data-focus-visible] {
3972
4366
  --border-color: var(--hop-Tag-positive-border-color-focus);
3973
4367
  --background-color: var(--hop-Tag-positive-background-color-focus);
3974
4368
  --text-color: var(--hop-Tag-positive-text-color-focus);
3975
4369
  }
3976
- .Tag-module__hop-Tag--positive___o5Li-[data-hovered] {
4370
+ .Tag-module__hop-Tag--positive___gutPg[data-hovered] {
3977
4371
  --border-color: var(--hop-Tag-positive-border-color-hover);
3978
4372
  --background-color: var(--hop-Tag-positive-background-color-hover);
3979
4373
  --text-color: var(--hop-Tag-positive-text-color-hover);
3980
4374
  }
3981
- .Tag-module__hop-Tag--positive___o5Li-[data-pressed] {
4375
+ .Tag-module__hop-Tag--positive___gutPg[data-pressed] {
3982
4376
  --border-color: var(--hop-Tag-positive-border-color-press);
3983
4377
  --background-color: var(--hop-Tag-positive-background-color-press);
3984
4378
  --text-color: var(--hop-Tag-positive-text-color-press);
3985
4379
  }
3986
- .Tag-module__hop-Tag--positive___o5Li-[data-disabled] {
4380
+ .Tag-module__hop-Tag--positive___gutPg[data-disabled] {
3987
4381
  --border-color: var(--hop-Tag-positive-border-color-disabled);
3988
4382
  --background-color: var(--hop-Tag-positive-background-color-disabled);
3989
4383
  --text-color: var(--hop-Tag-positive-text-color-disabled);
3990
4384
  }
3991
- .Tag-module__hop-Tag--caution___iRVUR[data-focus-visible] {
4385
+ .Tag-module__hop-Tag--caution___6VCAy[data-focus-visible] {
3992
4386
  --border-color: var(--hop-Tag-caution-border-color-focus);
3993
4387
  --background-color: var(--hop-Tag-caution-background-color-focus);
3994
4388
  --text-color: var(--hop-Tag-caution-text-color-focus);
3995
4389
  }
3996
- .Tag-module__hop-Tag--caution___iRVUR[data-hovered] {
4390
+ .Tag-module__hop-Tag--caution___6VCAy[data-hovered] {
3997
4391
  --border-color: var(--hop-Tag-caution-border-color-hover);
3998
4392
  --background-color: var(--hop-Tag-caution-background-color-hover);
3999
4393
  --text-color: var(--hop-Tag-caution-text-color-hover);
4000
4394
  }
4001
- .Tag-module__hop-Tag--caution___iRVUR[data-pressed] {
4395
+ .Tag-module__hop-Tag--caution___6VCAy[data-pressed] {
4002
4396
  --border-color: var(--hop-Tag-caution-border-color-press);
4003
4397
  --background-color: var(--hop-Tag-caution-background-color-press);
4004
4398
  --text-color: var(--hop-Tag-caution-text-color-press);
4005
4399
  }
4006
- .Tag-module__hop-Tag--caution___iRVUR[data-disabled] {
4400
+ .Tag-module__hop-Tag--caution___6VCAy[data-disabled] {
4007
4401
  --border-color: var(--hop-Tag-caution-border-color-disabled);
4008
4402
  --background-color: var(--hop-Tag-caution-background-color-disabled);
4009
4403
  --text-color: var(--hop-Tag-caution-text-color-disabled);
4010
4404
  }
4011
- .Tag-module__hop-Tag--negative___-qFKe[data-focus-visible] {
4405
+ .Tag-module__hop-Tag--negative___c-4ot[data-focus-visible] {
4012
4406
  --border-color: var(--hop-Tag-negative-border-color-focus);
4013
4407
  --background-color: var(--hop-Tag-negative-background-color-focus);
4014
4408
  --text-color: var(--hop-Tag-negative-text-color-focus);
4015
4409
  }
4016
- .Tag-module__hop-Tag--negative___-qFKe[data-hovered] {
4410
+ .Tag-module__hop-Tag--negative___c-4ot[data-hovered] {
4017
4411
  --border-color: var(--hop-Tag-negative-border-color-hover);
4018
4412
  --background-color: var(--hop-Tag-negative-background-color-hover);
4019
4413
  --text-color: var(--hop-Tag-negative-text-color-hover);
4020
4414
  }
4021
- .Tag-module__hop-Tag--negative___-qFKe[data-pressed] {
4415
+ .Tag-module__hop-Tag--negative___c-4ot[data-pressed] {
4022
4416
  --border-color: var(--hop-Tag-negative-border-color-press);
4023
4417
  --background-color: var(--hop-Tag-negative-background-color-press);
4024
4418
  --text-color: var(--hop-Tag-negative-text-color-press);
4025
4419
  }
4026
- .Tag-module__hop-Tag--negative___-qFKe[data-disabled] {
4420
+ .Tag-module__hop-Tag--negative___c-4ot[data-disabled] {
4027
4421
  --border-color: var(--hop-Tag-negative-border-color-disabled);
4028
4422
  --background-color: var(--hop-Tag-negative-background-color-disabled);
4029
4423
  --text-color: var(--hop-Tag-negative-text-color-disabled);
4030
4424
  }
4031
- .Tag-module__hop-Tag--option1___fVXwS[data-focus-visible] {
4425
+ .Tag-module__hop-Tag--option1___fl99g[data-focus-visible] {
4032
4426
  --border-color: var(--hop-Tag-option1-border-color-focus);
4033
4427
  --background-color: var(--hop-Tag-option1-background-color-focus);
4034
4428
  --text-color: var(--hop-Tag-option1-text-color-focus);
4035
4429
  }
4036
- .Tag-module__hop-Tag--option1___fVXwS[data-hovered] {
4430
+ .Tag-module__hop-Tag--option1___fl99g[data-hovered] {
4037
4431
  --border-color: var(--hop-Tag-option1-border-color-hover);
4038
4432
  --background-color: var(--hop-Tag-option1-background-color-hover);
4039
4433
  --text-color: var(--hop-Tag-option1-text-color-hover);
4040
4434
  }
4041
- .Tag-module__hop-Tag--option1___fVXwS[data-pressed] {
4435
+ .Tag-module__hop-Tag--option1___fl99g[data-pressed] {
4042
4436
  --border-color: var(--hop-Tag-option1-border-color-press);
4043
4437
  --background-color: var(--hop-Tag-option1-background-color-press);
4044
4438
  --text-color: var(--hop-Tag-option1-text-color-press);
4045
4439
  }
4046
- .Tag-module__hop-Tag--option1___fVXwS[data-disabled] {
4440
+ .Tag-module__hop-Tag--option1___fl99g[data-disabled] {
4047
4441
  --border-color: var(--hop-Tag-option1-border-color-disabled);
4048
4442
  --background-color: var(--hop-Tag-option1-background-color-disabled);
4049
4443
  --text-color: var(--hop-Tag-option1-text-color-disabled);
4050
4444
  }
4051
- .Tag-module__hop-Tag--option2___k7stP[data-focus-visible] {
4445
+ .Tag-module__hop-Tag--option2___pv4-t[data-focus-visible] {
4052
4446
  --border-color: var(--hop-Tag-option2-border-color-focus);
4053
4447
  --background-color: var(--hop-Tag-option2-background-color-focus);
4054
4448
  --text-color: var(--hop-Tag-option2-text-color-focus);
4055
4449
  }
4056
- .Tag-module__hop-Tag--option2___k7stP[data-hovered] {
4450
+ .Tag-module__hop-Tag--option2___pv4-t[data-hovered] {
4057
4451
  --border-color: var(--hop-Tag-option2-border-color-hover);
4058
4452
  --background-color: var(--hop-Tag-option2-background-color-hover);
4059
4453
  --text-color: var(--hop-Tag-option2-text-color-hover);
4060
4454
  }
4061
- .Tag-module__hop-Tag--option2___k7stP[data-pressed] {
4455
+ .Tag-module__hop-Tag--option2___pv4-t[data-pressed] {
4062
4456
  --border-color: var(--hop-Tag-option2-border-color-press);
4063
4457
  --background-color: var(--hop-Tag-option2-background-color-press);
4064
4458
  --text-color: var(--hop-Tag-option2-text-color-press);
4065
4459
  }
4066
- .Tag-module__hop-Tag--option2___k7stP[data-disabled] {
4460
+ .Tag-module__hop-Tag--option2___pv4-t[data-disabled] {
4067
4461
  --border-color: var(--hop-Tag-option2-border-color-disabled);
4068
4462
  --background-color: var(--hop-Tag-option2-background-color-disabled);
4069
4463
  --text-color: var(--hop-Tag-option2-text-color-disabled);
4070
4464
  }
4071
- .Tag-module__hop-Tag--option3___em9d9[data-focus-visible] {
4465
+ .Tag-module__hop-Tag--option3___ST2tu[data-focus-visible] {
4072
4466
  --border-color: var(--hop-Tag-option3-border-color-focus);
4073
4467
  --background-color: var(--hop-Tag-option3-background-color-focus);
4074
4468
  --text-color: var(--hop-Tag-option3-text-color-focus);
4075
4469
  }
4076
- .Tag-module__hop-Tag--option3___em9d9[data-hovered] {
4470
+ .Tag-module__hop-Tag--option3___ST2tu[data-hovered] {
4077
4471
  --border-color: var(--hop-Tag-option3-border-color-hover);
4078
4472
  --background-color: var(--hop-Tag-option3-background-color-hover);
4079
4473
  --text-color: var(--hop-Tag-option3-text-color-hover);
4080
4474
  }
4081
- .Tag-module__hop-Tag--option3___em9d9[data-pressed] {
4475
+ .Tag-module__hop-Tag--option3___ST2tu[data-pressed] {
4082
4476
  --border-color: var(--hop-Tag-option3-border-color-press);
4083
4477
  --background-color: var(--hop-Tag-option3-background-color-press);
4084
4478
  --text-color: var(--hop-Tag-option3-text-color-press);
4085
4479
  }
4086
- .Tag-module__hop-Tag--option3___em9d9[data-disabled] {
4480
+ .Tag-module__hop-Tag--option3___ST2tu[data-disabled] {
4087
4481
  --border-color: var(--hop-Tag-option3-border-color-disabled);
4088
4482
  --background-color: var(--hop-Tag-option3-background-color-disabled);
4089
4483
  --text-color: var(--hop-Tag-option3-text-color-disabled);
4090
4484
  }
4091
- .Tag-module__hop-Tag--option4___B0JOH[data-focus-visible] {
4485
+ .Tag-module__hop-Tag--option4___92Otc[data-focus-visible] {
4092
4486
  --border-color: var(--hop-Tag-option4-border-color-focus);
4093
4487
  --background-color: var(--hop-Tag-option4-background-color-focus);
4094
4488
  --text-color: var(--hop-Tag-option4-text-color-focus);
4095
4489
  }
4096
- .Tag-module__hop-Tag--option4___B0JOH[data-hovered] {
4490
+ .Tag-module__hop-Tag--option4___92Otc[data-hovered] {
4097
4491
  --border-color: var(--hop-Tag-option4-border-color-hover);
4098
4492
  --background-color: var(--hop-Tag-option4-background-color-hover);
4099
4493
  --text-color: var(--hop-Tag-option4-text-color-hover);
4100
4494
  }
4101
- .Tag-module__hop-Tag--option4___B0JOH[data-pressed] {
4495
+ .Tag-module__hop-Tag--option4___92Otc[data-pressed] {
4102
4496
  --border-color: var(--hop-Tag-option4-border-color-press);
4103
4497
  --background-color: var(--hop-Tag-option4-background-color-press);
4104
4498
  --text-color: var(--hop-Tag-option4-text-color-press);
4105
4499
  }
4106
- .Tag-module__hop-Tag--option4___B0JOH[data-disabled] {
4500
+ .Tag-module__hop-Tag--option4___92Otc[data-disabled] {
4107
4501
  --border-color: var(--hop-Tag-option4-border-color-disabled);
4108
4502
  --background-color: var(--hop-Tag-option4-background-color-disabled);
4109
4503
  --text-color: var(--hop-Tag-option4-text-color-disabled);
4110
4504
  }
4111
- .Tag-module__hop-Tag--option5___yWfHM[data-focus-visible] {
4505
+ .Tag-module__hop-Tag--option5___o-9Gw[data-focus-visible] {
4112
4506
  --border-color: var(--hop-Tag-option5-border-color-focus);
4113
4507
  --background-color: var(--hop-Tag-option5-background-color-focus);
4114
4508
  --text-color: var(--hop-Tag-option5-text-color-focus);
4115
4509
  }
4116
- .Tag-module__hop-Tag--option5___yWfHM[data-hovered] {
4510
+ .Tag-module__hop-Tag--option5___o-9Gw[data-hovered] {
4117
4511
  --border-color: var(--hop-Tag-option5-border-color-hover);
4118
4512
  --background-color: var(--hop-Tag-option5-background-color-hover);
4119
4513
  --text-color: var(--hop-Tag-option5-text-color-hover);
4120
4514
  }
4121
- .Tag-module__hop-Tag--option5___yWfHM[data-pressed] {
4515
+ .Tag-module__hop-Tag--option5___o-9Gw[data-pressed] {
4122
4516
  --border-color: var(--hop-Tag-option5-border-color-press);
4123
4517
  --background-color: var(--hop-Tag-option5-background-color-press);
4124
4518
  --text-color: var(--hop-Tag-option5-text-color-press);
4125
4519
  }
4126
- .Tag-module__hop-Tag--option5___yWfHM[data-disabled] {
4520
+ .Tag-module__hop-Tag--option5___o-9Gw[data-disabled] {
4127
4521
  --border-color: var(--hop-Tag-option5-border-color-disabled);
4128
4522
  --background-color: var(--hop-Tag-option5-background-color-disabled);
4129
4523
  --text-color: var(--hop-Tag-option5-text-color-disabled);
4130
4524
  }
4131
- .Tag-module__hop-Tag--option6___sY9ih[data-focus-visible] {
4525
+ .Tag-module__hop-Tag--option6___mjNo5[data-focus-visible] {
4132
4526
  --border-color: var(--hop-Tag-option6-border-color-focus);
4133
4527
  --background-color: var(--hop-Tag-option6-background-color-focus);
4134
4528
  --text-color: var(--hop-Tag-option6-text-color-focus);
4135
4529
  }
4136
- .Tag-module__hop-Tag--option6___sY9ih[data-hovered] {
4530
+ .Tag-module__hop-Tag--option6___mjNo5[data-hovered] {
4137
4531
  --border-color: var(--hop-Tag-option6-border-color-hover);
4138
4532
  --background-color: var(--hop-Tag-option6-background-color-hover);
4139
4533
  --text-color: var(--hop-Tag-option6-text-color-hover);
4140
4534
  }
4141
- .Tag-module__hop-Tag--option6___sY9ih[data-pressed] {
4535
+ .Tag-module__hop-Tag--option6___mjNo5[data-pressed] {
4142
4536
  --border-color: var(--hop-Tag-option6-border-color-press);
4143
4537
  --background-color: var(--hop-Tag-option6-background-color-press);
4144
4538
  --text-color: var(--hop-Tag-option6-text-color-press);
4145
4539
  }
4146
- .Tag-module__hop-Tag--option6___sY9ih[data-disabled] {
4540
+ .Tag-module__hop-Tag--option6___mjNo5[data-disabled] {
4147
4541
  --border-color: var(--hop-Tag-option6-border-color-disabled);
4148
4542
  --background-color: var(--hop-Tag-option6-background-color-disabled);
4149
4543
  --text-color: var(--hop-Tag-option6-text-color-disabled);
4150
4544
  }
4151
- .Tag-module__hop-Tag___FA-hF[data-focus-visible] {
4545
+ .Tag-module__hop-Tag___wrsI2[data-focus-visible] {
4152
4546
  outline: 0.125rem solid var(--focus-ring-color);
4153
4547
  }
4154
- .Tag-module__hop-Tag___FA-hF[data-hovered] {
4548
+ .Tag-module__hop-Tag___wrsI2[data-hovered] {
4155
4549
  cursor: pointer;
4156
4550
  }
4157
- .Tag-module__hop-Tag___FA-hF[data-selected] {
4551
+ .Tag-module__hop-Tag___wrsI2[data-selected] {
4158
4552
  --background-color: var(--hop-Tag-background-color-selected);
4159
4553
  --border-color: var(--hop-Tag-border-color-selected);
4160
4554
  --text-color: var(--hop-Tag-text-color-selected);
4161
4555
  }
4162
- .Tag-module__hop-Tag___FA-hF[data-pressed] {
4556
+ .Tag-module__hop-Tag___wrsI2[data-pressed] {
4163
4557
  cursor: pointer;
4164
4558
  }
4165
- .Tag-module__hop-Tag___FA-hF[data-invalid] {
4559
+ .Tag-module__hop-Tag___wrsI2[data-invalid] {
4166
4560
  --border-color: var(--hop-Tag-border-color-invalid);
4167
4561
  }
4168
- .Tag-module__hop-Tag___FA-hF[data-disabled] {
4562
+ .Tag-module__hop-Tag___wrsI2[data-disabled] {
4169
4563
  cursor: not-allowed;
4170
4564
  }
4171
- .Tag-module__hop-Tag__avatar___J84Ob {
4565
+ .Tag-module__hop-Tag__avatar___UuAeT {
4172
4566
  flex: 0 0 auto;
4173
4567
  order: 1;
4174
4568
  margin-inline-start: var(--avatar-margin-inline-start);
4175
4569
  }
4176
- .Tag-module__hop-Tag__icon___ewSNE,
4177
- .Tag-module__hop-Tag__icon-list___-PpIn {
4570
+ .Tag-module__hop-Tag__icon___DKazH,
4571
+ .Tag-module__hop-Tag__icon-list___O8SgH {
4178
4572
  flex: 0 0 auto;
4179
4573
  flex-wrap: nowrap;
4180
4574
  order: 2;
4181
4575
  margin-inline-start: var(--icon-margin-inline-start, 0);
4182
4576
  }
4183
- .Tag-module__hop-Tag__text___k7Otw {
4577
+ .Tag-module__hop-Tag__text___OPnEh {
4184
4578
  overflow: hidden;
4185
4579
  flex: 1 1 auto;
4186
4580
  order: 3;
@@ -4188,33 +4582,33 @@
4188
4582
  text-align: center;
4189
4583
  text-overflow: ellipsis;
4190
4584
  }
4191
- .Tag-module__hop-Tag__badge___jgjVw {
4585
+ .Tag-module__hop-Tag__badge___dseHK {
4192
4586
  flex: 0 0 auto;
4193
4587
  order: 4;
4194
4588
  margin-inline-end: var(--badge-margin-inline-end);
4195
4589
  }
4196
- .Tag-module__hop-Tag___FA-hF .Tag-module__hop-Tag__badge___jgjVw[data-variant=subdued] {
4590
+ .Tag-module__hop-Tag___wrsI2 .Tag-module__hop-Tag__badge___dseHK[data-variant=subdued] {
4197
4591
  margin-inline-start: var(--badge-secondary-margin-inline-start);
4198
4592
  color: inherit;
4199
4593
  background: none;
4200
4594
  }
4201
- .Tag-module__hop-Tag--sm___wdoiY .Tag-module__hop-Tag__badge___jgjVw {
4595
+ .Tag-module__hop-Tag--sm___EMjuF .Tag-module__hop-Tag__badge___dseHK {
4202
4596
  block-size: 100%;
4203
4597
  }
4204
- .Tag-module__hop-Tag__remove-btn___-nFZL,
4205
- .Tag-module__hop-Tag__Spinner___bjUFw {
4598
+ .Tag-module__hop-Tag__remove-btn___glszt,
4599
+ .Tag-module__hop-Tag__Spinner___uRNq3 {
4206
4600
  flex: 0 0 auto;
4207
4601
  order: 5;
4208
4602
  }
4209
- .Tag-module__hop-Tag__Spinner___bjUFw {
4603
+ .Tag-module__hop-Tag__Spinner___uRNq3 {
4210
4604
  margin-inline-end: var(--spinner-margin-inline-end);
4211
4605
  }
4212
- .Tag-module__hop-Tag__remove-btn___-nFZL {
4606
+ .Tag-module__hop-Tag__remove-btn___glszt {
4213
4607
  margin-inline: var(--clear-btn-margin-inline);
4214
4608
  }
4215
4609
 
4216
4610
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/tag/src/TagGroup.module.css/#css-module-data */
4217
- .TagGroup-module__hop-TagGroup___EG4ar {
4611
+ .TagGroup-module__hop-TagGroup___41aHV {
4218
4612
  --hop-TagGroup-row-gap: var(--hop-space-inline-sm);
4219
4613
  --hop-TagGroup-list-column-gap: var(--hop-space-inline-sm);
4220
4614
  --hop-TagGroup-list-row-gap: var(--hop-space-inline-sm);
@@ -4234,10 +4628,10 @@
4234
4628
  inline-size: max-content;
4235
4629
  max-inline-size: 100%;
4236
4630
  }
4237
- .TagGroup-module__hop-TagGroup___EG4ar > .TagGroup-module__hop-TagGroup__label___zzjLY {
4631
+ .TagGroup-module__hop-TagGroup___41aHV > .TagGroup-module__hop-TagGroup__label___wHna0 {
4238
4632
  order: 1;
4239
4633
  }
4240
- .TagGroup-module__hop-TagGroup__list___jXuw3 {
4634
+ .TagGroup-module__hop-TagGroup__list___CGwly {
4241
4635
  display: flex;
4242
4636
  flex-wrap: wrap;
4243
4637
  gap: var(--list-row-gap) var(--list-column-gap);
@@ -4246,24 +4640,49 @@
4246
4640
  border-radius: var(--list-border-radius);
4247
4641
  outline: none;
4248
4642
  }
4249
- .TagGroup-module__hop-TagGroup__list___jXuw3[data-focus-visible] {
4643
+ .TagGroup-module__hop-TagGroup__list___CGwly[data-focus-visible] {
4250
4644
  outline: 0.125rem solid var(--list-focus-ring-color);
4251
4645
  outline-offset: 0.125rem;
4252
4646
  }
4253
- .TagGroup-module__hop-TagGroup___EG4ar > .TagGroup-module__hop-TagGroup__error-message___n8l-j,
4254
- .TagGroup-module__hop-TagGroup___EG4ar > .TagGroup-module__hop-TagGroup__helper-message___ZhhTu {
4647
+ .TagGroup-module__hop-TagGroup___41aHV > .TagGroup-module__hop-TagGroup__error-message___Lhj6I,
4648
+ .TagGroup-module__hop-TagGroup___41aHV > .TagGroup-module__hop-TagGroup__helper-message___5mwOJ {
4255
4649
  order: 3;
4256
4650
  }
4257
4651
 
4652
+ /* ../tokens/dist/fonts.css */
4653
+ @font-face {
4654
+ font-family: "Inter";
4655
+ font-style: normal;
4656
+ font-weight: 100 900;
4657
+ src: url(https://cdn.platform.workleap.com/hopper/fonts/inter/v4/InterVariable.woff2) format("woff2-variations");
4658
+ font-display: fallback;
4659
+ }
4660
+ @font-face {
4661
+ font-family: "ABC Favorit Mono";
4662
+ font-style: normal;
4663
+ font-weight: 400;
4664
+ src: url(https://cdn.platform.workleap.com/hopper/fonts/abc-favorit/mono/alternative/ABCFavoritMono-Regular.woff2) format("woff2-variations");
4665
+ font-display: fallback;
4666
+ }
4667
+ @font-face {
4668
+ font-family: "ABC Favorit";
4669
+ font-style: normal;
4670
+ font-weight: 100 900;
4671
+ src: url(https://cdn.platform.workleap.com/hopper/fonts/abc-favorit/alternative/ABCFavoritVariable.woff2) format("woff2-variations");
4672
+ font-display: fallback;
4673
+ }
4674
+
4675
+ /* src/index.css */
4676
+
4258
4677
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/overlays/Popover/src/Popover.module.css/#css-module-data */
4259
- :where(.Popover-module__hop-Popover___CkiNY *) {
4678
+ :where(.Popover-module__hop-Popover___pOS32 *) {
4260
4679
  font-family: var(--font-family);
4261
4680
  font-size: var(--font-size);
4262
4681
  font-weight: var(--font-weight);
4263
4682
  line-height: var(--line-height);
4264
4683
  outline: none;
4265
4684
  }
4266
- .Popover-module__hop-Popover___CkiNY {
4685
+ .Popover-module__hop-Popover___pOS32 {
4267
4686
  --hop-Popover-max-inline-width: calc(100% - (var(--container-padding) * 2));
4268
4687
  --hop-Popover-inline-width: 25rem;
4269
4688
  --hop-Popover-dropdown-inline-width: var(--trigger-width);
@@ -4275,19 +4694,19 @@
4275
4694
  inline-size: var(--width);
4276
4695
  max-inline-size: var(--max-width);
4277
4696
  }
4278
- .Popover-module__hop-Popover___CkiNY[data-trigger=Select] {
4697
+ .Popover-module__hop-Popover___pOS32[data-trigger=Select] {
4279
4698
  --width: var(--hop-Popover-dropdown-inline-width);
4280
4699
  }
4281
- .Popover-module__hop-Popover___CkiNY[data-auto-width] {
4700
+ .Popover-module__hop-Popover___pOS32[data-auto-width] {
4282
4701
  --width: var(--hop-Popover-dropdown-auto-inline-width);
4283
4702
  }
4284
- .Popover-module__hop-Popover___CkiNY[data-entering] {
4285
- animation: Popover-module__fade___TJq1s 0.25s;
4703
+ .Popover-module__hop-Popover___pOS32[data-entering] {
4704
+ animation: Popover-module__fade___0AhRl 0.25s;
4286
4705
  }
4287
- .Popover-module__hop-Popover___CkiNY[data-exiting] {
4288
- animation: Popover-module__fade___TJq1s 0.25s reverse;
4706
+ .Popover-module__hop-Popover___pOS32[data-exiting] {
4707
+ animation: Popover-module__fade___0AhRl 0.25s reverse;
4289
4708
  }
4290
- @keyframes Popover-module__fade___TJq1s {
4709
+ @keyframes Popover-module__fade___0AhRl {
4291
4710
  from {
4292
4711
  opacity: 0;
4293
4712
  }
@@ -4295,14 +4714,14 @@
4295
4714
  opacity: 1;
4296
4715
  }
4297
4716
  }
4298
- .Popover-module__hop-Popover__wrapper___twn54 {
4717
+ .Popover-module__hop-Popover__wrapper___Gpx6- {
4299
4718
  display: flex;
4300
4719
  flex: 1 1 auto;
4301
4720
  flex-direction: column;
4302
4721
  min-block-size: 0;
4303
4722
  }
4304
- .Popover-module__hop-Popover__dialog___l1JY2,
4305
- .Popover-module__hop-Popover__dropdown___XRPX9 {
4723
+ .Popover-module__hop-Popover__dialog___KwJ4t,
4724
+ .Popover-module__hop-Popover__dropdown___Ydsf8 {
4306
4725
  --hop-Popover-background: var(--hop-neutral-surface);
4307
4726
  --hop-Popover-font-family: var(--hop-body-sm-font-family);
4308
4727
  --hop-Popover-font-size: var(--hop-body-sm-font-size);
@@ -4348,20 +4767,20 @@
4348
4767
  border-radius: var(--hop-Popover-border-radius);
4349
4768
  box-shadow: var(--hop-Popover-box-shadow);
4350
4769
  }
4351
- .Popover-module__hop-Popover__dropdown___XRPX9 {
4770
+ .Popover-module__hop-Popover__dropdown___Ydsf8 {
4352
4771
  --footer-margin: var(--hop-Popover-footer-dropdown-margin);
4353
4772
  --footer-place-self: stretch;
4354
4773
  --grid-template: var(--hop-Popover-dropdown-grid-template);
4355
4774
  --padding: var(--hop-Popover-dropdown-padding);
4356
4775
  }
4357
- .Popover-module__hop-Popover__dialog___l1JY2 {
4776
+ .Popover-module__hop-Popover__dialog___KwJ4t {
4358
4777
  --padding: var(--hop-Popover-dialog-padding);
4359
4778
  }
4360
- .Popover-module__hop-Popover__title___S9NjG {
4779
+ .Popover-module__hop-Popover__title___Ac5V0 {
4361
4780
  grid-area: header;
4362
4781
  color: var(--hop-Popover-color);
4363
4782
  }
4364
- .Popover-module__hop-Popover__content___FgMHC {
4783
+ .Popover-module__hop-Popover__content___LsWgM {
4365
4784
  --font-size: var(--hop-Popover-content-font-size);
4366
4785
  --line-height: var(--hop-Popover-content-line-height);
4367
4786
  grid-area: content;
@@ -4370,7 +4789,7 @@
4370
4789
  padding: 0;
4371
4790
  color: var(--hop-Popover-content-color);
4372
4791
  }
4373
- .Popover-module__hop-Popover__dropdown___XRPX9 .Popover-module__hop-Popover__list-box___a195y {
4792
+ .Popover-module__hop-Popover__dropdown___Ydsf8 .Popover-module__hop-Popover__list-box___jhPeo {
4374
4793
  grid-area: content;
4375
4794
  inline-size: auto;
4376
4795
  min-inline-size: auto;
@@ -4379,7 +4798,7 @@
4379
4798
  padding: 0;
4380
4799
  border: none;
4381
4800
  }
4382
- .Popover-module__hop-Popover__footer___Y8kpa {
4801
+ .Popover-module__hop-Popover__footer___KvfnC {
4383
4802
  --font-size: var(--hop-Popover-footer-font-size);
4384
4803
  --line-height: var(--hop-Popover-footer-line-height);
4385
4804
  grid-area: footer;
@@ -4387,22 +4806,22 @@
4387
4806
  margin: var(--footer-margin);
4388
4807
  color: var(--hop-Popover-color);
4389
4808
  }
4390
- .Popover-module__hop-Popover__dropdown___XRPX9 .Popover-module__hop-Popover__footer___Y8kpa {
4809
+ .Popover-module__hop-Popover__dropdown___Ydsf8 .Popover-module__hop-Popover__footer___KvfnC {
4391
4810
  padding: var(--hop-Popover-footer-dropdown-footer-padding);
4392
4811
  border-block-start: var(--hop-Popover-footer-dropdown-footer-border-top);
4393
4812
  }
4394
- .Popover-module__hop-Popover__actions___kTaHi,
4395
- .Popover-module__hop-Popover__action___VW7G3 {
4813
+ .Popover-module__hop-Popover__actions___3EQON,
4814
+ .Popover-module__hop-Popover__action___lVwso {
4396
4815
  grid-area: action;
4397
4816
  justify-self: end;
4398
4817
  margin-block-start: var(--hop-Popover-row-gap);
4399
4818
  }
4400
- .Popover-module__hop-Popover___CkiNY:has(.Popover-module__hop-Popover__actions___kTaHi, .Popover-module__hop-Popover__action___VW7G3) .Popover-module__hop-Popover__footer___Y8kpa {
4819
+ .Popover-module__hop-Popover___pOS32:has(.Popover-module__hop-Popover__actions___3EQON, .Popover-module__hop-Popover__action___lVwso) .Popover-module__hop-Popover__footer___KvfnC {
4401
4820
  margin-inline-end: var(--hop-Popover-column-gap);
4402
4821
  }
4403
4822
 
4404
4823
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Select/src/SelectValue.module.css/#css-module-data */
4405
- .SelectValue-module__hop-SelectValue___uAaUd {
4824
+ .SelectValue-module__hop-SelectValue___yOd2A {
4406
4825
  --hop-SelectValue-display: flex;
4407
4826
  --hop-SelectValue-column-gap: var(--hop-space-inline-sm);
4408
4827
  overflow: hidden;
@@ -4414,13 +4833,13 @@
4414
4833
  text-overflow: ellipsis;
4415
4834
  white-space: nowrap;
4416
4835
  }
4417
- .SelectValue-module__hop-SelectValue__avatar___4HDgn {
4836
+ .SelectValue-module__hop-SelectValue__avatar___GYDxZ {
4418
4837
  order: 1;
4419
4838
  }
4420
- .SelectValue-module__hop-SelectValue__icon___mQ-Ts {
4839
+ .SelectValue-module__hop-SelectValue__icon___CcPp9 {
4421
4840
  order: 2;
4422
4841
  }
4423
- .SelectValue-module__hop-SelectValue__text___by89c {
4842
+ .SelectValue-module__hop-SelectValue__text___pwDdn {
4424
4843
  overflow: hidden;
4425
4844
  flex: 1 1 auto;
4426
4845
  order: 3;
@@ -4428,12 +4847,12 @@
4428
4847
  text-overflow: ellipsis;
4429
4848
  white-space: nowrap;
4430
4849
  }
4431
- .SelectValue-module__hop-SelectValue__end-icon___7VMrM {
4850
+ .SelectValue-module__hop-SelectValue__end-icon___-JM9p {
4432
4851
  order: 4;
4433
4852
  }
4434
4853
 
4435
4854
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Select/src/Select.module.css/#css-module-data */
4436
- .Select-module__hop-Select___x9r3n {
4855
+ .Select-module__hop-Select___dZacu {
4437
4856
  --hop-Select-row-gap: var(--hop-space-stack-xs);
4438
4857
  --hop-Select-inline-size: 20rem;
4439
4858
  --hop-Select-inline-size-fluid: 100%;
@@ -4484,13 +4903,13 @@
4484
4903
  inline-size: var(--inline-size);
4485
4904
  max-inline-size: var(--hop-Select-max-inline-size);
4486
4905
  }
4487
- .Select-module__hop-Select--fluid___N0zE6 {
4906
+ .Select-module__hop-Select--fluid___RMUq3 {
4488
4907
  --inline-size: var(--hop-Select-inline-size-fluid);
4489
4908
  }
4490
- .Select-module__hop-Select__label___14Fj4 {
4909
+ .Select-module__hop-Select__label___yCY4A {
4491
4910
  order: 1;
4492
4911
  }
4493
- .Select-module__hop-Select__button___rfs3w {
4912
+ .Select-module__hop-Select__button___pty-P {
4494
4913
  cursor: var(--button-cursor);
4495
4914
  display: flex;
4496
4915
  column-gap: var(--hop-Select-button-column-gap);
@@ -4506,28 +4925,28 @@
4506
4925
  border-radius: var(--hop-Select-button-border-radius);
4507
4926
  outline: none;
4508
4927
  }
4509
- .Select-module__hop-Select__button--sm___EqZOm {
4928
+ .Select-module__hop-Select__button--sm___ybcFD {
4510
4929
  --button-block-size: var(--hop-Select-button-sm-block-size);
4511
4930
  }
4512
- .Select-module__hop-Select__button--md___JdvYA {
4931
+ .Select-module__hop-Select__button--md___w1cwq {
4513
4932
  --button-block-size: var(--hop-Select-button-md-block-size);
4514
4933
  }
4515
- .Select-module__hop-Select__button___rfs3w[data-hovered] {
4934
+ .Select-module__hop-Select__button___pty-P[data-hovered] {
4516
4935
  --button-background-color: var(--hop-Select-button-background-color-hovered);
4517
4936
  --button-border-color: var(--hop-Select-button-border-color-hovered);
4518
4937
  --button-color: var(--hop-Select-button-color-hovered);
4519
4938
  --button-icon-color: var(--hop-Select-button-icon-color-hovered);
4520
4939
  }
4521
- .Select-module__hop-Select__button___rfs3w[data-pressed] {
4940
+ .Select-module__hop-Select__button___pty-P[data-pressed] {
4522
4941
  --button-background-color: var(--hop-Select-button-background-color-selected);
4523
4942
  --button-border-color: var(--hop-Select-button-border-color-selected);
4524
4943
  --button-color: var(--hop-Select-button-color-selected);
4525
4944
  --button-icon-color: var(--hop-Select-button-icon-color-selected);
4526
4945
  }
4527
- .Select-module__hop-Select__button___rfs3w[data-invalid] {
4946
+ .Select-module__hop-Select__button___pty-P[data-invalid] {
4528
4947
  --button-border-color: var(--hop-Select-button-border-color-invalid);
4529
4948
  }
4530
- .Select-module__hop-Select__button___rfs3w[data-focus-visible] {
4949
+ .Select-module__hop-Select__button___pty-P[data-focus-visible] {
4531
4950
  --button-background-color: var(--hop-Select-button-background-color-focused);
4532
4951
  --button-border-color: var(--hop-Select-button-border-color-focused);
4533
4952
  --button-color: var(--hop-Select-button-color-focused);
@@ -4535,24 +4954,24 @@
4535
4954
  outline: var(--hop-Select-button-border-size) solid var(--hop-Select-button-outline-color-focused);
4536
4955
  outline-offset: -0.125rem;
4537
4956
  }
4538
- .Select-module__hop-Select__button___rfs3w:has([data-placeholder]) {
4957
+ .Select-module__hop-Select__button___pty-P:has([data-placeholder]) {
4539
4958
  --button-color: var(--hop-Select-button-placeholder-color);
4540
4959
  }
4541
- .Select-module__hop-Select__button___rfs3w[data-disabled] {
4960
+ .Select-module__hop-Select__button___pty-P[data-disabled] {
4542
4961
  --button-background-color: var(--hop-Select-button-background-color-disabled);
4543
4962
  --button-border-color: var(--hop-Select-button-border-color-disabled);
4544
4963
  --button-color: var(--hop-Select-button-color-disabled);
4545
4964
  --button-icon-color: var(--hop-Select-button-icon-color-disabled);
4546
4965
  --button-cursor: var(--hop-Select-button-cursor-disabled);
4547
4966
  }
4548
- .Select-module__hop-Select__prefix___iPTZF {
4967
+ .Select-module__hop-Select__prefix___QGcJO {
4549
4968
  color: var(--hop-Select-prefix-color);
4550
4969
  }
4551
- .Select-module__hop-Select__button-icon___n7ly9 {
4970
+ .Select-module__hop-Select__button-icon___UCJ9e {
4552
4971
  margin-inline-start: auto;
4553
4972
  color: var(--button-icon-color);
4554
4973
  }
4555
- .Select-module__hop-Select__helper-message___At-V5,
4556
- .Select-module__hop-Select__error-message___Cu6pN {
4974
+ .Select-module__hop-Select__helper-message___gU1Rh,
4975
+ .Select-module__hop-Select__error-message___p0QAg {
4557
4976
  order: 3;
4558
4977
  }