@hopper-ui/components 1.3.4 → 1.3.5

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