@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/Text/src/Text.module.css/#css-module-data */
2
- .Text-module__hop-Text___hALxd {
2
+ .Text-module__hop-Text___zzXwC {
3
3
  --hop-Text-xs-font-size: var(--hop-body-xs-font-size);
4
4
  --hop-Text-xs-font-family: var(--hop-body-xs-font-family);
5
5
  --hop-Text-xs-font-weight: var(--hop-body-xs-font-weight);
@@ -29,49 +29,49 @@
29
29
  --hop-Text-inherit-size-font-weight: inherit;
30
30
  --hop-Text-inherit-size-line-height: inherit;
31
31
  }
32
- :where(.Text-module__hop-Text___hALxd) {
32
+ :where(.Text-module__hop-Text___zzXwC) {
33
33
  font-family: var(--font-family);
34
34
  font-size: var(--font-size);
35
35
  font-weight: var(--font-weight);
36
36
  line-height: var(--line-height);
37
37
  }
38
- :where(.Text-module__hop-Text--xs___P0eO9) {
38
+ :where(.Text-module__hop-Text--xs___-rtMy) {
39
39
  --font-size: var(--hop-Text-xs-font-size);
40
40
  --font-family: var(--hop-Text-xs-font-family);
41
41
  --font-weight: var(--hop-Text-xs-font-weight);
42
42
  --line-height: var(--hop-Text-xs-line-height);
43
43
  }
44
- :where(.Text-module__hop-Text--sm___gwyeW) {
44
+ :where(.Text-module__hop-Text--sm___CYq6o) {
45
45
  --font-size: var(--hop-Text-sm-font-size);
46
46
  --font-family: var(--hop-Text-sm-font-family);
47
47
  --font-weight: var(--hop-Text-sm-font-weight);
48
48
  --line-height: var(--hop-Text-sm-line-height);
49
49
  }
50
- :where(.Text-module__hop-Text--md___pflE1) {
50
+ :where(.Text-module__hop-Text--md___5KoYO) {
51
51
  --font-size: var(--hop-Text-md-font-size);
52
52
  --font-family: var(--hop-Text-md-font-family);
53
53
  --font-weight: var(--hop-Text-md-font-weight);
54
54
  --line-height: var(--hop-Text-md-line-height);
55
55
  }
56
- :where(.Text-module__hop-Text--lg___dEBuC) {
56
+ :where(.Text-module__hop-Text--lg___0FmIQ) {
57
57
  --font-size: var(--hop-Text-lg-font-size);
58
58
  --font-family: var(--hop-Text-lg-font-family);
59
59
  --font-weight: var(--hop-Text-lg-font-weight);
60
60
  --line-height: var(--hop-Text-lg-line-height);
61
61
  }
62
- :where(.Text-module__hop-Text--xl___7IvN7) {
62
+ :where(.Text-module__hop-Text--xl___IPvZw) {
63
63
  --font-size: var(--hop-Text-xl-font-size);
64
64
  --font-family: var(--hop-Text-xl-font-family);
65
65
  --font-weight: var(--hop-Text-xl-font-weight);
66
66
  --line-height: var(--hop-Text-xl-line-height);
67
67
  }
68
- :where(.Text-module__hop-Text--2xl___-A2SY) {
68
+ :where(.Text-module__hop-Text--2xl___OAtMe) {
69
69
  --font-size: var(--hop-Text-2xl-font-size);
70
70
  --font-family: var(--hop-Text-2xl-font-family);
71
71
  --font-weight: var(--hop-Text-2xl-font-weight);
72
72
  --line-height: var(--hop-Text-2xl-line-height);
73
73
  }
74
- :where(.Text-module__hop-Text--inherit___wfDw-) {
74
+ :where(.Text-module__hop-Text--inherit___otJaa) {
75
75
  --font-size: var(--hop-Text-inherit-size-font-size);
76
76
  --font-family: var(--hop-Text-inherit-size-font-family);
77
77
  --font-weight: var(--hop-Text-inherit-size-font-weight);
@@ -79,7 +79,7 @@
79
79
  }
80
80
 
81
81
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Avatar/src/RichIconAvatarImage.module.css/#css-module-data */
82
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___fkc4Q {
82
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___wNiuO {
83
83
  --hop-RichIconAvatarImage-background-color: var(--hop-decorative-option7-surface);
84
84
  --hop-RichIconAvatarImage-border-radius: var(--hop-shape-circle);
85
85
  --hop-RichIconAvatarImage-icon-color: var(--hop-decorative-option7-icon);
@@ -110,46 +110,46 @@
110
110
  background-color: var(--background-color);
111
111
  border-radius: var(--hop-RichIconAvatarImage-border-radius);
112
112
  }
113
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___aNzbC {
113
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___Aj5aq {
114
114
  --size: var(--hop-RichIconAvatarImage-xs-size);
115
115
  --icon-size: var(--hop-RichIconAvatarImage-icon-xs-size);
116
116
  }
117
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___d3oUV {
117
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___a3YuL {
118
118
  --size: var(--hop-RichIconAvatarImage-sm-size);
119
119
  --icon-size: var(--hop-RichIconAvatarImage-icon-sm-size);
120
120
  }
121
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___yxjvO {
121
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___M0I9p {
122
122
  --size: var(--hop-RichIconAvatarImage-md-size);
123
123
  --icon-size: var(--hop-RichIconAvatarImage-icon-md-size);
124
124
  }
125
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___vWr2k {
125
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___-TJH8 {
126
126
  --size: var(--hop-RichIconAvatarImage-lg-size);
127
127
  --icon-size: var(--hop-RichIconAvatarImage-icon-lg-size);
128
128
  }
129
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___7jGcb {
129
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___xw3ON {
130
130
  --size: var(--hop-RichIconAvatarImage-xl-size);
131
131
  --icon-size: var(--hop-RichIconAvatarImage-icon-xl-size);
132
132
  }
133
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___sAhUb {
133
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___Y4sXQ {
134
134
  --size: var(--hop-RichIconAvatarImage-2xl-size);
135
135
  --icon-size: var(--hop-RichIconAvatarImage-icon-2xl-size);
136
136
  }
137
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___fkc4Q[data-disabled] {
137
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___wNiuO[data-disabled] {
138
138
  --background-color: var(--hop-RichIconAvatarImage-background-color-disabled);
139
139
  }
140
- .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___8OyF9 {
140
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___wOzcN {
141
141
  position: relative;
142
142
  display: block;
143
143
  inline-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
144
144
  block-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
145
145
  }
146
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___fkc4Q[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___8OyF9 {
146
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___wNiuO[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___wOzcN {
147
147
  --hop-RichIcon-placeholder-background: var(--hop-RichIconAvatarImage-background-color-disabled);
148
148
  --hop-RichIcon-placeholder-shadow: var(--hop-RichIconAvatarImage-icon-color-disabled);
149
149
  }
150
150
 
151
151
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Avatar/src/Avatar.module.css/#css-module-data */
152
- .Avatar-module__hop-Avatar___X23fL {
152
+ .Avatar-module__hop-Avatar___VJlNj {
153
153
  --hop-Avatar-border-radius: var(--hop-shape-circle);
154
154
  --hop-Avatar-mix-blend-mode: normal;
155
155
  --hop-Avatar-decorative-1-background-color: var(--hop-decorative-option1-surface-strong);
@@ -194,67 +194,67 @@
194
194
  background-color: var(--background-color, transparent);
195
195
  border-radius: var(--hop-Avatar-border-radius);
196
196
  }
197
- .Avatar-module__hop-Avatar--xs___4mZjQ {
197
+ .Avatar-module__hop-Avatar--xs___za54A {
198
198
  --size: var(--hop-Avatar-xs-size);
199
199
  }
200
- .Avatar-module__hop-Avatar--sm___qKyk6 {
200
+ .Avatar-module__hop-Avatar--sm___d31mz {
201
201
  --size: var(--hop-Avatar-sm-size);
202
202
  }
203
- .Avatar-module__hop-Avatar--md___pGlSR {
203
+ .Avatar-module__hop-Avatar--md___8h7-Z {
204
204
  --size: var(--hop-Avatar-md-size);
205
205
  }
206
- .Avatar-module__hop-Avatar--lg___b3u2k {
206
+ .Avatar-module__hop-Avatar--lg___8qTKh {
207
207
  --size: var(--hop-Avatar-lg-size);
208
208
  }
209
- .Avatar-module__hop-Avatar--xl___syjHu {
209
+ .Avatar-module__hop-Avatar--xl___aFgNa {
210
210
  --size: var(--hop-Avatar-xl-size);
211
211
  }
212
- .Avatar-module__hop-Avatar--2xl___vGdt5 {
212
+ .Avatar-module__hop-Avatar--2xl___lgcWw {
213
213
  --size: var(--hop-Avatar-2xl-size);
214
214
  }
215
- .Avatar-module__hop-Avatar--decorative-option1___1ipXC {
215
+ .Avatar-module__hop-Avatar--decorative-option1___kwklY {
216
216
  --background-color: var(--hop-Avatar-decorative-1-background-color);
217
217
  --text-color: var(--hop-Avatar-decorative-1-text-color);
218
218
  }
219
- .Avatar-module__hop-Avatar--decorative-option2___H8-35 {
219
+ .Avatar-module__hop-Avatar--decorative-option2___o2ma- {
220
220
  --background-color: var(--hop-Avatar-decorative-2-background-color);
221
221
  --text-color: var(--hop-Avatar-decorative-2-text-color);
222
222
  }
223
- .Avatar-module__hop-Avatar--decorative-option3___udxQr {
223
+ .Avatar-module__hop-Avatar--decorative-option3___wnAwp {
224
224
  --background-color: var(--hop-Avatar-decorative-3-background-color);
225
225
  --text-color: var(--hop-Avatar-decorative-3-text-color);
226
226
  }
227
- .Avatar-module__hop-Avatar--decorative-option4___3tEye {
227
+ .Avatar-module__hop-Avatar--decorative-option4___Ru-zD {
228
228
  --background-color: var(--hop-Avatar-decorative-4-background-color);
229
229
  --text-color: var(--hop-Avatar-decorative-4-text-color);
230
230
  }
231
- .Avatar-module__hop-Avatar--decorative-option5___OY88Y {
231
+ .Avatar-module__hop-Avatar--decorative-option5___Ru0ZZ {
232
232
  --background-color: var(--hop-Avatar-decorative-5-background-color);
233
233
  --text-color: var(--hop-Avatar-decorative-5-text-color);
234
234
  }
235
- .Avatar-module__hop-Avatar--decorative-option6___BkrL7 {
235
+ .Avatar-module__hop-Avatar--decorative-option6___DNYSE {
236
236
  --background-color: var(--hop-Avatar-decorative-6-background-color);
237
237
  --text-color: var(--hop-Avatar-decorative-6-text-color);
238
238
  }
239
- .Avatar-module__hop-Avatar--decorative-option7___i33t4 {
239
+ .Avatar-module__hop-Avatar--decorative-option7___dOdti {
240
240
  --background-color: var(--hop-Avatar-decorative-7-background-color);
241
241
  --text-color: var(--hop-Avatar-decorative-7-text-color);
242
242
  }
243
- .Avatar-module__hop-Avatar--decorative-option8___meF-e {
243
+ .Avatar-module__hop-Avatar--decorative-option8___oYouv {
244
244
  --background-color: var(--hop-Avatar-decorative-8-background-color);
245
245
  --text-color: var(--hop-Avatar-decorative-8-text-color);
246
246
  }
247
- .Avatar-module__hop-Avatar--decorative-option9___qyIOQ {
247
+ .Avatar-module__hop-Avatar--decorative-option9___9fr-j {
248
248
  --background-color: var(--hop-Avatar-decorative-9-background-color);
249
249
  --text-color: var(--hop-Avatar-decorative-9-text-color);
250
250
  }
251
- .Avatar-module__hop-Avatar___X23fL[data-disabled] {
251
+ .Avatar-module__hop-Avatar___VJlNj[data-disabled] {
252
252
  --background-color: var(--hop-Avatar-background-color-disabled);
253
253
  --text-color: var(--hop-Avatar-text-color-disabled);
254
254
  --mix-blend-mode: var(--hop-Avatar-mix-blend-mode-disabled);
255
255
  isolation: isolate;
256
256
  }
257
- .Avatar-module__hop-Avatar__image___okiG4 {
257
+ .Avatar-module__hop-Avatar__image___jccMr {
258
258
  position: relative;
259
259
  display: block;
260
260
  box-sizing: border-box;
@@ -265,7 +265,7 @@
265
265
  }
266
266
 
267
267
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/OverlineText/src/OverlineText.module.css/#css-module-data */
268
- :where(.OverlineText-module__hop-OverlineText___CDjsJ) {
268
+ :where(.OverlineText-module__hop-OverlineText___oBnEM) {
269
269
  --hop-OverlineText-font-family: var(--hop-overline-font-family);
270
270
  --hop-OverlineText-font-size: var(--hop-overline-font-size);
271
271
  --hop-OverlineText-font-weight: var(--hop-overline-font-weight);
@@ -289,26 +289,26 @@
289
289
  text-transform: uppercase;
290
290
  letter-spacing: var(--letter-spacing);
291
291
  }
292
- .OverlineText-module__hop-OverlineText__text___6sNbK {
292
+ .OverlineText-module__hop-OverlineText__text___d4kYK {
293
293
  box-sizing: border-box;
294
294
  }
295
- .OverlineText-module__hop-OverlineText__text___6sNbK::before,
296
- .OverlineText-module__hop-OverlineText__text___6sNbK::after {
295
+ .OverlineText-module__hop-OverlineText__text___d4kYK::before,
296
+ .OverlineText-module__hop-OverlineText__text___d4kYK::after {
297
297
  content: "";
298
298
  display: block;
299
299
  box-sizing: border-box;
300
300
  inline-size: 0;
301
301
  block-size: 0;
302
302
  }
303
- .OverlineText-module__hop-OverlineText__text___6sNbK::before {
303
+ .OverlineText-module__hop-OverlineText__text___d4kYK::before {
304
304
  margin-block-end: var(--bottom-offset);
305
305
  }
306
- .OverlineText-module__hop-OverlineText__text___6sNbK::after {
306
+ .OverlineText-module__hop-OverlineText__text___d4kYK::after {
307
307
  margin-block-start: var(--top-offset);
308
308
  }
309
309
 
310
310
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Badge/src/Badge.module.css/#css-module-data */
311
- .Badge-module__hop-Badge___R1VU8 {
311
+ .Badge-module__hop-Badge___c9NJZ {
312
312
  --hop-Badge-height: 1.5rem;
313
313
  --hop-Badge-width: max-content;
314
314
  --hop-Badge-padding-inline: var(--hop-space-inset-sm);
@@ -358,67 +358,67 @@
358
358
  background-color: var(--background-color, var(--hop-Badge-primary-background-color));
359
359
  border-radius: var(--border-radius);
360
360
  }
361
- .Badge-module__hop-Badge___R1VU8[data-variant=primary] {
361
+ .Badge-module__hop-Badge___c9NJZ[data-variant=primary] {
362
362
  --background-color: var(--hop-Badge-primary-background-color);
363
363
  --text-color: var(--hop-Badge-primary-text-color);
364
364
  }
365
- .Badge-module__hop-Badge___R1VU8[data-hovered][data-variant=primary] {
365
+ .Badge-module__hop-Badge___c9NJZ[data-hovered][data-variant=primary] {
366
366
  --background-color: var(--hop-Badge-primary-background-color-hovered);
367
367
  --text-color: var(--hop-Badge-primary-text-color-hovered);
368
368
  }
369
- .Badge-module__hop-Badge___R1VU8[data-pressed][data-variant=primary] {
369
+ .Badge-module__hop-Badge___c9NJZ[data-pressed][data-variant=primary] {
370
370
  --background-color: var(--hop-Badge-primary-background-color-pressed);
371
371
  --text-color: var(--hop-Badge-primary-text-color-pressed);
372
372
  }
373
- .Badge-module__hop-Badge___R1VU8[data-selected][data-variant=primary] {
373
+ .Badge-module__hop-Badge___c9NJZ[data-selected][data-variant=primary] {
374
374
  --background-color: var(--hop-Badge-primary-background-color-selected);
375
375
  --text-color: var(--hop-Badge-primary-text-color-selected);
376
376
  }
377
- .Badge-module__hop-Badge___R1VU8[data-variant=secondary] {
377
+ .Badge-module__hop-Badge___c9NJZ[data-variant=secondary] {
378
378
  --background-color: var(--hop-Badge-secondary-background-color);
379
379
  --text-color: var(--hop-Badge-secondary-text-color);
380
380
  }
381
- .Badge-module__hop-Badge___R1VU8[data-hovered][data-variant=secondary] {
381
+ .Badge-module__hop-Badge___c9NJZ[data-hovered][data-variant=secondary] {
382
382
  --background-color: var(--hop-Badge-secondary-background-color-hovered);
383
383
  --text-color: var(--hop-Badge-secondary-text-color-hovered);
384
384
  }
385
- .Badge-module__hop-Badge___R1VU8[data-pressed][data-variant=secondary] {
385
+ .Badge-module__hop-Badge___c9NJZ[data-pressed][data-variant=secondary] {
386
386
  --background-color: var(--hop-Badge-secondary-background-color-pressed);
387
387
  --text-color: var(--hop-Badge-secondary-text-color-pressed);
388
388
  }
389
- .Badge-module__hop-Badge___R1VU8[data-selected][data-variant=secondary] {
389
+ .Badge-module__hop-Badge___c9NJZ[data-selected][data-variant=secondary] {
390
390
  --background-color: var(--hop-Badge-secondary-background-color-selected);
391
391
  --text-color: var(--hop-Badge-secondary-text-color-selected);
392
392
  }
393
- .Badge-module__hop-Badge___R1VU8[data-variant=subdued] {
393
+ .Badge-module__hop-Badge___c9NJZ[data-variant=subdued] {
394
394
  --background-color: var(--hop-Badge-subdued-background-color);
395
395
  --text-color: var(--hop-Badge-subdued-text-color);
396
396
  }
397
- .Badge-module__hop-Badge___R1VU8[data-hovered][data-variant=subdued] {
397
+ .Badge-module__hop-Badge___c9NJZ[data-hovered][data-variant=subdued] {
398
398
  --background-color: var(--hop-Badge-subdued-background-color-hovered);
399
399
  --text-color: var(--hop-Badge-subdued-text-color-hovered);
400
400
  }
401
- .Badge-module__hop-Badge___R1VU8[data-pressed][data-variant=subdued] {
401
+ .Badge-module__hop-Badge___c9NJZ[data-pressed][data-variant=subdued] {
402
402
  --background-color: var(--hop-Badge-subdued-background-color-pressed);
403
403
  --text-color: var(--hop-Badge-subdued-text-color-pressed);
404
404
  }
405
- .Badge-module__hop-Badge___R1VU8[data-selected][data-variant=subdued] {
405
+ .Badge-module__hop-Badge___c9NJZ[data-selected][data-variant=subdued] {
406
406
  --background-color: var(--hop-Badge-subdued-background-color-selected);
407
407
  --text-color: var(--hop-Badge-subdued-text-color-selected);
408
408
  }
409
- .Badge-module__hop-Badge___R1VU8[data-indeterminate] {
409
+ .Badge-module__hop-Badge___c9NJZ[data-indeterminate] {
410
410
  --border-radius: var(--hop-Badge-indeterminate-border-radius);
411
411
  --height: var(--hop-Badge-indeterminate-height);
412
412
  --width: var(--hop-Badge-indeterminate-width);
413
413
  --padding-inline: var(--hop-Badge-indeterminate-padding-inline);
414
414
  }
415
- .Badge-module__hop-Badge___R1VU8[data-disabled] {
415
+ .Badge-module__hop-Badge___c9NJZ[data-disabled] {
416
416
  --background-color: var(--hop-Badge-background-color-disabled);
417
417
  --text-color: var(--hop-Badge-text-color-disabled);
418
418
  }
419
419
 
420
420
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Badge/src/FloatingBadge.module.css/#css-module-data */
421
- .FloatingBadge-module__hop-FloatingBadge___NzvAY {
421
+ .FloatingBadge-module__hop-FloatingBadge___d613O {
422
422
  --hop-FloatingBadge-badge-x: calc(0% + var(--hop-FloatingBadge-offset-x));
423
423
  --hop-FloatingBadge-badge-circular-x: calc(10% + var(--hop-FloatingBadge-offset-x));
424
424
  --hop-FloatingBadge-badge-y: calc(0% + var(--hop-FloatingBadge-offset-y));
@@ -459,7 +459,7 @@
459
459
  box-sizing: border-box;
460
460
  inline-size: max-content;
461
461
  }
462
- .FloatingBadge-module__hop-FloatingBadge___NzvAY[data-placement="top right"] {
462
+ .FloatingBadge-module__hop-FloatingBadge___d613O[data-placement="top right"] {
463
463
  --badge-top: var(--hop-FloatingBadge-badge-topright-top);
464
464
  --badge-right: var(--hop-FloatingBadge-badge-topright-right);
465
465
  --badge-bottom: var(--hop-FloatingBadge-badge-topright-bottom);
@@ -467,11 +467,11 @@
467
467
  --badge-transform: var(--hop-FloatingBadge-badge-topright-transform);
468
468
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topright-transform-origin);
469
469
  }
470
- .FloatingBadge-module__hop-FloatingBadge___NzvAY[data-placement="top right"][data-overlap=circular] {
470
+ .FloatingBadge-module__hop-FloatingBadge___d613O[data-placement="top right"][data-overlap=circular] {
471
471
  --badge-top: var(--hop-FloatingBadge-badge-topright-circular-top);
472
472
  --badge-right: var(--hop-FloatingBadge-badge-topright-circular-right);
473
473
  }
474
- .FloatingBadge-module__hop-FloatingBadge___NzvAY[data-placement="top left"] {
474
+ .FloatingBadge-module__hop-FloatingBadge___d613O[data-placement="top left"] {
475
475
  --badge-top: var(--hop-FloatingBadge-badge-topleft-top);
476
476
  --badge-right: var(--hop-FloatingBadge-badge-topleft-right);
477
477
  --badge-bottom: var(--hop-FloatingBadge-badge-topleft-bottom);
@@ -479,11 +479,11 @@
479
479
  --badge-transform: var(--hop-FloatingBadge-badge-topleft-transform);
480
480
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topleft-transform-origin);
481
481
  }
482
- .FloatingBadge-module__hop-FloatingBadge___NzvAY[data-placement="top left"][data-overlap=circular] {
482
+ .FloatingBadge-module__hop-FloatingBadge___d613O[data-placement="top left"][data-overlap=circular] {
483
483
  --badge-top: var(--hop-FloatingBadge-badge-topleft-circular-top);
484
484
  --badge-left: var(--hop-FloatingBadge-badge-topleft-circular-left);
485
485
  }
486
- .FloatingBadge-module__hop-FloatingBadge___NzvAY[data-placement="bottom right"] {
486
+ .FloatingBadge-module__hop-FloatingBadge___d613O[data-placement="bottom right"] {
487
487
  --badge-top: var(--hop-FloatingBadge-badge-bottomright-top);
488
488
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-right);
489
489
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-bottom);
@@ -491,11 +491,11 @@
491
491
  --badge-transform: var(--hop-FloatingBadge-badge-bottomright-transform);
492
492
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomright-transform-origin);
493
493
  }
494
- .FloatingBadge-module__hop-FloatingBadge___NzvAY[data-placement="bottom right"][data-overlap=circular] {
494
+ .FloatingBadge-module__hop-FloatingBadge___d613O[data-placement="bottom right"][data-overlap=circular] {
495
495
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-circular-right);
496
496
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-circular-bottom);
497
497
  }
498
- .FloatingBadge-module__hop-FloatingBadge___NzvAY[data-placement="bottom left"] {
498
+ .FloatingBadge-module__hop-FloatingBadge___d613O[data-placement="bottom left"] {
499
499
  --badge-top: var(--hop-FloatingBadge-badge-bottomleft-top);
500
500
  --badge-right: var(--hop-FloatingBadge-badge-bottomleft-right);
501
501
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-bottom);
@@ -503,11 +503,11 @@
503
503
  --badge-transform: var(--hop-FloatingBadge-badge-bottomleft-transform);
504
504
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomleft-transform-origin);
505
505
  }
506
- .FloatingBadge-module__hop-FloatingBadge___NzvAY[data-placement="bottom left"][data-overlap=circular] {
506
+ .FloatingBadge-module__hop-FloatingBadge___d613O[data-placement="bottom left"][data-overlap=circular] {
507
507
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-circular-bottom);
508
508
  --badge-left: var(--hop-FloatingBadge-badge-bottomleft-circular-left);
509
509
  }
510
- .FloatingBadge-module__hop-FloatingBadge__badge___SFYzq {
510
+ .FloatingBadge-module__hop-FloatingBadge__badge___e8v3N {
511
511
  position: absolute;
512
512
  inset: var(--badge-top) var(--badge-right) var(--badge-bottom) var(--badge-left);
513
513
  transform-origin: var(--badge-transform-origin);
@@ -515,7 +515,7 @@
515
515
  }
516
516
 
517
517
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/IconList/src/IconList.module.css/#css-module-data */
518
- .IconList-module__hop-IconList___DLmNv {
518
+ .IconList-module__hop-IconList___I71EF {
519
519
  --hop-IconList-gap: var(--hop-space-inline-xs);
520
520
  display: flex;
521
521
  flex-wrap: wrap;
@@ -524,7 +524,7 @@
524
524
  }
525
525
 
526
526
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Spinner/src/Spinner.module.css/#css-module-data */
527
- @keyframes Spinner-module__spin___1vbK9 {
527
+ @keyframes Spinner-module__spin___oguWO {
528
528
  0% {
529
529
  transform: rotate(0deg);
530
530
  }
@@ -532,7 +532,7 @@
532
532
  transform: rotate(360deg);
533
533
  }
534
534
  }
535
- .Spinner-module__hop-Spinner___GXocl {
535
+ .Spinner-module__hop-Spinner___vgALL {
536
536
  --hop-Spinner-border-radius: var(--hop-shape-circle);
537
537
  --hop-Spinner-sm-wheel-size: 1rem;
538
538
  --hop-Spinner-md-wheel-size: 1.25rem;
@@ -540,7 +540,7 @@
540
540
  --hop-Spinner-track-width: 0.125rem;
541
541
  --hop-Spinner-track-opacity: 0.2;
542
542
  --hop-Spinner-track-border: var(--hop-Spinner-track-width) solid currentcolor;
543
- --hop-Spinner-fill-animation: Spinner-module__spin___1vbK9 .8s infinite linear;
543
+ --hop-Spinner-fill-animation: Spinner-module__spin___oguWO .8s infinite linear;
544
544
  --hop-Spinner-fill-animation-reduced-motion-duration: 2s;
545
545
  --hop-Spinner-fill-border: var(--hop-Spinner-track-width) solid transparent;
546
546
  --hop-Spinner-fill-border-inline-start: var(--hop-Spinner-track-width) solid currentcolor;
@@ -551,19 +551,19 @@
551
551
  align-items: center;
552
552
  box-sizing: border-box;
553
553
  }
554
- .Spinner-module__hop-Spinner--sm___skjUD {
554
+ .Spinner-module__hop-Spinner--sm___tXp3s {
555
555
  --width: var(--hop-Spinner-sm-wheel-size);
556
556
  --height: var(--hop-Spinner-sm-wheel-size);
557
557
  }
558
- .Spinner-module__hop-Spinner--md___s7N4L {
558
+ .Spinner-module__hop-Spinner--md___JV74x {
559
559
  --width: var(--hop-Spinner-md-wheel-size);
560
560
  --height: var(--hop-Spinner-md-wheel-size);
561
561
  }
562
- .Spinner-module__hop-Spinner--lg___ffDyN {
562
+ .Spinner-module__hop-Spinner--lg___Irp1O {
563
563
  --width: var(--hop-Spinner-lg-wheel-size);
564
564
  --height: var(--hop-Spinner-lg-wheel-size);
565
565
  }
566
- .Spinner-module__hop-Spinner__track___pJtRo {
566
+ .Spinner-module__hop-Spinner__track___S5tWq {
567
567
  grid-area: spinner;
568
568
  box-sizing: border-box;
569
569
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -572,7 +572,7 @@
572
572
  border: var(--hop-Spinner-track-border);
573
573
  border-radius: var(--hop-Spinner-border-radius);
574
574
  }
575
- .Spinner-module__hop-Spinner__fill___yPHmf {
575
+ .Spinner-module__hop-Spinner__fill___8YBCj {
576
576
  grid-area: spinner;
577
577
  box-sizing: border-box;
578
578
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -583,17 +583,17 @@
583
583
  animation: var(--hop-Spinner-fill-animation);
584
584
  }
585
585
  @media (prefers-reduced-motion: reduce) {
586
- .Spinner-module__hop-Spinner__fill___yPHmf {
586
+ .Spinner-module__hop-Spinner__fill___8YBCj {
587
587
  animation-duration: var(--hop-Spinner-fill-animation-reduced-motion-duration);
588
588
  }
589
589
  }
590
- .Spinner-module__hop-Spinner__label___XSGeB {
590
+ .Spinner-module__hop-Spinner__label___61c-V {
591
591
  grid-area: label;
592
592
  margin-inline-start: var(--hop-Spinner-label-margin-inline-start);
593
593
  }
594
594
 
595
595
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/Button.module.css/#css-module-data */
596
- .Button-module__hop-Button___Fcu-c {
596
+ .Button-module__hop-Button___K3ym3 {
597
597
  --hop-Button-border-radius: var(--hop-shape-rounded-md);
598
598
  --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
599
599
  --hop-Button-icon-only-padding: 0;
@@ -752,317 +752,317 @@
752
752
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
753
753
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
754
754
  }
755
- .Button-module__hop-Button___Fcu-c[data-focus-visible] {
755
+ .Button-module__hop-Button___K3ym3[data-focus-visible] {
756
756
  outline: 0.125rem solid var(--hop-Button-focus-ring-color);
757
757
  }
758
- .Button-module__hop-Button--icon-only___V1KwF {
758
+ .Button-module__hop-Button--icon-only___pDOlY {
759
759
  --padding-block: var(--hop-Button-icon-only-padding);
760
760
  --padding-inline: var(--hop-Button-icon-only-padding);
761
761
  column-gap: 0;
762
762
  aspect-ratio: 1;
763
763
  }
764
- .Button-module__hop-Button___Fcu-c[data-disabled],
765
- .Button-module__hop-Button___Fcu-c[data-loading] {
764
+ .Button-module__hop-Button___K3ym3[data-disabled],
765
+ .Button-module__hop-Button___K3ym3[data-loading] {
766
766
  cursor: not-allowed;
767
767
  }
768
- .Button-module__hop-Button--fluid___VtD-n {
768
+ .Button-module__hop-Button--fluid___sJBNA {
769
769
  --inline-size: 100%;
770
770
  }
771
- .Button-module__hop-Button--sm___vceOS {
771
+ .Button-module__hop-Button--sm___eZ1pq {
772
772
  --block-size: var(--hop-Button-sm-height);
773
773
  }
774
- .Button-module__hop-Button--primary___X0ELV.Button-module__hop-Button--sm___vceOS:not(.Button-module__hop-Button--icon-only___V1KwF) {
774
+ .Button-module__hop-Button--primary___c7XfQ.Button-module__hop-Button--sm___eZ1pq:not(.Button-module__hop-Button--icon-only___pDOlY) {
775
775
  --padding-inline: var(--hop-Button-primary-sm-padding-x);
776
776
  --padding-block: var(--hop-Button-primary-sm-padding-y);
777
777
  }
778
- .Button-module__hop-Button--primary___X0ELV.Button-module__hop-Button--md___5LgAr:not(.Button-module__hop-Button--icon-only___V1KwF) {
778
+ .Button-module__hop-Button--primary___c7XfQ.Button-module__hop-Button--md___2skgd:not(.Button-module__hop-Button--icon-only___pDOlY) {
779
779
  --padding-inline: var(--hop-Button-primary-md-padding-x);
780
780
  --padding-block: var(--hop-Button-primary-md-padding-y);
781
781
  }
782
- .Button-module__hop-Button--secondary___O8fOQ.Button-module__hop-Button--md___5LgAr:not(.Button-module__hop-Button--icon-only___V1KwF) {
782
+ .Button-module__hop-Button--secondary___WDYTN.Button-module__hop-Button--md___2skgd:not(.Button-module__hop-Button--icon-only___pDOlY) {
783
783
  --padding-inline: var(--hop-Button-secondary-md-padding-x);
784
784
  --padding-block: var(--hop-Button-secondary-md-padding-y);
785
785
  }
786
- .Button-module__hop-Button--secondary___O8fOQ.Button-module__hop-Button--sm___vceOS:not(.Button-module__hop-Button--icon-only___V1KwF) {
786
+ .Button-module__hop-Button--secondary___WDYTN.Button-module__hop-Button--sm___eZ1pq:not(.Button-module__hop-Button--icon-only___pDOlY) {
787
787
  --padding-inline: var(--hop-Button-secondary-sm-padding-x);
788
788
  --padding-block: var(--hop-Button-secondary-sm-padding-y);
789
789
  }
790
- .Button-module__hop-Button--upsell___UPfK0.Button-module__hop-Button--md___5LgAr:not(.Button-module__hop-Button--icon-only___V1KwF) {
790
+ .Button-module__hop-Button--upsell___Nr5le.Button-module__hop-Button--md___2skgd:not(.Button-module__hop-Button--icon-only___pDOlY) {
791
791
  --padding-inline: var(--hop-Button-upsell-md-padding-x);
792
792
  --padding-block: var(--hop-Button-upsell-md-padding-y);
793
793
  }
794
- .Button-module__hop-Button--upsell___UPfK0.Button-module__hop-Button--sm___vceOS:not(.Button-module__hop-Button--icon-only___V1KwF) {
794
+ .Button-module__hop-Button--upsell___Nr5le.Button-module__hop-Button--sm___eZ1pq:not(.Button-module__hop-Button--icon-only___pDOlY) {
795
795
  --padding-inline: var(--hop-Button-upsell-sm-padding-x);
796
796
  --padding-block: var(--hop-Button-upsell-sm-padding-y);
797
797
  }
798
- .Button-module__hop-Button--danger___jYyiQ.Button-module__hop-Button--md___5LgAr:not(.Button-module__hop-Button--icon-only___V1KwF) {
798
+ .Button-module__hop-Button--danger___q9glA.Button-module__hop-Button--md___2skgd:not(.Button-module__hop-Button--icon-only___pDOlY) {
799
799
  --padding-inline: var(--hop-Button-danger-md-padding-x);
800
800
  --padding-block: var(--hop-Button-danger-md-padding-y);
801
801
  }
802
- .Button-module__hop-Button--danger___jYyiQ.Button-module__hop-Button--sm___vceOS:not(.Button-module__hop-Button--icon-only___V1KwF) {
802
+ .Button-module__hop-Button--danger___q9glA.Button-module__hop-Button--sm___eZ1pq:not(.Button-module__hop-Button--icon-only___pDOlY) {
803
803
  --padding-inline: var(--hop-Button-danger-sm-padding-x);
804
804
  --padding-block: var(--hop-Button-danger-sm-padding-y);
805
805
  }
806
- .Button-module__hop-Button--ghost-danger___wYJWN.Button-module__hop-Button--md___5LgAr:not(.Button-module__hop-Button--icon-only___V1KwF) {
806
+ .Button-module__hop-Button--ghost-danger___aTh5-.Button-module__hop-Button--md___2skgd:not(.Button-module__hop-Button--icon-only___pDOlY) {
807
807
  --padding-inline: var(--hop-Button-ghost-danger-md-padding-x);
808
808
  --padding-block: var(--hop-Button-ghost-danger-md-padding-y);
809
809
  }
810
- .Button-module__hop-Button--ghost-danger___wYJWN.Button-module__hop-Button--sm___vceOS:not(.Button-module__hop-Button--icon-only___V1KwF) {
810
+ .Button-module__hop-Button--ghost-danger___aTh5-.Button-module__hop-Button--sm___eZ1pq:not(.Button-module__hop-Button--icon-only___pDOlY) {
811
811
  --padding-inline: var(--hop-Button-ghost-danger-sm-padding-x);
812
812
  --padding-block: var(--hop-Button-ghost-danger-sm-padding-y);
813
813
  }
814
- .Button-module__hop-Button--ghost-secondary___uFHzl.Button-module__hop-Button--md___5LgAr:not(.Button-module__hop-Button--icon-only___V1KwF) {
814
+ .Button-module__hop-Button--ghost-secondary___1kYjS.Button-module__hop-Button--md___2skgd:not(.Button-module__hop-Button--icon-only___pDOlY) {
815
815
  --padding-inline: var(--hop-Button-ghost-secondary-md-padding-x);
816
816
  --padding-block: var(--hop-Button-ghost-secondary-md-padding-y);
817
817
  }
818
- .Button-module__hop-Button--ghost-secondary___uFHzl.Button-module__hop-Button--sm___vceOS:not(.Button-module__hop-Button--icon-only___V1KwF) {
818
+ .Button-module__hop-Button--ghost-secondary___1kYjS.Button-module__hop-Button--sm___eZ1pq:not(.Button-module__hop-Button--icon-only___pDOlY) {
819
819
  --padding-inline: var(--hop-Button-ghost-secondary-sm-padding-x);
820
820
  --padding-block: var(--hop-Button-ghost-secondary-sm-padding-y);
821
821
  }
822
- .Button-module__hop-Button--ghost-primary___MHVgd.Button-module__hop-Button--md___5LgAr:not(.Button-module__hop-Button--icon-only___V1KwF) {
822
+ .Button-module__hop-Button--ghost-primary___IOY1A.Button-module__hop-Button--md___2skgd:not(.Button-module__hop-Button--icon-only___pDOlY) {
823
823
  --padding-inline: var(--hop-Button-ghost-primary-md-padding-x);
824
824
  --padding-block: var(--hop-Button-ghost-primary-md-padding-y);
825
825
  }
826
- .Button-module__hop-Button--ghost-primary___MHVgd.Button-module__hop-Button--sm___vceOS:not(.Button-module__hop-Button--icon-only___V1KwF) {
826
+ .Button-module__hop-Button--ghost-primary___IOY1A.Button-module__hop-Button--sm___eZ1pq:not(.Button-module__hop-Button--icon-only___pDOlY) {
827
827
  --padding-inline: var(--hop-Button-ghost-primary-sm-padding-x);
828
828
  --padding-block: var(--hop-Button-ghost-primary-sm-padding-y);
829
829
  }
830
- .Button-module__hop-Button--primary___X0ELV {
830
+ .Button-module__hop-Button--primary___c7XfQ {
831
831
  --background-color: var(--hop-Button-primary-background-color);
832
832
  --color: var(--hop-Button-primary-color);
833
833
  --border: var(--hop-Button-primary-border);
834
834
  --spinner-color: var(--hop-Button-primary-spinner-color);
835
835
  }
836
- .Button-module__hop-Button--primary___X0ELV[data-disabled]:not([data-loading]) {
836
+ .Button-module__hop-Button--primary___c7XfQ[data-disabled]:not([data-loading]) {
837
837
  --background-color: var(--hop-Button-primary-background-color-disabled);
838
838
  --color: var(--hop-Button-primary-color-disabled);
839
839
  --border: var(--hop-Button-primary-border-disabled);
840
840
  }
841
- .Button-module__hop-Button--primary___X0ELV[data-hovered]:not([data-disabled], [data-loading]),
842
- .Button-module__hop-Button--primary___X0ELV[data-focus-visible]:not([data-disabled], [data-loading]) {
841
+ .Button-module__hop-Button--primary___c7XfQ[data-hovered]:not([data-disabled], [data-loading]),
842
+ .Button-module__hop-Button--primary___c7XfQ[data-focus-visible]:not([data-disabled], [data-loading]) {
843
843
  --background-color: var(--hop-Button-primary-background-color-hover);
844
844
  --color: var(--hop-Button-primary-color-hover);
845
845
  --border: var(--hop-Button-primary-border-hover);
846
846
  }
847
- .Button-module__hop-Button--primary___X0ELV[data-pressed]:not([data-loading]) {
847
+ .Button-module__hop-Button--primary___c7XfQ[data-pressed]:not([data-loading]) {
848
848
  --background-color: var(--hop-Button-primary-background-color-pressed);
849
849
  --color: var(--hop-Button-primary-color-pressed);
850
850
  --border: var(--hop-Button-primary-border-pressed);
851
851
  }
852
- .Button-module__hop-Button--secondary___O8fOQ {
852
+ .Button-module__hop-Button--secondary___WDYTN {
853
853
  --background-color: var(--hop-Button-secondary-background-color);
854
854
  --color: var(--hop-Button-secondary-color);
855
855
  --border: var(--hop-Button-secondary-border);
856
856
  --spinner-color: var(--hop-Button-secondary-spinner-color);
857
857
  }
858
- .Button-module__hop-Button--secondary___O8fOQ[data-disabled]:not([data-loading]) {
858
+ .Button-module__hop-Button--secondary___WDYTN[data-disabled]:not([data-loading]) {
859
859
  --background-color: var(--hop-Button-secondary-background-color-disabled);
860
860
  --color: var(--hop-Button-secondary-color-disabled);
861
861
  --border: var(--hop-Button-secondary-border-disabled);
862
862
  }
863
- .Button-module__hop-Button--secondary___O8fOQ[data-hovered]:not([data-disabled], [data-loading]),
864
- .Button-module__hop-Button--secondary___O8fOQ[data-focus-visible]:not([data-disabled], [data-loading]) {
863
+ .Button-module__hop-Button--secondary___WDYTN[data-hovered]:not([data-disabled], [data-loading]),
864
+ .Button-module__hop-Button--secondary___WDYTN[data-focus-visible]:not([data-disabled], [data-loading]) {
865
865
  --background-color: var(--hop-Button-secondary-background-color-hover);
866
866
  --color: var(--hop-Button-secondary-color-hover);
867
867
  --border: var(--hop-Button-secondary-border-hover);
868
868
  }
869
- .Button-module__hop-Button--secondary___O8fOQ[data-pressed]:not([data-loading]) {
869
+ .Button-module__hop-Button--secondary___WDYTN[data-pressed]:not([data-loading]) {
870
870
  --background-color: var(--hop-Button-secondary-background-color-pressed);
871
871
  --color: var(--hop-Button-secondary-color-pressed);
872
872
  --border: var(--hop-Button-secondary-border-pressed);
873
873
  }
874
- .Button-module__hop-Button--upsell___UPfK0 {
874
+ .Button-module__hop-Button--upsell___Nr5le {
875
875
  --background-color: var(--hop-Button-upsell-background-color);
876
876
  --color: var(--hop-Button-upsell-color);
877
877
  --border: var(--hop-Button-upsell-border);
878
878
  --spinner-color: var(--hop-Button-upsell-spinner-color);
879
879
  }
880
- .Button-module__hop-Button--upsell___UPfK0[data-disabled]:not([data-loading]) {
880
+ .Button-module__hop-Button--upsell___Nr5le[data-disabled]:not([data-loading]) {
881
881
  --background-color: var(--hop-Button-upsell-background-color-disabled);
882
882
  --color: var(--hop-Button-upsell-color-disabled);
883
883
  --border: var(--hop-Button-upsell-border-disabled);
884
884
  }
885
- .Button-module__hop-Button--upsell___UPfK0[data-hovered]:not([data-disabled], [data-loading]),
886
- .Button-module__hop-Button--upsell___UPfK0[data-focus-visible]:not([data-disabled], [data-loading]) {
885
+ .Button-module__hop-Button--upsell___Nr5le[data-hovered]:not([data-disabled], [data-loading]),
886
+ .Button-module__hop-Button--upsell___Nr5le[data-focus-visible]:not([data-disabled], [data-loading]) {
887
887
  --background-color: var(--hop-Button-upsell-background-color-hover);
888
888
  --color: var(--hop-Button-upsell-color-hover);
889
889
  --border: var(--hop-Button-upsell-border-hover);
890
890
  }
891
- .Button-module__hop-Button--upsell___UPfK0[data-pressed]:not([data-loading]) {
891
+ .Button-module__hop-Button--upsell___Nr5le[data-pressed]:not([data-loading]) {
892
892
  --background-color: var(--hop-Button-upsell-background-color-pressed);
893
893
  --color: var(--hop-Button-upsell-color-pressed);
894
894
  --border: var(--hop-Button-upsell-border-pressed);
895
895
  }
896
- .Button-module__hop-Button--danger___jYyiQ {
896
+ .Button-module__hop-Button--danger___q9glA {
897
897
  --background-color: var(--hop-Button-danger-background-color);
898
898
  --color: var(--hop-Button-danger-color);
899
899
  --border: var(--hop-Button-danger-border);
900
900
  --spinner-color: var(--hop-Button-danger-spinner-color);
901
901
  }
902
- .Button-module__hop-Button--danger___jYyiQ[data-disabled]:not([data-loading]) {
902
+ .Button-module__hop-Button--danger___q9glA[data-disabled]:not([data-loading]) {
903
903
  --background-color: var(--hop-Button-danger-background-color-disabled);
904
904
  --color: var(--hop-Button-danger-color-disabled);
905
905
  --border: var(--hop-Button-danger-border-disabled);
906
906
  }
907
- .Button-module__hop-Button--danger___jYyiQ[data-hovered]:not([data-disabled], [data-loading]),
908
- .Button-module__hop-Button--danger___jYyiQ[data-focus-visible]:not([data-disabled], [data-loading]) {
907
+ .Button-module__hop-Button--danger___q9glA[data-hovered]:not([data-disabled], [data-loading]),
908
+ .Button-module__hop-Button--danger___q9glA[data-focus-visible]:not([data-disabled], [data-loading]) {
909
909
  --background-color: var(--hop-Button-danger-background-color-hover);
910
910
  --color: var(--hop-Button-danger-color-hover);
911
911
  --border: var(--hop-Button-danger-border-hover);
912
912
  }
913
- .Button-module__hop-Button--danger___jYyiQ[data-pressed]:not([data-loading]) {
913
+ .Button-module__hop-Button--danger___q9glA[data-pressed]:not([data-loading]) {
914
914
  --background-color: var(--hop-Button-danger-background-color-pressed);
915
915
  --color: var(--hop-Button-danger-color-pressed);
916
916
  --border: var(--hop-Button-danger-border-pressed);
917
917
  }
918
- .Button-module__hop-Button--ghost-primary___MHVgd {
918
+ .Button-module__hop-Button--ghost-primary___IOY1A {
919
919
  --background-color: var(--hop-Button-ghost-primary-background-color);
920
920
  --color: var(--hop-Button-ghost-primary-color);
921
921
  --border: var(--hop-Button-ghost-primary-border);
922
922
  --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
923
923
  }
924
- .Button-module__hop-Button--ghost-primary___MHVgd[data-disabled]:not([data-loading]) {
924
+ .Button-module__hop-Button--ghost-primary___IOY1A[data-disabled]:not([data-loading]) {
925
925
  --background-color: var(--hop-Button-ghost-primary-background-color-disabled);
926
926
  --color: var(--hop-Button-ghost-primary-color-disabled);
927
927
  --border: var(--hop-Button-ghost-primary-border-disabled);
928
928
  }
929
- .Button-module__hop-Button--ghost-primary___MHVgd[data-hovered]:not([data-disabled], [data-loading]),
930
- .Button-module__hop-Button--ghost-primary___MHVgd[data-focus-visible]:not([data-disabled], [data-loading]) {
929
+ .Button-module__hop-Button--ghost-primary___IOY1A[data-hovered]:not([data-disabled], [data-loading]),
930
+ .Button-module__hop-Button--ghost-primary___IOY1A[data-focus-visible]:not([data-disabled], [data-loading]) {
931
931
  --background-color: var(--hop-Button-ghost-primary-background-color-hover);
932
932
  --color: var(--hop-Button-ghost-primary-color-hover);
933
933
  --border: var(--hop-Button-ghost-primary-border-hover);
934
934
  }
935
- .Button-module__hop-Button--ghost-primary___MHVgd[data-pressed]:not([data-loading]) {
935
+ .Button-module__hop-Button--ghost-primary___IOY1A[data-pressed]:not([data-loading]) {
936
936
  --background-color: var(--hop-Button-ghost-primary-background-color-pressed);
937
937
  --color: var(--hop-Button-ghost-primary-color-pressed);
938
938
  --border: var(--hop-Button-ghost-primary-border-pressed);
939
939
  }
940
- .Button-module__hop-Button--ghost-secondary___uFHzl {
940
+ .Button-module__hop-Button--ghost-secondary___1kYjS {
941
941
  --background-color: var(--hop-Button-ghost-secondary-background-color);
942
942
  --color: var(--hop-Button-ghost-secondary-color);
943
943
  --border: var(--hop-Button-ghost-secondary-border);
944
944
  --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
945
945
  }
946
- .Button-module__hop-Button--ghost-secondary___uFHzl[data-disabled]:not([data-loading]) {
946
+ .Button-module__hop-Button--ghost-secondary___1kYjS[data-disabled]:not([data-loading]) {
947
947
  --background-color: var(--hop-Button-ghost-secondary-background-color-disabled);
948
948
  --color: var(--hop-Button-ghost-secondary-color-disabled);
949
949
  --border: var(--hop-Button-ghost-secondary-border-disabled);
950
950
  }
951
- .Button-module__hop-Button--ghost-secondary___uFHzl[data-hovered]:not([data-disabled], [data-loading]),
952
- .Button-module__hop-Button--ghost-secondary___uFHzl[data-focus-visible]:not([data-disabled], [data-loading]) {
951
+ .Button-module__hop-Button--ghost-secondary___1kYjS[data-hovered]:not([data-disabled], [data-loading]),
952
+ .Button-module__hop-Button--ghost-secondary___1kYjS[data-focus-visible]:not([data-disabled], [data-loading]) {
953
953
  --background-color: var(--hop-Button-ghost-secondary-background-color-hover);
954
954
  --color: var(--hop-Button-ghost-secondary-color-hover);
955
955
  --border: var(--hop-Button-ghost-secondary-border-hover);
956
956
  }
957
- .Button-module__hop-Button--ghost-secondary___uFHzl[data-pressed]:not([data-loading]) {
957
+ .Button-module__hop-Button--ghost-secondary___1kYjS[data-pressed]:not([data-loading]) {
958
958
  --background-color: var(--hop-Button-ghost-secondary-background-color-pressed);
959
959
  --color: var(--hop-Button-ghost-secondary-color-pressed);
960
960
  --border: var(--hop-Button-ghost-secondary-border-pressed);
961
961
  }
962
- .Button-module__hop-Button--ghost-danger___wYJWN {
962
+ .Button-module__hop-Button--ghost-danger___aTh5- {
963
963
  --background-color: var(--hop-Button-ghost-danger-background-color);
964
964
  --color: var(--hop-Button-ghost-danger-color);
965
965
  --border: var(--hop-Button-ghost-danger-border);
966
966
  --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
967
967
  }
968
- .Button-module__hop-Button--ghost-danger___wYJWN[data-disabled]:not([data-loading]) {
968
+ .Button-module__hop-Button--ghost-danger___aTh5-[data-disabled]:not([data-loading]) {
969
969
  --background-color: var(--hop-Button-ghost-danger-background-color-disabled);
970
970
  --color: var(--hop-Button-ghost-danger-color-disabled);
971
971
  --border: var(--hop-Button-ghost-danger-border-disabled);
972
972
  }
973
- .Button-module__hop-Button--ghost-danger___wYJWN[data-hovered]:not([data-disabled], [data-loading]),
974
- .Button-module__hop-Button--ghost-danger___wYJWN[data-focus-visible]:not([data-disabled], [data-loading]) {
973
+ .Button-module__hop-Button--ghost-danger___aTh5-[data-hovered]:not([data-disabled], [data-loading]),
974
+ .Button-module__hop-Button--ghost-danger___aTh5-[data-focus-visible]:not([data-disabled], [data-loading]) {
975
975
  --background-color: var(--hop-Button-ghost-danger-background-color-hover);
976
976
  --color: var(--hop-Button-ghost-danger-color-hover);
977
977
  --border: var(--hop-Button-ghost-danger-border-hover);
978
978
  }
979
- .Button-module__hop-Button--ghost-danger___wYJWN[data-pressed]:not([data-loading]) {
979
+ .Button-module__hop-Button--ghost-danger___aTh5-[data-pressed]:not([data-loading]) {
980
980
  --background-color: var(--hop-Button-ghost-danger-background-color-pressed);
981
981
  --color: var(--hop-Button-ghost-danger-color-pressed);
982
982
  --border: var(--hop-Button-ghost-danger-border-pressed);
983
983
  }
984
- .Button-module__hop-Button__Spinner___ZS3kZ {
984
+ .Button-module__hop-Button__Spinner___sqg8M {
985
985
  position: absolute;
986
986
  justify-self: center;
987
987
  color: var(--spinner-color);
988
988
  }
989
- .Button-module__hop-Button__icon___Sdj-F,
990
- .Button-module__hop-Button__icon-list___EegTX {
989
+ .Button-module__hop-Button__icon___L7LNK,
990
+ .Button-module__hop-Button__icon-list___x-QI9 {
991
991
  grid-area: start-icon;
992
992
  justify-self: end;
993
993
  }
994
- .Button-module__hop-Button__text___RmSoN {
994
+ .Button-module__hop-Button__text___-kpPV {
995
995
  user-select: none;
996
996
  overflow: visible;
997
997
  grid-area: content;
998
998
  font-weight: var(--hop-font-weight-505);
999
999
  text-wrap: nowrap;
1000
1000
  }
1001
- .Button-module__hop-Button--ghost-primary___MHVgd[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___RmSoN,
1002
- .Button-module__hop-Button--ghost-secondary___uFHzl[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___RmSoN,
1003
- .Button-module__hop-Button--ghost-danger___wYJWN[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___RmSoN,
1004
- .Button-module__hop-Button--ghost-primary___MHVgd[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___RmSoN,
1005
- .Button-module__hop-Button--ghost-secondary___uFHzl[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___RmSoN,
1006
- .Button-module__hop-Button--ghost-danger___wYJWN[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___RmSoN,
1007
- .Button-module__hop-Button--ghost-primary___MHVgd[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___RmSoN,
1008
- .Button-module__hop-Button--ghost-secondary___uFHzl[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___RmSoN,
1009
- .Button-module__hop-Button--ghost-danger___wYJWN[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___RmSoN {
1001
+ .Button-module__hop-Button--ghost-primary___IOY1A[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___-kpPV,
1002
+ .Button-module__hop-Button--ghost-secondary___1kYjS[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___-kpPV,
1003
+ .Button-module__hop-Button--ghost-danger___aTh5-[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___-kpPV,
1004
+ .Button-module__hop-Button--ghost-primary___IOY1A[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___-kpPV,
1005
+ .Button-module__hop-Button--ghost-secondary___1kYjS[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___-kpPV,
1006
+ .Button-module__hop-Button--ghost-danger___aTh5-[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___-kpPV,
1007
+ .Button-module__hop-Button--ghost-primary___IOY1A[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___-kpPV,
1008
+ .Button-module__hop-Button--ghost-secondary___1kYjS[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___-kpPV,
1009
+ .Button-module__hop-Button--ghost-danger___aTh5-[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___-kpPV {
1010
1010
  text-decoration: underline;
1011
1011
  text-underline-offset: 0.125rem;
1012
1012
  }
1013
- .Button-module__hop-Button__end-icon___wquAL,
1014
- .Button-module__hop-Button__end-icon-list___horek {
1013
+ .Button-module__hop-Button__end-icon___UciS2,
1014
+ .Button-module__hop-Button__end-icon-list___sxG7a {
1015
1015
  grid-area: end-icon;
1016
1016
  }
1017
- .Button-module__hop-Button___Fcu-c .Button-module__hop-Button__icon-list___EegTX,
1018
- .Button-module__hop-Button___Fcu-c .Button-module__hop-Button__end-icon-list___horek {
1017
+ .Button-module__hop-Button___K3ym3 .Button-module__hop-Button__icon-list___x-QI9,
1018
+ .Button-module__hop-Button___K3ym3 .Button-module__hop-Button__end-icon-list___sxG7a {
1019
1019
  flex-wrap: nowrap;
1020
1020
  }
1021
- .Button-module__hop-Button___Fcu-c[data-loading] > *:not(.Button-module__hop-Button__Spinner___ZS3kZ) {
1021
+ .Button-module__hop-Button___K3ym3[data-loading] > *:not(.Button-module__hop-Button__Spinner___sqg8M) {
1022
1022
  opacity: 0;
1023
1023
  }
1024
1024
 
1025
1025
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/ButtonGroup.module.css/#css-module-data */
1026
- .ButtonGroup-module__hop-ButtonGroup___kSLW4 {
1026
+ .ButtonGroup-module__hop-ButtonGroup___ljAzp {
1027
1027
  display: inline-flex;
1028
1028
  flex-wrap: nowrap;
1029
1029
  gap: var(--hop-space-inline-md);
1030
1030
  }
1031
- .ButtonGroup-module__hop-ButtonGroup--horizontal___U50CB {
1031
+ .ButtonGroup-module__hop-ButtonGroup--horizontal___Abfho {
1032
1032
  justify-content: center;
1033
1033
  }
1034
- .ButtonGroup-module__hop-ButtonGroup--vertical___ciNua {
1034
+ .ButtonGroup-module__hop-ButtonGroup--vertical___OqEww {
1035
1035
  flex-direction: column;
1036
1036
  gap: var(--hop-space-stack-md);
1037
1037
  align-items: center;
1038
1038
  }
1039
- .ButtonGroup-module__hop-ButtonGroup--start___Y4s0m.ButtonGroup-module__hop-ButtonGroup--vertical___ciNua {
1039
+ .ButtonGroup-module__hop-ButtonGroup--start___OukR6.ButtonGroup-module__hop-ButtonGroup--vertical___OqEww {
1040
1040
  align-items: flex-start;
1041
1041
  }
1042
- .ButtonGroup-module__hop-ButtonGroup--center___4hxxw.ButtonGroup-module__hop-ButtonGroup--vertical___ciNua {
1042
+ .ButtonGroup-module__hop-ButtonGroup--center___IQpCx.ButtonGroup-module__hop-ButtonGroup--vertical___OqEww {
1043
1043
  align-items: center;
1044
1044
  }
1045
- .ButtonGroup-module__hop-ButtonGroup--end___7aU6K.ButtonGroup-module__hop-ButtonGroup--vertical___ciNua {
1045
+ .ButtonGroup-module__hop-ButtonGroup--end___X3w6d.ButtonGroup-module__hop-ButtonGroup--vertical___OqEww {
1046
1046
  align-items: flex-end;
1047
1047
  }
1048
- .ButtonGroup-module__hop-ButtonGroup--start___Y4s0m.ButtonGroup-module__hop-ButtonGroup--horizontal___U50CB {
1048
+ .ButtonGroup-module__hop-ButtonGroup--start___OukR6.ButtonGroup-module__hop-ButtonGroup--horizontal___Abfho {
1049
1049
  justify-content: flex-start;
1050
1050
  }
1051
- .ButtonGroup-module__hop-ButtonGroup--center___4hxxw.ButtonGroup-module__hop-ButtonGroup--horizontal___U50CB {
1051
+ .ButtonGroup-module__hop-ButtonGroup--center___IQpCx.ButtonGroup-module__hop-ButtonGroup--horizontal___Abfho {
1052
1052
  justify-content: center;
1053
1053
  }
1054
- .ButtonGroup-module__hop-ButtonGroup--end___7aU6K.ButtonGroup-module__hop-ButtonGroup--horizontal___U50CB {
1054
+ .ButtonGroup-module__hop-ButtonGroup--end___X3w6d.ButtonGroup-module__hop-ButtonGroup--horizontal___Abfho {
1055
1055
  justify-content: flex-end;
1056
1056
  }
1057
- .ButtonGroup-module__hop-ButtonGroup--wrap___Vjmju {
1057
+ .ButtonGroup-module__hop-ButtonGroup--wrap___1qIJb {
1058
1058
  flex-wrap: wrap;
1059
1059
  }
1060
- .ButtonGroup-module__hop-ButtonGroup--fluid___rp20- {
1060
+ .ButtonGroup-module__hop-ButtonGroup--fluid___IG-BL {
1061
1061
  inline-size: 100%;
1062
1062
  }
1063
1063
 
1064
1064
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/EmbeddedButton.module.css/#css-module-data */
1065
- .EmbeddedButton-module__hop-EmbeddedButton___E0eMm {
1065
+ .EmbeddedButton-module__hop-EmbeddedButton___YBC3D {
1066
1066
  --hop-EmbeddedButton-border-radius: var(--hop-shape-rounded-md);
1067
1067
  --hop-EmbeddedButton-focus-ring-color: var(--hop-primary-border-focus);
1068
1068
  --hop-EmbeddedButton-effect-border-radius: var(--hop-shape-circle);
@@ -1226,7 +1226,7 @@
1226
1226
  outline: none;
1227
1227
  transition: color var(--transition);
1228
1228
  }
1229
- .EmbeddedButton-module__hop-EmbeddedButton___E0eMm::before {
1229
+ .EmbeddedButton-module__hop-EmbeddedButton___YBC3D::before {
1230
1230
  content: "";
1231
1231
  position: absolute;
1232
1232
  inset-block-start: 50%;
@@ -1239,284 +1239,284 @@
1239
1239
  border-radius: var(--effect-border-radius);
1240
1240
  transition: background-color var(--transition);
1241
1241
  }
1242
- .EmbeddedButton-module__hop-EmbeddedButton___E0eMm[data-square] {
1242
+ .EmbeddedButton-module__hop-EmbeddedButton___YBC3D[data-square] {
1243
1243
  --effect-border-radius: var(--hop-EmbeddedButton-effect-square-border-radius);
1244
1244
  }
1245
- .EmbeddedButton-module__hop-EmbeddedButton--md___xkVZg {
1245
+ .EmbeddedButton-module__hop-EmbeddedButton--md___Rs4tp {
1246
1246
  --inline-size: var(--hop-EmbeddedButton-md-width);
1247
1247
  --block-size: var(--hop-EmbeddedButton-md-height);
1248
1248
  --focus-ring-offset: calc(-1 * var(--focus-ring-size));
1249
1249
  }
1250
- .EmbeddedButton-module__hop-EmbeddedButton--lg___5Kav9 {
1250
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___YwvCW {
1251
1251
  --inline-size: var(--hop-EmbeddedButton-lg-width);
1252
1252
  --block-size: var(--hop-EmbeddedButton-lg-height);
1253
1253
  --focus-ring-offset: 0;
1254
1254
  }
1255
- .EmbeddedButton-module__hop-EmbeddedButton--md___xkVZg::before {
1255
+ .EmbeddedButton-module__hop-EmbeddedButton--md___Rs4tp::before {
1256
1256
  --effect-inline-size: var(--hop-EmbeddedButton-md-effect-width);
1257
1257
  --effect-block-size: var(--hop-EmbeddedButton-md-effect-height);
1258
1258
  }
1259
- .EmbeddedButton-module__hop-EmbeddedButton--lg___5Kav9::before {
1259
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___YwvCW::before {
1260
1260
  --effect-inline-size: var(--hop-EmbeddedButton-lg-effect-width);
1261
1261
  --effect-block-size: var(--hop-EmbeddedButton-lg-effect-height);
1262
1262
  }
1263
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___ajUcs {
1263
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___Jtjyx {
1264
1264
  --color: var(--hop-EmbeddedButton-neutral-color);
1265
1265
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color);
1266
1266
  }
1267
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___cwnSs {
1267
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___-wVtZ {
1268
1268
  --color: var(--hop-EmbeddedButton-subdued-color);
1269
1269
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color);
1270
1270
  }
1271
- .EmbeddedButton-module__hop-EmbeddedButton--progress___s7a7s {
1271
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___jHfJc {
1272
1272
  --color: var(--hop-EmbeddedButton-progress-color);
1273
1273
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color);
1274
1274
  }
1275
- .EmbeddedButton-module__hop-EmbeddedButton--positive___LLvub {
1275
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___G16Zj {
1276
1276
  --color: var(--hop-EmbeddedButton-positive-color);
1277
1277
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color);
1278
1278
  }
1279
- .EmbeddedButton-module__hop-EmbeddedButton--caution___bPiLi {
1279
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___pm3Jd {
1280
1280
  --color: var(--hop-EmbeddedButton-caution-color);
1281
1281
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color);
1282
1282
  }
1283
- .EmbeddedButton-module__hop-EmbeddedButton--negative___4PTxb {
1283
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___3a9x9 {
1284
1284
  --color: var(--hop-EmbeddedButton-negative-color);
1285
1285
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color);
1286
1286
  }
1287
- .EmbeddedButton-module__hop-EmbeddedButton--option1___n0kJr {
1287
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___5FenL {
1288
1288
  --color: var(--hop-EmbeddedButton-option1-color);
1289
1289
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color);
1290
1290
  }
1291
- .EmbeddedButton-module__hop-EmbeddedButton--option2___DwiLN {
1291
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___ZYpJI {
1292
1292
  --color: var(--hop-EmbeddedButton-option2-color);
1293
1293
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color);
1294
1294
  }
1295
- .EmbeddedButton-module__hop-EmbeddedButton--option3___n998V {
1295
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___109L4 {
1296
1296
  --color: var(--hop-EmbeddedButton-option3-color);
1297
1297
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color);
1298
1298
  }
1299
- .EmbeddedButton-module__hop-EmbeddedButton--option4___8k6t0 {
1299
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___iWMIa {
1300
1300
  --color: var(--hop-EmbeddedButton-option4-color);
1301
1301
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color);
1302
1302
  }
1303
- .EmbeddedButton-module__hop-EmbeddedButton--option5___Eibu- {
1303
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___-1kkv {
1304
1304
  --color: var(--hop-EmbeddedButton-option5-color);
1305
1305
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color);
1306
1306
  }
1307
- .EmbeddedButton-module__hop-EmbeddedButton--option6___ppEiw {
1307
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___MSz3N {
1308
1308
  --color: var(--hop-EmbeddedButton-option6-color);
1309
1309
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color);
1310
1310
  }
1311
- .EmbeddedButton-module__hop-EmbeddedButton___E0eMm[data-selected] {
1311
+ .EmbeddedButton-module__hop-EmbeddedButton___YBC3D[data-selected] {
1312
1312
  --color: var(--hop-EmbeddedButton-selected-color);
1313
1313
  --effect-background-color: var(--hop-EmbeddedButton-selected-effect-background-color);
1314
1314
  }
1315
- .EmbeddedButton-module__hop-EmbeddedButton___E0eMm[data-focus-visible] {
1315
+ .EmbeddedButton-module__hop-EmbeddedButton___YBC3D[data-focus-visible] {
1316
1316
  outline: var(--focus-ring-size) solid var(--hop-EmbeddedButton-focus-ring-color);
1317
1317
  outline-offset: var(--focus-ring-offset);
1318
1318
  }
1319
- .EmbeddedButton-module__hop-EmbeddedButton___E0eMm[data-disabled] {
1319
+ .EmbeddedButton-module__hop-EmbeddedButton___YBC3D[data-disabled] {
1320
1320
  cursor: not-allowed;
1321
1321
  }
1322
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___ajUcs[data-hovered] {
1322
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___Jtjyx[data-hovered] {
1323
1323
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-hovered);
1324
1324
  --color: var(--hop-EmbeddedButton-neutral-color-hovered);
1325
1325
  }
1326
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___ajUcs[data-focus-visible] {
1326
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___Jtjyx[data-focus-visible] {
1327
1327
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-focused);
1328
1328
  --color: var(--hop-EmbeddedButton-neutral-color-focused);
1329
1329
  }
1330
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___ajUcs[data-pressed] {
1330
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___Jtjyx[data-pressed] {
1331
1331
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-pressed);
1332
1332
  --color: var(--hop-EmbeddedButton-neutral-color-pressed);
1333
1333
  }
1334
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___ajUcs[data-disabled] {
1334
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___Jtjyx[data-disabled] {
1335
1335
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-disabled);
1336
1336
  --color: var(--hop-EmbeddedButton-neutral-color-disabled);
1337
1337
  }
1338
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___cwnSs[data-hovered] {
1338
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___-wVtZ[data-hovered] {
1339
1339
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-hovered);
1340
1340
  --color: var(--hop-EmbeddedButton-subdued-color-hovered);
1341
1341
  }
1342
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___cwnSs[data-focus-visible] {
1342
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___-wVtZ[data-focus-visible] {
1343
1343
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-focused);
1344
1344
  --color: var(--hop-EmbeddedButton-subdued-color-focused);
1345
1345
  }
1346
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___cwnSs[data-pressed] {
1346
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___-wVtZ[data-pressed] {
1347
1347
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-pressed);
1348
1348
  --color: var(--hop-EmbeddedButton-subdued-color-pressed);
1349
1349
  }
1350
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___cwnSs[data-disabled] {
1350
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___-wVtZ[data-disabled] {
1351
1351
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-disabled);
1352
1352
  --color: var(--hop-EmbeddedButton-subdued-color-disabled);
1353
1353
  }
1354
- .EmbeddedButton-module__hop-EmbeddedButton--progress___s7a7s[data-hovered] {
1354
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___jHfJc[data-hovered] {
1355
1355
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-hovered);
1356
1356
  --color: var(--hop-EmbeddedButton-progress-color-hovered);
1357
1357
  }
1358
- .EmbeddedButton-module__hop-EmbeddedButton--progress___s7a7s[data-focus-visible] {
1358
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___jHfJc[data-focus-visible] {
1359
1359
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-focused);
1360
1360
  --color: var(--hop-EmbeddedButton-progress-color-focused);
1361
1361
  }
1362
- .EmbeddedButton-module__hop-EmbeddedButton--progress___s7a7s[data-pressed] {
1362
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___jHfJc[data-pressed] {
1363
1363
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-pressed);
1364
1364
  --color: var(--hop-EmbeddedButton-progress-color-pressed);
1365
1365
  }
1366
- .EmbeddedButton-module__hop-EmbeddedButton--progress___s7a7s[data-disabled] {
1366
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___jHfJc[data-disabled] {
1367
1367
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-disabled);
1368
1368
  --color: var(--hop-EmbeddedButton-progress-color-disabled);
1369
1369
  }
1370
- .EmbeddedButton-module__hop-EmbeddedButton--positive___LLvub[data-hovered] {
1370
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___G16Zj[data-hovered] {
1371
1371
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-hovered);
1372
1372
  --color: var(--hop-EmbeddedButton-positive-color-hovered);
1373
1373
  }
1374
- .EmbeddedButton-module__hop-EmbeddedButton--positive___LLvub[data-focus-visible] {
1374
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___G16Zj[data-focus-visible] {
1375
1375
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-focused);
1376
1376
  --color: var(--hop-EmbeddedButton-positive-color-focused);
1377
1377
  }
1378
- .EmbeddedButton-module__hop-EmbeddedButton--positive___LLvub[data-pressed] {
1378
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___G16Zj[data-pressed] {
1379
1379
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-pressed);
1380
1380
  --color: var(--hop-EmbeddedButton-positive-color-pressed);
1381
1381
  }
1382
- .EmbeddedButton-module__hop-EmbeddedButton--positive___LLvub[data-disabled] {
1382
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___G16Zj[data-disabled] {
1383
1383
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-disabled);
1384
1384
  --color: var(--hop-EmbeddedButton-positive-color-disabled);
1385
1385
  }
1386
- .EmbeddedButton-module__hop-EmbeddedButton--caution___bPiLi[data-hovered] {
1386
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___pm3Jd[data-hovered] {
1387
1387
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-hovered);
1388
1388
  --color: var(--hop-EmbeddedButton-caution-color-hovered);
1389
1389
  }
1390
- .EmbeddedButton-module__hop-EmbeddedButton--caution___bPiLi[data-focus-visible] {
1390
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___pm3Jd[data-focus-visible] {
1391
1391
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-focused);
1392
1392
  --color: var(--hop-EmbeddedButton-caution-color-focused);
1393
1393
  }
1394
- .EmbeddedButton-module__hop-EmbeddedButton--caution___bPiLi[data-pressed] {
1394
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___pm3Jd[data-pressed] {
1395
1395
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-pressed);
1396
1396
  --color: var(--hop-EmbeddedButton-caution-color-pressed);
1397
1397
  }
1398
- .EmbeddedButton-module__hop-EmbeddedButton--caution___bPiLi[data-disabled] {
1398
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___pm3Jd[data-disabled] {
1399
1399
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-disabled);
1400
1400
  --color: var(--hop-EmbeddedButton-caution-color-disabled);
1401
1401
  }
1402
- .EmbeddedButton-module__hop-EmbeddedButton--negative___4PTxb[data-hovered] {
1402
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___3a9x9[data-hovered] {
1403
1403
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-hovered);
1404
1404
  --color: var(--hop-EmbeddedButton-negative-color-hovered);
1405
1405
  }
1406
- .EmbeddedButton-module__hop-EmbeddedButton--negative___4PTxb[data-focus-visible] {
1406
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___3a9x9[data-focus-visible] {
1407
1407
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-focused);
1408
1408
  --color: var(--hop-EmbeddedButton-negative-color-focused);
1409
1409
  }
1410
- .EmbeddedButton-module__hop-EmbeddedButton--negative___4PTxb[data-pressed] {
1410
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___3a9x9[data-pressed] {
1411
1411
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-pressed);
1412
1412
  --color: var(--hop-EmbeddedButton-negative-color-pressed);
1413
1413
  }
1414
- .EmbeddedButton-module__hop-EmbeddedButton--negative___4PTxb[data-disabled] {
1414
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___3a9x9[data-disabled] {
1415
1415
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-disabled);
1416
1416
  --color: var(--hop-EmbeddedButton-negative-color-disabled);
1417
1417
  }
1418
- .EmbeddedButton-module__hop-EmbeddedButton--option1___n0kJr[data-hovered] {
1418
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___5FenL[data-hovered] {
1419
1419
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-hovered);
1420
1420
  --color: var(--hop-EmbeddedButton-option1-color-hovered);
1421
1421
  }
1422
- .EmbeddedButton-module__hop-EmbeddedButton--option1___n0kJr[data-focus-visible] {
1422
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___5FenL[data-focus-visible] {
1423
1423
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-focused);
1424
1424
  --color: var(--hop-EmbeddedButton-option1-color-focused);
1425
1425
  }
1426
- .EmbeddedButton-module__hop-EmbeddedButton--option1___n0kJr[data-pressed] {
1426
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___5FenL[data-pressed] {
1427
1427
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-pressed);
1428
1428
  --color: var(--hop-EmbeddedButton-option1-color-pressed);
1429
1429
  }
1430
- .EmbeddedButton-module__hop-EmbeddedButton--option1___n0kJr[data-disabled] {
1430
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___5FenL[data-disabled] {
1431
1431
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-disabled);
1432
1432
  --color: var(--hop-EmbeddedButton-option1-color-disabled);
1433
1433
  }
1434
- .EmbeddedButton-module__hop-EmbeddedButton--option2___DwiLN[data-hovered] {
1434
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___ZYpJI[data-hovered] {
1435
1435
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-hovered);
1436
1436
  --color: var(--hop-EmbeddedButton-option2-color-hovered);
1437
1437
  }
1438
- .EmbeddedButton-module__hop-EmbeddedButton--option2___DwiLN[data-focus-visible] {
1438
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___ZYpJI[data-focus-visible] {
1439
1439
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-focused);
1440
1440
  --color: var(--hop-EmbeddedButton-option2-color-focused);
1441
1441
  }
1442
- .EmbeddedButton-module__hop-EmbeddedButton--option2___DwiLN[data-pressed] {
1442
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___ZYpJI[data-pressed] {
1443
1443
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-pressed);
1444
1444
  --color: var(--hop-EmbeddedButton-option2-color-pressed);
1445
1445
  }
1446
- .EmbeddedButton-module__hop-EmbeddedButton--option2___DwiLN[data-disabled] {
1446
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___ZYpJI[data-disabled] {
1447
1447
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-disabled);
1448
1448
  --color: var(--hop-EmbeddedButton-option2-color-disabled);
1449
1449
  }
1450
- .EmbeddedButton-module__hop-EmbeddedButton--option3___n998V[data-hovered] {
1450
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___109L4[data-hovered] {
1451
1451
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-hovered);
1452
1452
  --color: var(--hop-EmbeddedButton-option3-color-hovered);
1453
1453
  }
1454
- .EmbeddedButton-module__hop-EmbeddedButton--option3___n998V[data-focus-visible] {
1454
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___109L4[data-focus-visible] {
1455
1455
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-focused);
1456
1456
  --color: var(--hop-EmbeddedButton-option3-color-focused);
1457
1457
  }
1458
- .EmbeddedButton-module__hop-EmbeddedButton--option3___n998V[data-pressed] {
1458
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___109L4[data-pressed] {
1459
1459
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-pressed);
1460
1460
  --color: var(--hop-EmbeddedButton-option3-color-pressed);
1461
1461
  }
1462
- .EmbeddedButton-module__hop-EmbeddedButton--option3___n998V[data-disabled] {
1462
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___109L4[data-disabled] {
1463
1463
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-disabled);
1464
1464
  --color: var(--hop-EmbeddedButton-option3-color-disabled);
1465
1465
  }
1466
- .EmbeddedButton-module__hop-EmbeddedButton--option4___8k6t0[data-hovered] {
1466
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___iWMIa[data-hovered] {
1467
1467
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-hovered);
1468
1468
  --color: var(--hop-EmbeddedButton-option4-color-hovered);
1469
1469
  }
1470
- .EmbeddedButton-module__hop-EmbeddedButton--option4___8k6t0[data-focus-visible] {
1470
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___iWMIa[data-focus-visible] {
1471
1471
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-focused);
1472
1472
  --color: var(--hop-EmbeddedButton-option4-color-focused);
1473
1473
  }
1474
- .EmbeddedButton-module__hop-EmbeddedButton--option4___8k6t0[data-pressed] {
1474
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___iWMIa[data-pressed] {
1475
1475
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-pressed);
1476
1476
  --color: var(--hop-EmbeddedButton-option4-color-pressed);
1477
1477
  }
1478
- .EmbeddedButton-module__hop-EmbeddedButton--option4___8k6t0[data-disabled] {
1478
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___iWMIa[data-disabled] {
1479
1479
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-disabled);
1480
1480
  --color: var(--hop-EmbeddedButton-option4-color-disabled);
1481
1481
  }
1482
- .EmbeddedButton-module__hop-EmbeddedButton--option5___Eibu-[data-hovered] {
1482
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___-1kkv[data-hovered] {
1483
1483
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-hovered);
1484
1484
  --color: var(--hop-EmbeddedButton-option5-color-hovered);
1485
1485
  }
1486
- .EmbeddedButton-module__hop-EmbeddedButton--option5___Eibu-[data-focus-visible] {
1486
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___-1kkv[data-focus-visible] {
1487
1487
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-focused);
1488
1488
  --color: var(--hop-EmbeddedButton-option5-color-focused);
1489
1489
  }
1490
- .EmbeddedButton-module__hop-EmbeddedButton--option5___Eibu-[data-pressed] {
1490
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___-1kkv[data-pressed] {
1491
1491
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-pressed);
1492
1492
  --color: var(--hop-EmbeddedButton-option5-color-pressed);
1493
1493
  }
1494
- .EmbeddedButton-module__hop-EmbeddedButton--option5___Eibu-[data-disabled] {
1494
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___-1kkv[data-disabled] {
1495
1495
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-disabled);
1496
1496
  --color: var(--hop-EmbeddedButton-option5-color-disabled);
1497
1497
  }
1498
- .EmbeddedButton-module__hop-EmbeddedButton--option6___ppEiw[data-hovered] {
1498
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___MSz3N[data-hovered] {
1499
1499
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-hovered);
1500
1500
  --color: var(--hop-EmbeddedButton-option6-color-hovered);
1501
1501
  }
1502
- .EmbeddedButton-module__hop-EmbeddedButton--option6___ppEiw[data-focus-visible] {
1502
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___MSz3N[data-focus-visible] {
1503
1503
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-focused);
1504
1504
  --color: var(--hop-EmbeddedButton-option6-color-focused);
1505
1505
  }
1506
- .EmbeddedButton-module__hop-EmbeddedButton--option6___ppEiw[data-pressed] {
1506
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___MSz3N[data-pressed] {
1507
1507
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-pressed);
1508
1508
  --color: var(--hop-EmbeddedButton-option6-color-pressed);
1509
1509
  }
1510
- .EmbeddedButton-module__hop-EmbeddedButton--option6___ppEiw[data-disabled] {
1510
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___MSz3N[data-disabled] {
1511
1511
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-disabled);
1512
1512
  --color: var(--hop-EmbeddedButton-option6-color-disabled);
1513
1513
  }
1514
- .EmbeddedButton-module__hop-EmbeddedButton__icon___f6Xg9 {
1514
+ .EmbeddedButton-module__hop-EmbeddedButton__icon___VS2-c {
1515
1515
  position: relative;
1516
1516
  }
1517
1517
 
1518
1518
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/Checkbox.module.css/#css-module-data */
1519
- .Checkbox-module__hop-Checkbox___cWlbl {
1519
+ .Checkbox-module__hop-Checkbox___GSPIK {
1520
1520
  --hop-Checkbox-box-border-size: 0.0625rem;
1521
1521
  --hop-Checkbox-box-border-color: var(--hop-neutral-border);
1522
1522
  --hop-Checkbox-box-background-color: var(--hop-neutral-surface);
@@ -1591,63 +1591,60 @@
1591
1591
  inline-size: max-content;
1592
1592
  max-inline-size: 100%;
1593
1593
  }
1594
- .Checkbox-module__hop-Checkbox___cWlbl[data-focus-visible],
1595
- .Checkbox-module__hop-Checkbox--focused___gEbF2 {
1594
+ .Checkbox-module__hop-Checkbox___GSPIK[data-focus-visible] {
1596
1595
  --box-background-color: var(--hop-Checkbox-box-background-color-focused);
1597
1596
  --box-border-color: var(--hop-Checkbox-box-border-color-focused);
1598
1597
  --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
1599
1598
  --text-color: var(--hop-Checkbox-text-color-focused);
1600
1599
  --icon-color: var(--hop-Checkbox-icon-color-focused);
1601
1600
  }
1602
- .Checkbox-module__hop-Checkbox___cWlbl[data-hovered],
1603
- .Checkbox-module__hop-Checkbox--hovered___ir6t9 {
1601
+ .Checkbox-module__hop-Checkbox___GSPIK[data-hovered] {
1604
1602
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered);
1605
1603
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered);
1606
1604
  --text-color: var(--hop-Checkbox-text-color-hovered);
1607
1605
  --icon-color: var(--hop-Checkbox-icon-color-hovered);
1608
1606
  }
1609
- .Checkbox-module__hop-Checkbox___cWlbl[data-pressed],
1610
- .Checkbox-module__hop-Checkbox--pressed___N2aJq {
1607
+ .Checkbox-module__hop-Checkbox___GSPIK[data-pressed] {
1611
1608
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed);
1612
1609
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed);
1613
1610
  --text-color: var(--hop-Checkbox-text-color-pressed);
1614
1611
  --icon-color: var(--hop-Checkbox-icon-color-pressed);
1615
1612
  }
1616
- .Checkbox-module__hop-Checkbox___cWlbl[data-selected] {
1613
+ .Checkbox-module__hop-Checkbox___GSPIK[data-selected] {
1617
1614
  --box-background-color: var(--hop-Checkbox-box-background-color-selected);
1618
1615
  --box-border-color: var(--hop-Checkbox-box-border-color-selected);
1619
1616
  --check-display: var(--hop-Checkbox-check-display-selected);
1620
1617
  --text-color: var(--hop-Checkbox-text-color-selected);
1621
1618
  --icon-color: var(--hop-Checkbox-icon-color-selected);
1622
1619
  }
1623
- .Checkbox-module__hop-Checkbox___cWlbl[data-invalid] {
1620
+ .Checkbox-module__hop-Checkbox___GSPIK[data-invalid] {
1624
1621
  --box-background-color: var(--hop-Checkbox-box-background-color-invalid);
1625
1622
  --box-border-color: var(--hop-Checkbox-box-border-color-invalid);
1626
1623
  --check-color: var(--hop-Checkbox-check-color-invalid);
1627
1624
  --text-color: var(--hop-Checkbox-text-color-invalid);
1628
1625
  --icon-color: var(--hop-Checkbox-icon-color-invalid);
1629
1626
  }
1630
- .Checkbox-module__hop-Checkbox___cWlbl[data-invalid]:where([data-focus-visible], .Checkbox-module__hop-Checkbox--focused___gEbF2) {
1627
+ .Checkbox-module__hop-Checkbox___GSPIK[data-invalid]:where([data-focus-visible]) {
1631
1628
  --box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
1632
1629
  --box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
1633
1630
  }
1634
- .Checkbox-module__hop-Checkbox___cWlbl[data-invalid]:where([data-hovered], .Checkbox-module__hop-Checkbox--hovered___ir6t9) {
1631
+ .Checkbox-module__hop-Checkbox___GSPIK[data-invalid]:where([data-hovered]) {
1635
1632
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
1636
1633
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
1637
1634
  --text-color: var(--hop-Checkbox-text-color-hovered-invalid);
1638
1635
  --icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
1639
1636
  }
1640
- .Checkbox-module__hop-Checkbox___cWlbl[data-invalid]:where([data-pressed], .Checkbox-module__hop-Checkbox--pressed___N2aJq) {
1637
+ .Checkbox-module__hop-Checkbox___GSPIK[data-invalid]:where([data-pressed]) {
1641
1638
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
1642
1639
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
1643
1640
  --text-color: var(--hop-Checkbox-text-color-pressed-invalid);
1644
1641
  --icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
1645
1642
  }
1646
- .Checkbox-module__hop-Checkbox___cWlbl:where([data-invalid])[data-selected] {
1643
+ .Checkbox-module__hop-Checkbox___GSPIK:where([data-invalid])[data-selected] {
1647
1644
  --box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
1648
1645
  --box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
1649
1646
  }
1650
- .Checkbox-module__hop-Checkbox___cWlbl[data-disabled] {
1647
+ .Checkbox-module__hop-Checkbox___GSPIK[data-disabled] {
1651
1648
  --box-background-color: var(--hop-Checkbox-box-background-color-disabled);
1652
1649
  --box-border-color: var(--hop-Checkbox-box-border-color-disabled);
1653
1650
  --check-color: var(--hop-Checkbox-check-color-disabled);
@@ -1655,25 +1652,25 @@
1655
1652
  --text-color: var(--hop-Checkbox-text-color-disabled);
1656
1653
  --icon-color: var(--hop-Checkbox-icon-color-disabled);
1657
1654
  }
1658
- .Checkbox-module__hop-Checkbox--sm___pMwW2 {
1655
+ .Checkbox-module__hop-Checkbox--sm___JphZG {
1659
1656
  --box-block-size: var(--hop-Checkbox-box-sm-block-size);
1660
1657
  --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
1661
1658
  --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
1662
1659
  --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
1663
1660
  }
1664
- .Checkbox-module__hop-Checkbox--md___4WPQo {
1661
+ .Checkbox-module__hop-Checkbox--md___jLVff {
1665
1662
  --box-block-size: var(--hop-Checkbox-box-md-block-size);
1666
1663
  --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
1667
1664
  --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
1668
1665
  --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
1669
1666
  }
1670
- .Checkbox-module__hop-Checkbox__icon___59VCs,
1671
- .Checkbox-module__hop-Checkbox__icon-list___RFXui {
1667
+ .Checkbox-module__hop-Checkbox__icon___fJaiP,
1668
+ .Checkbox-module__hop-Checkbox__icon-list___V-ilU {
1672
1669
  flex: 0 0 auto;
1673
1670
  order: 3;
1674
1671
  color: var(--icon-color);
1675
1672
  }
1676
- .Checkbox-module__hop-Checkbox__box___r09CN {
1673
+ .Checkbox-module__hop-Checkbox__box___5d1PK {
1677
1674
  display: flex;
1678
1675
  flex: 0 0 auto;
1679
1676
  align-items: center;
@@ -1689,11 +1686,11 @@
1689
1686
  outline-offset: 0.125rem;
1690
1687
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
1691
1688
  }
1692
- .Checkbox-module__hop-Checkbox__check___UFiZv {
1689
+ .Checkbox-module__hop-Checkbox__check___qdDwU {
1693
1690
  display: var(--check-display);
1694
1691
  color: var(--check-color);
1695
1692
  }
1696
- .Checkbox-module__hop-Checkbox__text___q-0g- {
1693
+ .Checkbox-module__hop-Checkbox__text___padJa {
1697
1694
  flex: 0 1 auto;
1698
1695
  order: 2;
1699
1696
  min-inline-size: 0;
@@ -1703,7 +1700,7 @@
1703
1700
  }
1704
1701
 
1705
1702
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxField.module.css/#css-module-data */
1706
- .CheckboxField-module__hop-CheckboxField___Ishj0 {
1703
+ .CheckboxField-module__hop-CheckboxField___Q9bjb {
1707
1704
  --hop-CheckboxField-description-color: var(--hop-neutral-text-weak);
1708
1705
  --hop-CheckboxField-description-color-disabled: var(--hop-neutral-text-disabled);
1709
1706
  --hop-CheckboxField-sm-row-gap: var(--hop-space-stack-xs);
@@ -1722,28 +1719,28 @@
1722
1719
  inline-size: max-content;
1723
1720
  max-inline-size: 100%;
1724
1721
  }
1725
- .CheckboxField-module__hop-CheckboxField___Ishj0[data-disabled] {
1722
+ .CheckboxField-module__hop-CheckboxField___Q9bjb[data-disabled] {
1726
1723
  --description-color: var(--hop-CheckboxField-description-color-disabled);
1727
1724
  }
1728
- .CheckboxField-module__hop-CheckboxField--sm___l02bq {
1725
+ .CheckboxField-module__hop-CheckboxField--sm___Xdf-X {
1729
1726
  --row-gap: var(--hop-CheckboxField-sm-row-gap);
1730
1727
  --description-margin-inline-start: var(--hop-CheckboxField-description-sm-margin-inline-start);
1731
1728
  }
1732
- .CheckboxField-module__hop-CheckboxField--md___nSl-t {
1729
+ .CheckboxField-module__hop-CheckboxField--md___efLJi {
1733
1730
  --row-gap: var(--hop-CheckboxField-md-row-gap);
1734
1731
  --description-margin-inline-start: var(--hop-CheckboxField-description-md-margin-inline-start);
1735
1732
  }
1736
- .CheckboxField-module__hop-CheckboxField__description___-NlFz {
1733
+ .CheckboxField-module__hop-CheckboxField__description___LTDyZ {
1737
1734
  order: 2;
1738
1735
  margin-inline-start: var(--description-margin-inline-start, var(--hop-CheckboxField-description-md-margin-inline-start));
1739
1736
  color: var(--description-color);
1740
1737
  }
1741
- .CheckboxField-module__hop-CheckboxField__checkbox___vIoFU {
1738
+ .CheckboxField-module__hop-CheckboxField__checkbox___ePAti {
1742
1739
  order: 1;
1743
1740
  }
1744
1741
 
1745
1742
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ErrorMessage/src/ErrorMessage.module.css/#css-module-data */
1746
- .ErrorMessage-module__hop-ErrorMessage___yc-uD {
1743
+ .ErrorMessage-module__hop-ErrorMessage___-5kS2 {
1747
1744
  --hop-ErrorMessage-color: var(--hop-danger-text-weak);
1748
1745
  --hop-ErrorMessage-font-family: var(--hop-body-xs-font-family);
1749
1746
  --hop-ErrorMessage-font-size: var(--hop-body-xs-font-size);
@@ -1760,13 +1757,13 @@
1760
1757
  line-height: var(--hop-ErrorMessage-line-height);
1761
1758
  color: var(--hop-ErrorMessage-color);
1762
1759
  }
1763
- .ErrorMessage-module__hop-ErrorMessage__icon___ntyEf {
1760
+ .ErrorMessage-module__hop-ErrorMessage__icon___ujcxB {
1764
1761
  flex: 0 0 auto;
1765
1762
  align-self: flex-start;
1766
1763
  }
1767
1764
 
1768
1765
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/HelperMessage/src/HelperMessage.module.css/#css-module-data */
1769
- .HelperMessage-module__hop-HelperMessage___giUJ9 {
1766
+ .HelperMessage-module__hop-HelperMessage___9ZtUM {
1770
1767
  --hop-HelperMessage-color: var(--hop-neutral-text-weak);
1771
1768
  --hop-HelperMessage-column-gap: var(--hop-space-inline-xs);
1772
1769
  display: flex;
@@ -1775,32 +1772,32 @@
1775
1772
  box-sizing: border-box;
1776
1773
  color: var(--hop-HelperMessage-color);
1777
1774
  }
1778
- .HelperMessage-module__hop-HelperMessage__icon___IfscL {
1775
+ .HelperMessage-module__hop-HelperMessage__icon___E4v0D {
1779
1776
  flex: 0 0 auto;
1780
1777
  align-self: flex-start;
1781
1778
  }
1782
1779
 
1783
1780
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Label/src/Label.module.css/#css-module-data */
1784
- .Label-module__hop-Label___Hcc4g {
1781
+ .Label-module__hop-Label___2KiCn {
1785
1782
  --hop-Label-font-size: var(--hop-heading-xs-font-size);
1786
1783
  --hop-Label-font-family: var(--hop-heading-xs-font-family);
1787
1784
  --hop-Label-font-weight: var(--hop-heading-xs-font-weight);
1788
1785
  --hop-Label-line-height: var(--hop-heading-xs-line-height);
1789
1786
  --hop-Label-color: var(--hop-neutral-text-weak);
1790
1787
  }
1791
- :where(.Label-module__hop-Label___Hcc4g) {
1788
+ :where(.Label-module__hop-Label___2KiCn) {
1792
1789
  font-family: var(--hop-Label-font-family);
1793
1790
  font-size: var(--hop-Label-font-size);
1794
1791
  font-weight: var(--hop-Label-font-weight);
1795
1792
  line-height: var(--hop-Label-line-height);
1796
1793
  color: var(--hop-Label-color);
1797
1794
  }
1798
- :where(.Label-module__hop-Label__indicator___khw2Z) {
1795
+ :where(.Label-module__hop-Label__indicator___J9HRI) {
1799
1796
  padding-inline-start: var(--hop-space-20);
1800
1797
  }
1801
1798
 
1802
1799
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxGroup.module.css/#css-module-data */
1803
- .CheckboxGroup-module__hop-CheckboxGroup___p6NaJ {
1800
+ .CheckboxGroup-module__hop-CheckboxGroup___BzhC2 {
1804
1801
  --hop-CheckboxGroup-align-items: flex-start;
1805
1802
  --hop-CheckboxGroup-justify-content: flex-start;
1806
1803
  --hop-CheckboxGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -1839,46 +1836,46 @@
1839
1836
  inline-size: max-content;
1840
1837
  max-inline-size: 100%;
1841
1838
  }
1842
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___OvMAz {
1839
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___SGDvF {
1843
1840
  --list-border: var(--checkbox-border-size) solid var(--checkbox-border-color);
1844
1841
  --list-border-radius: var(--hop-shape-rounded-md);
1845
1842
  }
1846
- .CheckboxGroup-module__hop-CheckboxGroup--sm___FxduT {
1843
+ .CheckboxGroup-module__hop-CheckboxGroup--sm___plgwV {
1847
1844
  --column-gap: var(--hop-CheckboxGroup-sm-column-gap);
1848
1845
  --row-gap: var(--hop-CheckboxGroup-sm-row-gap);
1849
1846
  --list-column-gap: var(--hop-CheckboxGroup-list-sm-column-gap);
1850
1847
  --list-row-gap: var(--hop-CheckboxGroup-list-sm-row-gap);
1851
1848
  }
1852
- .CheckboxGroup-module__hop-CheckboxGroup--md___I8USr {
1849
+ .CheckboxGroup-module__hop-CheckboxGroup--md___y23rY {
1853
1850
  --column-gap: var(--hop-CheckboxGroup-md-column-gap);
1854
1851
  --row-gap: var(--hop-CheckboxGroup-md-row-gap);
1855
1852
  --list-column-gap: var(--hop-CheckboxGroup-list-md-column-gap);
1856
1853
  --list-row-gap: var(--hop-CheckboxGroup-list-md-row-gap);
1857
1854
  }
1858
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___OvMAz.CheckboxGroup-module__hop-CheckboxGroup--sm___FxduT {
1855
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___SGDvF.CheckboxGroup-module__hop-CheckboxGroup--sm___plgwV {
1859
1856
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-sm-padding);
1860
1857
  --column-gap: var(--hop-CheckboxGroup-bordered-sm-column-gap);
1861
1858
  --row-gap: var(--hop-CheckboxGroup-bordered-sm-row-gap);
1862
1859
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-sm-column-gap);
1863
1860
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-sm-row-gap);
1864
1861
  }
1865
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___OvMAz.CheckboxGroup-module__hop-CheckboxGroup--md___I8USr {
1862
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___SGDvF.CheckboxGroup-module__hop-CheckboxGroup--md___y23rY {
1866
1863
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-md-padding);
1867
1864
  --column-gap: var(--hop-CheckboxGroup-bordered-md-column-gap);
1868
1865
  --row-gap: var(--hop-CheckboxGroup-bordered-md-row-gap);
1869
1866
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-md-column-gap);
1870
1867
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-md-row-gap);
1871
1868
  }
1872
- .CheckboxGroup-module__hop-CheckboxGroup___p6NaJ[data-orientation=horizontal] {
1869
+ .CheckboxGroup-module__hop-CheckboxGroup___BzhC2[data-orientation=horizontal] {
1873
1870
  --flex-direction: var(--hop-CheckboxGroup-horizontal-flex-direction);
1874
1871
  }
1875
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___OvMAz[data-orientation=horizontal] {
1872
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___SGDvF[data-orientation=horizontal] {
1876
1873
  --flex-wrap: nowrap;
1877
1874
  }
1878
- .CheckboxGroup-module__hop-CheckboxGroup___p6NaJ > .CheckboxGroup-module__hop-CheckboxGroup__label___FN-lT {
1875
+ .CheckboxGroup-module__hop-CheckboxGroup___BzhC2 > .CheckboxGroup-module__hop-CheckboxGroup__label___yNLvL {
1879
1876
  order: 1;
1880
1877
  }
1881
- .CheckboxGroup-module__hop-CheckboxGroup__list___mW9Wu {
1878
+ .CheckboxGroup-module__hop-CheckboxGroup__list___Px-Cf {
1882
1879
  display: flex;
1883
1880
  flex-flow: var(--flex-direction) var(--flex-wrap);
1884
1881
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -1889,7 +1886,7 @@
1889
1886
  border: var(--list-border, none);
1890
1887
  border-radius: var(--list-border-radius, 0);
1891
1888
  }
1892
- .CheckboxGroup-module__hop-CheckboxGroup__list___mW9Wu > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___w5PX- {
1889
+ .CheckboxGroup-module__hop-CheckboxGroup__list___Px-Cf > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___snZ1O {
1893
1890
  position: relative;
1894
1891
  flex: 0 1 auto;
1895
1892
  align-content: start;
@@ -1897,28 +1894,227 @@
1897
1894
  min-inline-size: 0;
1898
1895
  padding: var(--checkbox-padding, 0);
1899
1896
  }
1900
- .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 {
1897
+ .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 {
1901
1898
  content: "";
1902
1899
  position: absolute;
1903
1900
  display: block;
1904
1901
  }
1905
- .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 {
1902
+ .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 {
1906
1903
  inset-block-start: 0;
1907
1904
  inset-inline: 0;
1908
1905
  border-block-start: var(--list-border, none);
1909
1906
  }
1910
- .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 {
1907
+ .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 {
1911
1908
  inset-block: 0;
1912
1909
  inset-inline-start: 0;
1913
1910
  border-inline-start: var(--list-border, none);
1914
1911
  }
1915
- .CheckboxGroup-module__hop-CheckboxGroup___p6NaJ > .CheckboxGroup-module__hop-CheckboxGroup__error-message___IMz-2,
1916
- .CheckboxGroup-module__hop-CheckboxGroup___p6NaJ > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___nnOL- {
1912
+ .CheckboxGroup-module__hop-CheckboxGroup___BzhC2 > .CheckboxGroup-module__hop-CheckboxGroup__error-message___-5ILS,
1913
+ .CheckboxGroup-module__hop-CheckboxGroup___BzhC2 > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___ZH8tv {
1917
1914
  order: 3;
1918
1915
  }
1919
1916
 
1917
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/DecorativeCheckbox.module.css/#css-module-data */
1918
+ .Checkbox-module__hop-Checkbox___GSPIK {
1919
+ --hop-Checkbox-box-border-size: 0.0625rem;
1920
+ --hop-Checkbox-box-border-color: var(--hop-neutral-border);
1921
+ --hop-Checkbox-box-background-color: var(--hop-neutral-surface);
1922
+ --hop-Checkbox-box-outline-size: 0.125rem;
1923
+ --hop-Checkbox-box-outline-color: var(--hop-primary-border-focus);
1924
+ --hop-Checkbox-check-color: var(--hop-neutral-icon-selected);
1925
+ --hop-Checkbox-check-display: none;
1926
+ --hop-Checkbox-text-color: var(--hop-neutral-text);
1927
+ --hop-Checkbox-icon-color: var(--hop-neutral-icon);
1928
+ --hop-Checkbox-box-border-color-hovered: var(--hop-neutral-border-hover);
1929
+ --hop-Checkbox-box-background-color-hovered: var(--hop-neutral-surface-hover);
1930
+ --hop-Checkbox-text-color-hovered: var(--hop-neutral-text-hover);
1931
+ --hop-Checkbox-icon-color-hovered: var(--hop-neutral-icon-hover);
1932
+ --hop-Checkbox-box-border-color-pressed: var(--hop-neutral-border-press);
1933
+ --hop-Checkbox-box-background-color-pressed: var(--hop-neutral-surface-press);
1934
+ --hop-Checkbox-text-color-pressed: var(--hop-neutral-text-press);
1935
+ --hop-Checkbox-icon-color-pressed: var(--hop-neutral-icon-press);
1936
+ --hop-Checkbox-box-border-color-selected: var(--hop-neutral-border-selected);
1937
+ --hop-Checkbox-box-background-color-selected: var(--hop-neutral-surface-selected);
1938
+ --hop-Checkbox-check-display-selected: block;
1939
+ --hop-Checkbox-text-color-selected: var(--hop-neutral-text);
1940
+ --hop-Checkbox-icon-color-selected: var(--hop-neutral-icon);
1941
+ --hop-Checkbox-box-border-color-disabled: var(--hop-neutral-border-disabled);
1942
+ --hop-Checkbox-box-background-color-disabled: var(--hop-neutral-surface-disabled);
1943
+ --hop-Checkbox-check-color-disabled: var(--hop-neutral-icon-disabled);
1944
+ --hop-Checkbox-text-color-disabled: var(--hop-neutral-text-disabled);
1945
+ --hop-Checkbox-icon-color-disabled: var(--hop-neutral-icon-disabled);
1946
+ --hop-Checkbox-box-border-color-focused: var(--hop-neutral-border-hover);
1947
+ --hop-Checkbox-box-background-color-focused: var(--hop-neutral-surface-hover);
1948
+ --hop-Checkbox-text-color-focused: var(--hop-neutral-text-hover);
1949
+ --hop-Checkbox-icon-color-focused: var(--hop-neutral-icon-hover);
1950
+ --hop-Checkbox-box-border-color-invalid: var(--hop-danger-border-strong);
1951
+ --hop-Checkbox-box-background-color-invalid: var(--hop-neutral-surface);
1952
+ --hop-Checkbox-box-border-color-hovered-invalid: var(--hop-danger-border-strong);
1953
+ --hop-Checkbox-box-background-color-hovered-invalid: var(--hop-danger-surface-weak-hover);
1954
+ --hop-Checkbox-box-border-color-pressed-invalid: var(--hop-danger-border-press);
1955
+ --hop-Checkbox-box-background-color-pressed-invalid: var(--hop-danger-surface-weak-press);
1956
+ --hop-Checkbox-box-border-color-focused-invalid: var(--hop-danger-border-press);
1957
+ --hop-Checkbox-box-background-color-focused-invalid: var(--hop-danger-surface);
1958
+ --hop-Checkbox-box-border-color-selected-invalid: var(--hop-danger-border-strong);
1959
+ --hop-Checkbox-box-background-color-selected-invalid: var(--hop-danger-surface-strong);
1960
+ --hop-Checkbox-check-color-invalid: var(--hop-danger-icon-strong);
1961
+ --hop-Checkbox-text-color-invalid: var(--hop-danger-text-weak);
1962
+ --hop-Checkbox-text-color-hovered-invalid: var(--hop-danger-text-weak-hover);
1963
+ --hop-Checkbox-text-color-pressed-invalid: var(--hop-danger-text-weak-press);
1964
+ --hop-Checkbox-icon-color-invalid: var(--hop-danger-icon-weak);
1965
+ --hop-Checkbox-icon-color-hovered-invalid: var(--hop-danger-icon-weak-hover);
1966
+ --hop-Checkbox-icon-color-pressed-invalid: var(--hop-danger-icon-weak-press);
1967
+ --hop-Checkbox-box-sm-block-size: 1rem;
1968
+ --hop-Checkbox-box-sm-inline-size: 1rem;
1969
+ --hop-Checkbox-text-sm-top-offset: calc((var(--box-inline-size) - (var(--hop-body-sm-line-height) * var(--hop-body-sm-font-size))) / 2);
1970
+ --hop-Checkbox-text-sm-margin-inline-start: calc(var(--hop-space-inline-sm) - var(--hop-space-inline-xs));
1971
+ --hop-Checkbox-box-md-block-size: 1.5rem;
1972
+ --hop-Checkbox-box-md-inline-size: 1.5rem;
1973
+ --hop-Checkbox-text-md-top-offset: calc((var(--box-inline-size) - (var(--hop-body-md-line-height) * var(--hop-body-md-font-size))) / 2);
1974
+ --hop-Checkbox-text-md-margin-inline-start: calc(var(--hop-space-inline-md) - var(--hop-space-inline-xs));
1975
+ --box-background-color: var(--hop-Checkbox-box-background-color);
1976
+ --box-border-color: var(--hop-Checkbox-box-border-color);
1977
+ --box-border-radius: var(--hop-shape-rounded-sm);
1978
+ --check-color: var(--hop-Checkbox-check-color);
1979
+ --check-display: var(--hop-Checkbox-check-display);
1980
+ --cursor: pointer;
1981
+ --text-color: var(--hop-Checkbox-text-color);
1982
+ --icon-color: var(--hop-Checkbox-icon-color);
1983
+ --transition-duration: var(--hop-easing-duration-2);
1984
+ cursor: var(--cursor);
1985
+ display: flex;
1986
+ column-gap: var(--hop-space-inline-xs);
1987
+ align-items: flex-start;
1988
+ justify-content: flex-start;
1989
+ box-sizing: border-box;
1990
+ inline-size: max-content;
1991
+ max-inline-size: 100%;
1992
+ }
1993
+ .Checkbox-module__hop-Checkbox___GSPIK[data-focus-visible] {
1994
+ --box-background-color: var(--hop-Checkbox-box-background-color-focused);
1995
+ --box-border-color: var(--hop-Checkbox-box-border-color-focused);
1996
+ --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
1997
+ --text-color: var(--hop-Checkbox-text-color-focused);
1998
+ --icon-color: var(--hop-Checkbox-icon-color-focused);
1999
+ }
2000
+ .Checkbox-module__hop-Checkbox___GSPIK[data-hovered] {
2001
+ --box-background-color: var(--hop-Checkbox-box-background-color-hovered);
2002
+ --box-border-color: var(--hop-Checkbox-box-border-color-hovered);
2003
+ --text-color: var(--hop-Checkbox-text-color-hovered);
2004
+ --icon-color: var(--hop-Checkbox-icon-color-hovered);
2005
+ }
2006
+ .Checkbox-module__hop-Checkbox___GSPIK[data-pressed] {
2007
+ --box-background-color: var(--hop-Checkbox-box-background-color-pressed);
2008
+ --box-border-color: var(--hop-Checkbox-box-border-color-pressed);
2009
+ --text-color: var(--hop-Checkbox-text-color-pressed);
2010
+ --icon-color: var(--hop-Checkbox-icon-color-pressed);
2011
+ }
2012
+ .Checkbox-module__hop-Checkbox___GSPIK[data-selected] {
2013
+ --box-background-color: var(--hop-Checkbox-box-background-color-selected);
2014
+ --box-border-color: var(--hop-Checkbox-box-border-color-selected);
2015
+ --check-display: var(--hop-Checkbox-check-display-selected);
2016
+ --text-color: var(--hop-Checkbox-text-color-selected);
2017
+ --icon-color: var(--hop-Checkbox-icon-color-selected);
2018
+ }
2019
+ .Checkbox-module__hop-Checkbox___GSPIK[data-invalid] {
2020
+ --box-background-color: var(--hop-Checkbox-box-background-color-invalid);
2021
+ --box-border-color: var(--hop-Checkbox-box-border-color-invalid);
2022
+ --check-color: var(--hop-Checkbox-check-color-invalid);
2023
+ --text-color: var(--hop-Checkbox-text-color-invalid);
2024
+ --icon-color: var(--hop-Checkbox-icon-color-invalid);
2025
+ }
2026
+ .Checkbox-module__hop-Checkbox___GSPIK[data-invalid]:where([data-focus-visible]) {
2027
+ --box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
2028
+ --box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
2029
+ }
2030
+ .Checkbox-module__hop-Checkbox___GSPIK[data-invalid]:where([data-hovered]) {
2031
+ --box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
2032
+ --box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
2033
+ --text-color: var(--hop-Checkbox-text-color-hovered-invalid);
2034
+ --icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
2035
+ }
2036
+ .Checkbox-module__hop-Checkbox___GSPIK[data-invalid]:where([data-pressed]) {
2037
+ --box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
2038
+ --box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
2039
+ --text-color: var(--hop-Checkbox-text-color-pressed-invalid);
2040
+ --icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
2041
+ }
2042
+ .Checkbox-module__hop-Checkbox___GSPIK:where([data-invalid])[data-selected] {
2043
+ --box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
2044
+ --box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
2045
+ }
2046
+ .Checkbox-module__hop-Checkbox___GSPIK[data-disabled] {
2047
+ --box-background-color: var(--hop-Checkbox-box-background-color-disabled);
2048
+ --box-border-color: var(--hop-Checkbox-box-border-color-disabled);
2049
+ --check-color: var(--hop-Checkbox-check-color-disabled);
2050
+ --cursor: not-allowed;
2051
+ --text-color: var(--hop-Checkbox-text-color-disabled);
2052
+ --icon-color: var(--hop-Checkbox-icon-color-disabled);
2053
+ }
2054
+ .Checkbox-module__hop-Checkbox--sm___JphZG {
2055
+ --box-block-size: var(--hop-Checkbox-box-sm-block-size);
2056
+ --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
2057
+ --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
2058
+ --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
2059
+ }
2060
+ .Checkbox-module__hop-Checkbox--md___jLVff {
2061
+ --box-block-size: var(--hop-Checkbox-box-md-block-size);
2062
+ --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
2063
+ --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
2064
+ --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
2065
+ }
2066
+ .Checkbox-module__hop-Checkbox__icon___fJaiP,
2067
+ .Checkbox-module__hop-Checkbox__icon-list___V-ilU {
2068
+ flex: 0 0 auto;
2069
+ order: 3;
2070
+ color: var(--icon-color);
2071
+ }
2072
+ .Checkbox-module__hop-Checkbox__box___5d1PK {
2073
+ display: flex;
2074
+ flex: 0 0 auto;
2075
+ align-items: center;
2076
+ justify-content: center;
2077
+ order: 1;
2078
+ box-sizing: border-box;
2079
+ inline-size: var(--box-inline-size, var(--hop-Checkbox-box-md-inline-size));
2080
+ block-size: var(--box-block-size, var(--hop-Checkbox-box-md-block-size));
2081
+ background-color: var(--box-background-color);
2082
+ border: var(--hop-Checkbox-box-border-size) solid var(--box-border-color);
2083
+ border-radius: var(--box-border-radius);
2084
+ outline: var(--box-outline, none);
2085
+ outline-offset: 0.125rem;
2086
+ transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
2087
+ }
2088
+ .Checkbox-module__hop-Checkbox__check___qdDwU {
2089
+ display: var(--check-display);
2090
+ color: var(--check-color);
2091
+ }
2092
+ .Checkbox-module__hop-Checkbox__text___padJa {
2093
+ flex: 0 1 auto;
2094
+ order: 2;
2095
+ min-inline-size: 0;
2096
+ margin-block-start: var(--text-top-offset, var(--hop-Checkbox-text-md-top-offset));
2097
+ margin-inline-start: var(--text-margin-inline-start, var(--hop-Checkbox-text-md-margin-inline-start));
2098
+ color: var(--text-color);
2099
+ }
2100
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox___gzU9K {
2101
+ }
2102
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___AwyXB {
2103
+ }
2104
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox--md___Vqa8c {
2105
+ }
2106
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___afZYx,
2107
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___VRAVp {
2108
+ }
2109
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__box___0w7NS {
2110
+ }
2111
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__check___gjLMe {
2112
+ }
2113
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__text___wG-1V {
2114
+ }
2115
+
1920
2116
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Divider/src/Divider.module.css/#css-module-data */
1921
- :where(.Divider-module__hop-Divider___usqfr) {
2117
+ :where(.Divider-module__hop-Divider___22Ni7) {
1922
2118
  --hop-Divider-border-color: var(--hop-neutral-border-weak);
1923
2119
  --hop-Divider-border-size: 0.0625rem;
1924
2120
  --hop-Divider-horizontal-border-block-end: var(--hop-Divider-border-size) solid var(--hop-Divider-border-color);
@@ -1943,7 +2139,7 @@
1943
2139
  border-block-end: var(--border-block-end);
1944
2140
  border-inline-start: var(--border-inline-start);
1945
2141
  }
1946
- .Divider-module__hop-Divider--vertical___CiCMz {
2142
+ .Divider-module__hop-Divider--vertical___faaDe {
1947
2143
  --border-block-end: var(--hop-Divider-vertical-border-block-end);
1948
2144
  --border-inline-start: var(--hop-Divider-vertical-border-inline-start);
1949
2145
  --inline-size: var(--hop-Divider-vertical-inline-size);
@@ -1951,7 +2147,7 @@
1951
2147
  }
1952
2148
 
1953
2149
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/InputGroup.module.css/#css-module-data */
1954
- .InputGroup-module__hop-InputGroup___a632X {
2150
+ .InputGroup-module__hop-InputGroup___qGwKN {
1955
2151
  --hop-InputGroup-background: var(--hop-neutral-surface);
1956
2152
  --hop-InputGroup-border-color: var(--hop-neutral-border);
1957
2153
  --hop-InputGroup-border-width: 0.0625rem;
@@ -2032,11 +2228,11 @@
2032
2228
  border: var(--border);
2033
2229
  border-radius: var(--hop-InputGroup-border-radius);
2034
2230
  }
2035
- .InputGroup-module__hop-InputGroup--fluid___6yyPX {
2231
+ .InputGroup-module__hop-InputGroup--fluid___ugRmI {
2036
2232
  --inline-size: 100%;
2037
2233
  --input-inline-size: 100%;
2038
2234
  }
2039
- .InputGroup-module__hop-InputGroup--sm___tXEbu {
2235
+ .InputGroup-module__hop-InputGroup--sm___W7oKM {
2040
2236
  --block-size: var(--hop-InputGroup-sm-block-size);
2041
2237
  --input-font-family: var(--hop-InputGroup-input-sm-font-family);
2042
2238
  --input-font-size: var(--hop-InputGroup-input-sm-font-size);
@@ -2044,7 +2240,7 @@
2044
2240
  --input-line-height: var(--hop-InputGroup-input-sm-line-height);
2045
2241
  --input-block-size: var(--hop-InputGroup-input-sm-block-size);
2046
2242
  }
2047
- .InputGroup-module__hop-InputGroup___a632X[data-input-type=textarea] {
2243
+ .InputGroup-module__hop-InputGroup___qGwKN[data-input-type=textarea] {
2048
2244
  --gap: var(--hop-InputGroup-gap-textarea);
2049
2245
  --flex-direction: var(--hop-InputGroup-flex-direction-textarea);
2050
2246
  --align-items: var(--hop-InputGroup-align-items-textarea);
@@ -2052,28 +2248,28 @@
2052
2248
  --padding-inline: var(--hop-InputGroup-padding-inline-textarea);
2053
2249
  --padding-block: var(--hop-InputGroup-padding-block-textarea);
2054
2250
  }
2055
- .InputGroup-module__hop-InputGroup___a632X[data-input-type=number] {
2251
+ .InputGroup-module__hop-InputGroup___qGwKN[data-input-type=number] {
2056
2252
  --display: var(--hop-InputGroup-display-number);
2057
2253
  --gap: var(--hop-InputGroup-gap-number);
2058
2254
  }
2059
- .InputGroup-module__hop-InputGroup___a632X[data-hovered] {
2255
+ .InputGroup-module__hop-InputGroup___qGwKN[data-hovered] {
2060
2256
  --background: var(--hop-InputGroup-background-hover);
2061
2257
  --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-hover) ;
2062
2258
  }
2063
- .InputGroup-module__hop-InputGroup___a632X[data-focus-within] {
2259
+ .InputGroup-module__hop-InputGroup___qGwKN[data-focus-within] {
2064
2260
  --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-focus) ;
2065
2261
  }
2066
- .InputGroup-module__hop-InputGroup___a632X[data-invalid] {
2262
+ .InputGroup-module__hop-InputGroup___qGwKN[data-invalid] {
2067
2263
  --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-invalid) ;
2068
2264
  }
2069
- .InputGroup-module__hop-InputGroup___a632X[data-disabled] {
2265
+ .InputGroup-module__hop-InputGroup___qGwKN[data-disabled] {
2070
2266
  --background: var(--hop-InputGroup-background-disabled);
2071
2267
  --border: 0.0625rem solid var(--hop-InputGroup-border-color-disabled);
2072
2268
  --input-color: var(--hop-InputGroup-input-color-disabled);
2073
2269
  --input-placeholder-color: var(--hop-InputGroup-placeholder-color-disabled);
2074
2270
  }
2075
- .InputGroup-module__hop-InputGroup__input___Ve7UI,
2076
- .InputGroup-module__hop-InputGroup__textarea___TNfOB {
2271
+ .InputGroup-module__hop-InputGroup__input___I4tbX,
2272
+ .InputGroup-module__hop-InputGroup__textarea___lODtF {
2077
2273
  flex: 1 1 auto;
2078
2274
  box-sizing: border-box;
2079
2275
  inline-size: var(--input-inline-size);
@@ -2087,26 +2283,26 @@
2087
2283
  border: none;
2088
2284
  outline: none;
2089
2285
  }
2090
- .InputGroup-module__hop-InputGroup__input___Ve7UI {
2286
+ .InputGroup-module__hop-InputGroup__input___I4tbX {
2091
2287
  block-size: var(--input-block-size);
2092
2288
  padding: var(--hop-InputGroup-input-padding);
2093
2289
  }
2094
- .InputGroup-module__hop-InputGroup__textarea___TNfOB {
2290
+ .InputGroup-module__hop-InputGroup__textarea___lODtF {
2095
2291
  padding: var(--hop-InputGroup-textarea-padding);
2096
2292
  }
2097
- .InputGroup-module__hop-InputGroup__input___Ve7UI::placeholder {
2293
+ .InputGroup-module__hop-InputGroup__input___I4tbX::placeholder {
2098
2294
  font-family: var(--hop-InputGroup-placeholder-font-family);
2099
2295
  font-size: var(--hop-InputGroup-placeholder-font-size);
2100
2296
  font-weight: var(--hop-InputGroup-placeholder-font-weight);
2101
2297
  line-height: var(--hop-InputGroup-placeholder-line-height);
2102
2298
  color: var(--input-placeholder-color);
2103
2299
  }
2104
- .InputGroup-module__hop-InputGroup__embedded-button___NOJxI {
2300
+ .InputGroup-module__hop-InputGroup__embedded-button___BVOX3 {
2105
2301
  margin-inline-end: var(--hop-InputGroup-embedded-button-margin-inline-end);
2106
2302
  }
2107
2303
 
2108
2304
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Heading/src/Heading.module.css/#css-module-data */
2109
- .Heading-module__hop-Heading___FHUTd {
2305
+ .Heading-module__hop-Heading___3ueiS {
2110
2306
  --hop-Heading-xs-font-size: var(--hop-heading-xs-font-size);
2111
2307
  --hop-Heading-xs-font-family: var(--hop-heading-xs-font-family);
2112
2308
  --hop-Heading-xs-font-weight: var(--hop-heading-xs-font-weight);
@@ -2140,50 +2336,50 @@
2140
2336
  --hop-Heading-inherit-size-font-weight: inherit;
2141
2337
  --hop-Heading-inherit-size-line-height: inherit;
2142
2338
  }
2143
- :where(.Heading-module__hop-Heading___FHUTd) {
2339
+ :where(.Heading-module__hop-Heading___3ueiS) {
2144
2340
  margin: 0;
2145
2341
  font-family: var(--font-family);
2146
2342
  font-size: var(--font-size);
2147
2343
  font-weight: var(--font-weight);
2148
2344
  line-height: var(--line-height);
2149
2345
  }
2150
- :where(.Heading-module__hop-Heading--xs___nSpzQ) {
2346
+ :where(.Heading-module__hop-Heading--xs___5sgKJ) {
2151
2347
  --font-size: var(--hop-Heading-xs-font-size);
2152
2348
  --font-family: var(--hop-Heading-xs-font-family);
2153
2349
  --font-weight: var(--hop-Heading-xs-font-weight);
2154
2350
  --line-height: var(--hop-Heading-xs-line-height);
2155
2351
  }
2156
- :where(.Heading-module__hop-Heading--sm___cOwKv) {
2352
+ :where(.Heading-module__hop-Heading--sm___06P1n) {
2157
2353
  --font-size: var(--hop-Heading-sm-font-size);
2158
2354
  --font-family: var(--hop-Heading-sm-font-family);
2159
2355
  --font-weight: var(--hop-Heading-sm-font-weight);
2160
2356
  --line-height: var(--hop-Heading-sm-line-height);
2161
2357
  }
2162
- :where(.Heading-module__hop-Heading--md___-P1xy) {
2358
+ :where(.Heading-module__hop-Heading--md___nbkYZ) {
2163
2359
  --font-size: var(--hop-Heading-md-font-size);
2164
2360
  --font-family: var(--hop-Heading-md-font-family);
2165
2361
  --font-weight: var(--hop-Heading-md-font-weight);
2166
2362
  --line-height: var(--hop-Heading-md-line-height);
2167
2363
  }
2168
- :where(.Heading-module__hop-Heading--lg___C1qbq) {
2364
+ :where(.Heading-module__hop-Heading--lg___lSiFQ) {
2169
2365
  --font-size: var(--hop-Heading-lg-font-size);
2170
2366
  --font-family: var(--hop-Heading-lg-font-family);
2171
2367
  --font-weight: var(--hop-Heading-lg-font-weight);
2172
2368
  --line-height: var(--hop-Heading-lg-line-height);
2173
2369
  }
2174
- :where(.Heading-module__hop-Heading--xl___ZqOY4) {
2370
+ :where(.Heading-module__hop-Heading--xl___df64W) {
2175
2371
  --font-size: var(--hop-Heading-xl-font-size);
2176
2372
  --font-family: var(--hop-Heading-xl-font-family);
2177
2373
  --font-weight: var(--hop-Heading-xl-font-weight);
2178
2374
  --line-height: var(--hop-Heading-xl-line-height);
2179
2375
  }
2180
- :where(.Heading-module__hop-Heading--2xl___Phfzh) {
2376
+ :where(.Heading-module__hop-Heading--2xl___Vsuh7) {
2181
2377
  --font-size: var(--hop-Heading-2xl-font-size);
2182
2378
  --font-family: var(--hop-Heading-2xl-font-family);
2183
2379
  --font-weight: var(--hop-Heading-2xl-font-weight);
2184
2380
  --line-height: var(--hop-Heading-2xl-line-height);
2185
2381
  }
2186
- :where(.Heading-module__hop-Heading--3xl___q5xhd) {
2382
+ :where(.Heading-module__hop-Heading--3xl___PXstD) {
2187
2383
  --font-size: var(--hop-Heading-3xl-font-size);
2188
2384
  --font-family: var(--hop-Heading-3xl-font-family);
2189
2385
  --font-weight: var(--hop-Heading-3xl-font-weight);
@@ -2191,7 +2387,7 @@
2191
2387
  }
2192
2388
 
2193
2389
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/NumberField.module.css/#css-module-data */
2194
- .NumberField-module__hop-NumberField___2gj-0 {
2390
+ .NumberField-module__hop-NumberField___IXeDG {
2195
2391
  --hop-NumberField-gap: var(--hop-space-stack-xs);
2196
2392
  --hop-NumberField-inline-size: 20rem;
2197
2393
  --hop-NumberField-inline-size-fluid: 100%;
@@ -2239,30 +2435,30 @@
2239
2435
  gap: var(--hop-NumberField-gap);
2240
2436
  inline-size: var(--inline-size);
2241
2437
  }
2242
- .NumberField-module__hop-NumberField--fluid___mQ4HT {
2438
+ .NumberField-module__hop-NumberField--fluid___q73Oh {
2243
2439
  --inline-size: var(--hop-NumberField-inline-size-fluid);
2244
2440
  }
2245
- .NumberField-module__hop-NumberField--mobile___-GMYk {
2441
+ .NumberField-module__hop-NumberField--mobile___VgHW4 {
2246
2442
  --input-group-template: var(--hop-NumberField-input-group-template-mobile);
2247
2443
  --stepper-height: var(--hop-NumberField-stepper-height-mobile);
2248
2444
  }
2249
- .NumberField-module__hop-NumberField__Label___ni5A0 {
2445
+ .NumberField-module__hop-NumberField__Label___50tOE {
2250
2446
  order: 0;
2251
2447
  }
2252
- .NumberField-module__hop-NumberField__prefix___FCb7f {
2448
+ .NumberField-module__hop-NumberField__prefix___3R-v3 {
2253
2449
  grid-area: prefix;
2254
2450
  margin-inline-end: var(--hop-NumberField-prefix-margin-inline-end);
2255
2451
  color: var(--hop-NumberField-prefix-color);
2256
2452
  }
2257
- .NumberField-module__hop-NumberField__InputGroup___sYywY {
2453
+ .NumberField-module__hop-NumberField__InputGroup___XRCi0 {
2258
2454
  grid-template: var(--input-group-template);
2259
2455
  order: 1;
2260
2456
  }
2261
- .NumberField-module__hop-NumberField__ErrorMessage___dARU3,
2262
- .NumberField-module__hop-NumberField__HelperMessage___vp10M {
2457
+ .NumberField-module__hop-NumberField__ErrorMessage___Ke3pf,
2458
+ .NumberField-module__hop-NumberField__HelperMessage___ARg7R {
2263
2459
  order: 3;
2264
2460
  }
2265
- .NumberField-module__hop-NumberField__stepper-button___7J3-z {
2461
+ .NumberField-module__hop-NumberField__stepper-button___nvOtF {
2266
2462
  cursor: pointer;
2267
2463
  display: flex;
2268
2464
  grid-area: var(--grid-area, unset);
@@ -2283,55 +2479,55 @@
2283
2479
  border-radius: var(--stepper-border-radius, 0);
2284
2480
  outline: none;
2285
2481
  }
2286
- .NumberField-module__hop-NumberField__stepper-button--increment___i05Fb {
2482
+ .NumberField-module__hop-NumberField__stepper-button--increment___Jc4V5 {
2287
2483
  --stepper-border-radius: var(--hop-NumberField-stepper-border-radius-increment);
2288
2484
  --stepper-border-width: var(--hop-NumberField-stepper-border-width) var(--hop-NumberField-stepper-border-width) 0 var(--hop-NumberField-stepper-border-width);
2289
2485
  --stepper-align-self: var(--hop-NumberField-stepper-align-self-increment);
2290
2486
  --stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-increment);
2291
2487
  --grid-area: stepup;
2292
2488
  }
2293
- .NumberField-module__hop-NumberField__stepper-button--decrement___Ekehn {
2489
+ .NumberField-module__hop-NumberField__stepper-button--decrement___u3Z1S {
2294
2490
  --stepper-border-radius: var(--hop-NumberField-stepper-border-radius-decrement);
2295
2491
  --stepper-border-width: 0 var(--hop-NumberField-stepper-border-width) var(--hop-NumberField-stepper-border-width) var(--hop-NumberField-stepper-border-width);
2296
2492
  --stepper-align-self: var(--hop-NumberField-stepper-align-self-decrement);
2297
2493
  --stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-decrement);
2298
2494
  --grid-area: stepdown;
2299
2495
  }
2300
- .NumberField-module__hop-NumberField__stepper-button--mobile___XqA19.NumberField-module__hop-NumberField__stepper-button--increment___i05Fb {
2496
+ .NumberField-module__hop-NumberField__stepper-button--mobile___VHQNi.NumberField-module__hop-NumberField__stepper-button--increment___Jc4V5 {
2301
2497
  --stepper-border-width: 0 0 0 var(--hop-NumberField-stepper-border-width);
2302
2498
  --stepper-align-self: var(--hop-NumberField-stepper-align-self-increment-mobile);
2303
2499
  --stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-increment-mobile);
2304
2500
  --stepper-border-radius: var(--hop-NumberField-stepper-border-radius-mobile-increment);
2305
2501
  }
2306
- .NumberField-module__hop-NumberField__stepper-button--mobile___XqA19.NumberField-module__hop-NumberField__stepper-button--decrement___Ekehn {
2502
+ .NumberField-module__hop-NumberField__stepper-button--mobile___VHQNi.NumberField-module__hop-NumberField__stepper-button--decrement___u3Z1S {
2307
2503
  --stepper-border-width: 0 var(--hop-NumberField-stepper-border-width) 0 0;
2308
2504
  --stepper-align-self: var(--hop-NumberField-stepper-align-self-decrement-mobile);
2309
2505
  --stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-decrement-mobile);
2310
2506
  --stepper-border-radius: var(--hop-NumberField-stepper-border-radius-mobile-decrement);
2311
2507
  }
2312
- .NumberField-module__hop-NumberField__stepper-button___7J3-z[data-hovered] {
2508
+ .NumberField-module__hop-NumberField__stepper-button___nvOtF[data-hovered] {
2313
2509
  color: var(--hop-NumberField-stepper-color-hovered);
2314
2510
  background-color: var(--hop-NumberField-stepper-background-color-hovered);
2315
2511
  }
2316
- .NumberField-module__hop-NumberField__stepper-button___7J3-z[data-pressed] {
2512
+ .NumberField-module__hop-NumberField__stepper-button___nvOtF[data-pressed] {
2317
2513
  color: var(--hop-NumberField-stepper-color-pressed);
2318
2514
  background-color: var(--hop-NumberField-stepper-background-color-pressed);
2319
2515
  }
2320
- .NumberField-module__hop-NumberField__stepper-button___7J3-z[data-disabled] {
2516
+ .NumberField-module__hop-NumberField__stepper-button___nvOtF[data-disabled] {
2321
2517
  cursor: not-allowed;
2322
2518
  color: var(--hop-NumberField-stepper-color-disabled);
2323
2519
  background-color: var(--hop-NumberField-stepper-background-color-disabled);
2324
2520
  }
2325
- .NumberField-module__hop-NumberField__stepper-button__icon___1RtBB {
2521
+ .NumberField-module__hop-NumberField__stepper-button__icon___jTR-k {
2326
2522
  display: block;
2327
2523
  max-block-size: 100%;
2328
2524
  }
2329
- .NumberField-module__hop-NumberField__input___W14tH {
2525
+ .NumberField-module__hop-NumberField__input___tmPHE {
2330
2526
  grid-area: input;
2331
2527
  }
2332
2528
 
2333
2529
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/TextArea.module.css/#css-module-data */
2334
- .TextArea-module__hop-TextArea___8dXyC {
2530
+ .TextArea-module__hop-TextArea___J-vvv {
2335
2531
  --hop-TextArea-gap: var(--hop-space-stack-xs);
2336
2532
  --hop-TextArea-inline-size: 20rem;
2337
2533
  --hop-TextArea-prefix-color: var(--hop-neutral-text-weak);
@@ -2349,42 +2545,42 @@
2349
2545
  inline-size: var(--inline-size);
2350
2546
  max-inline-size: 100%;
2351
2547
  }
2352
- .TextArea-module__hop-TextArea--fluid___ivXkV {
2548
+ .TextArea-module__hop-TextArea--fluid___hHc5b {
2353
2549
  --inline-size: 100%;
2354
2550
  }
2355
- .TextArea-module__hop-TextArea___8dXyC[data-resize-mode=vertical] {
2551
+ .TextArea-module__hop-TextArea___J-vvv[data-resize-mode=vertical] {
2356
2552
  --resize: vertical;
2357
2553
  }
2358
- .TextArea-module__hop-TextArea___8dXyC[data-over-max-length] {
2554
+ .TextArea-module__hop-TextArea___J-vvv[data-over-max-length] {
2359
2555
  --char-count-color: var(--hop-TextArea-char-count-color-invalid);
2360
2556
  }
2361
- .TextArea-module__hop-TextArea___8dXyC[data-disabled] {
2557
+ .TextArea-module__hop-TextArea___J-vvv[data-disabled] {
2362
2558
  --char-count-color: var(--hop-TextArea-char-count-color-disabled);
2363
2559
  }
2364
- .TextArea-module__hop-TextArea__Label___F46Nt {
2560
+ .TextArea-module__hop-TextArea__Label___OigKH {
2365
2561
  order: 0;
2366
2562
  }
2367
- .TextArea-module__hop-TextArea__prefix___F2c7V {
2563
+ .TextArea-module__hop-TextArea__prefix___wuvby {
2368
2564
  color: var(--hop-TextArea-prefix-color);
2369
2565
  }
2370
- .TextArea-module__hop-TextArea__InputGroup___DQ-6Y {
2566
+ .TextArea-module__hop-TextArea__InputGroup___7CbvI {
2371
2567
  order: 1;
2372
2568
  }
2373
- .TextArea-module__hop-TextArea__textarea___HEpbB {
2569
+ .TextArea-module__hop-TextArea__textarea___IXTCQ {
2374
2570
  resize: var(--resize);
2375
2571
  min-block-size: var(--hop-TextArea-input-min-height);
2376
2572
  }
2377
- .TextArea-module__hop-TextArea__char-count___MIdX- {
2573
+ .TextArea-module__hop-TextArea__char-count___ZrLsF {
2378
2574
  padding: var(--hop-TextArea-char-count-padding);
2379
2575
  color: var(--char-count-color);
2380
2576
  }
2381
- .TextArea-module__hop-TextArea__ErrorMessage___eXVmT,
2382
- .TextArea-module__hop-TextArea__HelperMessage___Tqb2w {
2577
+ .TextArea-module__hop-TextArea__ErrorMessage___9W-N1,
2578
+ .TextArea-module__hop-TextArea__HelperMessage___vtiJO {
2383
2579
  order: 3;
2384
2580
  }
2385
2581
 
2386
2582
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/TextField.module.css/#css-module-data */
2387
- .TextField-module__hop-TextField___Wfbdo {
2583
+ .TextField-module__hop-TextField___6EriP {
2388
2584
  --hop-TextField-gap: var(--hop-space-stack-xs);
2389
2585
  --hop-TextField-inline-size: 20rem;
2390
2586
  --hop-TextField-prefix-color: var(--hop-neutral-text-weak);
@@ -2399,34 +2595,34 @@
2399
2595
  inline-size: var(--inline-size);
2400
2596
  max-inline-size: 100%;
2401
2597
  }
2402
- .TextField-module__hop-TextField--fluid___ViA6M {
2598
+ .TextField-module__hop-TextField--fluid___yhL5r {
2403
2599
  --inline-size: 100%;
2404
2600
  }
2405
- .TextField-module__hop-TextField___Wfbdo[data-over-max-length] {
2601
+ .TextField-module__hop-TextField___6EriP[data-over-max-length] {
2406
2602
  --char-count-color: var(--hop-TextField-char-count-color-invalid);
2407
2603
  }
2408
- .TextField-module__hop-TextField___Wfbdo[data-disabled] {
2604
+ .TextField-module__hop-TextField___6EriP[data-disabled] {
2409
2605
  --char-count-color: var(--hop-TextField-char-count-color-disabled);
2410
2606
  }
2411
- .TextField-module__hop-TextField__Label___5AeoX {
2607
+ .TextField-module__hop-TextField__Label___GGj5y {
2412
2608
  order: 0;
2413
2609
  }
2414
- .TextField-module__hop-TextField__prefix___-PH68 {
2610
+ .TextField-module__hop-TextField__prefix___abfhq {
2415
2611
  color: var(--hop-TextField-prefix-color);
2416
2612
  }
2417
- .TextField-module__hop-TextField__char-count___YIU-F {
2613
+ .TextField-module__hop-TextField__char-count___ECw-3 {
2418
2614
  color: var(--char-count-color);
2419
2615
  }
2420
- .TextField-module__hop-TextField__InputGroup___9Jn-0 {
2616
+ .TextField-module__hop-TextField__InputGroup___QYSXW {
2421
2617
  order: 1;
2422
2618
  }
2423
- .TextField-module__hop-TextField__ErrorMessage___qkdL4,
2424
- .TextField-module__hop-TextField__HelperMessage___izq-D {
2619
+ .TextField-module__hop-TextField__ErrorMessage___kt72t,
2620
+ .TextField-module__hop-TextField__HelperMessage___2Amjo {
2425
2621
  order: 3;
2426
2622
  }
2427
2623
 
2428
2624
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/PasswordField.module.css/#css-module-data */
2429
- .PasswordField-module__hop-PasswordField___3teuP {
2625
+ .PasswordField-module__hop-PasswordField___F9-tS {
2430
2626
  --hop-PasswordField-gap: var(--hop-space-stack-xs);
2431
2627
  --hop-PasswordField-inline-size: 20rem;
2432
2628
  --inline-size: var(--hop-PasswordField-inline-size);
@@ -2436,22 +2632,22 @@
2436
2632
  inline-size: var(--inline-size);
2437
2633
  max-inline-size: 100%;
2438
2634
  }
2439
- .PasswordField-module__hop-PasswordField--fluid___8P8wR {
2635
+ .PasswordField-module__hop-PasswordField--fluid___pgiFi {
2440
2636
  --inline-size: 100%;
2441
2637
  }
2442
- .PasswordField-module__hop-PasswordField__Label___Akvsj {
2638
+ .PasswordField-module__hop-PasswordField__Label___5cATW {
2443
2639
  order: 0;
2444
2640
  }
2445
- .PasswordField-module__hop-PasswordField__InputGroup___-kQUA {
2641
+ .PasswordField-module__hop-PasswordField__InputGroup___-ws7O {
2446
2642
  order: 1;
2447
2643
  }
2448
- .PasswordField-module__hop-PasswordField__ErrorMessage___SDr1s,
2449
- .PasswordField-module__hop-PasswordField__HelperMessage___9U4uf {
2644
+ .PasswordField-module__hop-PasswordField__ErrorMessage___oICg-,
2645
+ .PasswordField-module__hop-PasswordField__HelperMessage___4QF-n {
2450
2646
  order: 3;
2451
2647
  }
2452
2648
 
2453
2649
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/SearchField.module.css/#css-module-data */
2454
- .SearchField-module__hop-SearchField___FhPb- {
2650
+ .SearchField-module__hop-SearchField___GwHlh {
2455
2651
  --hop-SearchField-gap: var(--hop-space-stack-xs);
2456
2652
  --hop-SearchField-inline-size: 20rem;
2457
2653
  --hop-SearchField-color: var(--hop-neutral-text-weak);
@@ -2466,39 +2662,39 @@
2466
2662
  inline-size: var(--inline-size);
2467
2663
  max-inline-size: 100%;
2468
2664
  }
2469
- .SearchField-module__hop-SearchField--fluid___ND83Q {
2665
+ .SearchField-module__hop-SearchField--fluid___O7Q8F {
2470
2666
  --inline-size: 100%;
2471
2667
  }
2472
- .SearchField-module__hop-SearchField__Label___Ri9LN {
2668
+ .SearchField-module__hop-SearchField__Label___6png2 {
2473
2669
  order: 0;
2474
2670
  }
2475
- .SearchField-module__hop-SearchField__prefix___zdJjX {
2671
+ .SearchField-module__hop-SearchField__prefix___gfmy9 {
2476
2672
  color: var(--hop-SearchField-color);
2477
2673
  }
2478
- .SearchField-module__hop-SearchField__InputGroup___jT6Kr {
2674
+ .SearchField-module__hop-SearchField__InputGroup___wUEhF {
2479
2675
  order: 1;
2480
2676
  padding-inline: var(--input-group-padding-inline-start) var(--input-group-padding-inline-end);
2481
2677
  }
2482
- .SearchField-module__hop-SearchField--clearable___rpi48 {
2678
+ .SearchField-module__hop-SearchField--clearable___KHhkC {
2483
2679
  --input-group-padding-inline-end: 0;
2484
2680
  }
2485
- .SearchField-module__hop-SearchField__ErrorMessage___c3ybU,
2486
- .SearchField-module__hop-SearchField__HelperMessage___76rJC {
2681
+ .SearchField-module__hop-SearchField__ErrorMessage___hgVi5,
2682
+ .SearchField-module__hop-SearchField__HelperMessage___o0oGA {
2487
2683
  order: 3;
2488
2684
  }
2489
- .SearchField-module__hop-SearchField___FhPb- input::-webkit-search-cancel-button,
2490
- .SearchField-module__hop-SearchField___FhPb- input::-webkit-search-decoration {
2685
+ .SearchField-module__hop-SearchField___GwHlh input::-webkit-search-cancel-button,
2686
+ .SearchField-module__hop-SearchField___GwHlh input::-webkit-search-decoration {
2491
2687
  appearance: none;
2492
2688
  }
2493
- .SearchField-module__hop-SearchField___FhPb-[data-empty] {
2689
+ .SearchField-module__hop-SearchField___GwHlh[data-empty] {
2494
2690
  --clear-button-display: none;
2495
2691
  }
2496
- .SearchField-module__hop-SearchField__ClearButton___zWF2- {
2692
+ .SearchField-module__hop-SearchField__ClearButton___N4jdH {
2497
2693
  display: var(--clear-button-display);
2498
2694
  }
2499
2695
 
2500
2696
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Link/src/Link.module.css/#css-module-data */
2501
- .Link-module__hop-Link___JuS-O {
2697
+ .Link-module__hop-Link___RVsUF {
2502
2698
  --hop-Link-border-radius: var(--hop-shape-rounded-sm);
2503
2699
  --hop-Link-focus-ring-color: var(--hop-primary-border-focus);
2504
2700
  --hop-Link-color-disabled: var(--hop-neutral-text-disabled);
@@ -2523,59 +2719,59 @@
2523
2719
  outline: none;
2524
2720
  outline-offset: 0.125rem;
2525
2721
  }
2526
- .Link-module__hop-Link___JuS-O[data-focus-visible] {
2722
+ .Link-module__hop-Link___RVsUF[data-focus-visible] {
2527
2723
  outline: 0.125rem solid var(--hop-Link-focus-ring-color);
2528
2724
  }
2529
- .Link-module__hop-Link___JuS-O[data-disabled] {
2725
+ .Link-module__hop-Link___RVsUF[data-disabled] {
2530
2726
  cursor: default;
2531
2727
  }
2532
- .Link-module__hop-Link--quiet___K84Hf[data-focus-visible],
2533
- .Link-module__hop-Link--quiet___K84Hf[data-hovered] {
2728
+ .Link-module__hop-Link--quiet___3H58c[data-focus-visible],
2729
+ .Link-module__hop-Link--quiet___3H58c[data-hovered] {
2534
2730
  text-decoration: underline;
2535
2731
  }
2536
- .Link-module__hop-Link___JuS-O:not(.Link-module__hop-Link--quiet___K84Hf) {
2732
+ .Link-module__hop-Link___RVsUF:not(.Link-module__hop-Link--quiet___3H58c) {
2537
2733
  text-decoration: underline;
2538
2734
  }
2539
- .Link-module__hop-Link--primary___mzkpD {
2735
+ .Link-module__hop-Link--primary___JFUnP {
2540
2736
  color: var(--hop-Link-primary-text-color);
2541
2737
  }
2542
- .Link-module__hop-Link--primary___mzkpD[data-disabled] {
2738
+ .Link-module__hop-Link--primary___JFUnP[data-disabled] {
2543
2739
  color: var(--hop-Link-primary-text-disabled-color);
2544
2740
  }
2545
- .Link-module__hop-Link--primary___mzkpD:not([data-disabled])[data-focus-visible],
2546
- .Link-module__hop-Link--primary___mzkpD:not([data-disabled])[data-hovered] {
2741
+ .Link-module__hop-Link--primary___JFUnP:not([data-disabled])[data-focus-visible],
2742
+ .Link-module__hop-Link--primary___JFUnP:not([data-disabled])[data-hovered] {
2547
2743
  color: var(--hop-Link-primary-text-hover-color);
2548
2744
  }
2549
- .Link-module__hop-Link--primary___mzkpD:not([data-disabled])[data-pressed] {
2745
+ .Link-module__hop-Link--primary___JFUnP:not([data-disabled])[data-pressed] {
2550
2746
  color: var(--hop-Link-primary-text-pressed-color);
2551
2747
  }
2552
- .Link-module__hop-Link--secondary___e2WTi {
2748
+ .Link-module__hop-Link--secondary___ZwM3- {
2553
2749
  color: var(--hop-Link-neutral-text-color);
2554
2750
  }
2555
- .Link-module__hop-Link--secondary___e2WTi[data-disabled] {
2751
+ .Link-module__hop-Link--secondary___ZwM3-[data-disabled] {
2556
2752
  color: var(--hop-Link-neutral-text-disabled-color);
2557
2753
  }
2558
- .Link-module__hop-Link--secondary___e2WTi:not([data-disabled])[data-focus-visible],
2559
- .Link-module__hop-Link--secondary___e2WTi:not([data-disabled])[data-hovered] {
2754
+ .Link-module__hop-Link--secondary___ZwM3-:not([data-disabled])[data-focus-visible],
2755
+ .Link-module__hop-Link--secondary___ZwM3-:not([data-disabled])[data-hovered] {
2560
2756
  color: var(--hop-Link-neutral-text-hover-color);
2561
2757
  }
2562
- .Link-module__hop-Link--secondary___e2WTi:not([data-disabled])[data-pressed] {
2758
+ .Link-module__hop-Link--secondary___ZwM3-:not([data-disabled])[data-pressed] {
2563
2759
  color: var(--hop-Link-neutral-text-pressed-color);
2564
2760
  }
2565
- .Link-module__hop-Link__icon___Y0bot,
2566
- .Link-module__hop-Link__icon-list___MBb0J {
2761
+ .Link-module__hop-Link__icon___4icuQ,
2762
+ .Link-module__hop-Link__icon-list___UxoAw {
2567
2763
  order: 2;
2568
2764
  }
2569
- .Link-module__hop-Link__text___Qs1EJ {
2765
+ .Link-module__hop-Link__text___hWs6H {
2570
2766
  order: 1;
2571
2767
  }
2572
- .Link-module__hop-Link__start-icon___--idR,
2573
- .Link-module__hop-Link__start-icon-list___q1C7p {
2768
+ .Link-module__hop-Link__start-icon___wZ1l5,
2769
+ .Link-module__hop-Link__start-icon-list___4K3J1 {
2574
2770
  order: 0;
2575
2771
  }
2576
2772
 
2577
2773
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/Radio.module.css/#css-module-data */
2578
- .Radio-module__hop-Radio___dZSx2 {
2774
+ .Radio-module__hop-Radio___-DVX4 {
2579
2775
  --hop-Radio-box-border-size: 0.0625rem;
2580
2776
  --hop-Radio-box-border-color: var(--hop-neutral-border);
2581
2777
  --hop-Radio-box-background-color: var(--hop-neutral-surface);
@@ -2649,63 +2845,60 @@
2649
2845
  inline-size: max-content;
2650
2846
  max-inline-size: 100%;
2651
2847
  }
2652
- .Radio-module__hop-Radio___dZSx2[data-focus-visible],
2653
- .Radio-module__hop-Radio--focused___bBjyn {
2848
+ .Radio-module__hop-Radio___-DVX4[data-focus-visible] {
2654
2849
  --box-background-color: var(--hop-Radio-box-background-color-focused);
2655
2850
  --box-border-color: var(--hop-Radio-box-border-color-focused);
2656
2851
  --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
2657
2852
  --text-color: var(--hop-Radio-text-color-focused);
2658
2853
  --icon-color: var(--hop-Radio-icon-color-focused);
2659
2854
  }
2660
- .Radio-module__hop-Radio___dZSx2[data-hovered],
2661
- .Radio-module__hop-Radio--hovered___CaynT {
2855
+ .Radio-module__hop-Radio___-DVX4[data-hovered] {
2662
2856
  --box-background-color: var(--hop-Radio-box-background-color-hovered);
2663
2857
  --box-border-color: var(--hop-Radio-box-border-color-hovered);
2664
2858
  --text-color: var(--hop-Radio-text-color-hovered);
2665
2859
  --icon-color: var(--hop-Radio-icon-color-hovered);
2666
2860
  }
2667
- .Radio-module__hop-Radio___dZSx2[data-pressed],
2668
- .Radio-module__hop-Radio--pressed___1HqKU {
2861
+ .Radio-module__hop-Radio___-DVX4[data-pressed] {
2669
2862
  --box-background-color: var(--hop-Radio-box-background-color-pressed);
2670
2863
  --box-border-color: var(--hop-Radio-box-border-color-pressed);
2671
2864
  --text-color: var(--hop-Radio-text-color-pressed);
2672
2865
  --icon-color: var(--hop-Radio-icon-color-pressed);
2673
2866
  }
2674
- .Radio-module__hop-Radio___dZSx2[data-selected] {
2867
+ .Radio-module__hop-Radio___-DVX4[data-selected] {
2675
2868
  --box-background-color: var(--hop-Radio-box-background-color-selected);
2676
2869
  --box-border-color: var(--hop-Radio-box-border-color-selected);
2677
2870
  --bullet-display: var(--hop-Radio-bullet-display-selected);
2678
2871
  --text-color: var(--hop-Radio-text-color-selected);
2679
2872
  --icon-color: var(--hop-Radio-icon-color-selected);
2680
2873
  }
2681
- .Radio-module__hop-Radio___dZSx2[data-invalid] {
2874
+ .Radio-module__hop-Radio___-DVX4[data-invalid] {
2682
2875
  --box-background-color: var(--hop-Radio-box-background-color-invalid);
2683
2876
  --box-border-color: var(--hop-Radio-box-border-color-invalid);
2684
2877
  --bullet-color: var(--hop-Radio-bullet-color-invalid);
2685
2878
  --text-color: var(--hop-Radio-text-color-invalid);
2686
2879
  --icon-color: var(--hop-Radio-icon-color-invalid);
2687
2880
  }
2688
- .Radio-module__hop-Radio___dZSx2:where([data-invalid])[data-focus-visible] {
2881
+ .Radio-module__hop-Radio___-DVX4:where([data-invalid])[data-focus-visible] {
2689
2882
  --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
2690
2883
  --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
2691
2884
  }
2692
- .Radio-module__hop-Radio___dZSx2:where([data-invalid])[data-hovered] {
2885
+ .Radio-module__hop-Radio___-DVX4:where([data-invalid])[data-hovered] {
2693
2886
  --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
2694
2887
  --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
2695
2888
  --text-color: var(--hop-Radio-text-color-hovered-invalid);
2696
2889
  --icon-color: var(--hop-Radio-text-color-hovered-invalid);
2697
2890
  }
2698
- .Radio-module__hop-Radio___dZSx2:where([data-invalid])[data-pressed] {
2891
+ .Radio-module__hop-Radio___-DVX4:where([data-invalid])[data-pressed] {
2699
2892
  --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
2700
2893
  --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
2701
2894
  --text-color: var(--hop-Radio-text-color-pressed-invalid);
2702
2895
  --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
2703
2896
  }
2704
- .Radio-module__hop-Radio___dZSx2:where([data-invalid])[data-selected] {
2897
+ .Radio-module__hop-Radio___-DVX4:where([data-invalid])[data-selected] {
2705
2898
  --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
2706
2899
  --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
2707
2900
  }
2708
- .Radio-module__hop-Radio___dZSx2[data-disabled] {
2901
+ .Radio-module__hop-Radio___-DVX4[data-disabled] {
2709
2902
  --box-background-color: var(--hop-Radio-box-background-color-disabled);
2710
2903
  --box-border-color: var(--hop-Radio-box-border-color-disabled);
2711
2904
  --bullet-color: var(--hop-Radio-bullet-color-disabled);
@@ -2713,25 +2906,25 @@
2713
2906
  --text-color: var(--hop-Radio-text-color-disabled);
2714
2907
  --icon-color: var(--hop-Radio-icon-color-disabled);
2715
2908
  }
2716
- .Radio-module__hop-Radio--sm___AYTfn {
2909
+ .Radio-module__hop-Radio--sm___2iKGS {
2717
2910
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
2718
2911
  --box-block-size: var(--hop-Radio-box-sm-block-size);
2719
2912
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
2720
2913
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
2721
2914
  }
2722
- .Radio-module__hop-Radio--md___0S2cX {
2915
+ .Radio-module__hop-Radio--md___NtAnh {
2723
2916
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
2724
2917
  --box-block-size: var(--hop-Radio-box-md-block-size);
2725
2918
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
2726
2919
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
2727
2920
  }
2728
- .Radio-module__hop-Radio__icon___q55ww,
2729
- .Radio-module__hop-Radio__icon-list___TIMvm {
2921
+ .Radio-module__hop-Radio__icon___5wLUN,
2922
+ .Radio-module__hop-Radio__icon-list___-SSe9 {
2730
2923
  flex: 0 0 auto;
2731
2924
  order: 3;
2732
2925
  color: var(--icon-color);
2733
2926
  }
2734
- .Radio-module__hop-Radio__box___oWuZH {
2927
+ .Radio-module__hop-Radio__box___Lkth2 {
2735
2928
  display: flex;
2736
2929
  flex: 0 0 auto;
2737
2930
  align-items: center;
@@ -2747,11 +2940,11 @@
2747
2940
  outline-offset: 0.125rem;
2748
2941
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
2749
2942
  }
2750
- .Radio-module__hop-Radio__bullet___Z2gB- {
2943
+ .Radio-module__hop-Radio__bullet___xtCD0 {
2751
2944
  display: var(--bullet-display);
2752
2945
  color: var(--bullet-color);
2753
2946
  }
2754
- .Radio-module__hop-Radio__text___JyULz {
2947
+ .Radio-module__hop-Radio__text___1nCKy {
2755
2948
  flex: 0 1 auto;
2756
2949
  order: 2;
2757
2950
  min-inline-size: 0;
@@ -2761,7 +2954,7 @@
2761
2954
  }
2762
2955
 
2763
2956
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioField.module.css/#css-module-data */
2764
- .RadioField-module__hop-RadioField___ZeVcr {
2957
+ .RadioField-module__hop-RadioField___eXkct {
2765
2958
  --hop-RadioField-description-color: var(--hop-neutral-text-weak);
2766
2959
  --hop-RadioField-description-color-disabled: var(--hop-neutral-text-disabled);
2767
2960
  --hop-RadioField-sm-row-gap: var(--hop-space-stack-xs);
@@ -2780,28 +2973,28 @@
2780
2973
  inline-size: max-content;
2781
2974
  max-inline-size: 100%;
2782
2975
  }
2783
- .RadioField-module__hop-RadioField___ZeVcr[data-disabled] {
2976
+ .RadioField-module__hop-RadioField___eXkct[data-disabled] {
2784
2977
  --description-color: var(--hop-RadioField-description-color-disabled);
2785
2978
  }
2786
- .RadioField-module__hop-RadioField--sm___-ToHL {
2979
+ .RadioField-module__hop-RadioField--sm___dzUpl {
2787
2980
  --row-gap: var(--hop-RadioField-sm-row-gap);
2788
2981
  --description-margin-inline-start: var(--hop-RadioField-description-sm-margin-inline-start);
2789
2982
  }
2790
- .RadioField-module__hop-RadioField--md___PiqvX {
2983
+ .RadioField-module__hop-RadioField--md___HZmDd {
2791
2984
  --row-gap: var(--hop-RadioField-md-row-gap);
2792
2985
  --description-margin-inline-start: var(--hop-RadioField-description-md-margin-inline-start);
2793
2986
  }
2794
- .RadioField-module__hop-RadioField__description___fzcWP {
2987
+ .RadioField-module__hop-RadioField__description___WuKax {
2795
2988
  order: 2;
2796
2989
  margin-inline-start: var(--description-margin-inline-start, var(--hop-RadioField-description-md-margin-inline-start));
2797
2990
  color: var(--description-color);
2798
2991
  }
2799
- .RadioField-module__hop-RadioField__radio___JPWxW {
2992
+ .RadioField-module__hop-RadioField__radio___h7f3V {
2800
2993
  order: 1;
2801
2994
  }
2802
2995
 
2803
2996
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioGroup.module.css/#css-module-data */
2804
- .RadioGroup-module__hop-RadioGroup___pM7SC {
2997
+ .RadioGroup-module__hop-RadioGroup___has4j {
2805
2998
  --hop-RadioGroup-align-items: flex-start;
2806
2999
  --hop-RadioGroup-justify-content: flex-start;
2807
3000
  --hop-RadioGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -2841,46 +3034,46 @@
2841
3034
  inline-size: var(--inline-size);
2842
3035
  max-inline-size: 100%;
2843
3036
  }
2844
- .RadioGroup-module__hop-RadioGroup--bordered___TozFo {
3037
+ .RadioGroup-module__hop-RadioGroup--bordered___sLe-B {
2845
3038
  --list-border: var(--radio-border-size) solid var(--radio-border-color);
2846
3039
  --list-border-radius: var(--hop-shape-rounded-md);
2847
3040
  }
2848
- .RadioGroup-module__hop-RadioGroup--sm___T0IFM {
3041
+ .RadioGroup-module__hop-RadioGroup--sm___T-FZw {
2849
3042
  --column-gap: var(--hop-RadioGroup-sm-column-gap);
2850
3043
  --row-gap: var(--hop-RadioGroup-sm-row-gap);
2851
3044
  --list-column-gap: var(--hop-RadioGroup-list-sm-column-gap);
2852
3045
  --list-row-gap: var(--hop-RadioGroup-list-sm-row-gap);
2853
3046
  }
2854
- .RadioGroup-module__hop-RadioGroup--md___CD3JY {
3047
+ .RadioGroup-module__hop-RadioGroup--md___4yS6O {
2855
3048
  --column-gap: var(--hop-RadioGroup-md-column-gap);
2856
3049
  --row-gap: var(--hop-RadioGroup-md-row-gap);
2857
3050
  --list-column-gap: var(--hop-RadioGroup-list-md-column-gap);
2858
3051
  --list-row-gap: var(--hop-RadioGroup-list-md-row-gap);
2859
3052
  }
2860
- .RadioGroup-module__hop-RadioGroup--bordered___TozFo.RadioGroup-module__hop-RadioGroup--sm___T0IFM {
3053
+ .RadioGroup-module__hop-RadioGroup--bordered___sLe-B.RadioGroup-module__hop-RadioGroup--sm___T-FZw {
2861
3054
  --radio-padding: var(--hop-RadioGroup-bordered-sm-padding);
2862
3055
  --column-gap: var(--hop-RadioGroup-bordered-sm-column-gap);
2863
3056
  --row-gap: var(--hop-RadioGroup-bordered-sm-row-gap);
2864
3057
  --list-column-gap: var(--hop-RadioGroup-list-bordered-sm-column-gap);
2865
3058
  --list-row-gap: var(--hop-RadioGroup-list-bordered-sm-row-gap);
2866
3059
  }
2867
- .RadioGroup-module__hop-RadioGroup--bordered___TozFo.RadioGroup-module__hop-RadioGroup--md___CD3JY {
3060
+ .RadioGroup-module__hop-RadioGroup--bordered___sLe-B.RadioGroup-module__hop-RadioGroup--md___4yS6O {
2868
3061
  --radio-padding: var(--hop-RadioGroup-bordered-md-padding);
2869
3062
  --column-gap: var(--hop-RadioGroup-bordered-md-column-gap);
2870
3063
  --row-gap: var(--hop-RadioGroup-bordered-md-row-gap);
2871
3064
  --list-column-gap: var(--hop-RadioGroup-list-bordered-md-column-gap);
2872
3065
  --list-row-gap: var(--hop-RadioGroup-list-bordered-md-row-gap);
2873
3066
  }
2874
- .RadioGroup-module__hop-RadioGroup___pM7SC[data-orientation=horizontal] {
3067
+ .RadioGroup-module__hop-RadioGroup___has4j[data-orientation=horizontal] {
2875
3068
  --flex-direction: var(--hop-RadioGroup-horizontal-flex-direction);
2876
3069
  }
2877
- .RadioGroup-module__hop-RadioGroup--bordered___TozFo[data-orientation=horizontal] {
3070
+ .RadioGroup-module__hop-RadioGroup--bordered___sLe-B[data-orientation=horizontal] {
2878
3071
  --flex-wrap: nowrap;
2879
3072
  }
2880
- .RadioGroup-module__hop-RadioGroup___pM7SC > .RadioGroup-module__hop-RadioGroup__label___L0tyL {
3073
+ .RadioGroup-module__hop-RadioGroup___has4j > .RadioGroup-module__hop-RadioGroup__label___hHfIp {
2881
3074
  order: 1;
2882
3075
  }
2883
- .RadioGroup-module__hop-RadioGroup__list___PTFzc {
3076
+ .RadioGroup-module__hop-RadioGroup__list___MXi9G {
2884
3077
  display: flex;
2885
3078
  flex-flow: var(--flex-direction) var(--flex-wrap);
2886
3079
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -2891,7 +3084,7 @@
2891
3084
  border: var(--list-border, none);
2892
3085
  border-radius: var(--list-border-radius, 0);
2893
3086
  }
2894
- .RadioGroup-module__hop-RadioGroup__list___PTFzc > .RadioGroup-module__hop-RadioGroup__radio___ErWNd {
3087
+ .RadioGroup-module__hop-RadioGroup__list___MXi9G > .RadioGroup-module__hop-RadioGroup__radio___1B1gK {
2895
3088
  position: relative;
2896
3089
  flex: 0 1 auto;
2897
3090
  align-content: start;
@@ -2899,28 +3092,226 @@
2899
3092
  min-inline-size: 0;
2900
3093
  padding: var(--radio-padding, 0);
2901
3094
  }
2902
- .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 {
3095
+ .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 {
2903
3096
  content: "";
2904
3097
  position: absolute;
2905
3098
  display: block;
2906
3099
  }
2907
- .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 {
3100
+ .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 {
2908
3101
  inset-block-start: 0;
2909
3102
  inset-inline: 0;
2910
3103
  border-block-start: var(--list-border, none);
2911
3104
  }
2912
- .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 {
3105
+ .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 {
2913
3106
  inset-block: 0;
2914
3107
  inset-inline-start: 0;
2915
3108
  border-inline-start: var(--list-border, none);
2916
3109
  }
2917
- .RadioGroup-module__hop-RadioGroup___pM7SC > .RadioGroup-module__hop-RadioGroup__error-message___36WFE,
2918
- .RadioGroup-module__hop-RadioGroup___pM7SC > .RadioGroup-module__hop-RadioGroup__helper-message___4EcKd {
3110
+ .RadioGroup-module__hop-RadioGroup___has4j > .RadioGroup-module__hop-RadioGroup__error-message___nd3QV,
3111
+ .RadioGroup-module__hop-RadioGroup___has4j > .RadioGroup-module__hop-RadioGroup__helper-message___KJIEd {
2919
3112
  order: 3;
2920
3113
  }
2921
3114
 
3115
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/DecorativeRadio.module.css/#css-module-data */
3116
+ .Radio-module__hop-Radio___-DVX4 {
3117
+ --hop-Radio-box-border-size: 0.0625rem;
3118
+ --hop-Radio-box-border-color: var(--hop-neutral-border);
3119
+ --hop-Radio-box-background-color: var(--hop-neutral-surface);
3120
+ --hop-Radio-box-outline-size: 0.125rem;
3121
+ --hop-Radio-box-outline-color: var(--hop-primary-border-focus);
3122
+ --hop-Radio-bullet-color: var(--hop-neutral-icon-selected);
3123
+ --hop-Radio-bullet-display: none;
3124
+ --hop-Radio-text-color: var(--hop-neutral-text);
3125
+ --hop-Radio-icon-color: var(--hop-neutral-icon);
3126
+ --hop-Radio-box-border-color-hovered: var(--hop-neutral-border-hover);
3127
+ --hop-Radio-box-background-color-hovered: var(--hop-neutral-surface-hover);
3128
+ --hop-Radio-text-color-hovered: var(--hop-neutral-text-hover);
3129
+ --hop-Radio-icon-color-hovered: var(--hop-neutral-icon-hover);
3130
+ --hop-Radio-box-border-color-pressed: var(--hop-neutral-border-press);
3131
+ --hop-Radio-box-background-color-pressed: var(--hop-neutral-surface-press);
3132
+ --hop-Radio-text-color-pressed: var(--hop-neutral-text-press);
3133
+ --hop-Radio-icon-color-pressed: var(--hop-neutral-icon-press);
3134
+ --hop-Radio-box-border-color-selected: var(--hop-neutral-border-selected);
3135
+ --hop-Radio-box-background-color-selected: var(--hop-neutral-surface-selected);
3136
+ --hop-Radio-bullet-display-selected: block;
3137
+ --hop-Radio-text-color-selected: var(--hop-neutral-text);
3138
+ --hop-Radio-icon-color-selected: var(--hop-neutral-icon);
3139
+ --hop-Radio-box-border-color-disabled: var(--hop-neutral-border-disabled);
3140
+ --hop-Radio-box-background-color-disabled: var(--hop-neutral-surface-disabled);
3141
+ --hop-Radio-bullet-color-disabled: var(--hop-neutral-icon-disabled);
3142
+ --hop-Radio-text-color-disabled: var(--hop-neutral-text-disabled);
3143
+ --hop-Radio-icon-color-disabled: var(--hop-neutral-icon-disabled);
3144
+ --hop-Radio-box-border-color-focused: var(--hop-neutral-border-hover);
3145
+ --hop-Radio-box-background-color-focused: var(--hop-neutral-surface-hover);
3146
+ --hop-Radio-text-color-focused: var(--hop-neutral-text);
3147
+ --hop-Radio-icon-color-focused: var(--hop-neutral-icon);
3148
+ --hop-Radio-box-border-color-invalid: var(--hop-danger-border-strong);
3149
+ --hop-Radio-box-background-color-invalid: var(--hop-neutral-surface);
3150
+ --hop-Radio-box-border-color-hovered-invalid: var(--hop-danger-border-strong);
3151
+ --hop-Radio-box-background-color-hovered-invalid: var(--hop-danger-surface);
3152
+ --hop-Radio-box-border-color-pressed-invalid: var(--hop-danger-border-press);
3153
+ --hop-Radio-box-background-color-pressed-invalid: var(--hop-danger-surface-weak);
3154
+ --hop-Radio-box-border-color-focused-invalid: var(--hop-danger-border-strong);
3155
+ --hop-Radio-box-background-color-focused-invalid: var(--hop-danger-surface);
3156
+ --hop-Radio-box-border-color-selected-invalid: var(--hop-danger-border-strong);
3157
+ --hop-Radio-box-background-color-selected-invalid: var(--hop-danger-surface-strong);
3158
+ --hop-Radio-bullet-color-invalid: var(--hop-danger-icon-strong);
3159
+ --hop-Radio-text-color-invalid: var(--hop-danger-text-weak);
3160
+ --hop-Radio-icon-color-invalid: var(--hop-danger-icon-weak);
3161
+ --hop-Radio-text-color-hovered-invalid: var(--hop-danger-text-weak-hover);
3162
+ --hop-Radio-icon-color-hovered-invalid: var(--hop-danger-icon-weak-hover);
3163
+ --hop-Radio-text-color-pressed-invalid: var(--hop-danger-text-weak-press);
3164
+ --hop-Radio-box-sm-inline-size: 1rem;
3165
+ --hop-Radio-box-sm-block-size: 1rem;
3166
+ --hop-Radio-text-sm-top-offset: calc((var(--box-inline-size) - (var(--hop-body-sm-line-height) * var(--hop-body-sm-font-size))) / 2);
3167
+ --hop-Radio-text-sm-margin-inline-start: calc(var(--hop-space-inline-sm) - var(--hop-space-inline-xs));
3168
+ --hop-Radio-box-md-inline-size: 1.5rem;
3169
+ --hop-Radio-box-md-block-size: 1.5rem;
3170
+ --hop-Radio-text-md-top-offset: calc((var(--box-inline-size) - (var(--hop-body-md-line-height) * var(--hop-body-md-font-size))) / 2);
3171
+ --hop-Radio-text-md-margin-inline-start: calc(var(--hop-space-inline-md) - var(--hop-space-inline-xs));
3172
+ --box-background-color: var(--hop-Radio-box-background-color);
3173
+ --box-border-color: var(--hop-Radio-box-border-color);
3174
+ --box-border-radius: var(--hop-shape-circle);
3175
+ --bullet-color: var(--hop-Radio-bullet-color);
3176
+ --bullet-display: var(--hop-Radio-bullet-display);
3177
+ --cursor: pointer;
3178
+ --text-color: var(--hop-Radio-text-color);
3179
+ --icon-color: var(--hop-Radio-icon-color);
3180
+ --transition-duration: var(--hop-easing-duration-2);
3181
+ cursor: var(--cursor);
3182
+ display: flex;
3183
+ column-gap: var(--hop-space-inline-xs);
3184
+ align-items: flex-start;
3185
+ justify-content: flex-start;
3186
+ box-sizing: border-box;
3187
+ inline-size: max-content;
3188
+ max-inline-size: 100%;
3189
+ }
3190
+ .Radio-module__hop-Radio___-DVX4[data-focus-visible] {
3191
+ --box-background-color: var(--hop-Radio-box-background-color-focused);
3192
+ --box-border-color: var(--hop-Radio-box-border-color-focused);
3193
+ --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
3194
+ --text-color: var(--hop-Radio-text-color-focused);
3195
+ --icon-color: var(--hop-Radio-icon-color-focused);
3196
+ }
3197
+ .Radio-module__hop-Radio___-DVX4[data-hovered] {
3198
+ --box-background-color: var(--hop-Radio-box-background-color-hovered);
3199
+ --box-border-color: var(--hop-Radio-box-border-color-hovered);
3200
+ --text-color: var(--hop-Radio-text-color-hovered);
3201
+ --icon-color: var(--hop-Radio-icon-color-hovered);
3202
+ }
3203
+ .Radio-module__hop-Radio___-DVX4[data-pressed] {
3204
+ --box-background-color: var(--hop-Radio-box-background-color-pressed);
3205
+ --box-border-color: var(--hop-Radio-box-border-color-pressed);
3206
+ --text-color: var(--hop-Radio-text-color-pressed);
3207
+ --icon-color: var(--hop-Radio-icon-color-pressed);
3208
+ }
3209
+ .Radio-module__hop-Radio___-DVX4[data-selected] {
3210
+ --box-background-color: var(--hop-Radio-box-background-color-selected);
3211
+ --box-border-color: var(--hop-Radio-box-border-color-selected);
3212
+ --bullet-display: var(--hop-Radio-bullet-display-selected);
3213
+ --text-color: var(--hop-Radio-text-color-selected);
3214
+ --icon-color: var(--hop-Radio-icon-color-selected);
3215
+ }
3216
+ .Radio-module__hop-Radio___-DVX4[data-invalid] {
3217
+ --box-background-color: var(--hop-Radio-box-background-color-invalid);
3218
+ --box-border-color: var(--hop-Radio-box-border-color-invalid);
3219
+ --bullet-color: var(--hop-Radio-bullet-color-invalid);
3220
+ --text-color: var(--hop-Radio-text-color-invalid);
3221
+ --icon-color: var(--hop-Radio-icon-color-invalid);
3222
+ }
3223
+ .Radio-module__hop-Radio___-DVX4:where([data-invalid])[data-focus-visible] {
3224
+ --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
3225
+ --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
3226
+ }
3227
+ .Radio-module__hop-Radio___-DVX4:where([data-invalid])[data-hovered] {
3228
+ --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
3229
+ --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
3230
+ --text-color: var(--hop-Radio-text-color-hovered-invalid);
3231
+ --icon-color: var(--hop-Radio-text-color-hovered-invalid);
3232
+ }
3233
+ .Radio-module__hop-Radio___-DVX4:where([data-invalid])[data-pressed] {
3234
+ --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
3235
+ --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
3236
+ --text-color: var(--hop-Radio-text-color-pressed-invalid);
3237
+ --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
3238
+ }
3239
+ .Radio-module__hop-Radio___-DVX4:where([data-invalid])[data-selected] {
3240
+ --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
3241
+ --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
3242
+ }
3243
+ .Radio-module__hop-Radio___-DVX4[data-disabled] {
3244
+ --box-background-color: var(--hop-Radio-box-background-color-disabled);
3245
+ --box-border-color: var(--hop-Radio-box-border-color-disabled);
3246
+ --bullet-color: var(--hop-Radio-bullet-color-disabled);
3247
+ --cursor: not-allowed;
3248
+ --text-color: var(--hop-Radio-text-color-disabled);
3249
+ --icon-color: var(--hop-Radio-icon-color-disabled);
3250
+ }
3251
+ .Radio-module__hop-Radio--sm___2iKGS {
3252
+ --box-inline-size: var(--hop-Radio-box-sm-inline-size);
3253
+ --box-block-size: var(--hop-Radio-box-sm-block-size);
3254
+ --text-top-offset: var(--hop-Radio-text-sm-top-offset);
3255
+ --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
3256
+ }
3257
+ .Radio-module__hop-Radio--md___NtAnh {
3258
+ --box-inline-size: var(--hop-Radio-box-md-inline-size);
3259
+ --box-block-size: var(--hop-Radio-box-md-block-size);
3260
+ --text-top-offset: var(--hop-Radio-text-md-top-offset);
3261
+ --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
3262
+ }
3263
+ .Radio-module__hop-Radio__icon___5wLUN,
3264
+ .Radio-module__hop-Radio__icon-list___-SSe9 {
3265
+ flex: 0 0 auto;
3266
+ order: 3;
3267
+ color: var(--icon-color);
3268
+ }
3269
+ .Radio-module__hop-Radio__box___Lkth2 {
3270
+ display: flex;
3271
+ flex: 0 0 auto;
3272
+ align-items: center;
3273
+ justify-content: center;
3274
+ order: 1;
3275
+ box-sizing: border-box;
3276
+ inline-size: var(--box-inline-size, var(--hop-Radio-box-md-inline-size));
3277
+ block-size: var(--box-block-size, var(--hop-Radio-box-md-block-size));
3278
+ background-color: var(--box-background-color);
3279
+ border: var(--hop-Radio-box-border-size) solid var(--box-border-color);
3280
+ border-radius: var(--box-border-radius);
3281
+ outline: var(--box-outline, none);
3282
+ outline-offset: 0.125rem;
3283
+ transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
3284
+ }
3285
+ .Radio-module__hop-Radio__bullet___xtCD0 {
3286
+ display: var(--bullet-display);
3287
+ color: var(--bullet-color);
3288
+ }
3289
+ .Radio-module__hop-Radio__text___1nCKy {
3290
+ flex: 0 1 auto;
3291
+ order: 2;
3292
+ min-inline-size: 0;
3293
+ margin-block-start: var(--text-top-offset, var(--hop-Radio-text-md-top-offset));
3294
+ margin-inline-start: var(--text-margin-inline-start, var(--hop-Radio-text-md-margin-inline-start));
3295
+ color: var(--text-color);
3296
+ }
3297
+ .DecorativeRadio-module__hop-DecorativeRadio___XcRL7 {
3298
+ }
3299
+ .DecorativeRadio-module__hop-DecorativeRadio--sm___yZKCP {
3300
+ }
3301
+ .DecorativeRadio-module__hop-DecorativeRadio--md___FDWvt {
3302
+ }
3303
+ .DecorativeRadio-module__hop-DecorativeRadio__icon___B5OZ3,
3304
+ .DecorativeRadio-module__hop-DecorativeRadio__icon-list___4CaC8 {
3305
+ }
3306
+ .DecorativeRadio-module__hop-DecorativeRadio__box___MO8xR {
3307
+ }
3308
+ .DecorativeRadio-module__hop-DecorativeRadio__bullet___2sHe8 {
3309
+ }
3310
+ .DecorativeRadio-module__hop-DecorativeRadio__text___jpBYd {
3311
+ }
3312
+
2922
3313
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBoxItemSkeleton.module.css/#css-module-data */
2923
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___M8FkD {
3314
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___LXL76 {
2924
3315
  --hop-ListBoxItemSkeleton-background-color: var(--hop-rock-50);
2925
3316
  --hop-ListBoxItemSkeleton-background-color-dark: var(--hop-rock-75);
2926
3317
  --hop-ListBoxItemSkeleton-border-radius: var(--hop-shape-rounded-md);
@@ -2946,7 +3337,7 @@
2946
3337
  background-image: var(--hop-ListBoxItemSkeleton-linear-gradient);
2947
3338
  background-size: 400% 100%;
2948
3339
  border-radius: var(--hop-ListBoxItemSkeleton-border-radius);
2949
- animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___jtRvd;
3340
+ animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___0zSMf;
2950
3341
  animation-duration: var(--animation-duration);
2951
3342
  animation-timing-function: ease-in-out;
2952
3343
  animation-fill-mode: forwards;
@@ -2955,19 +3346,19 @@
2955
3346
  --animation-duration: var(--hop-ListBoxItemSkeleton-animation-reduced-motion-duration);
2956
3347
  }
2957
3348
  }
2958
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___6dEvP {
3349
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___zqspI {
2959
3350
  --height: var(--hop-ListBoxItemSkeleton-xs-height);
2960
3351
  }
2961
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___auPSD {
3352
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___ciRBc {
2962
3353
  --height: var(--hop-ListBoxItemSkeleton-sm-height);
2963
3354
  }
2964
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___FBGqX {
3355
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___eEFPe {
2965
3356
  --height: var(--hop-ListBoxItemSkeleton-md-height);
2966
3357
  }
2967
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___s5aB- {
3358
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___269Zv {
2968
3359
  --height: var(--hop-ListBoxItemSkeleton-lg-height);
2969
3360
  }
2970
- @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___jtRvd {
3361
+ @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___0zSMf {
2971
3362
  0% {
2972
3363
  background-position: 125% 50%;
2973
3364
  }
@@ -2977,7 +3368,7 @@
2977
3368
  }
2978
3369
 
2979
3370
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBoxItem.module.css/#css-module-data */
2980
- .ListBoxItem-module__hop-ListBoxItem___Q1Dvl {
3371
+ .ListBoxItem-module__hop-ListBoxItem___QnaY2 {
2981
3372
  --hop-ListBoxItem-background-color: transparent;
2982
3373
  --hop-ListBoxItem-border-radius: var(--hop-shape-rounded-md);
2983
3374
  --hop-ListBoxItem-text-color: var(--hop-neutral-text);
@@ -3074,129 +3465,129 @@
3074
3465
  outline: var(--outline);
3075
3466
  outline-offset: calc(-1 * var(--hop-ListBoxItem-outline-size));
3076
3467
  }
3077
- .ListBoxItem-module__hop-ListBoxItem--xs___roQ7v {
3468
+ .ListBoxItem-module__hop-ListBoxItem--xs___hRh2f {
3078
3469
  --padding-block: var(--hop-ListBoxItem-xs-padding-block);
3079
3470
  --padding-inline: var(--hop-ListBoxItem-xs-padding-inline);
3080
3471
  --min-height: var(--hop-ListBoxItem-xs-min-height);
3081
3472
  --avatar-margin-block: var(--hop-ListBoxItem-xs-avatar-margin-block);
3082
3473
  --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight);
3083
3474
  }
3084
- .ListBoxItem-module__hop-ListBoxItem--sm___fvRpM {
3475
+ .ListBoxItem-module__hop-ListBoxItem--sm___5ms4l {
3085
3476
  --padding-block: var(--hop-ListBoxItem-sm-padding-block);
3086
3477
  --padding-inline: var(--hop-ListBoxItem-sm-padding-inline);
3087
3478
  --min-height: var(--hop-ListBoxItem-sm-min-height);
3088
3479
  --avatar-margin-block: var(--hop-ListBoxItem-sm-avatar-margin-block);
3089
3480
  --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight);
3090
3481
  }
3091
- .ListBoxItem-module__hop-ListBoxItem--md___gRocQ {
3482
+ .ListBoxItem-module__hop-ListBoxItem--md___1CBS- {
3092
3483
  --padding-block: var(--hop-ListBoxItem-md-padding-block);
3093
3484
  --padding-inline: var(--hop-ListBoxItem-md-padding-inline);
3094
3485
  --min-height: var(--hop-ListBoxItem-md-min-height);
3095
3486
  --avatar-margin-block: var(--hop-ListBoxItem-md-avatar-margin-block);
3096
3487
  --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight);
3097
3488
  }
3098
- .ListBoxItem-module__hop-ListBoxItem--lg___J4z-j {
3489
+ .ListBoxItem-module__hop-ListBoxItem--lg___TU4Wq {
3099
3490
  --padding-block: var(--hop-ListBoxItem-lg-padding-block);
3100
3491
  --padding-inline: var(--hop-ListBoxItem-lg-padding-inline);
3101
3492
  --min-height: var(--hop-ListBoxItem-lg-min-height);
3102
3493
  --avatar-margin-block: var(--hop-ListBoxItem-lg-avatar-margin-block);
3103
3494
  --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight);
3104
3495
  }
3105
- .ListBoxItem-module__hop-ListBoxItem___Q1Dvl[data-selection-mode] {
3496
+ .ListBoxItem-module__hop-ListBoxItem___QnaY2[data-selection-mode] {
3106
3497
  --cursor: pointer;
3107
3498
  }
3108
- .ListBoxItem-module__hop-ListBoxItem___Q1Dvl:not([data-selection-mode]) {
3499
+ .ListBoxItem-module__hop-ListBoxItem___QnaY2:not([data-selection-mode]) {
3109
3500
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
3110
3501
  }
3111
- .ListBoxItem-module__hop-ListBoxItem__inner___hjVIE:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___tILR2) {
3502
+ .ListBoxItem-module__hop-ListBoxItem__inner___TAxWj:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___VfvOD) {
3112
3503
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
3113
3504
  }
3114
- .ListBoxItem-module__hop-ListBoxItem__inner___hjVIE[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___tILR2) {
3505
+ .ListBoxItem-module__hop-ListBoxItem__inner___TAxWj[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___VfvOD) {
3115
3506
  --checkmark-transition: none;
3116
3507
  }
3117
- .ListBoxItem-module__hop-ListBoxItem___Q1Dvl[data-selected] {
3508
+ .ListBoxItem-module__hop-ListBoxItem___QnaY2[data-selected] {
3118
3509
  --background-color: var(--hop-ListBoxItem-background-color-selected);
3119
3510
  --text-color: var(--hop-ListBoxItem-text-color-selected);
3120
3511
  --icon-color: var(--hop-ListBoxItem-icon-color-selected);
3121
3512
  --checkmark-opacity: 1;
3122
3513
  }
3123
- .ListBoxItem-module__hop-ListBoxItem--xs___roQ7v[data-selected] {
3514
+ .ListBoxItem-module__hop-ListBoxItem--xs___hRh2f[data-selected] {
3124
3515
  --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight-selected);
3125
3516
  }
3126
- .ListBoxItem-module__hop-ListBoxItem--sm___fvRpM[data-selected] {
3517
+ .ListBoxItem-module__hop-ListBoxItem--sm___5ms4l[data-selected] {
3127
3518
  --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight-selected);
3128
3519
  }
3129
- .ListBoxItem-module__hop-ListBoxItem--md___gRocQ[data-selected] {
3520
+ .ListBoxItem-module__hop-ListBoxItem--md___1CBS-[data-selected] {
3130
3521
  --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight-selected);
3131
3522
  }
3132
- .ListBoxItem-module__hop-ListBoxItem--lg___J4z-j[data-selected] {
3523
+ .ListBoxItem-module__hop-ListBoxItem--lg___TU4Wq[data-selected] {
3133
3524
  --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight-selected);
3134
3525
  }
3135
- .ListBoxItem-module__hop-ListBoxItem___Q1Dvl[data-focus-visible] {
3526
+ .ListBoxItem-module__hop-ListBoxItem___QnaY2[data-focus-visible] {
3136
3527
  --background-color: var(--hop-ListBoxItem-background-color-focused);
3137
3528
  --text-color: var(--hop-ListBoxItem-text-color-focused);
3138
3529
  --icon-color: var(--hop-ListBoxItem-icon-color-focused);
3139
3530
  --outline: var(--hop-ListBoxItem-outline-size) solid var(--hop-ListBoxItem-outline-color);
3140
3531
  }
3141
- .ListBoxItem-module__hop-ListBoxItem___Q1Dvl[data-hovered] {
3532
+ .ListBoxItem-module__hop-ListBoxItem___QnaY2[data-hovered] {
3142
3533
  --background-color: var(--hop-ListBoxItem-background-color-hovered);
3143
3534
  --text-color: var(--hop-ListBoxItem-text-color-hovered);
3144
3535
  --icon-color: var(--hop-ListBoxItem-icon-color-hovered);
3145
3536
  }
3146
- .ListBoxItem-module__hop-ListBoxItem___Q1Dvl[data-pressed] {
3537
+ .ListBoxItem-module__hop-ListBoxItem___QnaY2[data-pressed] {
3147
3538
  --background-color: var(--hop-ListBoxItem-background-color-pressed);
3148
3539
  --text-color: var(--hop-ListBoxItem-text-color-pressed);
3149
3540
  --icon-color: var(--hop-ListBoxItem-icon-color-pressed);
3150
3541
  }
3151
- .ListBoxItem-module__hop-ListBoxItem___Q1Dvl[data-disabled] {
3542
+ .ListBoxItem-module__hop-ListBoxItem___QnaY2[data-disabled] {
3152
3543
  --background-color: var(--hop-ListBoxItem-background-color-disabled);
3153
3544
  --text-color: var(--hop-ListBoxItem-text-color-disabled);
3154
3545
  --icon-color: var(--hop-ListBoxItem-icon-color-disabled);
3155
3546
  --description-text-color: var(--hop-ListBoxItem-text-color-disabled);
3156
3547
  --cursor: not-allowed;
3157
3548
  }
3158
- .ListBoxItem-module__hop-ListBoxItem___Q1Dvl[data-invalid] {
3549
+ .ListBoxItem-module__hop-ListBoxItem___QnaY2[data-invalid] {
3159
3550
  --background-color: var(--hop-ListBoxItem-background-color-invalid);
3160
3551
  --text-color: var(--hop-ListBoxItem-text-color-invalid);
3161
3552
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid);
3162
3553
  }
3163
- .ListBoxItem-module__hop-ListBoxItem___Q1Dvl[data-invalid][data-selected] {
3554
+ .ListBoxItem-module__hop-ListBoxItem___QnaY2[data-invalid][data-selected] {
3164
3555
  --background-color: var(--hop-ListBoxItem-background-color-invalid-selected);
3165
3556
  --text-color: var(--hop-ListBoxItem-text-color-invalid-selected);
3166
3557
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-selected);
3167
3558
  }
3168
- .ListBoxItem-module__hop-ListBoxItem___Q1Dvl[data-invalid][data-focus-visible] {
3559
+ .ListBoxItem-module__hop-ListBoxItem___QnaY2[data-invalid][data-focus-visible] {
3169
3560
  --background-color: var(--hop-ListBoxItem-background-color-invalid-focused);
3170
3561
  --text-color: var(--hop-ListBoxItem-text-color-invalid-focused);
3171
3562
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-focused);
3172
3563
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-focused);
3173
3564
  }
3174
- .ListBoxItem-module__hop-ListBoxItem___Q1Dvl[data-invalid][data-hovered] {
3565
+ .ListBoxItem-module__hop-ListBoxItem___QnaY2[data-invalid][data-hovered] {
3175
3566
  --background-color: var(--hop-ListBoxItem-background-color-invalid-hovered);
3176
3567
  --text-color: var(--hop-ListBoxItem-text-color-invalid-hovered);
3177
3568
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-hovered);
3178
3569
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-hovered);
3179
3570
  }
3180
- .ListBoxItem-module__hop-ListBoxItem___Q1Dvl[data-invalid][data-pressed] {
3571
+ .ListBoxItem-module__hop-ListBoxItem___QnaY2[data-invalid][data-pressed] {
3181
3572
  --background-color: var(--hop-ListBoxItem-background-color-invalid-pressed);
3182
3573
  --text-color: var(--hop-ListBoxItem-text-color-invalid-pressed);
3183
3574
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-pressed);
3184
3575
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-pressed);
3185
3576
  }
3186
- .ListBoxItem-module__hop-ListBoxItem___Q1Dvl[data-invalid][data-disabled] {
3577
+ .ListBoxItem-module__hop-ListBoxItem___QnaY2[data-invalid][data-disabled] {
3187
3578
  --background-color: var(--hop-ListBoxItem-background-color-invalid-disabled);
3188
3579
  --text-color: var(--hop-ListBoxItem-text-color-invalid-disabled);
3189
3580
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-disabled);
3190
3581
  }
3191
- .ListBoxItem-module__hop-ListBoxItem___Q1Dvl:has(.ListBoxItem-module__hop-ListBoxItem__description___iyMtT) {
3582
+ .ListBoxItem-module__hop-ListBoxItem___QnaY2:has(.ListBoxItem-module__hop-ListBoxItem__description___O3pdY) {
3192
3583
  --row-gap: var(--hop-ListBoxItem-row-gap);
3193
3584
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-with-description);
3194
3585
  }
3195
- .ListBoxItem-module__hop-ListBoxItem___Q1Dvl[data-loading] {
3586
+ .ListBoxItem-module__hop-ListBoxItem___QnaY2[data-loading] {
3196
3587
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-loading);
3197
3588
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-loading);
3198
3589
  }
3199
- .ListBoxItem-module__hop-ListBoxItem__inner___hjVIE {
3590
+ .ListBoxItem-module__hop-ListBoxItem__inner___TAxWj {
3200
3591
  display: grid;
3201
3592
  grid-template-areas: var(--grid-template-areas);
3202
3593
  grid-template-columns: var(--grid-template-columns);
@@ -3208,33 +3599,33 @@
3208
3599
  padding-inline: var(--padding-inline);
3209
3600
  transition: grid-template-columns .3s ease-in-out;
3210
3601
  }
3211
- .ListBoxItem-module__hop-ListBoxItem__checkmark___tILR2 {
3602
+ .ListBoxItem-module__hop-ListBoxItem__checkmark___VfvOD {
3212
3603
  grid-area: indicator;
3213
3604
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
3214
3605
  color: var(--icon-color);
3215
3606
  opacity: var(--checkmark-opacity);
3216
3607
  transition: var(--checkmark-transition);
3217
3608
  }
3218
- .ListBoxItem-module__hop-ListBoxItem__radio-group___WYV49,
3219
- .ListBoxItem-module__hop-ListBoxItem__checkbox___Im9E4 {
3609
+ .ListBoxItem-module__hop-ListBoxItem__radio___drOpJ,
3610
+ .ListBoxItem-module__hop-ListBoxItem__checkbox___uxKi6 {
3220
3611
  pointer-events: none;
3221
3612
  user-select: none;
3222
3613
  grid-area: indicator;
3223
3614
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
3224
3615
  }
3225
- .ListBoxItem-module__hop-ListBoxItem__avatar___X2ZL2 {
3616
+ .ListBoxItem-module__hop-ListBoxItem__avatar___VtfpP {
3226
3617
  grid-area: avatar;
3227
3618
  margin-block: var(--avatar-margin-block, 0);
3228
3619
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
3229
3620
  }
3230
- .ListBoxItem-module__hop-ListBoxItem__icon-list___opI28,
3231
- .ListBoxItem-module__hop-ListBoxItem__icon___-25EM {
3621
+ .ListBoxItem-module__hop-ListBoxItem__icon-list___RcC3-,
3622
+ .ListBoxItem-module__hop-ListBoxItem__icon___ZSnZy {
3232
3623
  grid-area: icon;
3233
3624
  flex: 0 0 auto;
3234
3625
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
3235
3626
  color: var(--icon-color);
3236
3627
  }
3237
- .ListBoxItem-module__hop-ListBoxItem__label___SmYtP {
3628
+ .ListBoxItem-module__hop-ListBoxItem__label___UCaN- {
3238
3629
  overflow: hidden;
3239
3630
  grid-area: label;
3240
3631
  min-inline-size: 0;
@@ -3242,18 +3633,18 @@
3242
3633
  text-overflow: ellipsis;
3243
3634
  white-space: nowrap;
3244
3635
  }
3245
- .ListBoxItem-module__hop-ListBoxItem__end-icon-list___yzcZ9,
3246
- .ListBoxItem-module__hop-ListBoxItem__end-icon___wPgrv {
3636
+ .ListBoxItem-module__hop-ListBoxItem__end-icon-list___vXF8B,
3637
+ .ListBoxItem-module__hop-ListBoxItem__end-icon___p3CiA {
3247
3638
  grid-area: end-icon;
3248
3639
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
3249
3640
  color: var(--icon-color);
3250
3641
  }
3251
- .ListBoxItem-module__hop-ListBoxItem__badge___lbwUS {
3642
+ .ListBoxItem-module__hop-ListBoxItem__badge___c4q46 {
3252
3643
  grid-area: badge;
3253
3644
  margin-block: var(--hop-ListBoxItem-badge-margin-block);
3254
3645
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
3255
3646
  }
3256
- .ListBoxItem-module__hop-ListBoxItem__description___iyMtT {
3647
+ .ListBoxItem-module__hop-ListBoxItem__description___O3pdY {
3257
3648
  overflow: hidden;
3258
3649
  display: -webkit-box;
3259
3650
  grid-area: description;
@@ -3264,7 +3655,7 @@
3264
3655
  }
3265
3656
 
3266
3657
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBox.module.css/#css-module-data */
3267
- .ListBox-module__hop-ListBox___4IFMp {
3658
+ .ListBox-module__hop-ListBox___c4-GN {
3268
3659
  --hop-ListBox-background-color: var(--hop-neutral-surface);
3269
3660
  --hop-ListBox-border-color: var(--hop-neutral-border-weak);
3270
3661
  --hop-ListBox-border-radius: var(--hop-shape-rounded-md);
@@ -3313,11 +3704,11 @@
3313
3704
  border: var(--hop-ListBox-border-size) solid var(--hop-ListBox-border-color);
3314
3705
  border-radius: var(--hop-ListBox-border-radius);
3315
3706
  }
3316
- .ListBox-module__hop-ListBox--fluid___t5TfB {
3707
+ .ListBox-module__hop-ListBox--fluid___1nBzD {
3317
3708
  --max-width: var(--hop-ListBox-fluid-max-width);
3318
3709
  --width: var(--hop-ListBox-fluid-width);
3319
3710
  }
3320
- .ListBox-module__hop-ListBox__section___2Yez5 {
3711
+ .ListBox-module__hop-ListBox__section___DH0Gv {
3321
3712
  margin-block: var(--section-margin-block-start) var(--section-margin-block-end);
3322
3713
  margin-inline: var(--hop-ListBox-section-margin-inline);
3323
3714
  padding-block: var(--section-padding-block-start) var(--section-padding-block-end);
@@ -3325,21 +3716,21 @@
3325
3716
  border-block-start: var(--section-border-block-start);
3326
3717
  border-block-end: var(--section-border-block-end);
3327
3718
  }
3328
- .ListBox-module__hop-ListBox__item___R3-UZ + .ListBox-module__hop-ListBox__section___2Yez5 {
3719
+ .ListBox-module__hop-ListBox__item___9nKGd + .ListBox-module__hop-ListBox__section___DH0Gv {
3329
3720
  --section-margin-block-start: var(--hop-ListBox-section-margin-block);
3330
3721
  --section-border-block-start: var(--hop-ListBox-section-border-size) solid var(--hop-ListBox-section-border-color);
3331
3722
  }
3332
- .ListBox-module__hop-ListBox__section___2Yez5:has(+ .ListBox-module__hop-ListBox__item___R3-UZ) {
3723
+ .ListBox-module__hop-ListBox__section___DH0Gv:has(+ .ListBox-module__hop-ListBox__item___9nKGd) {
3333
3724
  --section-margin-block-end: var(--hop-ListBox-section-margin-block);
3334
3725
  }
3335
- .ListBox-module__hop-ListBox__section___2Yez5:first-child {
3726
+ .ListBox-module__hop-ListBox__section___DH0Gv:first-child {
3336
3727
  --section-padding-block-start: 0;
3337
3728
  }
3338
- .ListBox-module__hop-ListBox__section___2Yez5:last-child {
3729
+ .ListBox-module__hop-ListBox__section___DH0Gv:last-child {
3339
3730
  --section-padding-block-end: 0;
3340
3731
  --section-border-block-end: 0;
3341
3732
  }
3342
- .ListBox-module__hop-ListBox__section-header___mfYEn {
3733
+ .ListBox-module__hop-ListBox__section-header___FGKIR {
3343
3734
  margin: 0;
3344
3735
  padding: var(--hop-ListBox-section-header-padding);
3345
3736
  font-family: var(--hop-ListBox-section-header-font-family);
@@ -3350,34 +3741,34 @@
3350
3741
  text-transform: var(--hop-ListBox-section-header-text-transform);
3351
3742
  letter-spacing: var(--hop-ListBox-section-header-letter-spacing);
3352
3743
  }
3353
- .ListBox-module__hop-ListBox__section-header___mfYEn::before,
3354
- .ListBox-module__hop-ListBox__section-header___mfYEn::after {
3744
+ .ListBox-module__hop-ListBox__section-header___FGKIR::before,
3745
+ .ListBox-module__hop-ListBox__section-header___FGKIR::after {
3355
3746
  content: "";
3356
3747
  display: block;
3357
3748
  box-sizing: border-box;
3358
3749
  inline-size: 0;
3359
3750
  block-size: 0;
3360
3751
  }
3361
- .ListBox-module__hop-ListBox__section-header___mfYEn::before {
3752
+ .ListBox-module__hop-ListBox__section-header___FGKIR::before {
3362
3753
  margin-block-end: var(--hop-ListBox-section-header-bottom-offset);
3363
3754
  }
3364
- .ListBox-module__hop-ListBox__section-header___mfYEn::after {
3755
+ .ListBox-module__hop-ListBox__section-header___FGKIR::after {
3365
3756
  margin-block-start: var(--hop-ListBox-section-header-top-offset);
3366
3757
  }
3367
- .ListBox-module__hop-ListBox__divider___nE1tJ {
3758
+ .ListBox-module__hop-ListBox__divider___-nFoG {
3368
3759
  margin-block: var(--hop-ListBox-divider-margin-block);
3369
3760
  margin-inline: var(--hop-ListBox-divider-margin-inline);
3370
3761
  }
3371
3762
 
3372
3763
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/overlays/Popover/src/Popover.module.css/#css-module-data */
3373
- :where(.Popover-module__hop-Popover___CkiNY *) {
3764
+ :where(.Popover-module__hop-Popover___GzSzx *) {
3374
3765
  font-family: var(--font-family);
3375
3766
  font-size: var(--font-size);
3376
3767
  font-weight: var(--font-weight);
3377
3768
  line-height: var(--line-height);
3378
3769
  outline: none;
3379
3770
  }
3380
- .Popover-module__hop-Popover___CkiNY {
3771
+ .Popover-module__hop-Popover___GzSzx {
3381
3772
  --hop-Popover-max-inline-width: calc(100% - (var(--container-padding) * 2));
3382
3773
  --hop-Popover-inline-width: 25rem;
3383
3774
  --hop-Popover-dropdown-inline-width: var(--trigger-width);
@@ -3389,19 +3780,19 @@
3389
3780
  inline-size: var(--width);
3390
3781
  max-inline-size: var(--max-width);
3391
3782
  }
3392
- .Popover-module__hop-Popover___CkiNY[data-trigger=Select] {
3783
+ .Popover-module__hop-Popover___GzSzx[data-trigger=Select] {
3393
3784
  --width: var(--hop-Popover-dropdown-inline-width);
3394
3785
  }
3395
- .Popover-module__hop-Popover___CkiNY[data-auto-width] {
3786
+ .Popover-module__hop-Popover___GzSzx[data-auto-width] {
3396
3787
  --width: var(--hop-Popover-dropdown-auto-inline-width);
3397
3788
  }
3398
- .Popover-module__hop-Popover___CkiNY[data-entering] {
3399
- animation: Popover-module__fade___TJq1s 0.25s;
3789
+ .Popover-module__hop-Popover___GzSzx[data-entering] {
3790
+ animation: Popover-module__fade___0iRpD 0.25s;
3400
3791
  }
3401
- .Popover-module__hop-Popover___CkiNY[data-exiting] {
3402
- animation: Popover-module__fade___TJq1s 0.25s reverse;
3792
+ .Popover-module__hop-Popover___GzSzx[data-exiting] {
3793
+ animation: Popover-module__fade___0iRpD 0.25s reverse;
3403
3794
  }
3404
- @keyframes Popover-module__fade___TJq1s {
3795
+ @keyframes Popover-module__fade___0iRpD {
3405
3796
  from {
3406
3797
  opacity: 0;
3407
3798
  }
@@ -3409,14 +3800,14 @@
3409
3800
  opacity: 1;
3410
3801
  }
3411
3802
  }
3412
- .Popover-module__hop-Popover__wrapper___twn54 {
3803
+ .Popover-module__hop-Popover__wrapper___rzrEg {
3413
3804
  display: flex;
3414
3805
  flex: 1 1 auto;
3415
3806
  flex-direction: column;
3416
3807
  min-block-size: 0;
3417
3808
  }
3418
- .Popover-module__hop-Popover__dialog___l1JY2,
3419
- .Popover-module__hop-Popover__dropdown___XRPX9 {
3809
+ .Popover-module__hop-Popover__dialog___NO8wk,
3810
+ .Popover-module__hop-Popover__dropdown___nrI9c {
3420
3811
  --hop-Popover-background: var(--hop-neutral-surface);
3421
3812
  --hop-Popover-font-family: var(--hop-body-sm-font-family);
3422
3813
  --hop-Popover-font-size: var(--hop-body-sm-font-size);
@@ -3462,20 +3853,20 @@
3462
3853
  border-radius: var(--hop-Popover-border-radius);
3463
3854
  box-shadow: var(--hop-Popover-box-shadow);
3464
3855
  }
3465
- .Popover-module__hop-Popover__dropdown___XRPX9 {
3856
+ .Popover-module__hop-Popover__dropdown___nrI9c {
3466
3857
  --footer-margin: var(--hop-Popover-footer-dropdown-margin);
3467
3858
  --footer-place-self: stretch;
3468
3859
  --grid-template: var(--hop-Popover-dropdown-grid-template);
3469
3860
  --padding: var(--hop-Popover-dropdown-padding);
3470
3861
  }
3471
- .Popover-module__hop-Popover__dialog___l1JY2 {
3862
+ .Popover-module__hop-Popover__dialog___NO8wk {
3472
3863
  --padding: var(--hop-Popover-dialog-padding);
3473
3864
  }
3474
- .Popover-module__hop-Popover__title___S9NjG {
3865
+ .Popover-module__hop-Popover__title___B58Xg {
3475
3866
  grid-area: header;
3476
3867
  color: var(--hop-Popover-color);
3477
3868
  }
3478
- .Popover-module__hop-Popover__content___FgMHC {
3869
+ .Popover-module__hop-Popover__content___oraZq {
3479
3870
  --font-size: var(--hop-Popover-content-font-size);
3480
3871
  --line-height: var(--hop-Popover-content-line-height);
3481
3872
  grid-area: content;
@@ -3484,7 +3875,7 @@
3484
3875
  padding: 0;
3485
3876
  color: var(--hop-Popover-content-color);
3486
3877
  }
3487
- .Popover-module__hop-Popover__dropdown___XRPX9 .Popover-module__hop-Popover__list-box___a195y {
3878
+ .Popover-module__hop-Popover__dropdown___nrI9c .Popover-module__hop-Popover__list-box___h0zPU {
3488
3879
  grid-area: content;
3489
3880
  inline-size: auto;
3490
3881
  min-inline-size: auto;
@@ -3493,7 +3884,7 @@
3493
3884
  padding: 0;
3494
3885
  border: none;
3495
3886
  }
3496
- .Popover-module__hop-Popover__footer___Y8kpa {
3887
+ .Popover-module__hop-Popover__footer___OWTol {
3497
3888
  --font-size: var(--hop-Popover-footer-font-size);
3498
3889
  --line-height: var(--hop-Popover-footer-line-height);
3499
3890
  grid-area: footer;
@@ -3501,22 +3892,22 @@
3501
3892
  margin: var(--footer-margin);
3502
3893
  color: var(--hop-Popover-color);
3503
3894
  }
3504
- .Popover-module__hop-Popover__dropdown___XRPX9 .Popover-module__hop-Popover__footer___Y8kpa {
3895
+ .Popover-module__hop-Popover__dropdown___nrI9c .Popover-module__hop-Popover__footer___OWTol {
3505
3896
  padding: var(--hop-Popover-footer-dropdown-footer-padding);
3506
3897
  border-block-start: var(--hop-Popover-footer-dropdown-footer-border-top);
3507
3898
  }
3508
- .Popover-module__hop-Popover__actions___kTaHi,
3509
- .Popover-module__hop-Popover__action___VW7G3 {
3899
+ .Popover-module__hop-Popover__actions___AoYYT,
3900
+ .Popover-module__hop-Popover__action___bkX4V {
3510
3901
  grid-area: action;
3511
3902
  justify-self: end;
3512
3903
  margin-block-start: var(--hop-Popover-row-gap);
3513
3904
  }
3514
- .Popover-module__hop-Popover___CkiNY:has(.Popover-module__hop-Popover__actions___kTaHi, .Popover-module__hop-Popover__action___VW7G3) .Popover-module__hop-Popover__footer___Y8kpa {
3905
+ .Popover-module__hop-Popover___GzSzx:has(.Popover-module__hop-Popover__actions___AoYYT, .Popover-module__hop-Popover__action___bkX4V) .Popover-module__hop-Popover__footer___OWTol {
3515
3906
  margin-inline-end: var(--hop-Popover-column-gap);
3516
3907
  }
3517
3908
 
3518
3909
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Select/src/SelectValue.module.css/#css-module-data */
3519
- .SelectValue-module__hop-SelectValue___uAaUd {
3910
+ .SelectValue-module__hop-SelectValue___ygDMe {
3520
3911
  --hop-SelectValue-display: flex;
3521
3912
  --hop-SelectValue-column-gap: var(--hop-space-inline-sm);
3522
3913
  overflow: hidden;
@@ -3528,13 +3919,13 @@
3528
3919
  text-overflow: ellipsis;
3529
3920
  white-space: nowrap;
3530
3921
  }
3531
- .SelectValue-module__hop-SelectValue__avatar___4HDgn {
3922
+ .SelectValue-module__hop-SelectValue__avatar___eCw8W {
3532
3923
  order: 1;
3533
3924
  }
3534
- .SelectValue-module__hop-SelectValue__icon___mQ-Ts {
3925
+ .SelectValue-module__hop-SelectValue__icon___HcszA {
3535
3926
  order: 2;
3536
3927
  }
3537
- .SelectValue-module__hop-SelectValue__text___by89c {
3928
+ .SelectValue-module__hop-SelectValue__text___bPpK7 {
3538
3929
  overflow: hidden;
3539
3930
  flex: 1 1 auto;
3540
3931
  order: 3;
@@ -3542,12 +3933,12 @@
3542
3933
  text-overflow: ellipsis;
3543
3934
  white-space: nowrap;
3544
3935
  }
3545
- .SelectValue-module__hop-SelectValue__end-icon___7VMrM {
3936
+ .SelectValue-module__hop-SelectValue__end-icon___msBMD {
3546
3937
  order: 4;
3547
3938
  }
3548
3939
 
3549
3940
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Select/src/Select.module.css/#css-module-data */
3550
- .Select-module__hop-Select___x9r3n {
3941
+ .Select-module__hop-Select___dJgXb {
3551
3942
  --hop-Select-row-gap: var(--hop-space-stack-xs);
3552
3943
  --hop-Select-inline-size: 20rem;
3553
3944
  --hop-Select-inline-size-fluid: 100%;
@@ -3598,13 +3989,13 @@
3598
3989
  inline-size: var(--inline-size);
3599
3990
  max-inline-size: var(--hop-Select-max-inline-size);
3600
3991
  }
3601
- .Select-module__hop-Select--fluid___N0zE6 {
3992
+ .Select-module__hop-Select--fluid___n-ffG {
3602
3993
  --inline-size: var(--hop-Select-inline-size-fluid);
3603
3994
  }
3604
- .Select-module__hop-Select__label___14Fj4 {
3995
+ .Select-module__hop-Select__label___ww0Oj {
3605
3996
  order: 1;
3606
3997
  }
3607
- .Select-module__hop-Select__button___rfs3w {
3998
+ .Select-module__hop-Select__button___DeitW {
3608
3999
  cursor: var(--button-cursor);
3609
4000
  display: flex;
3610
4001
  column-gap: var(--hop-Select-button-column-gap);
@@ -3620,28 +4011,28 @@
3620
4011
  border-radius: var(--hop-Select-button-border-radius);
3621
4012
  outline: none;
3622
4013
  }
3623
- .Select-module__hop-Select__button--sm___EqZOm {
4014
+ .Select-module__hop-Select__button--sm___r02EE {
3624
4015
  --button-block-size: var(--hop-Select-button-sm-block-size);
3625
4016
  }
3626
- .Select-module__hop-Select__button--md___JdvYA {
4017
+ .Select-module__hop-Select__button--md___pfGKb {
3627
4018
  --button-block-size: var(--hop-Select-button-md-block-size);
3628
4019
  }
3629
- .Select-module__hop-Select__button___rfs3w[data-hovered] {
4020
+ .Select-module__hop-Select__button___DeitW[data-hovered] {
3630
4021
  --button-background-color: var(--hop-Select-button-background-color-hovered);
3631
4022
  --button-border-color: var(--hop-Select-button-border-color-hovered);
3632
4023
  --button-color: var(--hop-Select-button-color-hovered);
3633
4024
  --button-icon-color: var(--hop-Select-button-icon-color-hovered);
3634
4025
  }
3635
- .Select-module__hop-Select__button___rfs3w[data-pressed] {
4026
+ .Select-module__hop-Select__button___DeitW[data-pressed] {
3636
4027
  --button-background-color: var(--hop-Select-button-background-color-selected);
3637
4028
  --button-border-color: var(--hop-Select-button-border-color-selected);
3638
4029
  --button-color: var(--hop-Select-button-color-selected);
3639
4030
  --button-icon-color: var(--hop-Select-button-icon-color-selected);
3640
4031
  }
3641
- .Select-module__hop-Select__button___rfs3w[data-invalid] {
4032
+ .Select-module__hop-Select__button___DeitW[data-invalid] {
3642
4033
  --button-border-color: var(--hop-Select-button-border-color-invalid);
3643
4034
  }
3644
- .Select-module__hop-Select__button___rfs3w[data-focus-visible] {
4035
+ .Select-module__hop-Select__button___DeitW[data-focus-visible] {
3645
4036
  --button-background-color: var(--hop-Select-button-background-color-focused);
3646
4037
  --button-border-color: var(--hop-Select-button-border-color-focused);
3647
4038
  --button-color: var(--hop-Select-button-color-focused);
@@ -3649,30 +4040,30 @@
3649
4040
  outline: var(--hop-Select-button-border-size) solid var(--hop-Select-button-outline-color-focused);
3650
4041
  outline-offset: -0.125rem;
3651
4042
  }
3652
- .Select-module__hop-Select__button___rfs3w:has([data-placeholder]) {
4043
+ .Select-module__hop-Select__button___DeitW:has([data-placeholder]) {
3653
4044
  --button-color: var(--hop-Select-button-placeholder-color);
3654
4045
  }
3655
- .Select-module__hop-Select__button___rfs3w[data-disabled] {
4046
+ .Select-module__hop-Select__button___DeitW[data-disabled] {
3656
4047
  --button-background-color: var(--hop-Select-button-background-color-disabled);
3657
4048
  --button-border-color: var(--hop-Select-button-border-color-disabled);
3658
4049
  --button-color: var(--hop-Select-button-color-disabled);
3659
4050
  --button-icon-color: var(--hop-Select-button-icon-color-disabled);
3660
4051
  --button-cursor: var(--hop-Select-button-cursor-disabled);
3661
4052
  }
3662
- .Select-module__hop-Select__prefix___iPTZF {
4053
+ .Select-module__hop-Select__prefix___aQ0-O {
3663
4054
  color: var(--hop-Select-prefix-color);
3664
4055
  }
3665
- .Select-module__hop-Select__button-icon___n7ly9 {
4056
+ .Select-module__hop-Select__button-icon___buAoj {
3666
4057
  margin-inline-start: auto;
3667
4058
  color: var(--button-icon-color);
3668
4059
  }
3669
- .Select-module__hop-Select__helper-message___At-V5,
3670
- .Select-module__hop-Select__error-message___Cu6pN {
4060
+ .Select-module__hop-Select__helper-message___7An6Z,
4061
+ .Select-module__hop-Select__error-message___IO3he {
3671
4062
  order: 3;
3672
4063
  }
3673
4064
 
3674
4065
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/switch/src/Switch.module.css/#css-module-data */
3675
- .Switch-module__hop-Switch___I4Or1 {
4066
+ .Switch-module__hop-Switch___kbnS3 {
3676
4067
  --hop-Switch-border-size: 0.0625rem;
3677
4068
  --hop-Switch-border-color: var(--hop-neutral-border);
3678
4069
  --hop-Switch-border-radius: var(--hop-shape-rounded-lg);
@@ -3729,56 +4120,56 @@
3729
4120
  inline-size: max-content;
3730
4121
  max-inline-size: 100%;
3731
4122
  }
3732
- .Switch-module__hop-Switch--sm___Rn2HQ {
4123
+ .Switch-module__hop-Switch--sm___tE8C- {
3733
4124
  --inline-size: var(--hop-Switch-inline-size-sm);
3734
4125
  --block-size: var(--hop-Switch-block-size-sm);
3735
4126
  --thumb-size: var(--hop-Switch-thumb-size-sm);
3736
4127
  --inset-inline-start: var(--hop-Switch-inset-inline-start-sm);
3737
4128
  --text-top-offset: var(--hop-Switch-text-top-offset-sm);
3738
4129
  }
3739
- .Switch-module__hop-Switch--md___Qq19F {
4130
+ .Switch-module__hop-Switch--md___XAaG6 {
3740
4131
  --inline-size: var(--hop-Switch-inline-size-md);
3741
4132
  --block-size: var(--hop-Switch-block-size-md);
3742
4133
  --thumb-size: var(--hop-Switch-thumb-size-md);
3743
4134
  --inset-inline-start: var(--hop-Switch-inset-inline-start-md);
3744
4135
  --text-top-offset: var(--hop-Switch-text-top-offset-md);
3745
4136
  }
3746
- .Switch-module__hop-Switch___I4Or1[data-hovered] {
4137
+ .Switch-module__hop-Switch___kbnS3[data-hovered] {
3747
4138
  --border-color: var(--hop-Switch-border-color-hover);
3748
4139
  --background-color: var(--hop-Switch-background-color-hover);
3749
4140
  --thumb-color: var(--hop-Switch-thumb-color-hover);
3750
4141
  --text-color: var(--hop-Switch-text-color-hover);
3751
4142
  }
3752
- .Switch-module__hop-Switch___I4Or1[data-pressed],
3753
- .Switch-module__hop-Switch___I4Or1[data-pressed][data-focus-visible] {
4143
+ .Switch-module__hop-Switch___kbnS3[data-pressed],
4144
+ .Switch-module__hop-Switch___kbnS3[data-pressed][data-focus-visible] {
3754
4145
  --border-color: var(--hop-Switch-border-color-pressed);
3755
4146
  --background-color: var(--hop-Switch-background-color-pressed);
3756
4147
  --thumb-color: var(--hop-Switch-thumb-color-pressed);
3757
4148
  --text-color: var(--hop-Switch-text-color-pressed);
3758
4149
  }
3759
- .Switch-module__hop-Switch___I4Or1[data-focus-visible] {
4150
+ .Switch-module__hop-Switch___kbnS3[data-focus-visible] {
3760
4151
  --border-color: var(--hop-Switch-border-color-focus);
3761
4152
  --background-color: var(--hop-Switch-background-color-focus);
3762
4153
  --thumb-color: var(--hop-Switch-thumb-color-focus);
3763
4154
  --outline: 0.125rem solid var(--hop-Switch-focus-ring-color);
3764
4155
  --text-color: var(--hop-Switch-text-color-focus);
3765
4156
  }
3766
- .Switch-module__hop-Switch___I4Or1[data-selected],
3767
- .Switch-module__hop-Switch___I4Or1[data-selected][data-pressed] {
4157
+ .Switch-module__hop-Switch___kbnS3[data-selected],
4158
+ .Switch-module__hop-Switch___kbnS3[data-selected][data-pressed] {
3768
4159
  --border-color: var(--hop-Switch-border-color-selected);
3769
4160
  --background-color: var(--hop-Switch-background-color-selected);
3770
4161
  --thumb-color: var(--hop-Switch-thumb-color-selected);
3771
4162
  --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%);
3772
4163
  --text-color: var(--hop-Switch-text-color-selected);
3773
4164
  }
3774
- .Switch-module__hop-Switch___I4Or1[data-disabled] {
4165
+ .Switch-module__hop-Switch___kbnS3[data-disabled] {
3775
4166
  --border-color: var(--hop-Switch-border-color-disabled);
3776
4167
  --background-color: var(--hop-Switch-background-color-disabled);
3777
4168
  --thumb-color: var(--hop-Switch-thumb-color-disabled);
3778
4169
  --text-color: var(--hop-Switch-text-color-disabled);
3779
4170
  --cursor: not-allowed;
3780
4171
  }
3781
- .Switch-module__hop-Switch__indicator___qcjlt {
4172
+ .Switch-module__hop-Switch__indicator___oPB86 {
3782
4173
  position: relative;
3783
4174
  flex: 0 0 auto;
3784
4175
  box-sizing: border-box;
@@ -3791,7 +4182,7 @@
3791
4182
  outline-offset: 0.125rem;
3792
4183
  transition: background var(--hop-easing-duration-2), border-color var(--hop-easing-duration-2);
3793
4184
  }
3794
- .Switch-module__hop-Switch__indicator___qcjlt::before {
4185
+ .Switch-module__hop-Switch__indicator___oPB86::before {
3795
4186
  content: "";
3796
4187
  position: absolute;
3797
4188
  inset-block-start: 50%;
@@ -3806,20 +4197,20 @@
3806
4197
  border-radius: var(--hop-shape-circle);
3807
4198
  transition: transform var(--hop-easing-duration-2), background var(--hop-easing-duration-2);
3808
4199
  }
3809
- .Switch-module__hop-Switch__text___sNwhx {
4200
+ .Switch-module__hop-Switch__text___kgaPA {
3810
4201
  flex: 0 1 auto;
3811
4202
  order: 2;
3812
4203
  min-inline-size: 0;
3813
4204
  margin-block-start: var(--text-top-offset, var(--hop-Switch-text-top-offset-md));
3814
4205
  color: var(--text-color);
3815
4206
  }
3816
- .Switch-module__hop-Switch__icon-list___EVOaM,
3817
- .Switch-module__hop-Switch__icon___b-b7O {
4207
+ .Switch-module__hop-Switch__icon-list___8mMxh,
4208
+ .Switch-module__hop-Switch__icon___7vu8m {
3818
4209
  order: 3;
3819
4210
  }
3820
4211
 
3821
4212
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/switch/src/SwitchField.module.css/#css-module-data */
3822
- .SwitchField-module__hop-SwitchField___zcNpb {
4213
+ .SwitchField-module__hop-SwitchField___sD2a7 {
3823
4214
  --hop-SwitchField-description-color: var(--hop-neutral-text-weak);
3824
4215
  --hop-SwitchField-description-color-disabled: var(--hop-neutral-text-disabled);
3825
4216
  --hop-SwitchField-sm-row-gap: var(--hop-space-stack-xs);
@@ -3838,28 +4229,28 @@
3838
4229
  inline-size: max-content;
3839
4230
  max-inline-size: 100%;
3840
4231
  }
3841
- .SwitchField-module__hop-SwitchField___zcNpb[data-disabled] {
4232
+ .SwitchField-module__hop-SwitchField___sD2a7[data-disabled] {
3842
4233
  --description-color: var(--hop-SwitchField-description-color-disabled);
3843
4234
  }
3844
- .SwitchField-module__hop-SwitchField--sm___hlt9X {
4235
+ .SwitchField-module__hop-SwitchField--sm___yJYGN {
3845
4236
  --row-gap: var(--hop-SwitchField-sm-row-gap);
3846
4237
  --description-margin-inline-start: var(--hop-SwitchField-description-sm-margin-inline-start);
3847
4238
  }
3848
- .SwitchField-module__hop-SwitchField--md___yH2uc {
4239
+ .SwitchField-module__hop-SwitchField--md___9ZQG9 {
3849
4240
  --row-gap: var(--hop-SwitchField-md-row-gap);
3850
4241
  --description-margin-inline-start: var(--hop-SwitchField-description-md-margin-inline-start);
3851
4242
  }
3852
- .SwitchField-module__hop-SwitchField__description___seT7R {
4243
+ .SwitchField-module__hop-SwitchField__description___Ecfwe {
3853
4244
  order: 2;
3854
4245
  margin-inline-start: var(--description-margin-inline-start, var(--hop-SwitchField-description-md-margin-inline-start));
3855
4246
  color: var(--description-color);
3856
4247
  }
3857
- .SwitchField-module__hop-SwitchField__switch___oSHMP {
4248
+ .SwitchField-module__hop-SwitchField__switch___n4Ysj {
3858
4249
  order: 1;
3859
4250
  }
3860
4251
 
3861
4252
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/tag/src/Tag.module.css/#css-module-data */
3862
- .Tag-module__hop-Tag___FA-hF {
4253
+ .Tag-module__hop-Tag___ivugY {
3863
4254
  --hop-Tag-border-size: 0.0625rem;
3864
4255
  --hop-Tag-border-radius: var(--hop-shape-pill);
3865
4256
  --hop-Tag-sm-block-size: 1.25rem;
@@ -4098,7 +4489,7 @@
4098
4489
  outline: none;
4099
4490
  outline-offset: 0.125rem;
4100
4491
  }
4101
- .Tag-module__hop-Tag--sm___wdoiY {
4492
+ .Tag-module__hop-Tag--sm___8soZ3 {
4102
4493
  --block-size: var(--hop-Tag-sm-block-size);
4103
4494
  --padding-inline: var(--hop-Tag-sm-padding-inline);
4104
4495
  --column-gap: var(--hop-Tag-sm-column-gap);
@@ -4106,13 +4497,13 @@
4106
4497
  --avatar-margin-inline-start: var(--hop-Tag-sm-avatar-margin-inline-start);
4107
4498
  --spinner-margin-inline-end: var(--hop-Tag-sm-spinner-margin-inline-end);
4108
4499
  }
4109
- .Tag-module__hop-Tag--sm___wdoiY:not(:has(.Tag-module__hop-Tag__remove-btn___-nFZL, .Tag-module__hop-Tag__Spinner___bjUFw)) {
4500
+ .Tag-module__hop-Tag--sm___8soZ3:not(:has(.Tag-module__hop-Tag__remove-btn___I1kkt, .Tag-module__hop-Tag__Spinner___mdI7N)) {
4110
4501
  --badge-margin-inline-end: var(--hop-Tag-sm-badge-margin-inline-end);
4111
4502
  }
4112
- .Tag-module__hop-Tag--sm___wdoiY:not(:has(.Tag-module__hop-Tag__avatar___J84Ob)) {
4503
+ .Tag-module__hop-Tag--sm___8soZ3:not(:has(.Tag-module__hop-Tag__avatar___8z0hr)) {
4113
4504
  --icon-margin-inline-start: var(--hop-Tag-sm-icon-margin-inline-start);
4114
4505
  }
4115
- .Tag-module__hop-Tag--md___-JJUY {
4506
+ .Tag-module__hop-Tag--md___L6AJq {
4116
4507
  --block-size: var(--hop-Tag-md-block-size);
4117
4508
  --padding-inline: var(--hop-Tag-md-padding-inline);
4118
4509
  --column-gap: var(--hop-Tag-md-column-gap);
@@ -4120,13 +4511,13 @@
4120
4511
  --avatar-margin-inline-start: var(--hop-Tag-md-avatar-margin-inline-start);
4121
4512
  --spinner-margin-inline-end: var(--hop-Tag-md-spinner-margin-inline-end);
4122
4513
  }
4123
- .Tag-module__hop-Tag--md___-JJUY:not(:has(.Tag-module__hop-Tag__remove-btn___-nFZL, .Tag-module__hop-Tag__Spinner___bjUFw)) {
4514
+ .Tag-module__hop-Tag--md___L6AJq:not(:has(.Tag-module__hop-Tag__remove-btn___I1kkt, .Tag-module__hop-Tag__Spinner___mdI7N)) {
4124
4515
  --badge-margin-inline-end: var(--hop-Tag-md-badge-margin-inline-end);
4125
4516
  }
4126
- .Tag-module__hop-Tag--md___-JJUY:not(:has(.Tag-module__hop-Tag__avatar___J84Ob)) {
4517
+ .Tag-module__hop-Tag--md___L6AJq:not(:has(.Tag-module__hop-Tag__avatar___8z0hr)) {
4127
4518
  --icon-margin-inline-start: var(--hop-Tag-md-icon-margin-inline-start);
4128
4519
  }
4129
- .Tag-module__hop-Tag--lg___FOQpI {
4520
+ .Tag-module__hop-Tag--lg___RQ0jv {
4130
4521
  --block-size: var(--hop-Tag-lg-block-size);
4131
4522
  --padding-inline: var(--hop-Tag-lg-padding-inline);
4132
4523
  --column-gap: var(--hop-Tag-lg-column-gap);
@@ -4134,348 +4525,348 @@
4134
4525
  --avatar-margin-inline-start: var(--hop-Tag-lg-avatar-margin-inline-start);
4135
4526
  --spinner-margin-inline-end: var(--hop-Tag-lg-spinner-margin-inline-end);
4136
4527
  }
4137
- .Tag-module__hop-Tag--lg___FOQpI:not(:has(.Tag-module__hop-Tag__remove-btn___-nFZL, .Tag-module__hop-Tag__Spinner___bjUFw)) {
4528
+ .Tag-module__hop-Tag--lg___RQ0jv:not(:has(.Tag-module__hop-Tag__remove-btn___I1kkt, .Tag-module__hop-Tag__Spinner___mdI7N)) {
4138
4529
  --badge-margin-inline-end: var(--hop-Tag-lg-badge-margin-inline-end);
4139
4530
  }
4140
- .Tag-module__hop-Tag--lg___FOQpI:not(:has(.Tag-module__hop-Tag__avatar___J84Ob)) {
4531
+ .Tag-module__hop-Tag--lg___RQ0jv:not(:has(.Tag-module__hop-Tag__avatar___8z0hr)) {
4141
4532
  --icon-margin-inline-start: var(--hop-Tag-lg-icon-margin-inline-start);
4142
4533
  }
4143
- .Tag-module__hop-Tag--neutral___W20ol {
4534
+ .Tag-module__hop-Tag--neutral___ILg-L {
4144
4535
  --border-color: var(--hop-Tag-neutral-border-color);
4145
4536
  --background-color: var(--hop-Tag-neutral-background-color);
4146
4537
  --text-color: var(--hop-Tag-neutral-text-color);
4147
4538
  }
4148
- .Tag-module__hop-Tag--subdued___82nmZ {
4539
+ .Tag-module__hop-Tag--subdued___Sx33e {
4149
4540
  --border-color: var(--hop-Tag-subdued-border-color);
4150
4541
  --background-color: var(--hop-Tag-subdued-background-color);
4151
4542
  --text-color: var(--hop-Tag-subdued-text-color);
4152
4543
  }
4153
- .Tag-module__hop-Tag--progress___YRBfG {
4544
+ .Tag-module__hop-Tag--progress___IVh0Q {
4154
4545
  --border-color: var(--hop-Tag-progress-border-color);
4155
4546
  --background-color: var(--hop-Tag-progress-background-color);
4156
4547
  --text-color: var(--hop-Tag-progress-text-color);
4157
4548
  }
4158
- .Tag-module__hop-Tag--positive___o5Li- {
4549
+ .Tag-module__hop-Tag--positive___plkPz {
4159
4550
  --border-color: var(--hop-Tag-positive-border-color);
4160
4551
  --background-color: var(--hop-Tag-positive-background-color);
4161
4552
  --text-color: var(--hop-Tag-positive-text-color);
4162
4553
  }
4163
- .Tag-module__hop-Tag--caution___iRVUR {
4554
+ .Tag-module__hop-Tag--caution___-t9lb {
4164
4555
  --border-color: var(--hop-Tag-caution-border-color);
4165
4556
  --background-color: var(--hop-Tag-caution-background-color);
4166
4557
  --text-color: var(--hop-Tag-caution-text-color);
4167
4558
  }
4168
- .Tag-module__hop-Tag--negative___-qFKe {
4559
+ .Tag-module__hop-Tag--negative___cWsJz {
4169
4560
  --border-color: var(--hop-Tag-negative-border-color);
4170
4561
  --background-color: var(--hop-Tag-negative-background-color);
4171
4562
  --text-color: var(--hop-Tag-negative-text-color);
4172
4563
  }
4173
- .Tag-module__hop-Tag--option1___fVXwS {
4564
+ .Tag-module__hop-Tag--option1___Un53T {
4174
4565
  --border-color: var(--hop-Tag-option1-border-color);
4175
4566
  --background-color: var(--hop-Tag-option1-background-color);
4176
4567
  --text-color: var(--hop-Tag-option1-text-color);
4177
4568
  }
4178
- .Tag-module__hop-Tag--option2___k7stP {
4569
+ .Tag-module__hop-Tag--option2___oJlT7 {
4179
4570
  --border-color: var(--hop-Tag-option2-border-color);
4180
4571
  --background-color: var(--hop-Tag-option2-background-color);
4181
4572
  --text-color: var(--hop-Tag-option2-text-color);
4182
4573
  }
4183
- .Tag-module__hop-Tag--option3___em9d9 {
4574
+ .Tag-module__hop-Tag--option3___8om-g {
4184
4575
  --border-color: var(--hop-Tag-option3-border-color);
4185
4576
  --background-color: var(--hop-Tag-option3-background-color);
4186
4577
  --text-color: var(--hop-Tag-option3-text-color);
4187
4578
  }
4188
- .Tag-module__hop-Tag--option4___B0JOH {
4579
+ .Tag-module__hop-Tag--option4___GYrwo {
4189
4580
  --border-color: var(--hop-Tag-option4-border-color);
4190
4581
  --background-color: var(--hop-Tag-option4-background-color);
4191
4582
  --text-color: var(--hop-Tag-option4-text-color);
4192
4583
  }
4193
- .Tag-module__hop-Tag--option5___yWfHM {
4584
+ .Tag-module__hop-Tag--option5___AfumK {
4194
4585
  --border-color: var(--hop-Tag-option5-border-color);
4195
4586
  --background-color: var(--hop-Tag-option5-background-color);
4196
4587
  --text-color: var(--hop-Tag-option5-text-color);
4197
4588
  }
4198
- .Tag-module__hop-Tag--option6___sY9ih {
4589
+ .Tag-module__hop-Tag--option6___2cJzx {
4199
4590
  --border-color: var(--hop-Tag-option6-border-color);
4200
4591
  --background-color: var(--hop-Tag-option6-background-color);
4201
4592
  --text-color: var(--hop-Tag-option6-text-color);
4202
4593
  }
4203
- .Tag-module__hop-Tag___FA-hF[data-href] {
4594
+ .Tag-module__hop-Tag___ivugY[data-href] {
4204
4595
  cursor: pointer;
4205
4596
  }
4206
- .Tag-module__hop-Tag--neutral___W20ol[data-focus-visible] {
4597
+ .Tag-module__hop-Tag--neutral___ILg-L[data-focus-visible] {
4207
4598
  --border-color: var(--hop-Tag-neutral-border-color-focus);
4208
4599
  --background-color: var(--hop-Tag-neutral-background-color-focus);
4209
4600
  --text-color: var(--hop-Tag-neutral-text-color-focus);
4210
4601
  }
4211
- .Tag-module__hop-Tag--neutral___W20ol[data-hovered] {
4602
+ .Tag-module__hop-Tag--neutral___ILg-L[data-hovered] {
4212
4603
  --border-color: var(--hop-Tag-neutral-border-color-hover);
4213
4604
  --background-color: var(--hop-Tag-neutral-background-color-hover);
4214
4605
  --text-color: var(--hop-Tag-neutral-text-color-hover);
4215
4606
  }
4216
- .Tag-module__hop-Tag--neutral___W20ol[data-pressed] {
4607
+ .Tag-module__hop-Tag--neutral___ILg-L[data-pressed] {
4217
4608
  --border-color: var(--hop-Tag-neutral-border-color-press);
4218
4609
  --background-color: var(--hop-Tag-neutral-background-color-press);
4219
4610
  --text-color: var(--hop-Tag-neutral-text-color-press);
4220
4611
  }
4221
- .Tag-module__hop-Tag--neutral___W20ol[data-disabled] {
4612
+ .Tag-module__hop-Tag--neutral___ILg-L[data-disabled] {
4222
4613
  --border-color: var(--hop-Tag-neutral-border-color-disabled);
4223
4614
  --background-color: var(--hop-Tag-neutral-background-color-disabled);
4224
4615
  --text-color: var(--hop-Tag-neutral-text-color-disabled);
4225
4616
  }
4226
- .Tag-module__hop-Tag--subdued___82nmZ[data-focus-visible] {
4617
+ .Tag-module__hop-Tag--subdued___Sx33e[data-focus-visible] {
4227
4618
  --border-color: var(--hop-Tag-subdued-border-color-focus);
4228
4619
  --background-color: var(--hop-Tag-subdued-background-color-focus);
4229
4620
  --text-color: var(--hop-Tag-subdued-text-color-focus);
4230
4621
  }
4231
- .Tag-module__hop-Tag--subdued___82nmZ[data-hovered] {
4622
+ .Tag-module__hop-Tag--subdued___Sx33e[data-hovered] {
4232
4623
  --border-color: var(--hop-Tag-subdued-border-color-hover);
4233
4624
  --background-color: var(--hop-Tag-subdued-background-color-hover);
4234
4625
  --text-color: var(--hop-Tag-subdued-text-color-hover);
4235
4626
  }
4236
- .Tag-module__hop-Tag--subdued___82nmZ[data-pressed] {
4627
+ .Tag-module__hop-Tag--subdued___Sx33e[data-pressed] {
4237
4628
  --border-color: var(--hop-Tag-subdued-border-color-press);
4238
4629
  --background-color: var(--hop-Tag-subdued-background-color-press);
4239
4630
  --text-color: var(--hop-Tag-subdued-text-color-press);
4240
4631
  }
4241
- .Tag-module__hop-Tag--subdued___82nmZ[data-disabled] {
4632
+ .Tag-module__hop-Tag--subdued___Sx33e[data-disabled] {
4242
4633
  --border-color: var(--hop-Tag-subdued-border-color-disabled);
4243
4634
  --background-color: var(--hop-Tag-subdued-background-color-disabled);
4244
4635
  --text-color: var(--hop-Tag-subdued-text-color-disabled);
4245
4636
  }
4246
- .Tag-module__hop-Tag--progress___YRBfG[data-focus-visible] {
4637
+ .Tag-module__hop-Tag--progress___IVh0Q[data-focus-visible] {
4247
4638
  --border-color: var(--hop-Tag-progress-border-color-focus);
4248
4639
  --background-color: var(--hop-Tag-progress-background-color-focus);
4249
4640
  --text-color: var(--hop-Tag-progress-text-color-focus);
4250
4641
  }
4251
- .Tag-module__hop-Tag--progress___YRBfG[data-hovered] {
4642
+ .Tag-module__hop-Tag--progress___IVh0Q[data-hovered] {
4252
4643
  --border-color: var(--hop-Tag-progress-border-color-hover);
4253
4644
  --background-color: var(--hop-Tag-progress-background-color-hover);
4254
4645
  --text-color: var(--hop-Tag-progress-text-color-hover);
4255
4646
  }
4256
- .Tag-module__hop-Tag--progress___YRBfG[data-pressed] {
4647
+ .Tag-module__hop-Tag--progress___IVh0Q[data-pressed] {
4257
4648
  --border-color: var(--hop-Tag-progress-border-color-press);
4258
4649
  --background-color: var(--hop-Tag-progress-background-color-press);
4259
4650
  --text-color: var(--hop-Tag-progress-text-color-press);
4260
4651
  }
4261
- .Tag-module__hop-Tag--progress___YRBfG[data-disabled] {
4652
+ .Tag-module__hop-Tag--progress___IVh0Q[data-disabled] {
4262
4653
  --border-color: var(--hop-Tag-progress-border-color-disabled);
4263
4654
  --background-color: var(--hop-Tag-progress-background-color-disabled);
4264
4655
  --text-color: var(--hop-Tag-progress-text-color-disabled);
4265
4656
  }
4266
- .Tag-module__hop-Tag--positive___o5Li-[data-focus-visible] {
4657
+ .Tag-module__hop-Tag--positive___plkPz[data-focus-visible] {
4267
4658
  --border-color: var(--hop-Tag-positive-border-color-focus);
4268
4659
  --background-color: var(--hop-Tag-positive-background-color-focus);
4269
4660
  --text-color: var(--hop-Tag-positive-text-color-focus);
4270
4661
  }
4271
- .Tag-module__hop-Tag--positive___o5Li-[data-hovered] {
4662
+ .Tag-module__hop-Tag--positive___plkPz[data-hovered] {
4272
4663
  --border-color: var(--hop-Tag-positive-border-color-hover);
4273
4664
  --background-color: var(--hop-Tag-positive-background-color-hover);
4274
4665
  --text-color: var(--hop-Tag-positive-text-color-hover);
4275
4666
  }
4276
- .Tag-module__hop-Tag--positive___o5Li-[data-pressed] {
4667
+ .Tag-module__hop-Tag--positive___plkPz[data-pressed] {
4277
4668
  --border-color: var(--hop-Tag-positive-border-color-press);
4278
4669
  --background-color: var(--hop-Tag-positive-background-color-press);
4279
4670
  --text-color: var(--hop-Tag-positive-text-color-press);
4280
4671
  }
4281
- .Tag-module__hop-Tag--positive___o5Li-[data-disabled] {
4672
+ .Tag-module__hop-Tag--positive___plkPz[data-disabled] {
4282
4673
  --border-color: var(--hop-Tag-positive-border-color-disabled);
4283
4674
  --background-color: var(--hop-Tag-positive-background-color-disabled);
4284
4675
  --text-color: var(--hop-Tag-positive-text-color-disabled);
4285
4676
  }
4286
- .Tag-module__hop-Tag--caution___iRVUR[data-focus-visible] {
4677
+ .Tag-module__hop-Tag--caution___-t9lb[data-focus-visible] {
4287
4678
  --border-color: var(--hop-Tag-caution-border-color-focus);
4288
4679
  --background-color: var(--hop-Tag-caution-background-color-focus);
4289
4680
  --text-color: var(--hop-Tag-caution-text-color-focus);
4290
4681
  }
4291
- .Tag-module__hop-Tag--caution___iRVUR[data-hovered] {
4682
+ .Tag-module__hop-Tag--caution___-t9lb[data-hovered] {
4292
4683
  --border-color: var(--hop-Tag-caution-border-color-hover);
4293
4684
  --background-color: var(--hop-Tag-caution-background-color-hover);
4294
4685
  --text-color: var(--hop-Tag-caution-text-color-hover);
4295
4686
  }
4296
- .Tag-module__hop-Tag--caution___iRVUR[data-pressed] {
4687
+ .Tag-module__hop-Tag--caution___-t9lb[data-pressed] {
4297
4688
  --border-color: var(--hop-Tag-caution-border-color-press);
4298
4689
  --background-color: var(--hop-Tag-caution-background-color-press);
4299
4690
  --text-color: var(--hop-Tag-caution-text-color-press);
4300
4691
  }
4301
- .Tag-module__hop-Tag--caution___iRVUR[data-disabled] {
4692
+ .Tag-module__hop-Tag--caution___-t9lb[data-disabled] {
4302
4693
  --border-color: var(--hop-Tag-caution-border-color-disabled);
4303
4694
  --background-color: var(--hop-Tag-caution-background-color-disabled);
4304
4695
  --text-color: var(--hop-Tag-caution-text-color-disabled);
4305
4696
  }
4306
- .Tag-module__hop-Tag--negative___-qFKe[data-focus-visible] {
4697
+ .Tag-module__hop-Tag--negative___cWsJz[data-focus-visible] {
4307
4698
  --border-color: var(--hop-Tag-negative-border-color-focus);
4308
4699
  --background-color: var(--hop-Tag-negative-background-color-focus);
4309
4700
  --text-color: var(--hop-Tag-negative-text-color-focus);
4310
4701
  }
4311
- .Tag-module__hop-Tag--negative___-qFKe[data-hovered] {
4702
+ .Tag-module__hop-Tag--negative___cWsJz[data-hovered] {
4312
4703
  --border-color: var(--hop-Tag-negative-border-color-hover);
4313
4704
  --background-color: var(--hop-Tag-negative-background-color-hover);
4314
4705
  --text-color: var(--hop-Tag-negative-text-color-hover);
4315
4706
  }
4316
- .Tag-module__hop-Tag--negative___-qFKe[data-pressed] {
4707
+ .Tag-module__hop-Tag--negative___cWsJz[data-pressed] {
4317
4708
  --border-color: var(--hop-Tag-negative-border-color-press);
4318
4709
  --background-color: var(--hop-Tag-negative-background-color-press);
4319
4710
  --text-color: var(--hop-Tag-negative-text-color-press);
4320
4711
  }
4321
- .Tag-module__hop-Tag--negative___-qFKe[data-disabled] {
4712
+ .Tag-module__hop-Tag--negative___cWsJz[data-disabled] {
4322
4713
  --border-color: var(--hop-Tag-negative-border-color-disabled);
4323
4714
  --background-color: var(--hop-Tag-negative-background-color-disabled);
4324
4715
  --text-color: var(--hop-Tag-negative-text-color-disabled);
4325
4716
  }
4326
- .Tag-module__hop-Tag--option1___fVXwS[data-focus-visible] {
4717
+ .Tag-module__hop-Tag--option1___Un53T[data-focus-visible] {
4327
4718
  --border-color: var(--hop-Tag-option1-border-color-focus);
4328
4719
  --background-color: var(--hop-Tag-option1-background-color-focus);
4329
4720
  --text-color: var(--hop-Tag-option1-text-color-focus);
4330
4721
  }
4331
- .Tag-module__hop-Tag--option1___fVXwS[data-hovered] {
4722
+ .Tag-module__hop-Tag--option1___Un53T[data-hovered] {
4332
4723
  --border-color: var(--hop-Tag-option1-border-color-hover);
4333
4724
  --background-color: var(--hop-Tag-option1-background-color-hover);
4334
4725
  --text-color: var(--hop-Tag-option1-text-color-hover);
4335
4726
  }
4336
- .Tag-module__hop-Tag--option1___fVXwS[data-pressed] {
4727
+ .Tag-module__hop-Tag--option1___Un53T[data-pressed] {
4337
4728
  --border-color: var(--hop-Tag-option1-border-color-press);
4338
4729
  --background-color: var(--hop-Tag-option1-background-color-press);
4339
4730
  --text-color: var(--hop-Tag-option1-text-color-press);
4340
4731
  }
4341
- .Tag-module__hop-Tag--option1___fVXwS[data-disabled] {
4732
+ .Tag-module__hop-Tag--option1___Un53T[data-disabled] {
4342
4733
  --border-color: var(--hop-Tag-option1-border-color-disabled);
4343
4734
  --background-color: var(--hop-Tag-option1-background-color-disabled);
4344
4735
  --text-color: var(--hop-Tag-option1-text-color-disabled);
4345
4736
  }
4346
- .Tag-module__hop-Tag--option2___k7stP[data-focus-visible] {
4737
+ .Tag-module__hop-Tag--option2___oJlT7[data-focus-visible] {
4347
4738
  --border-color: var(--hop-Tag-option2-border-color-focus);
4348
4739
  --background-color: var(--hop-Tag-option2-background-color-focus);
4349
4740
  --text-color: var(--hop-Tag-option2-text-color-focus);
4350
4741
  }
4351
- .Tag-module__hop-Tag--option2___k7stP[data-hovered] {
4742
+ .Tag-module__hop-Tag--option2___oJlT7[data-hovered] {
4352
4743
  --border-color: var(--hop-Tag-option2-border-color-hover);
4353
4744
  --background-color: var(--hop-Tag-option2-background-color-hover);
4354
4745
  --text-color: var(--hop-Tag-option2-text-color-hover);
4355
4746
  }
4356
- .Tag-module__hop-Tag--option2___k7stP[data-pressed] {
4747
+ .Tag-module__hop-Tag--option2___oJlT7[data-pressed] {
4357
4748
  --border-color: var(--hop-Tag-option2-border-color-press);
4358
4749
  --background-color: var(--hop-Tag-option2-background-color-press);
4359
4750
  --text-color: var(--hop-Tag-option2-text-color-press);
4360
4751
  }
4361
- .Tag-module__hop-Tag--option2___k7stP[data-disabled] {
4752
+ .Tag-module__hop-Tag--option2___oJlT7[data-disabled] {
4362
4753
  --border-color: var(--hop-Tag-option2-border-color-disabled);
4363
4754
  --background-color: var(--hop-Tag-option2-background-color-disabled);
4364
4755
  --text-color: var(--hop-Tag-option2-text-color-disabled);
4365
4756
  }
4366
- .Tag-module__hop-Tag--option3___em9d9[data-focus-visible] {
4757
+ .Tag-module__hop-Tag--option3___8om-g[data-focus-visible] {
4367
4758
  --border-color: var(--hop-Tag-option3-border-color-focus);
4368
4759
  --background-color: var(--hop-Tag-option3-background-color-focus);
4369
4760
  --text-color: var(--hop-Tag-option3-text-color-focus);
4370
4761
  }
4371
- .Tag-module__hop-Tag--option3___em9d9[data-hovered] {
4762
+ .Tag-module__hop-Tag--option3___8om-g[data-hovered] {
4372
4763
  --border-color: var(--hop-Tag-option3-border-color-hover);
4373
4764
  --background-color: var(--hop-Tag-option3-background-color-hover);
4374
4765
  --text-color: var(--hop-Tag-option3-text-color-hover);
4375
4766
  }
4376
- .Tag-module__hop-Tag--option3___em9d9[data-pressed] {
4767
+ .Tag-module__hop-Tag--option3___8om-g[data-pressed] {
4377
4768
  --border-color: var(--hop-Tag-option3-border-color-press);
4378
4769
  --background-color: var(--hop-Tag-option3-background-color-press);
4379
4770
  --text-color: var(--hop-Tag-option3-text-color-press);
4380
4771
  }
4381
- .Tag-module__hop-Tag--option3___em9d9[data-disabled] {
4772
+ .Tag-module__hop-Tag--option3___8om-g[data-disabled] {
4382
4773
  --border-color: var(--hop-Tag-option3-border-color-disabled);
4383
4774
  --background-color: var(--hop-Tag-option3-background-color-disabled);
4384
4775
  --text-color: var(--hop-Tag-option3-text-color-disabled);
4385
4776
  }
4386
- .Tag-module__hop-Tag--option4___B0JOH[data-focus-visible] {
4777
+ .Tag-module__hop-Tag--option4___GYrwo[data-focus-visible] {
4387
4778
  --border-color: var(--hop-Tag-option4-border-color-focus);
4388
4779
  --background-color: var(--hop-Tag-option4-background-color-focus);
4389
4780
  --text-color: var(--hop-Tag-option4-text-color-focus);
4390
4781
  }
4391
- .Tag-module__hop-Tag--option4___B0JOH[data-hovered] {
4782
+ .Tag-module__hop-Tag--option4___GYrwo[data-hovered] {
4392
4783
  --border-color: var(--hop-Tag-option4-border-color-hover);
4393
4784
  --background-color: var(--hop-Tag-option4-background-color-hover);
4394
4785
  --text-color: var(--hop-Tag-option4-text-color-hover);
4395
4786
  }
4396
- .Tag-module__hop-Tag--option4___B0JOH[data-pressed] {
4787
+ .Tag-module__hop-Tag--option4___GYrwo[data-pressed] {
4397
4788
  --border-color: var(--hop-Tag-option4-border-color-press);
4398
4789
  --background-color: var(--hop-Tag-option4-background-color-press);
4399
4790
  --text-color: var(--hop-Tag-option4-text-color-press);
4400
4791
  }
4401
- .Tag-module__hop-Tag--option4___B0JOH[data-disabled] {
4792
+ .Tag-module__hop-Tag--option4___GYrwo[data-disabled] {
4402
4793
  --border-color: var(--hop-Tag-option4-border-color-disabled);
4403
4794
  --background-color: var(--hop-Tag-option4-background-color-disabled);
4404
4795
  --text-color: var(--hop-Tag-option4-text-color-disabled);
4405
4796
  }
4406
- .Tag-module__hop-Tag--option5___yWfHM[data-focus-visible] {
4797
+ .Tag-module__hop-Tag--option5___AfumK[data-focus-visible] {
4407
4798
  --border-color: var(--hop-Tag-option5-border-color-focus);
4408
4799
  --background-color: var(--hop-Tag-option5-background-color-focus);
4409
4800
  --text-color: var(--hop-Tag-option5-text-color-focus);
4410
4801
  }
4411
- .Tag-module__hop-Tag--option5___yWfHM[data-hovered] {
4802
+ .Tag-module__hop-Tag--option5___AfumK[data-hovered] {
4412
4803
  --border-color: var(--hop-Tag-option5-border-color-hover);
4413
4804
  --background-color: var(--hop-Tag-option5-background-color-hover);
4414
4805
  --text-color: var(--hop-Tag-option5-text-color-hover);
4415
4806
  }
4416
- .Tag-module__hop-Tag--option5___yWfHM[data-pressed] {
4807
+ .Tag-module__hop-Tag--option5___AfumK[data-pressed] {
4417
4808
  --border-color: var(--hop-Tag-option5-border-color-press);
4418
4809
  --background-color: var(--hop-Tag-option5-background-color-press);
4419
4810
  --text-color: var(--hop-Tag-option5-text-color-press);
4420
4811
  }
4421
- .Tag-module__hop-Tag--option5___yWfHM[data-disabled] {
4812
+ .Tag-module__hop-Tag--option5___AfumK[data-disabled] {
4422
4813
  --border-color: var(--hop-Tag-option5-border-color-disabled);
4423
4814
  --background-color: var(--hop-Tag-option5-background-color-disabled);
4424
4815
  --text-color: var(--hop-Tag-option5-text-color-disabled);
4425
4816
  }
4426
- .Tag-module__hop-Tag--option6___sY9ih[data-focus-visible] {
4817
+ .Tag-module__hop-Tag--option6___2cJzx[data-focus-visible] {
4427
4818
  --border-color: var(--hop-Tag-option6-border-color-focus);
4428
4819
  --background-color: var(--hop-Tag-option6-background-color-focus);
4429
4820
  --text-color: var(--hop-Tag-option6-text-color-focus);
4430
4821
  }
4431
- .Tag-module__hop-Tag--option6___sY9ih[data-hovered] {
4822
+ .Tag-module__hop-Tag--option6___2cJzx[data-hovered] {
4432
4823
  --border-color: var(--hop-Tag-option6-border-color-hover);
4433
4824
  --background-color: var(--hop-Tag-option6-background-color-hover);
4434
4825
  --text-color: var(--hop-Tag-option6-text-color-hover);
4435
4826
  }
4436
- .Tag-module__hop-Tag--option6___sY9ih[data-pressed] {
4827
+ .Tag-module__hop-Tag--option6___2cJzx[data-pressed] {
4437
4828
  --border-color: var(--hop-Tag-option6-border-color-press);
4438
4829
  --background-color: var(--hop-Tag-option6-background-color-press);
4439
4830
  --text-color: var(--hop-Tag-option6-text-color-press);
4440
4831
  }
4441
- .Tag-module__hop-Tag--option6___sY9ih[data-disabled] {
4832
+ .Tag-module__hop-Tag--option6___2cJzx[data-disabled] {
4442
4833
  --border-color: var(--hop-Tag-option6-border-color-disabled);
4443
4834
  --background-color: var(--hop-Tag-option6-background-color-disabled);
4444
4835
  --text-color: var(--hop-Tag-option6-text-color-disabled);
4445
4836
  }
4446
- .Tag-module__hop-Tag___FA-hF[data-focus-visible] {
4837
+ .Tag-module__hop-Tag___ivugY[data-focus-visible] {
4447
4838
  outline: 0.125rem solid var(--focus-ring-color);
4448
4839
  }
4449
- .Tag-module__hop-Tag___FA-hF[data-hovered] {
4840
+ .Tag-module__hop-Tag___ivugY[data-hovered] {
4450
4841
  cursor: pointer;
4451
4842
  }
4452
- .Tag-module__hop-Tag___FA-hF[data-selected] {
4843
+ .Tag-module__hop-Tag___ivugY[data-selected] {
4453
4844
  --background-color: var(--hop-Tag-background-color-selected);
4454
4845
  --border-color: var(--hop-Tag-border-color-selected);
4455
4846
  --text-color: var(--hop-Tag-text-color-selected);
4456
4847
  }
4457
- .Tag-module__hop-Tag___FA-hF[data-pressed] {
4848
+ .Tag-module__hop-Tag___ivugY[data-pressed] {
4458
4849
  cursor: pointer;
4459
4850
  }
4460
- .Tag-module__hop-Tag___FA-hF[data-invalid] {
4851
+ .Tag-module__hop-Tag___ivugY[data-invalid] {
4461
4852
  --border-color: var(--hop-Tag-border-color-invalid);
4462
4853
  }
4463
- .Tag-module__hop-Tag___FA-hF[data-disabled] {
4854
+ .Tag-module__hop-Tag___ivugY[data-disabled] {
4464
4855
  cursor: not-allowed;
4465
4856
  }
4466
- .Tag-module__hop-Tag__avatar___J84Ob {
4857
+ .Tag-module__hop-Tag__avatar___8z0hr {
4467
4858
  flex: 0 0 auto;
4468
4859
  order: 1;
4469
4860
  margin-inline-start: var(--avatar-margin-inline-start);
4470
4861
  }
4471
- .Tag-module__hop-Tag__icon___ewSNE,
4472
- .Tag-module__hop-Tag__icon-list___-PpIn {
4862
+ .Tag-module__hop-Tag__icon___-cwrq,
4863
+ .Tag-module__hop-Tag__icon-list___zoSbV {
4473
4864
  flex: 0 0 auto;
4474
4865
  flex-wrap: nowrap;
4475
4866
  order: 2;
4476
4867
  margin-inline-start: var(--icon-margin-inline-start, 0);
4477
4868
  }
4478
- .Tag-module__hop-Tag__text___k7Otw {
4869
+ .Tag-module__hop-Tag__text___VtwUA {
4479
4870
  overflow: hidden;
4480
4871
  flex: 1 1 auto;
4481
4872
  order: 3;
@@ -4483,33 +4874,33 @@
4483
4874
  text-align: center;
4484
4875
  text-overflow: ellipsis;
4485
4876
  }
4486
- .Tag-module__hop-Tag__badge___jgjVw {
4877
+ .Tag-module__hop-Tag__badge___g6uLv {
4487
4878
  flex: 0 0 auto;
4488
4879
  order: 4;
4489
4880
  margin-inline-end: var(--badge-margin-inline-end);
4490
4881
  }
4491
- .Tag-module__hop-Tag___FA-hF .Tag-module__hop-Tag__badge___jgjVw[data-variant=subdued] {
4882
+ .Tag-module__hop-Tag___ivugY .Tag-module__hop-Tag__badge___g6uLv[data-variant=subdued] {
4492
4883
  margin-inline-start: var(--badge-secondary-margin-inline-start);
4493
4884
  color: inherit;
4494
4885
  background: none;
4495
4886
  }
4496
- .Tag-module__hop-Tag--sm___wdoiY .Tag-module__hop-Tag__badge___jgjVw {
4887
+ .Tag-module__hop-Tag--sm___8soZ3 .Tag-module__hop-Tag__badge___g6uLv {
4497
4888
  block-size: 100%;
4498
4889
  }
4499
- .Tag-module__hop-Tag__remove-btn___-nFZL,
4500
- .Tag-module__hop-Tag__Spinner___bjUFw {
4890
+ .Tag-module__hop-Tag__remove-btn___I1kkt,
4891
+ .Tag-module__hop-Tag__Spinner___mdI7N {
4501
4892
  flex: 0 0 auto;
4502
4893
  order: 5;
4503
4894
  }
4504
- .Tag-module__hop-Tag__Spinner___bjUFw {
4895
+ .Tag-module__hop-Tag__Spinner___mdI7N {
4505
4896
  margin-inline-end: var(--spinner-margin-inline-end);
4506
4897
  }
4507
- .Tag-module__hop-Tag__remove-btn___-nFZL {
4898
+ .Tag-module__hop-Tag__remove-btn___I1kkt {
4508
4899
  margin-inline: var(--clear-btn-margin-inline);
4509
4900
  }
4510
4901
 
4511
4902
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/tag/src/TagGroup.module.css/#css-module-data */
4512
- .TagGroup-module__hop-TagGroup___EG4ar {
4903
+ .TagGroup-module__hop-TagGroup___86Uec {
4513
4904
  --hop-TagGroup-row-gap: var(--hop-space-inline-sm);
4514
4905
  --hop-TagGroup-list-column-gap: var(--hop-space-inline-sm);
4515
4906
  --hop-TagGroup-list-row-gap: var(--hop-space-inline-sm);
@@ -4529,10 +4920,10 @@
4529
4920
  inline-size: max-content;
4530
4921
  max-inline-size: 100%;
4531
4922
  }
4532
- .TagGroup-module__hop-TagGroup___EG4ar > .TagGroup-module__hop-TagGroup__label___zzjLY {
4923
+ .TagGroup-module__hop-TagGroup___86Uec > .TagGroup-module__hop-TagGroup__label___om-81 {
4533
4924
  order: 1;
4534
4925
  }
4535
- .TagGroup-module__hop-TagGroup__list___jXuw3 {
4926
+ .TagGroup-module__hop-TagGroup__list___ZX-jL {
4536
4927
  display: flex;
4537
4928
  flex-wrap: wrap;
4538
4929
  gap: var(--list-row-gap) var(--list-column-gap);
@@ -4541,17 +4932,17 @@
4541
4932
  border-radius: var(--list-border-radius);
4542
4933
  outline: none;
4543
4934
  }
4544
- .TagGroup-module__hop-TagGroup__list___jXuw3[data-focus-visible] {
4935
+ .TagGroup-module__hop-TagGroup__list___ZX-jL[data-focus-visible] {
4545
4936
  outline: 0.125rem solid var(--list-focus-ring-color);
4546
4937
  outline-offset: 0.125rem;
4547
4938
  }
4548
- .TagGroup-module__hop-TagGroup___EG4ar > .TagGroup-module__hop-TagGroup__error-message___n8l-j,
4549
- .TagGroup-module__hop-TagGroup___EG4ar > .TagGroup-module__hop-TagGroup__helper-message___ZhhTu {
4939
+ .TagGroup-module__hop-TagGroup___86Uec > .TagGroup-module__hop-TagGroup__error-message___7pqMA,
4940
+ .TagGroup-module__hop-TagGroup___86Uec > .TagGroup-module__hop-TagGroup__helper-message___BrDIH {
4550
4941
  order: 3;
4551
4942
  }
4552
4943
 
4553
4944
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Form/src/Form.module.css/#css-module-data */
4554
- .Form-module__hop-Form___pIeoK {
4945
+ .Form-module__hop-Form___5e3Zc {
4555
4946
  display: flex;
4556
4947
  flex-direction: column;
4557
4948
  gap: var(--hop-space-stack-lg);