@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,14 +2147,14 @@
1951
2147
  }
1952
2148
 
1953
2149
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Form/src/Form.module.css/#css-module-data */
1954
- .Form-module__hop-Form___pIeoK {
2150
+ .Form-module__hop-Form___5e3Zc {
1955
2151
  display: flex;
1956
2152
  flex-direction: column;
1957
2153
  gap: var(--hop-space-stack-lg);
1958
2154
  }
1959
2155
 
1960
2156
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/InputGroup.module.css/#css-module-data */
1961
- .InputGroup-module__hop-InputGroup___a632X {
2157
+ .InputGroup-module__hop-InputGroup___qGwKN {
1962
2158
  --hop-InputGroup-background: var(--hop-neutral-surface);
1963
2159
  --hop-InputGroup-border-color: var(--hop-neutral-border);
1964
2160
  --hop-InputGroup-border-width: 0.0625rem;
@@ -2039,11 +2235,11 @@
2039
2235
  border: var(--border);
2040
2236
  border-radius: var(--hop-InputGroup-border-radius);
2041
2237
  }
2042
- .InputGroup-module__hop-InputGroup--fluid___6yyPX {
2238
+ .InputGroup-module__hop-InputGroup--fluid___ugRmI {
2043
2239
  --inline-size: 100%;
2044
2240
  --input-inline-size: 100%;
2045
2241
  }
2046
- .InputGroup-module__hop-InputGroup--sm___tXEbu {
2242
+ .InputGroup-module__hop-InputGroup--sm___W7oKM {
2047
2243
  --block-size: var(--hop-InputGroup-sm-block-size);
2048
2244
  --input-font-family: var(--hop-InputGroup-input-sm-font-family);
2049
2245
  --input-font-size: var(--hop-InputGroup-input-sm-font-size);
@@ -2051,7 +2247,7 @@
2051
2247
  --input-line-height: var(--hop-InputGroup-input-sm-line-height);
2052
2248
  --input-block-size: var(--hop-InputGroup-input-sm-block-size);
2053
2249
  }
2054
- .InputGroup-module__hop-InputGroup___a632X[data-input-type=textarea] {
2250
+ .InputGroup-module__hop-InputGroup___qGwKN[data-input-type=textarea] {
2055
2251
  --gap: var(--hop-InputGroup-gap-textarea);
2056
2252
  --flex-direction: var(--hop-InputGroup-flex-direction-textarea);
2057
2253
  --align-items: var(--hop-InputGroup-align-items-textarea);
@@ -2059,28 +2255,28 @@
2059
2255
  --padding-inline: var(--hop-InputGroup-padding-inline-textarea);
2060
2256
  --padding-block: var(--hop-InputGroup-padding-block-textarea);
2061
2257
  }
2062
- .InputGroup-module__hop-InputGroup___a632X[data-input-type=number] {
2258
+ .InputGroup-module__hop-InputGroup___qGwKN[data-input-type=number] {
2063
2259
  --display: var(--hop-InputGroup-display-number);
2064
2260
  --gap: var(--hop-InputGroup-gap-number);
2065
2261
  }
2066
- .InputGroup-module__hop-InputGroup___a632X[data-hovered] {
2262
+ .InputGroup-module__hop-InputGroup___qGwKN[data-hovered] {
2067
2263
  --background: var(--hop-InputGroup-background-hover);
2068
2264
  --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-hover) ;
2069
2265
  }
2070
- .InputGroup-module__hop-InputGroup___a632X[data-focus-within] {
2266
+ .InputGroup-module__hop-InputGroup___qGwKN[data-focus-within] {
2071
2267
  --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-focus) ;
2072
2268
  }
2073
- .InputGroup-module__hop-InputGroup___a632X[data-invalid] {
2269
+ .InputGroup-module__hop-InputGroup___qGwKN[data-invalid] {
2074
2270
  --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-invalid) ;
2075
2271
  }
2076
- .InputGroup-module__hop-InputGroup___a632X[data-disabled] {
2272
+ .InputGroup-module__hop-InputGroup___qGwKN[data-disabled] {
2077
2273
  --background: var(--hop-InputGroup-background-disabled);
2078
2274
  --border: 0.0625rem solid var(--hop-InputGroup-border-color-disabled);
2079
2275
  --input-color: var(--hop-InputGroup-input-color-disabled);
2080
2276
  --input-placeholder-color: var(--hop-InputGroup-placeholder-color-disabled);
2081
2277
  }
2082
- .InputGroup-module__hop-InputGroup__input___Ve7UI,
2083
- .InputGroup-module__hop-InputGroup__textarea___TNfOB {
2278
+ .InputGroup-module__hop-InputGroup__input___I4tbX,
2279
+ .InputGroup-module__hop-InputGroup__textarea___lODtF {
2084
2280
  flex: 1 1 auto;
2085
2281
  box-sizing: border-box;
2086
2282
  inline-size: var(--input-inline-size);
@@ -2094,26 +2290,26 @@
2094
2290
  border: none;
2095
2291
  outline: none;
2096
2292
  }
2097
- .InputGroup-module__hop-InputGroup__input___Ve7UI {
2293
+ .InputGroup-module__hop-InputGroup__input___I4tbX {
2098
2294
  block-size: var(--input-block-size);
2099
2295
  padding: var(--hop-InputGroup-input-padding);
2100
2296
  }
2101
- .InputGroup-module__hop-InputGroup__textarea___TNfOB {
2297
+ .InputGroup-module__hop-InputGroup__textarea___lODtF {
2102
2298
  padding: var(--hop-InputGroup-textarea-padding);
2103
2299
  }
2104
- .InputGroup-module__hop-InputGroup__input___Ve7UI::placeholder {
2300
+ .InputGroup-module__hop-InputGroup__input___I4tbX::placeholder {
2105
2301
  font-family: var(--hop-InputGroup-placeholder-font-family);
2106
2302
  font-size: var(--hop-InputGroup-placeholder-font-size);
2107
2303
  font-weight: var(--hop-InputGroup-placeholder-font-weight);
2108
2304
  line-height: var(--hop-InputGroup-placeholder-line-height);
2109
2305
  color: var(--input-placeholder-color);
2110
2306
  }
2111
- .InputGroup-module__hop-InputGroup__embedded-button___NOJxI {
2307
+ .InputGroup-module__hop-InputGroup__embedded-button___BVOX3 {
2112
2308
  margin-inline-end: var(--hop-InputGroup-embedded-button-margin-inline-end);
2113
2309
  }
2114
2310
 
2115
2311
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Heading/src/Heading.module.css/#css-module-data */
2116
- .Heading-module__hop-Heading___FHUTd {
2312
+ .Heading-module__hop-Heading___3ueiS {
2117
2313
  --hop-Heading-xs-font-size: var(--hop-heading-xs-font-size);
2118
2314
  --hop-Heading-xs-font-family: var(--hop-heading-xs-font-family);
2119
2315
  --hop-Heading-xs-font-weight: var(--hop-heading-xs-font-weight);
@@ -2147,50 +2343,50 @@
2147
2343
  --hop-Heading-inherit-size-font-weight: inherit;
2148
2344
  --hop-Heading-inherit-size-line-height: inherit;
2149
2345
  }
2150
- :where(.Heading-module__hop-Heading___FHUTd) {
2346
+ :where(.Heading-module__hop-Heading___3ueiS) {
2151
2347
  margin: 0;
2152
2348
  font-family: var(--font-family);
2153
2349
  font-size: var(--font-size);
2154
2350
  font-weight: var(--font-weight);
2155
2351
  line-height: var(--line-height);
2156
2352
  }
2157
- :where(.Heading-module__hop-Heading--xs___nSpzQ) {
2353
+ :where(.Heading-module__hop-Heading--xs___5sgKJ) {
2158
2354
  --font-size: var(--hop-Heading-xs-font-size);
2159
2355
  --font-family: var(--hop-Heading-xs-font-family);
2160
2356
  --font-weight: var(--hop-Heading-xs-font-weight);
2161
2357
  --line-height: var(--hop-Heading-xs-line-height);
2162
2358
  }
2163
- :where(.Heading-module__hop-Heading--sm___cOwKv) {
2359
+ :where(.Heading-module__hop-Heading--sm___06P1n) {
2164
2360
  --font-size: var(--hop-Heading-sm-font-size);
2165
2361
  --font-family: var(--hop-Heading-sm-font-family);
2166
2362
  --font-weight: var(--hop-Heading-sm-font-weight);
2167
2363
  --line-height: var(--hop-Heading-sm-line-height);
2168
2364
  }
2169
- :where(.Heading-module__hop-Heading--md___-P1xy) {
2365
+ :where(.Heading-module__hop-Heading--md___nbkYZ) {
2170
2366
  --font-size: var(--hop-Heading-md-font-size);
2171
2367
  --font-family: var(--hop-Heading-md-font-family);
2172
2368
  --font-weight: var(--hop-Heading-md-font-weight);
2173
2369
  --line-height: var(--hop-Heading-md-line-height);
2174
2370
  }
2175
- :where(.Heading-module__hop-Heading--lg___C1qbq) {
2371
+ :where(.Heading-module__hop-Heading--lg___lSiFQ) {
2176
2372
  --font-size: var(--hop-Heading-lg-font-size);
2177
2373
  --font-family: var(--hop-Heading-lg-font-family);
2178
2374
  --font-weight: var(--hop-Heading-lg-font-weight);
2179
2375
  --line-height: var(--hop-Heading-lg-line-height);
2180
2376
  }
2181
- :where(.Heading-module__hop-Heading--xl___ZqOY4) {
2377
+ :where(.Heading-module__hop-Heading--xl___df64W) {
2182
2378
  --font-size: var(--hop-Heading-xl-font-size);
2183
2379
  --font-family: var(--hop-Heading-xl-font-family);
2184
2380
  --font-weight: var(--hop-Heading-xl-font-weight);
2185
2381
  --line-height: var(--hop-Heading-xl-line-height);
2186
2382
  }
2187
- :where(.Heading-module__hop-Heading--2xl___Phfzh) {
2383
+ :where(.Heading-module__hop-Heading--2xl___Vsuh7) {
2188
2384
  --font-size: var(--hop-Heading-2xl-font-size);
2189
2385
  --font-family: var(--hop-Heading-2xl-font-family);
2190
2386
  --font-weight: var(--hop-Heading-2xl-font-weight);
2191
2387
  --line-height: var(--hop-Heading-2xl-line-height);
2192
2388
  }
2193
- :where(.Heading-module__hop-Heading--3xl___q5xhd) {
2389
+ :where(.Heading-module__hop-Heading--3xl___PXstD) {
2194
2390
  --font-size: var(--hop-Heading-3xl-font-size);
2195
2391
  --font-family: var(--hop-Heading-3xl-font-family);
2196
2392
  --font-weight: var(--hop-Heading-3xl-font-weight);
@@ -2198,7 +2394,7 @@
2198
2394
  }
2199
2395
 
2200
2396
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/NumberField.module.css/#css-module-data */
2201
- .NumberField-module__hop-NumberField___2gj-0 {
2397
+ .NumberField-module__hop-NumberField___IXeDG {
2202
2398
  --hop-NumberField-gap: var(--hop-space-stack-xs);
2203
2399
  --hop-NumberField-inline-size: 20rem;
2204
2400
  --hop-NumberField-inline-size-fluid: 100%;
@@ -2246,30 +2442,30 @@
2246
2442
  gap: var(--hop-NumberField-gap);
2247
2443
  inline-size: var(--inline-size);
2248
2444
  }
2249
- .NumberField-module__hop-NumberField--fluid___mQ4HT {
2445
+ .NumberField-module__hop-NumberField--fluid___q73Oh {
2250
2446
  --inline-size: var(--hop-NumberField-inline-size-fluid);
2251
2447
  }
2252
- .NumberField-module__hop-NumberField--mobile___-GMYk {
2448
+ .NumberField-module__hop-NumberField--mobile___VgHW4 {
2253
2449
  --input-group-template: var(--hop-NumberField-input-group-template-mobile);
2254
2450
  --stepper-height: var(--hop-NumberField-stepper-height-mobile);
2255
2451
  }
2256
- .NumberField-module__hop-NumberField__Label___ni5A0 {
2452
+ .NumberField-module__hop-NumberField__Label___50tOE {
2257
2453
  order: 0;
2258
2454
  }
2259
- .NumberField-module__hop-NumberField__prefix___FCb7f {
2455
+ .NumberField-module__hop-NumberField__prefix___3R-v3 {
2260
2456
  grid-area: prefix;
2261
2457
  margin-inline-end: var(--hop-NumberField-prefix-margin-inline-end);
2262
2458
  color: var(--hop-NumberField-prefix-color);
2263
2459
  }
2264
- .NumberField-module__hop-NumberField__InputGroup___sYywY {
2460
+ .NumberField-module__hop-NumberField__InputGroup___XRCi0 {
2265
2461
  grid-template: var(--input-group-template);
2266
2462
  order: 1;
2267
2463
  }
2268
- .NumberField-module__hop-NumberField__ErrorMessage___dARU3,
2269
- .NumberField-module__hop-NumberField__HelperMessage___vp10M {
2464
+ .NumberField-module__hop-NumberField__ErrorMessage___Ke3pf,
2465
+ .NumberField-module__hop-NumberField__HelperMessage___ARg7R {
2270
2466
  order: 3;
2271
2467
  }
2272
- .NumberField-module__hop-NumberField__stepper-button___7J3-z {
2468
+ .NumberField-module__hop-NumberField__stepper-button___nvOtF {
2273
2469
  cursor: pointer;
2274
2470
  display: flex;
2275
2471
  grid-area: var(--grid-area, unset);
@@ -2290,55 +2486,55 @@
2290
2486
  border-radius: var(--stepper-border-radius, 0);
2291
2487
  outline: none;
2292
2488
  }
2293
- .NumberField-module__hop-NumberField__stepper-button--increment___i05Fb {
2489
+ .NumberField-module__hop-NumberField__stepper-button--increment___Jc4V5 {
2294
2490
  --stepper-border-radius: var(--hop-NumberField-stepper-border-radius-increment);
2295
2491
  --stepper-border-width: var(--hop-NumberField-stepper-border-width) var(--hop-NumberField-stepper-border-width) 0 var(--hop-NumberField-stepper-border-width);
2296
2492
  --stepper-align-self: var(--hop-NumberField-stepper-align-self-increment);
2297
2493
  --stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-increment);
2298
2494
  --grid-area: stepup;
2299
2495
  }
2300
- .NumberField-module__hop-NumberField__stepper-button--decrement___Ekehn {
2496
+ .NumberField-module__hop-NumberField__stepper-button--decrement___u3Z1S {
2301
2497
  --stepper-border-radius: var(--hop-NumberField-stepper-border-radius-decrement);
2302
2498
  --stepper-border-width: 0 var(--hop-NumberField-stepper-border-width) var(--hop-NumberField-stepper-border-width) var(--hop-NumberField-stepper-border-width);
2303
2499
  --stepper-align-self: var(--hop-NumberField-stepper-align-self-decrement);
2304
2500
  --stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-decrement);
2305
2501
  --grid-area: stepdown;
2306
2502
  }
2307
- .NumberField-module__hop-NumberField__stepper-button--mobile___XqA19.NumberField-module__hop-NumberField__stepper-button--increment___i05Fb {
2503
+ .NumberField-module__hop-NumberField__stepper-button--mobile___VHQNi.NumberField-module__hop-NumberField__stepper-button--increment___Jc4V5 {
2308
2504
  --stepper-border-width: 0 0 0 var(--hop-NumberField-stepper-border-width);
2309
2505
  --stepper-align-self: var(--hop-NumberField-stepper-align-self-increment-mobile);
2310
2506
  --stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-increment-mobile);
2311
2507
  --stepper-border-radius: var(--hop-NumberField-stepper-border-radius-mobile-increment);
2312
2508
  }
2313
- .NumberField-module__hop-NumberField__stepper-button--mobile___XqA19.NumberField-module__hop-NumberField__stepper-button--decrement___Ekehn {
2509
+ .NumberField-module__hop-NumberField__stepper-button--mobile___VHQNi.NumberField-module__hop-NumberField__stepper-button--decrement___u3Z1S {
2314
2510
  --stepper-border-width: 0 var(--hop-NumberField-stepper-border-width) 0 0;
2315
2511
  --stepper-align-self: var(--hop-NumberField-stepper-align-self-decrement-mobile);
2316
2512
  --stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-decrement-mobile);
2317
2513
  --stepper-border-radius: var(--hop-NumberField-stepper-border-radius-mobile-decrement);
2318
2514
  }
2319
- .NumberField-module__hop-NumberField__stepper-button___7J3-z[data-hovered] {
2515
+ .NumberField-module__hop-NumberField__stepper-button___nvOtF[data-hovered] {
2320
2516
  color: var(--hop-NumberField-stepper-color-hovered);
2321
2517
  background-color: var(--hop-NumberField-stepper-background-color-hovered);
2322
2518
  }
2323
- .NumberField-module__hop-NumberField__stepper-button___7J3-z[data-pressed] {
2519
+ .NumberField-module__hop-NumberField__stepper-button___nvOtF[data-pressed] {
2324
2520
  color: var(--hop-NumberField-stepper-color-pressed);
2325
2521
  background-color: var(--hop-NumberField-stepper-background-color-pressed);
2326
2522
  }
2327
- .NumberField-module__hop-NumberField__stepper-button___7J3-z[data-disabled] {
2523
+ .NumberField-module__hop-NumberField__stepper-button___nvOtF[data-disabled] {
2328
2524
  cursor: not-allowed;
2329
2525
  color: var(--hop-NumberField-stepper-color-disabled);
2330
2526
  background-color: var(--hop-NumberField-stepper-background-color-disabled);
2331
2527
  }
2332
- .NumberField-module__hop-NumberField__stepper-button__icon___1RtBB {
2528
+ .NumberField-module__hop-NumberField__stepper-button__icon___jTR-k {
2333
2529
  display: block;
2334
2530
  max-block-size: 100%;
2335
2531
  }
2336
- .NumberField-module__hop-NumberField__input___W14tH {
2532
+ .NumberField-module__hop-NumberField__input___tmPHE {
2337
2533
  grid-area: input;
2338
2534
  }
2339
2535
 
2340
2536
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/TextArea.module.css/#css-module-data */
2341
- .TextArea-module__hop-TextArea___8dXyC {
2537
+ .TextArea-module__hop-TextArea___J-vvv {
2342
2538
  --hop-TextArea-gap: var(--hop-space-stack-xs);
2343
2539
  --hop-TextArea-inline-size: 20rem;
2344
2540
  --hop-TextArea-prefix-color: var(--hop-neutral-text-weak);
@@ -2356,42 +2552,42 @@
2356
2552
  inline-size: var(--inline-size);
2357
2553
  max-inline-size: 100%;
2358
2554
  }
2359
- .TextArea-module__hop-TextArea--fluid___ivXkV {
2555
+ .TextArea-module__hop-TextArea--fluid___hHc5b {
2360
2556
  --inline-size: 100%;
2361
2557
  }
2362
- .TextArea-module__hop-TextArea___8dXyC[data-resize-mode=vertical] {
2558
+ .TextArea-module__hop-TextArea___J-vvv[data-resize-mode=vertical] {
2363
2559
  --resize: vertical;
2364
2560
  }
2365
- .TextArea-module__hop-TextArea___8dXyC[data-over-max-length] {
2561
+ .TextArea-module__hop-TextArea___J-vvv[data-over-max-length] {
2366
2562
  --char-count-color: var(--hop-TextArea-char-count-color-invalid);
2367
2563
  }
2368
- .TextArea-module__hop-TextArea___8dXyC[data-disabled] {
2564
+ .TextArea-module__hop-TextArea___J-vvv[data-disabled] {
2369
2565
  --char-count-color: var(--hop-TextArea-char-count-color-disabled);
2370
2566
  }
2371
- .TextArea-module__hop-TextArea__Label___F46Nt {
2567
+ .TextArea-module__hop-TextArea__Label___OigKH {
2372
2568
  order: 0;
2373
2569
  }
2374
- .TextArea-module__hop-TextArea__prefix___F2c7V {
2570
+ .TextArea-module__hop-TextArea__prefix___wuvby {
2375
2571
  color: var(--hop-TextArea-prefix-color);
2376
2572
  }
2377
- .TextArea-module__hop-TextArea__InputGroup___DQ-6Y {
2573
+ .TextArea-module__hop-TextArea__InputGroup___7CbvI {
2378
2574
  order: 1;
2379
2575
  }
2380
- .TextArea-module__hop-TextArea__textarea___HEpbB {
2576
+ .TextArea-module__hop-TextArea__textarea___IXTCQ {
2381
2577
  resize: var(--resize);
2382
2578
  min-block-size: var(--hop-TextArea-input-min-height);
2383
2579
  }
2384
- .TextArea-module__hop-TextArea__char-count___MIdX- {
2580
+ .TextArea-module__hop-TextArea__char-count___ZrLsF {
2385
2581
  padding: var(--hop-TextArea-char-count-padding);
2386
2582
  color: var(--char-count-color);
2387
2583
  }
2388
- .TextArea-module__hop-TextArea__ErrorMessage___eXVmT,
2389
- .TextArea-module__hop-TextArea__HelperMessage___Tqb2w {
2584
+ .TextArea-module__hop-TextArea__ErrorMessage___9W-N1,
2585
+ .TextArea-module__hop-TextArea__HelperMessage___vtiJO {
2390
2586
  order: 3;
2391
2587
  }
2392
2588
 
2393
2589
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/TextField.module.css/#css-module-data */
2394
- .TextField-module__hop-TextField___Wfbdo {
2590
+ .TextField-module__hop-TextField___6EriP {
2395
2591
  --hop-TextField-gap: var(--hop-space-stack-xs);
2396
2592
  --hop-TextField-inline-size: 20rem;
2397
2593
  --hop-TextField-prefix-color: var(--hop-neutral-text-weak);
@@ -2406,34 +2602,34 @@
2406
2602
  inline-size: var(--inline-size);
2407
2603
  max-inline-size: 100%;
2408
2604
  }
2409
- .TextField-module__hop-TextField--fluid___ViA6M {
2605
+ .TextField-module__hop-TextField--fluid___yhL5r {
2410
2606
  --inline-size: 100%;
2411
2607
  }
2412
- .TextField-module__hop-TextField___Wfbdo[data-over-max-length] {
2608
+ .TextField-module__hop-TextField___6EriP[data-over-max-length] {
2413
2609
  --char-count-color: var(--hop-TextField-char-count-color-invalid);
2414
2610
  }
2415
- .TextField-module__hop-TextField___Wfbdo[data-disabled] {
2611
+ .TextField-module__hop-TextField___6EriP[data-disabled] {
2416
2612
  --char-count-color: var(--hop-TextField-char-count-color-disabled);
2417
2613
  }
2418
- .TextField-module__hop-TextField__Label___5AeoX {
2614
+ .TextField-module__hop-TextField__Label___GGj5y {
2419
2615
  order: 0;
2420
2616
  }
2421
- .TextField-module__hop-TextField__prefix___-PH68 {
2617
+ .TextField-module__hop-TextField__prefix___abfhq {
2422
2618
  color: var(--hop-TextField-prefix-color);
2423
2619
  }
2424
- .TextField-module__hop-TextField__char-count___YIU-F {
2620
+ .TextField-module__hop-TextField__char-count___ECw-3 {
2425
2621
  color: var(--char-count-color);
2426
2622
  }
2427
- .TextField-module__hop-TextField__InputGroup___9Jn-0 {
2623
+ .TextField-module__hop-TextField__InputGroup___QYSXW {
2428
2624
  order: 1;
2429
2625
  }
2430
- .TextField-module__hop-TextField__ErrorMessage___qkdL4,
2431
- .TextField-module__hop-TextField__HelperMessage___izq-D {
2626
+ .TextField-module__hop-TextField__ErrorMessage___kt72t,
2627
+ .TextField-module__hop-TextField__HelperMessage___2Amjo {
2432
2628
  order: 3;
2433
2629
  }
2434
2630
 
2435
2631
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/PasswordField.module.css/#css-module-data */
2436
- .PasswordField-module__hop-PasswordField___3teuP {
2632
+ .PasswordField-module__hop-PasswordField___F9-tS {
2437
2633
  --hop-PasswordField-gap: var(--hop-space-stack-xs);
2438
2634
  --hop-PasswordField-inline-size: 20rem;
2439
2635
  --inline-size: var(--hop-PasswordField-inline-size);
@@ -2443,22 +2639,22 @@
2443
2639
  inline-size: var(--inline-size);
2444
2640
  max-inline-size: 100%;
2445
2641
  }
2446
- .PasswordField-module__hop-PasswordField--fluid___8P8wR {
2642
+ .PasswordField-module__hop-PasswordField--fluid___pgiFi {
2447
2643
  --inline-size: 100%;
2448
2644
  }
2449
- .PasswordField-module__hop-PasswordField__Label___Akvsj {
2645
+ .PasswordField-module__hop-PasswordField__Label___5cATW {
2450
2646
  order: 0;
2451
2647
  }
2452
- .PasswordField-module__hop-PasswordField__InputGroup___-kQUA {
2648
+ .PasswordField-module__hop-PasswordField__InputGroup___-ws7O {
2453
2649
  order: 1;
2454
2650
  }
2455
- .PasswordField-module__hop-PasswordField__ErrorMessage___SDr1s,
2456
- .PasswordField-module__hop-PasswordField__HelperMessage___9U4uf {
2651
+ .PasswordField-module__hop-PasswordField__ErrorMessage___oICg-,
2652
+ .PasswordField-module__hop-PasswordField__HelperMessage___4QF-n {
2457
2653
  order: 3;
2458
2654
  }
2459
2655
 
2460
2656
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/SearchField.module.css/#css-module-data */
2461
- .SearchField-module__hop-SearchField___FhPb- {
2657
+ .SearchField-module__hop-SearchField___GwHlh {
2462
2658
  --hop-SearchField-gap: var(--hop-space-stack-xs);
2463
2659
  --hop-SearchField-inline-size: 20rem;
2464
2660
  --hop-SearchField-color: var(--hop-neutral-text-weak);
@@ -2473,39 +2669,39 @@
2473
2669
  inline-size: var(--inline-size);
2474
2670
  max-inline-size: 100%;
2475
2671
  }
2476
- .SearchField-module__hop-SearchField--fluid___ND83Q {
2672
+ .SearchField-module__hop-SearchField--fluid___O7Q8F {
2477
2673
  --inline-size: 100%;
2478
2674
  }
2479
- .SearchField-module__hop-SearchField__Label___Ri9LN {
2675
+ .SearchField-module__hop-SearchField__Label___6png2 {
2480
2676
  order: 0;
2481
2677
  }
2482
- .SearchField-module__hop-SearchField__prefix___zdJjX {
2678
+ .SearchField-module__hop-SearchField__prefix___gfmy9 {
2483
2679
  color: var(--hop-SearchField-color);
2484
2680
  }
2485
- .SearchField-module__hop-SearchField__InputGroup___jT6Kr {
2681
+ .SearchField-module__hop-SearchField__InputGroup___wUEhF {
2486
2682
  order: 1;
2487
2683
  padding-inline: var(--input-group-padding-inline-start) var(--input-group-padding-inline-end);
2488
2684
  }
2489
- .SearchField-module__hop-SearchField--clearable___rpi48 {
2685
+ .SearchField-module__hop-SearchField--clearable___KHhkC {
2490
2686
  --input-group-padding-inline-end: 0;
2491
2687
  }
2492
- .SearchField-module__hop-SearchField__ErrorMessage___c3ybU,
2493
- .SearchField-module__hop-SearchField__HelperMessage___76rJC {
2688
+ .SearchField-module__hop-SearchField__ErrorMessage___hgVi5,
2689
+ .SearchField-module__hop-SearchField__HelperMessage___o0oGA {
2494
2690
  order: 3;
2495
2691
  }
2496
- .SearchField-module__hop-SearchField___FhPb- input::-webkit-search-cancel-button,
2497
- .SearchField-module__hop-SearchField___FhPb- input::-webkit-search-decoration {
2692
+ .SearchField-module__hop-SearchField___GwHlh input::-webkit-search-cancel-button,
2693
+ .SearchField-module__hop-SearchField___GwHlh input::-webkit-search-decoration {
2498
2694
  appearance: none;
2499
2695
  }
2500
- .SearchField-module__hop-SearchField___FhPb-[data-empty] {
2696
+ .SearchField-module__hop-SearchField___GwHlh[data-empty] {
2501
2697
  --clear-button-display: none;
2502
2698
  }
2503
- .SearchField-module__hop-SearchField__ClearButton___zWF2- {
2699
+ .SearchField-module__hop-SearchField__ClearButton___N4jdH {
2504
2700
  display: var(--clear-button-display);
2505
2701
  }
2506
2702
 
2507
2703
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Link/src/Link.module.css/#css-module-data */
2508
- .Link-module__hop-Link___JuS-O {
2704
+ .Link-module__hop-Link___RVsUF {
2509
2705
  --hop-Link-border-radius: var(--hop-shape-rounded-sm);
2510
2706
  --hop-Link-focus-ring-color: var(--hop-primary-border-focus);
2511
2707
  --hop-Link-color-disabled: var(--hop-neutral-text-disabled);
@@ -2530,59 +2726,59 @@
2530
2726
  outline: none;
2531
2727
  outline-offset: 0.125rem;
2532
2728
  }
2533
- .Link-module__hop-Link___JuS-O[data-focus-visible] {
2729
+ .Link-module__hop-Link___RVsUF[data-focus-visible] {
2534
2730
  outline: 0.125rem solid var(--hop-Link-focus-ring-color);
2535
2731
  }
2536
- .Link-module__hop-Link___JuS-O[data-disabled] {
2732
+ .Link-module__hop-Link___RVsUF[data-disabled] {
2537
2733
  cursor: default;
2538
2734
  }
2539
- .Link-module__hop-Link--quiet___K84Hf[data-focus-visible],
2540
- .Link-module__hop-Link--quiet___K84Hf[data-hovered] {
2735
+ .Link-module__hop-Link--quiet___3H58c[data-focus-visible],
2736
+ .Link-module__hop-Link--quiet___3H58c[data-hovered] {
2541
2737
  text-decoration: underline;
2542
2738
  }
2543
- .Link-module__hop-Link___JuS-O:not(.Link-module__hop-Link--quiet___K84Hf) {
2739
+ .Link-module__hop-Link___RVsUF:not(.Link-module__hop-Link--quiet___3H58c) {
2544
2740
  text-decoration: underline;
2545
2741
  }
2546
- .Link-module__hop-Link--primary___mzkpD {
2742
+ .Link-module__hop-Link--primary___JFUnP {
2547
2743
  color: var(--hop-Link-primary-text-color);
2548
2744
  }
2549
- .Link-module__hop-Link--primary___mzkpD[data-disabled] {
2745
+ .Link-module__hop-Link--primary___JFUnP[data-disabled] {
2550
2746
  color: var(--hop-Link-primary-text-disabled-color);
2551
2747
  }
2552
- .Link-module__hop-Link--primary___mzkpD:not([data-disabled])[data-focus-visible],
2553
- .Link-module__hop-Link--primary___mzkpD:not([data-disabled])[data-hovered] {
2748
+ .Link-module__hop-Link--primary___JFUnP:not([data-disabled])[data-focus-visible],
2749
+ .Link-module__hop-Link--primary___JFUnP:not([data-disabled])[data-hovered] {
2554
2750
  color: var(--hop-Link-primary-text-hover-color);
2555
2751
  }
2556
- .Link-module__hop-Link--primary___mzkpD:not([data-disabled])[data-pressed] {
2752
+ .Link-module__hop-Link--primary___JFUnP:not([data-disabled])[data-pressed] {
2557
2753
  color: var(--hop-Link-primary-text-pressed-color);
2558
2754
  }
2559
- .Link-module__hop-Link--secondary___e2WTi {
2755
+ .Link-module__hop-Link--secondary___ZwM3- {
2560
2756
  color: var(--hop-Link-neutral-text-color);
2561
2757
  }
2562
- .Link-module__hop-Link--secondary___e2WTi[data-disabled] {
2758
+ .Link-module__hop-Link--secondary___ZwM3-[data-disabled] {
2563
2759
  color: var(--hop-Link-neutral-text-disabled-color);
2564
2760
  }
2565
- .Link-module__hop-Link--secondary___e2WTi:not([data-disabled])[data-focus-visible],
2566
- .Link-module__hop-Link--secondary___e2WTi:not([data-disabled])[data-hovered] {
2761
+ .Link-module__hop-Link--secondary___ZwM3-:not([data-disabled])[data-focus-visible],
2762
+ .Link-module__hop-Link--secondary___ZwM3-:not([data-disabled])[data-hovered] {
2567
2763
  color: var(--hop-Link-neutral-text-hover-color);
2568
2764
  }
2569
- .Link-module__hop-Link--secondary___e2WTi:not([data-disabled])[data-pressed] {
2765
+ .Link-module__hop-Link--secondary___ZwM3-:not([data-disabled])[data-pressed] {
2570
2766
  color: var(--hop-Link-neutral-text-pressed-color);
2571
2767
  }
2572
- .Link-module__hop-Link__icon___Y0bot,
2573
- .Link-module__hop-Link__icon-list___MBb0J {
2768
+ .Link-module__hop-Link__icon___4icuQ,
2769
+ .Link-module__hop-Link__icon-list___UxoAw {
2574
2770
  order: 2;
2575
2771
  }
2576
- .Link-module__hop-Link__text___Qs1EJ {
2772
+ .Link-module__hop-Link__text___hWs6H {
2577
2773
  order: 1;
2578
2774
  }
2579
- .Link-module__hop-Link__start-icon___--idR,
2580
- .Link-module__hop-Link__start-icon-list___q1C7p {
2775
+ .Link-module__hop-Link__start-icon___wZ1l5,
2776
+ .Link-module__hop-Link__start-icon-list___4K3J1 {
2581
2777
  order: 0;
2582
2778
  }
2583
2779
 
2584
2780
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/Radio.module.css/#css-module-data */
2585
- .Radio-module__hop-Radio___dZSx2 {
2781
+ .Radio-module__hop-Radio___-DVX4 {
2586
2782
  --hop-Radio-box-border-size: 0.0625rem;
2587
2783
  --hop-Radio-box-border-color: var(--hop-neutral-border);
2588
2784
  --hop-Radio-box-background-color: var(--hop-neutral-surface);
@@ -2656,63 +2852,60 @@
2656
2852
  inline-size: max-content;
2657
2853
  max-inline-size: 100%;
2658
2854
  }
2659
- .Radio-module__hop-Radio___dZSx2[data-focus-visible],
2660
- .Radio-module__hop-Radio--focused___bBjyn {
2855
+ .Radio-module__hop-Radio___-DVX4[data-focus-visible] {
2661
2856
  --box-background-color: var(--hop-Radio-box-background-color-focused);
2662
2857
  --box-border-color: var(--hop-Radio-box-border-color-focused);
2663
2858
  --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
2664
2859
  --text-color: var(--hop-Radio-text-color-focused);
2665
2860
  --icon-color: var(--hop-Radio-icon-color-focused);
2666
2861
  }
2667
- .Radio-module__hop-Radio___dZSx2[data-hovered],
2668
- .Radio-module__hop-Radio--hovered___CaynT {
2862
+ .Radio-module__hop-Radio___-DVX4[data-hovered] {
2669
2863
  --box-background-color: var(--hop-Radio-box-background-color-hovered);
2670
2864
  --box-border-color: var(--hop-Radio-box-border-color-hovered);
2671
2865
  --text-color: var(--hop-Radio-text-color-hovered);
2672
2866
  --icon-color: var(--hop-Radio-icon-color-hovered);
2673
2867
  }
2674
- .Radio-module__hop-Radio___dZSx2[data-pressed],
2675
- .Radio-module__hop-Radio--pressed___1HqKU {
2868
+ .Radio-module__hop-Radio___-DVX4[data-pressed] {
2676
2869
  --box-background-color: var(--hop-Radio-box-background-color-pressed);
2677
2870
  --box-border-color: var(--hop-Radio-box-border-color-pressed);
2678
2871
  --text-color: var(--hop-Radio-text-color-pressed);
2679
2872
  --icon-color: var(--hop-Radio-icon-color-pressed);
2680
2873
  }
2681
- .Radio-module__hop-Radio___dZSx2[data-selected] {
2874
+ .Radio-module__hop-Radio___-DVX4[data-selected] {
2682
2875
  --box-background-color: var(--hop-Radio-box-background-color-selected);
2683
2876
  --box-border-color: var(--hop-Radio-box-border-color-selected);
2684
2877
  --bullet-display: var(--hop-Radio-bullet-display-selected);
2685
2878
  --text-color: var(--hop-Radio-text-color-selected);
2686
2879
  --icon-color: var(--hop-Radio-icon-color-selected);
2687
2880
  }
2688
- .Radio-module__hop-Radio___dZSx2[data-invalid] {
2881
+ .Radio-module__hop-Radio___-DVX4[data-invalid] {
2689
2882
  --box-background-color: var(--hop-Radio-box-background-color-invalid);
2690
2883
  --box-border-color: var(--hop-Radio-box-border-color-invalid);
2691
2884
  --bullet-color: var(--hop-Radio-bullet-color-invalid);
2692
2885
  --text-color: var(--hop-Radio-text-color-invalid);
2693
2886
  --icon-color: var(--hop-Radio-icon-color-invalid);
2694
2887
  }
2695
- .Radio-module__hop-Radio___dZSx2:where([data-invalid])[data-focus-visible] {
2888
+ .Radio-module__hop-Radio___-DVX4:where([data-invalid])[data-focus-visible] {
2696
2889
  --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
2697
2890
  --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
2698
2891
  }
2699
- .Radio-module__hop-Radio___dZSx2:where([data-invalid])[data-hovered] {
2892
+ .Radio-module__hop-Radio___-DVX4:where([data-invalid])[data-hovered] {
2700
2893
  --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
2701
2894
  --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
2702
2895
  --text-color: var(--hop-Radio-text-color-hovered-invalid);
2703
2896
  --icon-color: var(--hop-Radio-text-color-hovered-invalid);
2704
2897
  }
2705
- .Radio-module__hop-Radio___dZSx2:where([data-invalid])[data-pressed] {
2898
+ .Radio-module__hop-Radio___-DVX4:where([data-invalid])[data-pressed] {
2706
2899
  --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
2707
2900
  --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
2708
2901
  --text-color: var(--hop-Radio-text-color-pressed-invalid);
2709
2902
  --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
2710
2903
  }
2711
- .Radio-module__hop-Radio___dZSx2:where([data-invalid])[data-selected] {
2904
+ .Radio-module__hop-Radio___-DVX4:where([data-invalid])[data-selected] {
2712
2905
  --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
2713
2906
  --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
2714
2907
  }
2715
- .Radio-module__hop-Radio___dZSx2[data-disabled] {
2908
+ .Radio-module__hop-Radio___-DVX4[data-disabled] {
2716
2909
  --box-background-color: var(--hop-Radio-box-background-color-disabled);
2717
2910
  --box-border-color: var(--hop-Radio-box-border-color-disabled);
2718
2911
  --bullet-color: var(--hop-Radio-bullet-color-disabled);
@@ -2720,25 +2913,25 @@
2720
2913
  --text-color: var(--hop-Radio-text-color-disabled);
2721
2914
  --icon-color: var(--hop-Radio-icon-color-disabled);
2722
2915
  }
2723
- .Radio-module__hop-Radio--sm___AYTfn {
2916
+ .Radio-module__hop-Radio--sm___2iKGS {
2724
2917
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
2725
2918
  --box-block-size: var(--hop-Radio-box-sm-block-size);
2726
2919
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
2727
2920
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
2728
2921
  }
2729
- .Radio-module__hop-Radio--md___0S2cX {
2922
+ .Radio-module__hop-Radio--md___NtAnh {
2730
2923
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
2731
2924
  --box-block-size: var(--hop-Radio-box-md-block-size);
2732
2925
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
2733
2926
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
2734
2927
  }
2735
- .Radio-module__hop-Radio__icon___q55ww,
2736
- .Radio-module__hop-Radio__icon-list___TIMvm {
2928
+ .Radio-module__hop-Radio__icon___5wLUN,
2929
+ .Radio-module__hop-Radio__icon-list___-SSe9 {
2737
2930
  flex: 0 0 auto;
2738
2931
  order: 3;
2739
2932
  color: var(--icon-color);
2740
2933
  }
2741
- .Radio-module__hop-Radio__box___oWuZH {
2934
+ .Radio-module__hop-Radio__box___Lkth2 {
2742
2935
  display: flex;
2743
2936
  flex: 0 0 auto;
2744
2937
  align-items: center;
@@ -2754,11 +2947,11 @@
2754
2947
  outline-offset: 0.125rem;
2755
2948
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
2756
2949
  }
2757
- .Radio-module__hop-Radio__bullet___Z2gB- {
2950
+ .Radio-module__hop-Radio__bullet___xtCD0 {
2758
2951
  display: var(--bullet-display);
2759
2952
  color: var(--bullet-color);
2760
2953
  }
2761
- .Radio-module__hop-Radio__text___JyULz {
2954
+ .Radio-module__hop-Radio__text___1nCKy {
2762
2955
  flex: 0 1 auto;
2763
2956
  order: 2;
2764
2957
  min-inline-size: 0;
@@ -2768,7 +2961,7 @@
2768
2961
  }
2769
2962
 
2770
2963
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioField.module.css/#css-module-data */
2771
- .RadioField-module__hop-RadioField___ZeVcr {
2964
+ .RadioField-module__hop-RadioField___eXkct {
2772
2965
  --hop-RadioField-description-color: var(--hop-neutral-text-weak);
2773
2966
  --hop-RadioField-description-color-disabled: var(--hop-neutral-text-disabled);
2774
2967
  --hop-RadioField-sm-row-gap: var(--hop-space-stack-xs);
@@ -2787,28 +2980,28 @@
2787
2980
  inline-size: max-content;
2788
2981
  max-inline-size: 100%;
2789
2982
  }
2790
- .RadioField-module__hop-RadioField___ZeVcr[data-disabled] {
2983
+ .RadioField-module__hop-RadioField___eXkct[data-disabled] {
2791
2984
  --description-color: var(--hop-RadioField-description-color-disabled);
2792
2985
  }
2793
- .RadioField-module__hop-RadioField--sm___-ToHL {
2986
+ .RadioField-module__hop-RadioField--sm___dzUpl {
2794
2987
  --row-gap: var(--hop-RadioField-sm-row-gap);
2795
2988
  --description-margin-inline-start: var(--hop-RadioField-description-sm-margin-inline-start);
2796
2989
  }
2797
- .RadioField-module__hop-RadioField--md___PiqvX {
2990
+ .RadioField-module__hop-RadioField--md___HZmDd {
2798
2991
  --row-gap: var(--hop-RadioField-md-row-gap);
2799
2992
  --description-margin-inline-start: var(--hop-RadioField-description-md-margin-inline-start);
2800
2993
  }
2801
- .RadioField-module__hop-RadioField__description___fzcWP {
2994
+ .RadioField-module__hop-RadioField__description___WuKax {
2802
2995
  order: 2;
2803
2996
  margin-inline-start: var(--description-margin-inline-start, var(--hop-RadioField-description-md-margin-inline-start));
2804
2997
  color: var(--description-color);
2805
2998
  }
2806
- .RadioField-module__hop-RadioField__radio___JPWxW {
2999
+ .RadioField-module__hop-RadioField__radio___h7f3V {
2807
3000
  order: 1;
2808
3001
  }
2809
3002
 
2810
3003
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioGroup.module.css/#css-module-data */
2811
- .RadioGroup-module__hop-RadioGroup___pM7SC {
3004
+ .RadioGroup-module__hop-RadioGroup___has4j {
2812
3005
  --hop-RadioGroup-align-items: flex-start;
2813
3006
  --hop-RadioGroup-justify-content: flex-start;
2814
3007
  --hop-RadioGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -2848,46 +3041,46 @@
2848
3041
  inline-size: var(--inline-size);
2849
3042
  max-inline-size: 100%;
2850
3043
  }
2851
- .RadioGroup-module__hop-RadioGroup--bordered___TozFo {
3044
+ .RadioGroup-module__hop-RadioGroup--bordered___sLe-B {
2852
3045
  --list-border: var(--radio-border-size) solid var(--radio-border-color);
2853
3046
  --list-border-radius: var(--hop-shape-rounded-md);
2854
3047
  }
2855
- .RadioGroup-module__hop-RadioGroup--sm___T0IFM {
3048
+ .RadioGroup-module__hop-RadioGroup--sm___T-FZw {
2856
3049
  --column-gap: var(--hop-RadioGroup-sm-column-gap);
2857
3050
  --row-gap: var(--hop-RadioGroup-sm-row-gap);
2858
3051
  --list-column-gap: var(--hop-RadioGroup-list-sm-column-gap);
2859
3052
  --list-row-gap: var(--hop-RadioGroup-list-sm-row-gap);
2860
3053
  }
2861
- .RadioGroup-module__hop-RadioGroup--md___CD3JY {
3054
+ .RadioGroup-module__hop-RadioGroup--md___4yS6O {
2862
3055
  --column-gap: var(--hop-RadioGroup-md-column-gap);
2863
3056
  --row-gap: var(--hop-RadioGroup-md-row-gap);
2864
3057
  --list-column-gap: var(--hop-RadioGroup-list-md-column-gap);
2865
3058
  --list-row-gap: var(--hop-RadioGroup-list-md-row-gap);
2866
3059
  }
2867
- .RadioGroup-module__hop-RadioGroup--bordered___TozFo.RadioGroup-module__hop-RadioGroup--sm___T0IFM {
3060
+ .RadioGroup-module__hop-RadioGroup--bordered___sLe-B.RadioGroup-module__hop-RadioGroup--sm___T-FZw {
2868
3061
  --radio-padding: var(--hop-RadioGroup-bordered-sm-padding);
2869
3062
  --column-gap: var(--hop-RadioGroup-bordered-sm-column-gap);
2870
3063
  --row-gap: var(--hop-RadioGroup-bordered-sm-row-gap);
2871
3064
  --list-column-gap: var(--hop-RadioGroup-list-bordered-sm-column-gap);
2872
3065
  --list-row-gap: var(--hop-RadioGroup-list-bordered-sm-row-gap);
2873
3066
  }
2874
- .RadioGroup-module__hop-RadioGroup--bordered___TozFo.RadioGroup-module__hop-RadioGroup--md___CD3JY {
3067
+ .RadioGroup-module__hop-RadioGroup--bordered___sLe-B.RadioGroup-module__hop-RadioGroup--md___4yS6O {
2875
3068
  --radio-padding: var(--hop-RadioGroup-bordered-md-padding);
2876
3069
  --column-gap: var(--hop-RadioGroup-bordered-md-column-gap);
2877
3070
  --row-gap: var(--hop-RadioGroup-bordered-md-row-gap);
2878
3071
  --list-column-gap: var(--hop-RadioGroup-list-bordered-md-column-gap);
2879
3072
  --list-row-gap: var(--hop-RadioGroup-list-bordered-md-row-gap);
2880
3073
  }
2881
- .RadioGroup-module__hop-RadioGroup___pM7SC[data-orientation=horizontal] {
3074
+ .RadioGroup-module__hop-RadioGroup___has4j[data-orientation=horizontal] {
2882
3075
  --flex-direction: var(--hop-RadioGroup-horizontal-flex-direction);
2883
3076
  }
2884
- .RadioGroup-module__hop-RadioGroup--bordered___TozFo[data-orientation=horizontal] {
3077
+ .RadioGroup-module__hop-RadioGroup--bordered___sLe-B[data-orientation=horizontal] {
2885
3078
  --flex-wrap: nowrap;
2886
3079
  }
2887
- .RadioGroup-module__hop-RadioGroup___pM7SC > .RadioGroup-module__hop-RadioGroup__label___L0tyL {
3080
+ .RadioGroup-module__hop-RadioGroup___has4j > .RadioGroup-module__hop-RadioGroup__label___hHfIp {
2888
3081
  order: 1;
2889
3082
  }
2890
- .RadioGroup-module__hop-RadioGroup__list___PTFzc {
3083
+ .RadioGroup-module__hop-RadioGroup__list___MXi9G {
2891
3084
  display: flex;
2892
3085
  flex-flow: var(--flex-direction) var(--flex-wrap);
2893
3086
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -2898,7 +3091,7 @@
2898
3091
  border: var(--list-border, none);
2899
3092
  border-radius: var(--list-border-radius, 0);
2900
3093
  }
2901
- .RadioGroup-module__hop-RadioGroup__list___PTFzc > .RadioGroup-module__hop-RadioGroup__radio___ErWNd {
3094
+ .RadioGroup-module__hop-RadioGroup__list___MXi9G > .RadioGroup-module__hop-RadioGroup__radio___1B1gK {
2902
3095
  position: relative;
2903
3096
  flex: 0 1 auto;
2904
3097
  align-content: start;
@@ -2906,28 +3099,226 @@
2906
3099
  min-inline-size: 0;
2907
3100
  padding: var(--radio-padding, 0);
2908
3101
  }
2909
- .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 {
3102
+ .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 {
2910
3103
  content: "";
2911
3104
  position: absolute;
2912
3105
  display: block;
2913
3106
  }
2914
- .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 {
3107
+ .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 {
2915
3108
  inset-block-start: 0;
2916
3109
  inset-inline: 0;
2917
3110
  border-block-start: var(--list-border, none);
2918
3111
  }
2919
- .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 {
3112
+ .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 {
2920
3113
  inset-block: 0;
2921
3114
  inset-inline-start: 0;
2922
3115
  border-inline-start: var(--list-border, none);
2923
3116
  }
2924
- .RadioGroup-module__hop-RadioGroup___pM7SC > .RadioGroup-module__hop-RadioGroup__error-message___36WFE,
2925
- .RadioGroup-module__hop-RadioGroup___pM7SC > .RadioGroup-module__hop-RadioGroup__helper-message___4EcKd {
3117
+ .RadioGroup-module__hop-RadioGroup___has4j > .RadioGroup-module__hop-RadioGroup__error-message___nd3QV,
3118
+ .RadioGroup-module__hop-RadioGroup___has4j > .RadioGroup-module__hop-RadioGroup__helper-message___KJIEd {
2926
3119
  order: 3;
2927
3120
  }
2928
3121
 
3122
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/DecorativeRadio.module.css/#css-module-data */
3123
+ .Radio-module__hop-Radio___-DVX4 {
3124
+ --hop-Radio-box-border-size: 0.0625rem;
3125
+ --hop-Radio-box-border-color: var(--hop-neutral-border);
3126
+ --hop-Radio-box-background-color: var(--hop-neutral-surface);
3127
+ --hop-Radio-box-outline-size: 0.125rem;
3128
+ --hop-Radio-box-outline-color: var(--hop-primary-border-focus);
3129
+ --hop-Radio-bullet-color: var(--hop-neutral-icon-selected);
3130
+ --hop-Radio-bullet-display: none;
3131
+ --hop-Radio-text-color: var(--hop-neutral-text);
3132
+ --hop-Radio-icon-color: var(--hop-neutral-icon);
3133
+ --hop-Radio-box-border-color-hovered: var(--hop-neutral-border-hover);
3134
+ --hop-Radio-box-background-color-hovered: var(--hop-neutral-surface-hover);
3135
+ --hop-Radio-text-color-hovered: var(--hop-neutral-text-hover);
3136
+ --hop-Radio-icon-color-hovered: var(--hop-neutral-icon-hover);
3137
+ --hop-Radio-box-border-color-pressed: var(--hop-neutral-border-press);
3138
+ --hop-Radio-box-background-color-pressed: var(--hop-neutral-surface-press);
3139
+ --hop-Radio-text-color-pressed: var(--hop-neutral-text-press);
3140
+ --hop-Radio-icon-color-pressed: var(--hop-neutral-icon-press);
3141
+ --hop-Radio-box-border-color-selected: var(--hop-neutral-border-selected);
3142
+ --hop-Radio-box-background-color-selected: var(--hop-neutral-surface-selected);
3143
+ --hop-Radio-bullet-display-selected: block;
3144
+ --hop-Radio-text-color-selected: var(--hop-neutral-text);
3145
+ --hop-Radio-icon-color-selected: var(--hop-neutral-icon);
3146
+ --hop-Radio-box-border-color-disabled: var(--hop-neutral-border-disabled);
3147
+ --hop-Radio-box-background-color-disabled: var(--hop-neutral-surface-disabled);
3148
+ --hop-Radio-bullet-color-disabled: var(--hop-neutral-icon-disabled);
3149
+ --hop-Radio-text-color-disabled: var(--hop-neutral-text-disabled);
3150
+ --hop-Radio-icon-color-disabled: var(--hop-neutral-icon-disabled);
3151
+ --hop-Radio-box-border-color-focused: var(--hop-neutral-border-hover);
3152
+ --hop-Radio-box-background-color-focused: var(--hop-neutral-surface-hover);
3153
+ --hop-Radio-text-color-focused: var(--hop-neutral-text);
3154
+ --hop-Radio-icon-color-focused: var(--hop-neutral-icon);
3155
+ --hop-Radio-box-border-color-invalid: var(--hop-danger-border-strong);
3156
+ --hop-Radio-box-background-color-invalid: var(--hop-neutral-surface);
3157
+ --hop-Radio-box-border-color-hovered-invalid: var(--hop-danger-border-strong);
3158
+ --hop-Radio-box-background-color-hovered-invalid: var(--hop-danger-surface);
3159
+ --hop-Radio-box-border-color-pressed-invalid: var(--hop-danger-border-press);
3160
+ --hop-Radio-box-background-color-pressed-invalid: var(--hop-danger-surface-weak);
3161
+ --hop-Radio-box-border-color-focused-invalid: var(--hop-danger-border-strong);
3162
+ --hop-Radio-box-background-color-focused-invalid: var(--hop-danger-surface);
3163
+ --hop-Radio-box-border-color-selected-invalid: var(--hop-danger-border-strong);
3164
+ --hop-Radio-box-background-color-selected-invalid: var(--hop-danger-surface-strong);
3165
+ --hop-Radio-bullet-color-invalid: var(--hop-danger-icon-strong);
3166
+ --hop-Radio-text-color-invalid: var(--hop-danger-text-weak);
3167
+ --hop-Radio-icon-color-invalid: var(--hop-danger-icon-weak);
3168
+ --hop-Radio-text-color-hovered-invalid: var(--hop-danger-text-weak-hover);
3169
+ --hop-Radio-icon-color-hovered-invalid: var(--hop-danger-icon-weak-hover);
3170
+ --hop-Radio-text-color-pressed-invalid: var(--hop-danger-text-weak-press);
3171
+ --hop-Radio-box-sm-inline-size: 1rem;
3172
+ --hop-Radio-box-sm-block-size: 1rem;
3173
+ --hop-Radio-text-sm-top-offset: calc((var(--box-inline-size) - (var(--hop-body-sm-line-height) * var(--hop-body-sm-font-size))) / 2);
3174
+ --hop-Radio-text-sm-margin-inline-start: calc(var(--hop-space-inline-sm) - var(--hop-space-inline-xs));
3175
+ --hop-Radio-box-md-inline-size: 1.5rem;
3176
+ --hop-Radio-box-md-block-size: 1.5rem;
3177
+ --hop-Radio-text-md-top-offset: calc((var(--box-inline-size) - (var(--hop-body-md-line-height) * var(--hop-body-md-font-size))) / 2);
3178
+ --hop-Radio-text-md-margin-inline-start: calc(var(--hop-space-inline-md) - var(--hop-space-inline-xs));
3179
+ --box-background-color: var(--hop-Radio-box-background-color);
3180
+ --box-border-color: var(--hop-Radio-box-border-color);
3181
+ --box-border-radius: var(--hop-shape-circle);
3182
+ --bullet-color: var(--hop-Radio-bullet-color);
3183
+ --bullet-display: var(--hop-Radio-bullet-display);
3184
+ --cursor: pointer;
3185
+ --text-color: var(--hop-Radio-text-color);
3186
+ --icon-color: var(--hop-Radio-icon-color);
3187
+ --transition-duration: var(--hop-easing-duration-2);
3188
+ cursor: var(--cursor);
3189
+ display: flex;
3190
+ column-gap: var(--hop-space-inline-xs);
3191
+ align-items: flex-start;
3192
+ justify-content: flex-start;
3193
+ box-sizing: border-box;
3194
+ inline-size: max-content;
3195
+ max-inline-size: 100%;
3196
+ }
3197
+ .Radio-module__hop-Radio___-DVX4[data-focus-visible] {
3198
+ --box-background-color: var(--hop-Radio-box-background-color-focused);
3199
+ --box-border-color: var(--hop-Radio-box-border-color-focused);
3200
+ --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
3201
+ --text-color: var(--hop-Radio-text-color-focused);
3202
+ --icon-color: var(--hop-Radio-icon-color-focused);
3203
+ }
3204
+ .Radio-module__hop-Radio___-DVX4[data-hovered] {
3205
+ --box-background-color: var(--hop-Radio-box-background-color-hovered);
3206
+ --box-border-color: var(--hop-Radio-box-border-color-hovered);
3207
+ --text-color: var(--hop-Radio-text-color-hovered);
3208
+ --icon-color: var(--hop-Radio-icon-color-hovered);
3209
+ }
3210
+ .Radio-module__hop-Radio___-DVX4[data-pressed] {
3211
+ --box-background-color: var(--hop-Radio-box-background-color-pressed);
3212
+ --box-border-color: var(--hop-Radio-box-border-color-pressed);
3213
+ --text-color: var(--hop-Radio-text-color-pressed);
3214
+ --icon-color: var(--hop-Radio-icon-color-pressed);
3215
+ }
3216
+ .Radio-module__hop-Radio___-DVX4[data-selected] {
3217
+ --box-background-color: var(--hop-Radio-box-background-color-selected);
3218
+ --box-border-color: var(--hop-Radio-box-border-color-selected);
3219
+ --bullet-display: var(--hop-Radio-bullet-display-selected);
3220
+ --text-color: var(--hop-Radio-text-color-selected);
3221
+ --icon-color: var(--hop-Radio-icon-color-selected);
3222
+ }
3223
+ .Radio-module__hop-Radio___-DVX4[data-invalid] {
3224
+ --box-background-color: var(--hop-Radio-box-background-color-invalid);
3225
+ --box-border-color: var(--hop-Radio-box-border-color-invalid);
3226
+ --bullet-color: var(--hop-Radio-bullet-color-invalid);
3227
+ --text-color: var(--hop-Radio-text-color-invalid);
3228
+ --icon-color: var(--hop-Radio-icon-color-invalid);
3229
+ }
3230
+ .Radio-module__hop-Radio___-DVX4:where([data-invalid])[data-focus-visible] {
3231
+ --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
3232
+ --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
3233
+ }
3234
+ .Radio-module__hop-Radio___-DVX4:where([data-invalid])[data-hovered] {
3235
+ --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
3236
+ --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
3237
+ --text-color: var(--hop-Radio-text-color-hovered-invalid);
3238
+ --icon-color: var(--hop-Radio-text-color-hovered-invalid);
3239
+ }
3240
+ .Radio-module__hop-Radio___-DVX4:where([data-invalid])[data-pressed] {
3241
+ --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
3242
+ --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
3243
+ --text-color: var(--hop-Radio-text-color-pressed-invalid);
3244
+ --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
3245
+ }
3246
+ .Radio-module__hop-Radio___-DVX4:where([data-invalid])[data-selected] {
3247
+ --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
3248
+ --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
3249
+ }
3250
+ .Radio-module__hop-Radio___-DVX4[data-disabled] {
3251
+ --box-background-color: var(--hop-Radio-box-background-color-disabled);
3252
+ --box-border-color: var(--hop-Radio-box-border-color-disabled);
3253
+ --bullet-color: var(--hop-Radio-bullet-color-disabled);
3254
+ --cursor: not-allowed;
3255
+ --text-color: var(--hop-Radio-text-color-disabled);
3256
+ --icon-color: var(--hop-Radio-icon-color-disabled);
3257
+ }
3258
+ .Radio-module__hop-Radio--sm___2iKGS {
3259
+ --box-inline-size: var(--hop-Radio-box-sm-inline-size);
3260
+ --box-block-size: var(--hop-Radio-box-sm-block-size);
3261
+ --text-top-offset: var(--hop-Radio-text-sm-top-offset);
3262
+ --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
3263
+ }
3264
+ .Radio-module__hop-Radio--md___NtAnh {
3265
+ --box-inline-size: var(--hop-Radio-box-md-inline-size);
3266
+ --box-block-size: var(--hop-Radio-box-md-block-size);
3267
+ --text-top-offset: var(--hop-Radio-text-md-top-offset);
3268
+ --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
3269
+ }
3270
+ .Radio-module__hop-Radio__icon___5wLUN,
3271
+ .Radio-module__hop-Radio__icon-list___-SSe9 {
3272
+ flex: 0 0 auto;
3273
+ order: 3;
3274
+ color: var(--icon-color);
3275
+ }
3276
+ .Radio-module__hop-Radio__box___Lkth2 {
3277
+ display: flex;
3278
+ flex: 0 0 auto;
3279
+ align-items: center;
3280
+ justify-content: center;
3281
+ order: 1;
3282
+ box-sizing: border-box;
3283
+ inline-size: var(--box-inline-size, var(--hop-Radio-box-md-inline-size));
3284
+ block-size: var(--box-block-size, var(--hop-Radio-box-md-block-size));
3285
+ background-color: var(--box-background-color);
3286
+ border: var(--hop-Radio-box-border-size) solid var(--box-border-color);
3287
+ border-radius: var(--box-border-radius);
3288
+ outline: var(--box-outline, none);
3289
+ outline-offset: 0.125rem;
3290
+ transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
3291
+ }
3292
+ .Radio-module__hop-Radio__bullet___xtCD0 {
3293
+ display: var(--bullet-display);
3294
+ color: var(--bullet-color);
3295
+ }
3296
+ .Radio-module__hop-Radio__text___1nCKy {
3297
+ flex: 0 1 auto;
3298
+ order: 2;
3299
+ min-inline-size: 0;
3300
+ margin-block-start: var(--text-top-offset, var(--hop-Radio-text-md-top-offset));
3301
+ margin-inline-start: var(--text-margin-inline-start, var(--hop-Radio-text-md-margin-inline-start));
3302
+ color: var(--text-color);
3303
+ }
3304
+ .DecorativeRadio-module__hop-DecorativeRadio___XcRL7 {
3305
+ }
3306
+ .DecorativeRadio-module__hop-DecorativeRadio--sm___yZKCP {
3307
+ }
3308
+ .DecorativeRadio-module__hop-DecorativeRadio--md___FDWvt {
3309
+ }
3310
+ .DecorativeRadio-module__hop-DecorativeRadio__icon___B5OZ3,
3311
+ .DecorativeRadio-module__hop-DecorativeRadio__icon-list___4CaC8 {
3312
+ }
3313
+ .DecorativeRadio-module__hop-DecorativeRadio__box___MO8xR {
3314
+ }
3315
+ .DecorativeRadio-module__hop-DecorativeRadio__bullet___2sHe8 {
3316
+ }
3317
+ .DecorativeRadio-module__hop-DecorativeRadio__text___jpBYd {
3318
+ }
3319
+
2929
3320
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBoxItemSkeleton.module.css/#css-module-data */
2930
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___M8FkD {
3321
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___LXL76 {
2931
3322
  --hop-ListBoxItemSkeleton-background-color: var(--hop-rock-50);
2932
3323
  --hop-ListBoxItemSkeleton-background-color-dark: var(--hop-rock-75);
2933
3324
  --hop-ListBoxItemSkeleton-border-radius: var(--hop-shape-rounded-md);
@@ -2953,7 +3344,7 @@
2953
3344
  background-image: var(--hop-ListBoxItemSkeleton-linear-gradient);
2954
3345
  background-size: 400% 100%;
2955
3346
  border-radius: var(--hop-ListBoxItemSkeleton-border-radius);
2956
- animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___jtRvd;
3347
+ animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___0zSMf;
2957
3348
  animation-duration: var(--animation-duration);
2958
3349
  animation-timing-function: ease-in-out;
2959
3350
  animation-fill-mode: forwards;
@@ -2962,19 +3353,19 @@
2962
3353
  --animation-duration: var(--hop-ListBoxItemSkeleton-animation-reduced-motion-duration);
2963
3354
  }
2964
3355
  }
2965
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___6dEvP {
3356
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___zqspI {
2966
3357
  --height: var(--hop-ListBoxItemSkeleton-xs-height);
2967
3358
  }
2968
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___auPSD {
3359
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___ciRBc {
2969
3360
  --height: var(--hop-ListBoxItemSkeleton-sm-height);
2970
3361
  }
2971
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___FBGqX {
3362
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___eEFPe {
2972
3363
  --height: var(--hop-ListBoxItemSkeleton-md-height);
2973
3364
  }
2974
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___s5aB- {
3365
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___269Zv {
2975
3366
  --height: var(--hop-ListBoxItemSkeleton-lg-height);
2976
3367
  }
2977
- @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___jtRvd {
3368
+ @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___0zSMf {
2978
3369
  0% {
2979
3370
  background-position: 125% 50%;
2980
3371
  }
@@ -2984,7 +3375,7 @@
2984
3375
  }
2985
3376
 
2986
3377
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBoxItem.module.css/#css-module-data */
2987
- .ListBoxItem-module__hop-ListBoxItem___Q1Dvl {
3378
+ .ListBoxItem-module__hop-ListBoxItem___QnaY2 {
2988
3379
  --hop-ListBoxItem-background-color: transparent;
2989
3380
  --hop-ListBoxItem-border-radius: var(--hop-shape-rounded-md);
2990
3381
  --hop-ListBoxItem-text-color: var(--hop-neutral-text);
@@ -3081,129 +3472,129 @@
3081
3472
  outline: var(--outline);
3082
3473
  outline-offset: calc(-1 * var(--hop-ListBoxItem-outline-size));
3083
3474
  }
3084
- .ListBoxItem-module__hop-ListBoxItem--xs___roQ7v {
3475
+ .ListBoxItem-module__hop-ListBoxItem--xs___hRh2f {
3085
3476
  --padding-block: var(--hop-ListBoxItem-xs-padding-block);
3086
3477
  --padding-inline: var(--hop-ListBoxItem-xs-padding-inline);
3087
3478
  --min-height: var(--hop-ListBoxItem-xs-min-height);
3088
3479
  --avatar-margin-block: var(--hop-ListBoxItem-xs-avatar-margin-block);
3089
3480
  --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight);
3090
3481
  }
3091
- .ListBoxItem-module__hop-ListBoxItem--sm___fvRpM {
3482
+ .ListBoxItem-module__hop-ListBoxItem--sm___5ms4l {
3092
3483
  --padding-block: var(--hop-ListBoxItem-sm-padding-block);
3093
3484
  --padding-inline: var(--hop-ListBoxItem-sm-padding-inline);
3094
3485
  --min-height: var(--hop-ListBoxItem-sm-min-height);
3095
3486
  --avatar-margin-block: var(--hop-ListBoxItem-sm-avatar-margin-block);
3096
3487
  --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight);
3097
3488
  }
3098
- .ListBoxItem-module__hop-ListBoxItem--md___gRocQ {
3489
+ .ListBoxItem-module__hop-ListBoxItem--md___1CBS- {
3099
3490
  --padding-block: var(--hop-ListBoxItem-md-padding-block);
3100
3491
  --padding-inline: var(--hop-ListBoxItem-md-padding-inline);
3101
3492
  --min-height: var(--hop-ListBoxItem-md-min-height);
3102
3493
  --avatar-margin-block: var(--hop-ListBoxItem-md-avatar-margin-block);
3103
3494
  --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight);
3104
3495
  }
3105
- .ListBoxItem-module__hop-ListBoxItem--lg___J4z-j {
3496
+ .ListBoxItem-module__hop-ListBoxItem--lg___TU4Wq {
3106
3497
  --padding-block: var(--hop-ListBoxItem-lg-padding-block);
3107
3498
  --padding-inline: var(--hop-ListBoxItem-lg-padding-inline);
3108
3499
  --min-height: var(--hop-ListBoxItem-lg-min-height);
3109
3500
  --avatar-margin-block: var(--hop-ListBoxItem-lg-avatar-margin-block);
3110
3501
  --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight);
3111
3502
  }
3112
- .ListBoxItem-module__hop-ListBoxItem___Q1Dvl[data-selection-mode] {
3503
+ .ListBoxItem-module__hop-ListBoxItem___QnaY2[data-selection-mode] {
3113
3504
  --cursor: pointer;
3114
3505
  }
3115
- .ListBoxItem-module__hop-ListBoxItem___Q1Dvl:not([data-selection-mode]) {
3506
+ .ListBoxItem-module__hop-ListBoxItem___QnaY2:not([data-selection-mode]) {
3116
3507
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
3117
3508
  }
3118
- .ListBoxItem-module__hop-ListBoxItem__inner___hjVIE:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___tILR2) {
3509
+ .ListBoxItem-module__hop-ListBoxItem__inner___TAxWj:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___VfvOD) {
3119
3510
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
3120
3511
  }
3121
- .ListBoxItem-module__hop-ListBoxItem__inner___hjVIE[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___tILR2) {
3512
+ .ListBoxItem-module__hop-ListBoxItem__inner___TAxWj[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___VfvOD) {
3122
3513
  --checkmark-transition: none;
3123
3514
  }
3124
- .ListBoxItem-module__hop-ListBoxItem___Q1Dvl[data-selected] {
3515
+ .ListBoxItem-module__hop-ListBoxItem___QnaY2[data-selected] {
3125
3516
  --background-color: var(--hop-ListBoxItem-background-color-selected);
3126
3517
  --text-color: var(--hop-ListBoxItem-text-color-selected);
3127
3518
  --icon-color: var(--hop-ListBoxItem-icon-color-selected);
3128
3519
  --checkmark-opacity: 1;
3129
3520
  }
3130
- .ListBoxItem-module__hop-ListBoxItem--xs___roQ7v[data-selected] {
3521
+ .ListBoxItem-module__hop-ListBoxItem--xs___hRh2f[data-selected] {
3131
3522
  --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight-selected);
3132
3523
  }
3133
- .ListBoxItem-module__hop-ListBoxItem--sm___fvRpM[data-selected] {
3524
+ .ListBoxItem-module__hop-ListBoxItem--sm___5ms4l[data-selected] {
3134
3525
  --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight-selected);
3135
3526
  }
3136
- .ListBoxItem-module__hop-ListBoxItem--md___gRocQ[data-selected] {
3527
+ .ListBoxItem-module__hop-ListBoxItem--md___1CBS-[data-selected] {
3137
3528
  --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight-selected);
3138
3529
  }
3139
- .ListBoxItem-module__hop-ListBoxItem--lg___J4z-j[data-selected] {
3530
+ .ListBoxItem-module__hop-ListBoxItem--lg___TU4Wq[data-selected] {
3140
3531
  --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight-selected);
3141
3532
  }
3142
- .ListBoxItem-module__hop-ListBoxItem___Q1Dvl[data-focus-visible] {
3533
+ .ListBoxItem-module__hop-ListBoxItem___QnaY2[data-focus-visible] {
3143
3534
  --background-color: var(--hop-ListBoxItem-background-color-focused);
3144
3535
  --text-color: var(--hop-ListBoxItem-text-color-focused);
3145
3536
  --icon-color: var(--hop-ListBoxItem-icon-color-focused);
3146
3537
  --outline: var(--hop-ListBoxItem-outline-size) solid var(--hop-ListBoxItem-outline-color);
3147
3538
  }
3148
- .ListBoxItem-module__hop-ListBoxItem___Q1Dvl[data-hovered] {
3539
+ .ListBoxItem-module__hop-ListBoxItem___QnaY2[data-hovered] {
3149
3540
  --background-color: var(--hop-ListBoxItem-background-color-hovered);
3150
3541
  --text-color: var(--hop-ListBoxItem-text-color-hovered);
3151
3542
  --icon-color: var(--hop-ListBoxItem-icon-color-hovered);
3152
3543
  }
3153
- .ListBoxItem-module__hop-ListBoxItem___Q1Dvl[data-pressed] {
3544
+ .ListBoxItem-module__hop-ListBoxItem___QnaY2[data-pressed] {
3154
3545
  --background-color: var(--hop-ListBoxItem-background-color-pressed);
3155
3546
  --text-color: var(--hop-ListBoxItem-text-color-pressed);
3156
3547
  --icon-color: var(--hop-ListBoxItem-icon-color-pressed);
3157
3548
  }
3158
- .ListBoxItem-module__hop-ListBoxItem___Q1Dvl[data-disabled] {
3549
+ .ListBoxItem-module__hop-ListBoxItem___QnaY2[data-disabled] {
3159
3550
  --background-color: var(--hop-ListBoxItem-background-color-disabled);
3160
3551
  --text-color: var(--hop-ListBoxItem-text-color-disabled);
3161
3552
  --icon-color: var(--hop-ListBoxItem-icon-color-disabled);
3162
3553
  --description-text-color: var(--hop-ListBoxItem-text-color-disabled);
3163
3554
  --cursor: not-allowed;
3164
3555
  }
3165
- .ListBoxItem-module__hop-ListBoxItem___Q1Dvl[data-invalid] {
3556
+ .ListBoxItem-module__hop-ListBoxItem___QnaY2[data-invalid] {
3166
3557
  --background-color: var(--hop-ListBoxItem-background-color-invalid);
3167
3558
  --text-color: var(--hop-ListBoxItem-text-color-invalid);
3168
3559
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid);
3169
3560
  }
3170
- .ListBoxItem-module__hop-ListBoxItem___Q1Dvl[data-invalid][data-selected] {
3561
+ .ListBoxItem-module__hop-ListBoxItem___QnaY2[data-invalid][data-selected] {
3171
3562
  --background-color: var(--hop-ListBoxItem-background-color-invalid-selected);
3172
3563
  --text-color: var(--hop-ListBoxItem-text-color-invalid-selected);
3173
3564
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-selected);
3174
3565
  }
3175
- .ListBoxItem-module__hop-ListBoxItem___Q1Dvl[data-invalid][data-focus-visible] {
3566
+ .ListBoxItem-module__hop-ListBoxItem___QnaY2[data-invalid][data-focus-visible] {
3176
3567
  --background-color: var(--hop-ListBoxItem-background-color-invalid-focused);
3177
3568
  --text-color: var(--hop-ListBoxItem-text-color-invalid-focused);
3178
3569
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-focused);
3179
3570
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-focused);
3180
3571
  }
3181
- .ListBoxItem-module__hop-ListBoxItem___Q1Dvl[data-invalid][data-hovered] {
3572
+ .ListBoxItem-module__hop-ListBoxItem___QnaY2[data-invalid][data-hovered] {
3182
3573
  --background-color: var(--hop-ListBoxItem-background-color-invalid-hovered);
3183
3574
  --text-color: var(--hop-ListBoxItem-text-color-invalid-hovered);
3184
3575
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-hovered);
3185
3576
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-hovered);
3186
3577
  }
3187
- .ListBoxItem-module__hop-ListBoxItem___Q1Dvl[data-invalid][data-pressed] {
3578
+ .ListBoxItem-module__hop-ListBoxItem___QnaY2[data-invalid][data-pressed] {
3188
3579
  --background-color: var(--hop-ListBoxItem-background-color-invalid-pressed);
3189
3580
  --text-color: var(--hop-ListBoxItem-text-color-invalid-pressed);
3190
3581
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-pressed);
3191
3582
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-pressed);
3192
3583
  }
3193
- .ListBoxItem-module__hop-ListBoxItem___Q1Dvl[data-invalid][data-disabled] {
3584
+ .ListBoxItem-module__hop-ListBoxItem___QnaY2[data-invalid][data-disabled] {
3194
3585
  --background-color: var(--hop-ListBoxItem-background-color-invalid-disabled);
3195
3586
  --text-color: var(--hop-ListBoxItem-text-color-invalid-disabled);
3196
3587
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-disabled);
3197
3588
  }
3198
- .ListBoxItem-module__hop-ListBoxItem___Q1Dvl:has(.ListBoxItem-module__hop-ListBoxItem__description___iyMtT) {
3589
+ .ListBoxItem-module__hop-ListBoxItem___QnaY2:has(.ListBoxItem-module__hop-ListBoxItem__description___O3pdY) {
3199
3590
  --row-gap: var(--hop-ListBoxItem-row-gap);
3200
3591
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-with-description);
3201
3592
  }
3202
- .ListBoxItem-module__hop-ListBoxItem___Q1Dvl[data-loading] {
3593
+ .ListBoxItem-module__hop-ListBoxItem___QnaY2[data-loading] {
3203
3594
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-loading);
3204
3595
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-loading);
3205
3596
  }
3206
- .ListBoxItem-module__hop-ListBoxItem__inner___hjVIE {
3597
+ .ListBoxItem-module__hop-ListBoxItem__inner___TAxWj {
3207
3598
  display: grid;
3208
3599
  grid-template-areas: var(--grid-template-areas);
3209
3600
  grid-template-columns: var(--grid-template-columns);
@@ -3215,33 +3606,33 @@
3215
3606
  padding-inline: var(--padding-inline);
3216
3607
  transition: grid-template-columns .3s ease-in-out;
3217
3608
  }
3218
- .ListBoxItem-module__hop-ListBoxItem__checkmark___tILR2 {
3609
+ .ListBoxItem-module__hop-ListBoxItem__checkmark___VfvOD {
3219
3610
  grid-area: indicator;
3220
3611
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
3221
3612
  color: var(--icon-color);
3222
3613
  opacity: var(--checkmark-opacity);
3223
3614
  transition: var(--checkmark-transition);
3224
3615
  }
3225
- .ListBoxItem-module__hop-ListBoxItem__radio-group___WYV49,
3226
- .ListBoxItem-module__hop-ListBoxItem__checkbox___Im9E4 {
3616
+ .ListBoxItem-module__hop-ListBoxItem__radio___drOpJ,
3617
+ .ListBoxItem-module__hop-ListBoxItem__checkbox___uxKi6 {
3227
3618
  pointer-events: none;
3228
3619
  user-select: none;
3229
3620
  grid-area: indicator;
3230
3621
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
3231
3622
  }
3232
- .ListBoxItem-module__hop-ListBoxItem__avatar___X2ZL2 {
3623
+ .ListBoxItem-module__hop-ListBoxItem__avatar___VtfpP {
3233
3624
  grid-area: avatar;
3234
3625
  margin-block: var(--avatar-margin-block, 0);
3235
3626
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
3236
3627
  }
3237
- .ListBoxItem-module__hop-ListBoxItem__icon-list___opI28,
3238
- .ListBoxItem-module__hop-ListBoxItem__icon___-25EM {
3628
+ .ListBoxItem-module__hop-ListBoxItem__icon-list___RcC3-,
3629
+ .ListBoxItem-module__hop-ListBoxItem__icon___ZSnZy {
3239
3630
  grid-area: icon;
3240
3631
  flex: 0 0 auto;
3241
3632
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
3242
3633
  color: var(--icon-color);
3243
3634
  }
3244
- .ListBoxItem-module__hop-ListBoxItem__label___SmYtP {
3635
+ .ListBoxItem-module__hop-ListBoxItem__label___UCaN- {
3245
3636
  overflow: hidden;
3246
3637
  grid-area: label;
3247
3638
  min-inline-size: 0;
@@ -3249,18 +3640,18 @@
3249
3640
  text-overflow: ellipsis;
3250
3641
  white-space: nowrap;
3251
3642
  }
3252
- .ListBoxItem-module__hop-ListBoxItem__end-icon-list___yzcZ9,
3253
- .ListBoxItem-module__hop-ListBoxItem__end-icon___wPgrv {
3643
+ .ListBoxItem-module__hop-ListBoxItem__end-icon-list___vXF8B,
3644
+ .ListBoxItem-module__hop-ListBoxItem__end-icon___p3CiA {
3254
3645
  grid-area: end-icon;
3255
3646
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
3256
3647
  color: var(--icon-color);
3257
3648
  }
3258
- .ListBoxItem-module__hop-ListBoxItem__badge___lbwUS {
3649
+ .ListBoxItem-module__hop-ListBoxItem__badge___c4q46 {
3259
3650
  grid-area: badge;
3260
3651
  margin-block: var(--hop-ListBoxItem-badge-margin-block);
3261
3652
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
3262
3653
  }
3263
- .ListBoxItem-module__hop-ListBoxItem__description___iyMtT {
3654
+ .ListBoxItem-module__hop-ListBoxItem__description___O3pdY {
3264
3655
  overflow: hidden;
3265
3656
  display: -webkit-box;
3266
3657
  grid-area: description;
@@ -3271,7 +3662,7 @@
3271
3662
  }
3272
3663
 
3273
3664
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBox.module.css/#css-module-data */
3274
- .ListBox-module__hop-ListBox___4IFMp {
3665
+ .ListBox-module__hop-ListBox___c4-GN {
3275
3666
  --hop-ListBox-background-color: var(--hop-neutral-surface);
3276
3667
  --hop-ListBox-border-color: var(--hop-neutral-border-weak);
3277
3668
  --hop-ListBox-border-radius: var(--hop-shape-rounded-md);
@@ -3320,11 +3711,11 @@
3320
3711
  border: var(--hop-ListBox-border-size) solid var(--hop-ListBox-border-color);
3321
3712
  border-radius: var(--hop-ListBox-border-radius);
3322
3713
  }
3323
- .ListBox-module__hop-ListBox--fluid___t5TfB {
3714
+ .ListBox-module__hop-ListBox--fluid___1nBzD {
3324
3715
  --max-width: var(--hop-ListBox-fluid-max-width);
3325
3716
  --width: var(--hop-ListBox-fluid-width);
3326
3717
  }
3327
- .ListBox-module__hop-ListBox__section___2Yez5 {
3718
+ .ListBox-module__hop-ListBox__section___DH0Gv {
3328
3719
  margin-block: var(--section-margin-block-start) var(--section-margin-block-end);
3329
3720
  margin-inline: var(--hop-ListBox-section-margin-inline);
3330
3721
  padding-block: var(--section-padding-block-start) var(--section-padding-block-end);
@@ -3332,21 +3723,21 @@
3332
3723
  border-block-start: var(--section-border-block-start);
3333
3724
  border-block-end: var(--section-border-block-end);
3334
3725
  }
3335
- .ListBox-module__hop-ListBox__item___R3-UZ + .ListBox-module__hop-ListBox__section___2Yez5 {
3726
+ .ListBox-module__hop-ListBox__item___9nKGd + .ListBox-module__hop-ListBox__section___DH0Gv {
3336
3727
  --section-margin-block-start: var(--hop-ListBox-section-margin-block);
3337
3728
  --section-border-block-start: var(--hop-ListBox-section-border-size) solid var(--hop-ListBox-section-border-color);
3338
3729
  }
3339
- .ListBox-module__hop-ListBox__section___2Yez5:has(+ .ListBox-module__hop-ListBox__item___R3-UZ) {
3730
+ .ListBox-module__hop-ListBox__section___DH0Gv:has(+ .ListBox-module__hop-ListBox__item___9nKGd) {
3340
3731
  --section-margin-block-end: var(--hop-ListBox-section-margin-block);
3341
3732
  }
3342
- .ListBox-module__hop-ListBox__section___2Yez5:first-child {
3733
+ .ListBox-module__hop-ListBox__section___DH0Gv:first-child {
3343
3734
  --section-padding-block-start: 0;
3344
3735
  }
3345
- .ListBox-module__hop-ListBox__section___2Yez5:last-child {
3736
+ .ListBox-module__hop-ListBox__section___DH0Gv:last-child {
3346
3737
  --section-padding-block-end: 0;
3347
3738
  --section-border-block-end: 0;
3348
3739
  }
3349
- .ListBox-module__hop-ListBox__section-header___mfYEn {
3740
+ .ListBox-module__hop-ListBox__section-header___FGKIR {
3350
3741
  margin: 0;
3351
3742
  padding: var(--hop-ListBox-section-header-padding);
3352
3743
  font-family: var(--hop-ListBox-section-header-font-family);
@@ -3357,27 +3748,27 @@
3357
3748
  text-transform: var(--hop-ListBox-section-header-text-transform);
3358
3749
  letter-spacing: var(--hop-ListBox-section-header-letter-spacing);
3359
3750
  }
3360
- .ListBox-module__hop-ListBox__section-header___mfYEn::before,
3361
- .ListBox-module__hop-ListBox__section-header___mfYEn::after {
3751
+ .ListBox-module__hop-ListBox__section-header___FGKIR::before,
3752
+ .ListBox-module__hop-ListBox__section-header___FGKIR::after {
3362
3753
  content: "";
3363
3754
  display: block;
3364
3755
  box-sizing: border-box;
3365
3756
  inline-size: 0;
3366
3757
  block-size: 0;
3367
3758
  }
3368
- .ListBox-module__hop-ListBox__section-header___mfYEn::before {
3759
+ .ListBox-module__hop-ListBox__section-header___FGKIR::before {
3369
3760
  margin-block-end: var(--hop-ListBox-section-header-bottom-offset);
3370
3761
  }
3371
- .ListBox-module__hop-ListBox__section-header___mfYEn::after {
3762
+ .ListBox-module__hop-ListBox__section-header___FGKIR::after {
3372
3763
  margin-block-start: var(--hop-ListBox-section-header-top-offset);
3373
3764
  }
3374
- .ListBox-module__hop-ListBox__divider___nE1tJ {
3765
+ .ListBox-module__hop-ListBox__divider___-nFoG {
3375
3766
  margin-block: var(--hop-ListBox-divider-margin-block);
3376
3767
  margin-inline: var(--hop-ListBox-divider-margin-inline);
3377
3768
  }
3378
3769
 
3379
3770
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Select/src/SelectValue.module.css/#css-module-data */
3380
- .SelectValue-module__hop-SelectValue___uAaUd {
3771
+ .SelectValue-module__hop-SelectValue___ygDMe {
3381
3772
  --hop-SelectValue-display: flex;
3382
3773
  --hop-SelectValue-column-gap: var(--hop-space-inline-sm);
3383
3774
  overflow: hidden;
@@ -3389,13 +3780,13 @@
3389
3780
  text-overflow: ellipsis;
3390
3781
  white-space: nowrap;
3391
3782
  }
3392
- .SelectValue-module__hop-SelectValue__avatar___4HDgn {
3783
+ .SelectValue-module__hop-SelectValue__avatar___eCw8W {
3393
3784
  order: 1;
3394
3785
  }
3395
- .SelectValue-module__hop-SelectValue__icon___mQ-Ts {
3786
+ .SelectValue-module__hop-SelectValue__icon___HcszA {
3396
3787
  order: 2;
3397
3788
  }
3398
- .SelectValue-module__hop-SelectValue__text___by89c {
3789
+ .SelectValue-module__hop-SelectValue__text___bPpK7 {
3399
3790
  overflow: hidden;
3400
3791
  flex: 1 1 auto;
3401
3792
  order: 3;
@@ -3403,12 +3794,12 @@
3403
3794
  text-overflow: ellipsis;
3404
3795
  white-space: nowrap;
3405
3796
  }
3406
- .SelectValue-module__hop-SelectValue__end-icon___7VMrM {
3797
+ .SelectValue-module__hop-SelectValue__end-icon___msBMD {
3407
3798
  order: 4;
3408
3799
  }
3409
3800
 
3410
3801
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Select/src/Select.module.css/#css-module-data */
3411
- .Select-module__hop-Select___x9r3n {
3802
+ .Select-module__hop-Select___dJgXb {
3412
3803
  --hop-Select-row-gap: var(--hop-space-stack-xs);
3413
3804
  --hop-Select-inline-size: 20rem;
3414
3805
  --hop-Select-inline-size-fluid: 100%;
@@ -3459,13 +3850,13 @@
3459
3850
  inline-size: var(--inline-size);
3460
3851
  max-inline-size: var(--hop-Select-max-inline-size);
3461
3852
  }
3462
- .Select-module__hop-Select--fluid___N0zE6 {
3853
+ .Select-module__hop-Select--fluid___n-ffG {
3463
3854
  --inline-size: var(--hop-Select-inline-size-fluid);
3464
3855
  }
3465
- .Select-module__hop-Select__label___14Fj4 {
3856
+ .Select-module__hop-Select__label___ww0Oj {
3466
3857
  order: 1;
3467
3858
  }
3468
- .Select-module__hop-Select__button___rfs3w {
3859
+ .Select-module__hop-Select__button___DeitW {
3469
3860
  cursor: var(--button-cursor);
3470
3861
  display: flex;
3471
3862
  column-gap: var(--hop-Select-button-column-gap);
@@ -3481,28 +3872,28 @@
3481
3872
  border-radius: var(--hop-Select-button-border-radius);
3482
3873
  outline: none;
3483
3874
  }
3484
- .Select-module__hop-Select__button--sm___EqZOm {
3875
+ .Select-module__hop-Select__button--sm___r02EE {
3485
3876
  --button-block-size: var(--hop-Select-button-sm-block-size);
3486
3877
  }
3487
- .Select-module__hop-Select__button--md___JdvYA {
3878
+ .Select-module__hop-Select__button--md___pfGKb {
3488
3879
  --button-block-size: var(--hop-Select-button-md-block-size);
3489
3880
  }
3490
- .Select-module__hop-Select__button___rfs3w[data-hovered] {
3881
+ .Select-module__hop-Select__button___DeitW[data-hovered] {
3491
3882
  --button-background-color: var(--hop-Select-button-background-color-hovered);
3492
3883
  --button-border-color: var(--hop-Select-button-border-color-hovered);
3493
3884
  --button-color: var(--hop-Select-button-color-hovered);
3494
3885
  --button-icon-color: var(--hop-Select-button-icon-color-hovered);
3495
3886
  }
3496
- .Select-module__hop-Select__button___rfs3w[data-pressed] {
3887
+ .Select-module__hop-Select__button___DeitW[data-pressed] {
3497
3888
  --button-background-color: var(--hop-Select-button-background-color-selected);
3498
3889
  --button-border-color: var(--hop-Select-button-border-color-selected);
3499
3890
  --button-color: var(--hop-Select-button-color-selected);
3500
3891
  --button-icon-color: var(--hop-Select-button-icon-color-selected);
3501
3892
  }
3502
- .Select-module__hop-Select__button___rfs3w[data-invalid] {
3893
+ .Select-module__hop-Select__button___DeitW[data-invalid] {
3503
3894
  --button-border-color: var(--hop-Select-button-border-color-invalid);
3504
3895
  }
3505
- .Select-module__hop-Select__button___rfs3w[data-focus-visible] {
3896
+ .Select-module__hop-Select__button___DeitW[data-focus-visible] {
3506
3897
  --button-background-color: var(--hop-Select-button-background-color-focused);
3507
3898
  --button-border-color: var(--hop-Select-button-border-color-focused);
3508
3899
  --button-color: var(--hop-Select-button-color-focused);
@@ -3510,30 +3901,30 @@
3510
3901
  outline: var(--hop-Select-button-border-size) solid var(--hop-Select-button-outline-color-focused);
3511
3902
  outline-offset: -0.125rem;
3512
3903
  }
3513
- .Select-module__hop-Select__button___rfs3w:has([data-placeholder]) {
3904
+ .Select-module__hop-Select__button___DeitW:has([data-placeholder]) {
3514
3905
  --button-color: var(--hop-Select-button-placeholder-color);
3515
3906
  }
3516
- .Select-module__hop-Select__button___rfs3w[data-disabled] {
3907
+ .Select-module__hop-Select__button___DeitW[data-disabled] {
3517
3908
  --button-background-color: var(--hop-Select-button-background-color-disabled);
3518
3909
  --button-border-color: var(--hop-Select-button-border-color-disabled);
3519
3910
  --button-color: var(--hop-Select-button-color-disabled);
3520
3911
  --button-icon-color: var(--hop-Select-button-icon-color-disabled);
3521
3912
  --button-cursor: var(--hop-Select-button-cursor-disabled);
3522
3913
  }
3523
- .Select-module__hop-Select__prefix___iPTZF {
3914
+ .Select-module__hop-Select__prefix___aQ0-O {
3524
3915
  color: var(--hop-Select-prefix-color);
3525
3916
  }
3526
- .Select-module__hop-Select__button-icon___n7ly9 {
3917
+ .Select-module__hop-Select__button-icon___buAoj {
3527
3918
  margin-inline-start: auto;
3528
3919
  color: var(--button-icon-color);
3529
3920
  }
3530
- .Select-module__hop-Select__helper-message___At-V5,
3531
- .Select-module__hop-Select__error-message___Cu6pN {
3921
+ .Select-module__hop-Select__helper-message___7An6Z,
3922
+ .Select-module__hop-Select__error-message___IO3he {
3532
3923
  order: 3;
3533
3924
  }
3534
3925
 
3535
3926
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/switch/src/Switch.module.css/#css-module-data */
3536
- .Switch-module__hop-Switch___I4Or1 {
3927
+ .Switch-module__hop-Switch___kbnS3 {
3537
3928
  --hop-Switch-border-size: 0.0625rem;
3538
3929
  --hop-Switch-border-color: var(--hop-neutral-border);
3539
3930
  --hop-Switch-border-radius: var(--hop-shape-rounded-lg);
@@ -3590,56 +3981,56 @@
3590
3981
  inline-size: max-content;
3591
3982
  max-inline-size: 100%;
3592
3983
  }
3593
- .Switch-module__hop-Switch--sm___Rn2HQ {
3984
+ .Switch-module__hop-Switch--sm___tE8C- {
3594
3985
  --inline-size: var(--hop-Switch-inline-size-sm);
3595
3986
  --block-size: var(--hop-Switch-block-size-sm);
3596
3987
  --thumb-size: var(--hop-Switch-thumb-size-sm);
3597
3988
  --inset-inline-start: var(--hop-Switch-inset-inline-start-sm);
3598
3989
  --text-top-offset: var(--hop-Switch-text-top-offset-sm);
3599
3990
  }
3600
- .Switch-module__hop-Switch--md___Qq19F {
3991
+ .Switch-module__hop-Switch--md___XAaG6 {
3601
3992
  --inline-size: var(--hop-Switch-inline-size-md);
3602
3993
  --block-size: var(--hop-Switch-block-size-md);
3603
3994
  --thumb-size: var(--hop-Switch-thumb-size-md);
3604
3995
  --inset-inline-start: var(--hop-Switch-inset-inline-start-md);
3605
3996
  --text-top-offset: var(--hop-Switch-text-top-offset-md);
3606
3997
  }
3607
- .Switch-module__hop-Switch___I4Or1[data-hovered] {
3998
+ .Switch-module__hop-Switch___kbnS3[data-hovered] {
3608
3999
  --border-color: var(--hop-Switch-border-color-hover);
3609
4000
  --background-color: var(--hop-Switch-background-color-hover);
3610
4001
  --thumb-color: var(--hop-Switch-thumb-color-hover);
3611
4002
  --text-color: var(--hop-Switch-text-color-hover);
3612
4003
  }
3613
- .Switch-module__hop-Switch___I4Or1[data-pressed],
3614
- .Switch-module__hop-Switch___I4Or1[data-pressed][data-focus-visible] {
4004
+ .Switch-module__hop-Switch___kbnS3[data-pressed],
4005
+ .Switch-module__hop-Switch___kbnS3[data-pressed][data-focus-visible] {
3615
4006
  --border-color: var(--hop-Switch-border-color-pressed);
3616
4007
  --background-color: var(--hop-Switch-background-color-pressed);
3617
4008
  --thumb-color: var(--hop-Switch-thumb-color-pressed);
3618
4009
  --text-color: var(--hop-Switch-text-color-pressed);
3619
4010
  }
3620
- .Switch-module__hop-Switch___I4Or1[data-focus-visible] {
4011
+ .Switch-module__hop-Switch___kbnS3[data-focus-visible] {
3621
4012
  --border-color: var(--hop-Switch-border-color-focus);
3622
4013
  --background-color: var(--hop-Switch-background-color-focus);
3623
4014
  --thumb-color: var(--hop-Switch-thumb-color-focus);
3624
4015
  --outline: 0.125rem solid var(--hop-Switch-focus-ring-color);
3625
4016
  --text-color: var(--hop-Switch-text-color-focus);
3626
4017
  }
3627
- .Switch-module__hop-Switch___I4Or1[data-selected],
3628
- .Switch-module__hop-Switch___I4Or1[data-selected][data-pressed] {
4018
+ .Switch-module__hop-Switch___kbnS3[data-selected],
4019
+ .Switch-module__hop-Switch___kbnS3[data-selected][data-pressed] {
3629
4020
  --border-color: var(--hop-Switch-border-color-selected);
3630
4021
  --background-color: var(--hop-Switch-background-color-selected);
3631
4022
  --thumb-color: var(--hop-Switch-thumb-color-selected);
3632
4023
  --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%);
3633
4024
  --text-color: var(--hop-Switch-text-color-selected);
3634
4025
  }
3635
- .Switch-module__hop-Switch___I4Or1[data-disabled] {
4026
+ .Switch-module__hop-Switch___kbnS3[data-disabled] {
3636
4027
  --border-color: var(--hop-Switch-border-color-disabled);
3637
4028
  --background-color: var(--hop-Switch-background-color-disabled);
3638
4029
  --thumb-color: var(--hop-Switch-thumb-color-disabled);
3639
4030
  --text-color: var(--hop-Switch-text-color-disabled);
3640
4031
  --cursor: not-allowed;
3641
4032
  }
3642
- .Switch-module__hop-Switch__indicator___qcjlt {
4033
+ .Switch-module__hop-Switch__indicator___oPB86 {
3643
4034
  position: relative;
3644
4035
  flex: 0 0 auto;
3645
4036
  box-sizing: border-box;
@@ -3652,7 +4043,7 @@
3652
4043
  outline-offset: 0.125rem;
3653
4044
  transition: background var(--hop-easing-duration-2), border-color var(--hop-easing-duration-2);
3654
4045
  }
3655
- .Switch-module__hop-Switch__indicator___qcjlt::before {
4046
+ .Switch-module__hop-Switch__indicator___oPB86::before {
3656
4047
  content: "";
3657
4048
  position: absolute;
3658
4049
  inset-block-start: 50%;
@@ -3667,20 +4058,20 @@
3667
4058
  border-radius: var(--hop-shape-circle);
3668
4059
  transition: transform var(--hop-easing-duration-2), background var(--hop-easing-duration-2);
3669
4060
  }
3670
- .Switch-module__hop-Switch__text___sNwhx {
4061
+ .Switch-module__hop-Switch__text___kgaPA {
3671
4062
  flex: 0 1 auto;
3672
4063
  order: 2;
3673
4064
  min-inline-size: 0;
3674
4065
  margin-block-start: var(--text-top-offset, var(--hop-Switch-text-top-offset-md));
3675
4066
  color: var(--text-color);
3676
4067
  }
3677
- .Switch-module__hop-Switch__icon-list___EVOaM,
3678
- .Switch-module__hop-Switch__icon___b-b7O {
4068
+ .Switch-module__hop-Switch__icon-list___8mMxh,
4069
+ .Switch-module__hop-Switch__icon___7vu8m {
3679
4070
  order: 3;
3680
4071
  }
3681
4072
 
3682
4073
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/switch/src/SwitchField.module.css/#css-module-data */
3683
- .SwitchField-module__hop-SwitchField___zcNpb {
4074
+ .SwitchField-module__hop-SwitchField___sD2a7 {
3684
4075
  --hop-SwitchField-description-color: var(--hop-neutral-text-weak);
3685
4076
  --hop-SwitchField-description-color-disabled: var(--hop-neutral-text-disabled);
3686
4077
  --hop-SwitchField-sm-row-gap: var(--hop-space-stack-xs);
@@ -3699,28 +4090,28 @@
3699
4090
  inline-size: max-content;
3700
4091
  max-inline-size: 100%;
3701
4092
  }
3702
- .SwitchField-module__hop-SwitchField___zcNpb[data-disabled] {
4093
+ .SwitchField-module__hop-SwitchField___sD2a7[data-disabled] {
3703
4094
  --description-color: var(--hop-SwitchField-description-color-disabled);
3704
4095
  }
3705
- .SwitchField-module__hop-SwitchField--sm___hlt9X {
4096
+ .SwitchField-module__hop-SwitchField--sm___yJYGN {
3706
4097
  --row-gap: var(--hop-SwitchField-sm-row-gap);
3707
4098
  --description-margin-inline-start: var(--hop-SwitchField-description-sm-margin-inline-start);
3708
4099
  }
3709
- .SwitchField-module__hop-SwitchField--md___yH2uc {
4100
+ .SwitchField-module__hop-SwitchField--md___9ZQG9 {
3710
4101
  --row-gap: var(--hop-SwitchField-md-row-gap);
3711
4102
  --description-margin-inline-start: var(--hop-SwitchField-description-md-margin-inline-start);
3712
4103
  }
3713
- .SwitchField-module__hop-SwitchField__description___seT7R {
4104
+ .SwitchField-module__hop-SwitchField__description___Ecfwe {
3714
4105
  order: 2;
3715
4106
  margin-inline-start: var(--description-margin-inline-start, var(--hop-SwitchField-description-md-margin-inline-start));
3716
4107
  color: var(--description-color);
3717
4108
  }
3718
- .SwitchField-module__hop-SwitchField__switch___oSHMP {
4109
+ .SwitchField-module__hop-SwitchField__switch___n4Ysj {
3719
4110
  order: 1;
3720
4111
  }
3721
4112
 
3722
4113
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/tag/src/Tag.module.css/#css-module-data */
3723
- .Tag-module__hop-Tag___FA-hF {
4114
+ .Tag-module__hop-Tag___ivugY {
3724
4115
  --hop-Tag-border-size: 0.0625rem;
3725
4116
  --hop-Tag-border-radius: var(--hop-shape-pill);
3726
4117
  --hop-Tag-sm-block-size: 1.25rem;
@@ -3959,7 +4350,7 @@
3959
4350
  outline: none;
3960
4351
  outline-offset: 0.125rem;
3961
4352
  }
3962
- .Tag-module__hop-Tag--sm___wdoiY {
4353
+ .Tag-module__hop-Tag--sm___8soZ3 {
3963
4354
  --block-size: var(--hop-Tag-sm-block-size);
3964
4355
  --padding-inline: var(--hop-Tag-sm-padding-inline);
3965
4356
  --column-gap: var(--hop-Tag-sm-column-gap);
@@ -3967,13 +4358,13 @@
3967
4358
  --avatar-margin-inline-start: var(--hop-Tag-sm-avatar-margin-inline-start);
3968
4359
  --spinner-margin-inline-end: var(--hop-Tag-sm-spinner-margin-inline-end);
3969
4360
  }
3970
- .Tag-module__hop-Tag--sm___wdoiY:not(:has(.Tag-module__hop-Tag__remove-btn___-nFZL, .Tag-module__hop-Tag__Spinner___bjUFw)) {
4361
+ .Tag-module__hop-Tag--sm___8soZ3:not(:has(.Tag-module__hop-Tag__remove-btn___I1kkt, .Tag-module__hop-Tag__Spinner___mdI7N)) {
3971
4362
  --badge-margin-inline-end: var(--hop-Tag-sm-badge-margin-inline-end);
3972
4363
  }
3973
- .Tag-module__hop-Tag--sm___wdoiY:not(:has(.Tag-module__hop-Tag__avatar___J84Ob)) {
4364
+ .Tag-module__hop-Tag--sm___8soZ3:not(:has(.Tag-module__hop-Tag__avatar___8z0hr)) {
3974
4365
  --icon-margin-inline-start: var(--hop-Tag-sm-icon-margin-inline-start);
3975
4366
  }
3976
- .Tag-module__hop-Tag--md___-JJUY {
4367
+ .Tag-module__hop-Tag--md___L6AJq {
3977
4368
  --block-size: var(--hop-Tag-md-block-size);
3978
4369
  --padding-inline: var(--hop-Tag-md-padding-inline);
3979
4370
  --column-gap: var(--hop-Tag-md-column-gap);
@@ -3981,13 +4372,13 @@
3981
4372
  --avatar-margin-inline-start: var(--hop-Tag-md-avatar-margin-inline-start);
3982
4373
  --spinner-margin-inline-end: var(--hop-Tag-md-spinner-margin-inline-end);
3983
4374
  }
3984
- .Tag-module__hop-Tag--md___-JJUY:not(:has(.Tag-module__hop-Tag__remove-btn___-nFZL, .Tag-module__hop-Tag__Spinner___bjUFw)) {
4375
+ .Tag-module__hop-Tag--md___L6AJq:not(:has(.Tag-module__hop-Tag__remove-btn___I1kkt, .Tag-module__hop-Tag__Spinner___mdI7N)) {
3985
4376
  --badge-margin-inline-end: var(--hop-Tag-md-badge-margin-inline-end);
3986
4377
  }
3987
- .Tag-module__hop-Tag--md___-JJUY:not(:has(.Tag-module__hop-Tag__avatar___J84Ob)) {
4378
+ .Tag-module__hop-Tag--md___L6AJq:not(:has(.Tag-module__hop-Tag__avatar___8z0hr)) {
3988
4379
  --icon-margin-inline-start: var(--hop-Tag-md-icon-margin-inline-start);
3989
4380
  }
3990
- .Tag-module__hop-Tag--lg___FOQpI {
4381
+ .Tag-module__hop-Tag--lg___RQ0jv {
3991
4382
  --block-size: var(--hop-Tag-lg-block-size);
3992
4383
  --padding-inline: var(--hop-Tag-lg-padding-inline);
3993
4384
  --column-gap: var(--hop-Tag-lg-column-gap);
@@ -3995,348 +4386,348 @@
3995
4386
  --avatar-margin-inline-start: var(--hop-Tag-lg-avatar-margin-inline-start);
3996
4387
  --spinner-margin-inline-end: var(--hop-Tag-lg-spinner-margin-inline-end);
3997
4388
  }
3998
- .Tag-module__hop-Tag--lg___FOQpI:not(:has(.Tag-module__hop-Tag__remove-btn___-nFZL, .Tag-module__hop-Tag__Spinner___bjUFw)) {
4389
+ .Tag-module__hop-Tag--lg___RQ0jv:not(:has(.Tag-module__hop-Tag__remove-btn___I1kkt, .Tag-module__hop-Tag__Spinner___mdI7N)) {
3999
4390
  --badge-margin-inline-end: var(--hop-Tag-lg-badge-margin-inline-end);
4000
4391
  }
4001
- .Tag-module__hop-Tag--lg___FOQpI:not(:has(.Tag-module__hop-Tag__avatar___J84Ob)) {
4392
+ .Tag-module__hop-Tag--lg___RQ0jv:not(:has(.Tag-module__hop-Tag__avatar___8z0hr)) {
4002
4393
  --icon-margin-inline-start: var(--hop-Tag-lg-icon-margin-inline-start);
4003
4394
  }
4004
- .Tag-module__hop-Tag--neutral___W20ol {
4395
+ .Tag-module__hop-Tag--neutral___ILg-L {
4005
4396
  --border-color: var(--hop-Tag-neutral-border-color);
4006
4397
  --background-color: var(--hop-Tag-neutral-background-color);
4007
4398
  --text-color: var(--hop-Tag-neutral-text-color);
4008
4399
  }
4009
- .Tag-module__hop-Tag--subdued___82nmZ {
4400
+ .Tag-module__hop-Tag--subdued___Sx33e {
4010
4401
  --border-color: var(--hop-Tag-subdued-border-color);
4011
4402
  --background-color: var(--hop-Tag-subdued-background-color);
4012
4403
  --text-color: var(--hop-Tag-subdued-text-color);
4013
4404
  }
4014
- .Tag-module__hop-Tag--progress___YRBfG {
4405
+ .Tag-module__hop-Tag--progress___IVh0Q {
4015
4406
  --border-color: var(--hop-Tag-progress-border-color);
4016
4407
  --background-color: var(--hop-Tag-progress-background-color);
4017
4408
  --text-color: var(--hop-Tag-progress-text-color);
4018
4409
  }
4019
- .Tag-module__hop-Tag--positive___o5Li- {
4410
+ .Tag-module__hop-Tag--positive___plkPz {
4020
4411
  --border-color: var(--hop-Tag-positive-border-color);
4021
4412
  --background-color: var(--hop-Tag-positive-background-color);
4022
4413
  --text-color: var(--hop-Tag-positive-text-color);
4023
4414
  }
4024
- .Tag-module__hop-Tag--caution___iRVUR {
4415
+ .Tag-module__hop-Tag--caution___-t9lb {
4025
4416
  --border-color: var(--hop-Tag-caution-border-color);
4026
4417
  --background-color: var(--hop-Tag-caution-background-color);
4027
4418
  --text-color: var(--hop-Tag-caution-text-color);
4028
4419
  }
4029
- .Tag-module__hop-Tag--negative___-qFKe {
4420
+ .Tag-module__hop-Tag--negative___cWsJz {
4030
4421
  --border-color: var(--hop-Tag-negative-border-color);
4031
4422
  --background-color: var(--hop-Tag-negative-background-color);
4032
4423
  --text-color: var(--hop-Tag-negative-text-color);
4033
4424
  }
4034
- .Tag-module__hop-Tag--option1___fVXwS {
4425
+ .Tag-module__hop-Tag--option1___Un53T {
4035
4426
  --border-color: var(--hop-Tag-option1-border-color);
4036
4427
  --background-color: var(--hop-Tag-option1-background-color);
4037
4428
  --text-color: var(--hop-Tag-option1-text-color);
4038
4429
  }
4039
- .Tag-module__hop-Tag--option2___k7stP {
4430
+ .Tag-module__hop-Tag--option2___oJlT7 {
4040
4431
  --border-color: var(--hop-Tag-option2-border-color);
4041
4432
  --background-color: var(--hop-Tag-option2-background-color);
4042
4433
  --text-color: var(--hop-Tag-option2-text-color);
4043
4434
  }
4044
- .Tag-module__hop-Tag--option3___em9d9 {
4435
+ .Tag-module__hop-Tag--option3___8om-g {
4045
4436
  --border-color: var(--hop-Tag-option3-border-color);
4046
4437
  --background-color: var(--hop-Tag-option3-background-color);
4047
4438
  --text-color: var(--hop-Tag-option3-text-color);
4048
4439
  }
4049
- .Tag-module__hop-Tag--option4___B0JOH {
4440
+ .Tag-module__hop-Tag--option4___GYrwo {
4050
4441
  --border-color: var(--hop-Tag-option4-border-color);
4051
4442
  --background-color: var(--hop-Tag-option4-background-color);
4052
4443
  --text-color: var(--hop-Tag-option4-text-color);
4053
4444
  }
4054
- .Tag-module__hop-Tag--option5___yWfHM {
4445
+ .Tag-module__hop-Tag--option5___AfumK {
4055
4446
  --border-color: var(--hop-Tag-option5-border-color);
4056
4447
  --background-color: var(--hop-Tag-option5-background-color);
4057
4448
  --text-color: var(--hop-Tag-option5-text-color);
4058
4449
  }
4059
- .Tag-module__hop-Tag--option6___sY9ih {
4450
+ .Tag-module__hop-Tag--option6___2cJzx {
4060
4451
  --border-color: var(--hop-Tag-option6-border-color);
4061
4452
  --background-color: var(--hop-Tag-option6-background-color);
4062
4453
  --text-color: var(--hop-Tag-option6-text-color);
4063
4454
  }
4064
- .Tag-module__hop-Tag___FA-hF[data-href] {
4455
+ .Tag-module__hop-Tag___ivugY[data-href] {
4065
4456
  cursor: pointer;
4066
4457
  }
4067
- .Tag-module__hop-Tag--neutral___W20ol[data-focus-visible] {
4458
+ .Tag-module__hop-Tag--neutral___ILg-L[data-focus-visible] {
4068
4459
  --border-color: var(--hop-Tag-neutral-border-color-focus);
4069
4460
  --background-color: var(--hop-Tag-neutral-background-color-focus);
4070
4461
  --text-color: var(--hop-Tag-neutral-text-color-focus);
4071
4462
  }
4072
- .Tag-module__hop-Tag--neutral___W20ol[data-hovered] {
4463
+ .Tag-module__hop-Tag--neutral___ILg-L[data-hovered] {
4073
4464
  --border-color: var(--hop-Tag-neutral-border-color-hover);
4074
4465
  --background-color: var(--hop-Tag-neutral-background-color-hover);
4075
4466
  --text-color: var(--hop-Tag-neutral-text-color-hover);
4076
4467
  }
4077
- .Tag-module__hop-Tag--neutral___W20ol[data-pressed] {
4468
+ .Tag-module__hop-Tag--neutral___ILg-L[data-pressed] {
4078
4469
  --border-color: var(--hop-Tag-neutral-border-color-press);
4079
4470
  --background-color: var(--hop-Tag-neutral-background-color-press);
4080
4471
  --text-color: var(--hop-Tag-neutral-text-color-press);
4081
4472
  }
4082
- .Tag-module__hop-Tag--neutral___W20ol[data-disabled] {
4473
+ .Tag-module__hop-Tag--neutral___ILg-L[data-disabled] {
4083
4474
  --border-color: var(--hop-Tag-neutral-border-color-disabled);
4084
4475
  --background-color: var(--hop-Tag-neutral-background-color-disabled);
4085
4476
  --text-color: var(--hop-Tag-neutral-text-color-disabled);
4086
4477
  }
4087
- .Tag-module__hop-Tag--subdued___82nmZ[data-focus-visible] {
4478
+ .Tag-module__hop-Tag--subdued___Sx33e[data-focus-visible] {
4088
4479
  --border-color: var(--hop-Tag-subdued-border-color-focus);
4089
4480
  --background-color: var(--hop-Tag-subdued-background-color-focus);
4090
4481
  --text-color: var(--hop-Tag-subdued-text-color-focus);
4091
4482
  }
4092
- .Tag-module__hop-Tag--subdued___82nmZ[data-hovered] {
4483
+ .Tag-module__hop-Tag--subdued___Sx33e[data-hovered] {
4093
4484
  --border-color: var(--hop-Tag-subdued-border-color-hover);
4094
4485
  --background-color: var(--hop-Tag-subdued-background-color-hover);
4095
4486
  --text-color: var(--hop-Tag-subdued-text-color-hover);
4096
4487
  }
4097
- .Tag-module__hop-Tag--subdued___82nmZ[data-pressed] {
4488
+ .Tag-module__hop-Tag--subdued___Sx33e[data-pressed] {
4098
4489
  --border-color: var(--hop-Tag-subdued-border-color-press);
4099
4490
  --background-color: var(--hop-Tag-subdued-background-color-press);
4100
4491
  --text-color: var(--hop-Tag-subdued-text-color-press);
4101
4492
  }
4102
- .Tag-module__hop-Tag--subdued___82nmZ[data-disabled] {
4493
+ .Tag-module__hop-Tag--subdued___Sx33e[data-disabled] {
4103
4494
  --border-color: var(--hop-Tag-subdued-border-color-disabled);
4104
4495
  --background-color: var(--hop-Tag-subdued-background-color-disabled);
4105
4496
  --text-color: var(--hop-Tag-subdued-text-color-disabled);
4106
4497
  }
4107
- .Tag-module__hop-Tag--progress___YRBfG[data-focus-visible] {
4498
+ .Tag-module__hop-Tag--progress___IVh0Q[data-focus-visible] {
4108
4499
  --border-color: var(--hop-Tag-progress-border-color-focus);
4109
4500
  --background-color: var(--hop-Tag-progress-background-color-focus);
4110
4501
  --text-color: var(--hop-Tag-progress-text-color-focus);
4111
4502
  }
4112
- .Tag-module__hop-Tag--progress___YRBfG[data-hovered] {
4503
+ .Tag-module__hop-Tag--progress___IVh0Q[data-hovered] {
4113
4504
  --border-color: var(--hop-Tag-progress-border-color-hover);
4114
4505
  --background-color: var(--hop-Tag-progress-background-color-hover);
4115
4506
  --text-color: var(--hop-Tag-progress-text-color-hover);
4116
4507
  }
4117
- .Tag-module__hop-Tag--progress___YRBfG[data-pressed] {
4508
+ .Tag-module__hop-Tag--progress___IVh0Q[data-pressed] {
4118
4509
  --border-color: var(--hop-Tag-progress-border-color-press);
4119
4510
  --background-color: var(--hop-Tag-progress-background-color-press);
4120
4511
  --text-color: var(--hop-Tag-progress-text-color-press);
4121
4512
  }
4122
- .Tag-module__hop-Tag--progress___YRBfG[data-disabled] {
4513
+ .Tag-module__hop-Tag--progress___IVh0Q[data-disabled] {
4123
4514
  --border-color: var(--hop-Tag-progress-border-color-disabled);
4124
4515
  --background-color: var(--hop-Tag-progress-background-color-disabled);
4125
4516
  --text-color: var(--hop-Tag-progress-text-color-disabled);
4126
4517
  }
4127
- .Tag-module__hop-Tag--positive___o5Li-[data-focus-visible] {
4518
+ .Tag-module__hop-Tag--positive___plkPz[data-focus-visible] {
4128
4519
  --border-color: var(--hop-Tag-positive-border-color-focus);
4129
4520
  --background-color: var(--hop-Tag-positive-background-color-focus);
4130
4521
  --text-color: var(--hop-Tag-positive-text-color-focus);
4131
4522
  }
4132
- .Tag-module__hop-Tag--positive___o5Li-[data-hovered] {
4523
+ .Tag-module__hop-Tag--positive___plkPz[data-hovered] {
4133
4524
  --border-color: var(--hop-Tag-positive-border-color-hover);
4134
4525
  --background-color: var(--hop-Tag-positive-background-color-hover);
4135
4526
  --text-color: var(--hop-Tag-positive-text-color-hover);
4136
4527
  }
4137
- .Tag-module__hop-Tag--positive___o5Li-[data-pressed] {
4528
+ .Tag-module__hop-Tag--positive___plkPz[data-pressed] {
4138
4529
  --border-color: var(--hop-Tag-positive-border-color-press);
4139
4530
  --background-color: var(--hop-Tag-positive-background-color-press);
4140
4531
  --text-color: var(--hop-Tag-positive-text-color-press);
4141
4532
  }
4142
- .Tag-module__hop-Tag--positive___o5Li-[data-disabled] {
4533
+ .Tag-module__hop-Tag--positive___plkPz[data-disabled] {
4143
4534
  --border-color: var(--hop-Tag-positive-border-color-disabled);
4144
4535
  --background-color: var(--hop-Tag-positive-background-color-disabled);
4145
4536
  --text-color: var(--hop-Tag-positive-text-color-disabled);
4146
4537
  }
4147
- .Tag-module__hop-Tag--caution___iRVUR[data-focus-visible] {
4538
+ .Tag-module__hop-Tag--caution___-t9lb[data-focus-visible] {
4148
4539
  --border-color: var(--hop-Tag-caution-border-color-focus);
4149
4540
  --background-color: var(--hop-Tag-caution-background-color-focus);
4150
4541
  --text-color: var(--hop-Tag-caution-text-color-focus);
4151
4542
  }
4152
- .Tag-module__hop-Tag--caution___iRVUR[data-hovered] {
4543
+ .Tag-module__hop-Tag--caution___-t9lb[data-hovered] {
4153
4544
  --border-color: var(--hop-Tag-caution-border-color-hover);
4154
4545
  --background-color: var(--hop-Tag-caution-background-color-hover);
4155
4546
  --text-color: var(--hop-Tag-caution-text-color-hover);
4156
4547
  }
4157
- .Tag-module__hop-Tag--caution___iRVUR[data-pressed] {
4548
+ .Tag-module__hop-Tag--caution___-t9lb[data-pressed] {
4158
4549
  --border-color: var(--hop-Tag-caution-border-color-press);
4159
4550
  --background-color: var(--hop-Tag-caution-background-color-press);
4160
4551
  --text-color: var(--hop-Tag-caution-text-color-press);
4161
4552
  }
4162
- .Tag-module__hop-Tag--caution___iRVUR[data-disabled] {
4553
+ .Tag-module__hop-Tag--caution___-t9lb[data-disabled] {
4163
4554
  --border-color: var(--hop-Tag-caution-border-color-disabled);
4164
4555
  --background-color: var(--hop-Tag-caution-background-color-disabled);
4165
4556
  --text-color: var(--hop-Tag-caution-text-color-disabled);
4166
4557
  }
4167
- .Tag-module__hop-Tag--negative___-qFKe[data-focus-visible] {
4558
+ .Tag-module__hop-Tag--negative___cWsJz[data-focus-visible] {
4168
4559
  --border-color: var(--hop-Tag-negative-border-color-focus);
4169
4560
  --background-color: var(--hop-Tag-negative-background-color-focus);
4170
4561
  --text-color: var(--hop-Tag-negative-text-color-focus);
4171
4562
  }
4172
- .Tag-module__hop-Tag--negative___-qFKe[data-hovered] {
4563
+ .Tag-module__hop-Tag--negative___cWsJz[data-hovered] {
4173
4564
  --border-color: var(--hop-Tag-negative-border-color-hover);
4174
4565
  --background-color: var(--hop-Tag-negative-background-color-hover);
4175
4566
  --text-color: var(--hop-Tag-negative-text-color-hover);
4176
4567
  }
4177
- .Tag-module__hop-Tag--negative___-qFKe[data-pressed] {
4568
+ .Tag-module__hop-Tag--negative___cWsJz[data-pressed] {
4178
4569
  --border-color: var(--hop-Tag-negative-border-color-press);
4179
4570
  --background-color: var(--hop-Tag-negative-background-color-press);
4180
4571
  --text-color: var(--hop-Tag-negative-text-color-press);
4181
4572
  }
4182
- .Tag-module__hop-Tag--negative___-qFKe[data-disabled] {
4573
+ .Tag-module__hop-Tag--negative___cWsJz[data-disabled] {
4183
4574
  --border-color: var(--hop-Tag-negative-border-color-disabled);
4184
4575
  --background-color: var(--hop-Tag-negative-background-color-disabled);
4185
4576
  --text-color: var(--hop-Tag-negative-text-color-disabled);
4186
4577
  }
4187
- .Tag-module__hop-Tag--option1___fVXwS[data-focus-visible] {
4578
+ .Tag-module__hop-Tag--option1___Un53T[data-focus-visible] {
4188
4579
  --border-color: var(--hop-Tag-option1-border-color-focus);
4189
4580
  --background-color: var(--hop-Tag-option1-background-color-focus);
4190
4581
  --text-color: var(--hop-Tag-option1-text-color-focus);
4191
4582
  }
4192
- .Tag-module__hop-Tag--option1___fVXwS[data-hovered] {
4583
+ .Tag-module__hop-Tag--option1___Un53T[data-hovered] {
4193
4584
  --border-color: var(--hop-Tag-option1-border-color-hover);
4194
4585
  --background-color: var(--hop-Tag-option1-background-color-hover);
4195
4586
  --text-color: var(--hop-Tag-option1-text-color-hover);
4196
4587
  }
4197
- .Tag-module__hop-Tag--option1___fVXwS[data-pressed] {
4588
+ .Tag-module__hop-Tag--option1___Un53T[data-pressed] {
4198
4589
  --border-color: var(--hop-Tag-option1-border-color-press);
4199
4590
  --background-color: var(--hop-Tag-option1-background-color-press);
4200
4591
  --text-color: var(--hop-Tag-option1-text-color-press);
4201
4592
  }
4202
- .Tag-module__hop-Tag--option1___fVXwS[data-disabled] {
4593
+ .Tag-module__hop-Tag--option1___Un53T[data-disabled] {
4203
4594
  --border-color: var(--hop-Tag-option1-border-color-disabled);
4204
4595
  --background-color: var(--hop-Tag-option1-background-color-disabled);
4205
4596
  --text-color: var(--hop-Tag-option1-text-color-disabled);
4206
4597
  }
4207
- .Tag-module__hop-Tag--option2___k7stP[data-focus-visible] {
4598
+ .Tag-module__hop-Tag--option2___oJlT7[data-focus-visible] {
4208
4599
  --border-color: var(--hop-Tag-option2-border-color-focus);
4209
4600
  --background-color: var(--hop-Tag-option2-background-color-focus);
4210
4601
  --text-color: var(--hop-Tag-option2-text-color-focus);
4211
4602
  }
4212
- .Tag-module__hop-Tag--option2___k7stP[data-hovered] {
4603
+ .Tag-module__hop-Tag--option2___oJlT7[data-hovered] {
4213
4604
  --border-color: var(--hop-Tag-option2-border-color-hover);
4214
4605
  --background-color: var(--hop-Tag-option2-background-color-hover);
4215
4606
  --text-color: var(--hop-Tag-option2-text-color-hover);
4216
4607
  }
4217
- .Tag-module__hop-Tag--option2___k7stP[data-pressed] {
4608
+ .Tag-module__hop-Tag--option2___oJlT7[data-pressed] {
4218
4609
  --border-color: var(--hop-Tag-option2-border-color-press);
4219
4610
  --background-color: var(--hop-Tag-option2-background-color-press);
4220
4611
  --text-color: var(--hop-Tag-option2-text-color-press);
4221
4612
  }
4222
- .Tag-module__hop-Tag--option2___k7stP[data-disabled] {
4613
+ .Tag-module__hop-Tag--option2___oJlT7[data-disabled] {
4223
4614
  --border-color: var(--hop-Tag-option2-border-color-disabled);
4224
4615
  --background-color: var(--hop-Tag-option2-background-color-disabled);
4225
4616
  --text-color: var(--hop-Tag-option2-text-color-disabled);
4226
4617
  }
4227
- .Tag-module__hop-Tag--option3___em9d9[data-focus-visible] {
4618
+ .Tag-module__hop-Tag--option3___8om-g[data-focus-visible] {
4228
4619
  --border-color: var(--hop-Tag-option3-border-color-focus);
4229
4620
  --background-color: var(--hop-Tag-option3-background-color-focus);
4230
4621
  --text-color: var(--hop-Tag-option3-text-color-focus);
4231
4622
  }
4232
- .Tag-module__hop-Tag--option3___em9d9[data-hovered] {
4623
+ .Tag-module__hop-Tag--option3___8om-g[data-hovered] {
4233
4624
  --border-color: var(--hop-Tag-option3-border-color-hover);
4234
4625
  --background-color: var(--hop-Tag-option3-background-color-hover);
4235
4626
  --text-color: var(--hop-Tag-option3-text-color-hover);
4236
4627
  }
4237
- .Tag-module__hop-Tag--option3___em9d9[data-pressed] {
4628
+ .Tag-module__hop-Tag--option3___8om-g[data-pressed] {
4238
4629
  --border-color: var(--hop-Tag-option3-border-color-press);
4239
4630
  --background-color: var(--hop-Tag-option3-background-color-press);
4240
4631
  --text-color: var(--hop-Tag-option3-text-color-press);
4241
4632
  }
4242
- .Tag-module__hop-Tag--option3___em9d9[data-disabled] {
4633
+ .Tag-module__hop-Tag--option3___8om-g[data-disabled] {
4243
4634
  --border-color: var(--hop-Tag-option3-border-color-disabled);
4244
4635
  --background-color: var(--hop-Tag-option3-background-color-disabled);
4245
4636
  --text-color: var(--hop-Tag-option3-text-color-disabled);
4246
4637
  }
4247
- .Tag-module__hop-Tag--option4___B0JOH[data-focus-visible] {
4638
+ .Tag-module__hop-Tag--option4___GYrwo[data-focus-visible] {
4248
4639
  --border-color: var(--hop-Tag-option4-border-color-focus);
4249
4640
  --background-color: var(--hop-Tag-option4-background-color-focus);
4250
4641
  --text-color: var(--hop-Tag-option4-text-color-focus);
4251
4642
  }
4252
- .Tag-module__hop-Tag--option4___B0JOH[data-hovered] {
4643
+ .Tag-module__hop-Tag--option4___GYrwo[data-hovered] {
4253
4644
  --border-color: var(--hop-Tag-option4-border-color-hover);
4254
4645
  --background-color: var(--hop-Tag-option4-background-color-hover);
4255
4646
  --text-color: var(--hop-Tag-option4-text-color-hover);
4256
4647
  }
4257
- .Tag-module__hop-Tag--option4___B0JOH[data-pressed] {
4648
+ .Tag-module__hop-Tag--option4___GYrwo[data-pressed] {
4258
4649
  --border-color: var(--hop-Tag-option4-border-color-press);
4259
4650
  --background-color: var(--hop-Tag-option4-background-color-press);
4260
4651
  --text-color: var(--hop-Tag-option4-text-color-press);
4261
4652
  }
4262
- .Tag-module__hop-Tag--option4___B0JOH[data-disabled] {
4653
+ .Tag-module__hop-Tag--option4___GYrwo[data-disabled] {
4263
4654
  --border-color: var(--hop-Tag-option4-border-color-disabled);
4264
4655
  --background-color: var(--hop-Tag-option4-background-color-disabled);
4265
4656
  --text-color: var(--hop-Tag-option4-text-color-disabled);
4266
4657
  }
4267
- .Tag-module__hop-Tag--option5___yWfHM[data-focus-visible] {
4658
+ .Tag-module__hop-Tag--option5___AfumK[data-focus-visible] {
4268
4659
  --border-color: var(--hop-Tag-option5-border-color-focus);
4269
4660
  --background-color: var(--hop-Tag-option5-background-color-focus);
4270
4661
  --text-color: var(--hop-Tag-option5-text-color-focus);
4271
4662
  }
4272
- .Tag-module__hop-Tag--option5___yWfHM[data-hovered] {
4663
+ .Tag-module__hop-Tag--option5___AfumK[data-hovered] {
4273
4664
  --border-color: var(--hop-Tag-option5-border-color-hover);
4274
4665
  --background-color: var(--hop-Tag-option5-background-color-hover);
4275
4666
  --text-color: var(--hop-Tag-option5-text-color-hover);
4276
4667
  }
4277
- .Tag-module__hop-Tag--option5___yWfHM[data-pressed] {
4668
+ .Tag-module__hop-Tag--option5___AfumK[data-pressed] {
4278
4669
  --border-color: var(--hop-Tag-option5-border-color-press);
4279
4670
  --background-color: var(--hop-Tag-option5-background-color-press);
4280
4671
  --text-color: var(--hop-Tag-option5-text-color-press);
4281
4672
  }
4282
- .Tag-module__hop-Tag--option5___yWfHM[data-disabled] {
4673
+ .Tag-module__hop-Tag--option5___AfumK[data-disabled] {
4283
4674
  --border-color: var(--hop-Tag-option5-border-color-disabled);
4284
4675
  --background-color: var(--hop-Tag-option5-background-color-disabled);
4285
4676
  --text-color: var(--hop-Tag-option5-text-color-disabled);
4286
4677
  }
4287
- .Tag-module__hop-Tag--option6___sY9ih[data-focus-visible] {
4678
+ .Tag-module__hop-Tag--option6___2cJzx[data-focus-visible] {
4288
4679
  --border-color: var(--hop-Tag-option6-border-color-focus);
4289
4680
  --background-color: var(--hop-Tag-option6-background-color-focus);
4290
4681
  --text-color: var(--hop-Tag-option6-text-color-focus);
4291
4682
  }
4292
- .Tag-module__hop-Tag--option6___sY9ih[data-hovered] {
4683
+ .Tag-module__hop-Tag--option6___2cJzx[data-hovered] {
4293
4684
  --border-color: var(--hop-Tag-option6-border-color-hover);
4294
4685
  --background-color: var(--hop-Tag-option6-background-color-hover);
4295
4686
  --text-color: var(--hop-Tag-option6-text-color-hover);
4296
4687
  }
4297
- .Tag-module__hop-Tag--option6___sY9ih[data-pressed] {
4688
+ .Tag-module__hop-Tag--option6___2cJzx[data-pressed] {
4298
4689
  --border-color: var(--hop-Tag-option6-border-color-press);
4299
4690
  --background-color: var(--hop-Tag-option6-background-color-press);
4300
4691
  --text-color: var(--hop-Tag-option6-text-color-press);
4301
4692
  }
4302
- .Tag-module__hop-Tag--option6___sY9ih[data-disabled] {
4693
+ .Tag-module__hop-Tag--option6___2cJzx[data-disabled] {
4303
4694
  --border-color: var(--hop-Tag-option6-border-color-disabled);
4304
4695
  --background-color: var(--hop-Tag-option6-background-color-disabled);
4305
4696
  --text-color: var(--hop-Tag-option6-text-color-disabled);
4306
4697
  }
4307
- .Tag-module__hop-Tag___FA-hF[data-focus-visible] {
4698
+ .Tag-module__hop-Tag___ivugY[data-focus-visible] {
4308
4699
  outline: 0.125rem solid var(--focus-ring-color);
4309
4700
  }
4310
- .Tag-module__hop-Tag___FA-hF[data-hovered] {
4701
+ .Tag-module__hop-Tag___ivugY[data-hovered] {
4311
4702
  cursor: pointer;
4312
4703
  }
4313
- .Tag-module__hop-Tag___FA-hF[data-selected] {
4704
+ .Tag-module__hop-Tag___ivugY[data-selected] {
4314
4705
  --background-color: var(--hop-Tag-background-color-selected);
4315
4706
  --border-color: var(--hop-Tag-border-color-selected);
4316
4707
  --text-color: var(--hop-Tag-text-color-selected);
4317
4708
  }
4318
- .Tag-module__hop-Tag___FA-hF[data-pressed] {
4709
+ .Tag-module__hop-Tag___ivugY[data-pressed] {
4319
4710
  cursor: pointer;
4320
4711
  }
4321
- .Tag-module__hop-Tag___FA-hF[data-invalid] {
4712
+ .Tag-module__hop-Tag___ivugY[data-invalid] {
4322
4713
  --border-color: var(--hop-Tag-border-color-invalid);
4323
4714
  }
4324
- .Tag-module__hop-Tag___FA-hF[data-disabled] {
4715
+ .Tag-module__hop-Tag___ivugY[data-disabled] {
4325
4716
  cursor: not-allowed;
4326
4717
  }
4327
- .Tag-module__hop-Tag__avatar___J84Ob {
4718
+ .Tag-module__hop-Tag__avatar___8z0hr {
4328
4719
  flex: 0 0 auto;
4329
4720
  order: 1;
4330
4721
  margin-inline-start: var(--avatar-margin-inline-start);
4331
4722
  }
4332
- .Tag-module__hop-Tag__icon___ewSNE,
4333
- .Tag-module__hop-Tag__icon-list___-PpIn {
4723
+ .Tag-module__hop-Tag__icon___-cwrq,
4724
+ .Tag-module__hop-Tag__icon-list___zoSbV {
4334
4725
  flex: 0 0 auto;
4335
4726
  flex-wrap: nowrap;
4336
4727
  order: 2;
4337
4728
  margin-inline-start: var(--icon-margin-inline-start, 0);
4338
4729
  }
4339
- .Tag-module__hop-Tag__text___k7Otw {
4730
+ .Tag-module__hop-Tag__text___VtwUA {
4340
4731
  overflow: hidden;
4341
4732
  flex: 1 1 auto;
4342
4733
  order: 3;
@@ -4344,33 +4735,33 @@
4344
4735
  text-align: center;
4345
4736
  text-overflow: ellipsis;
4346
4737
  }
4347
- .Tag-module__hop-Tag__badge___jgjVw {
4738
+ .Tag-module__hop-Tag__badge___g6uLv {
4348
4739
  flex: 0 0 auto;
4349
4740
  order: 4;
4350
4741
  margin-inline-end: var(--badge-margin-inline-end);
4351
4742
  }
4352
- .Tag-module__hop-Tag___FA-hF .Tag-module__hop-Tag__badge___jgjVw[data-variant=subdued] {
4743
+ .Tag-module__hop-Tag___ivugY .Tag-module__hop-Tag__badge___g6uLv[data-variant=subdued] {
4353
4744
  margin-inline-start: var(--badge-secondary-margin-inline-start);
4354
4745
  color: inherit;
4355
4746
  background: none;
4356
4747
  }
4357
- .Tag-module__hop-Tag--sm___wdoiY .Tag-module__hop-Tag__badge___jgjVw {
4748
+ .Tag-module__hop-Tag--sm___8soZ3 .Tag-module__hop-Tag__badge___g6uLv {
4358
4749
  block-size: 100%;
4359
4750
  }
4360
- .Tag-module__hop-Tag__remove-btn___-nFZL,
4361
- .Tag-module__hop-Tag__Spinner___bjUFw {
4751
+ .Tag-module__hop-Tag__remove-btn___I1kkt,
4752
+ .Tag-module__hop-Tag__Spinner___mdI7N {
4362
4753
  flex: 0 0 auto;
4363
4754
  order: 5;
4364
4755
  }
4365
- .Tag-module__hop-Tag__Spinner___bjUFw {
4756
+ .Tag-module__hop-Tag__Spinner___mdI7N {
4366
4757
  margin-inline-end: var(--spinner-margin-inline-end);
4367
4758
  }
4368
- .Tag-module__hop-Tag__remove-btn___-nFZL {
4759
+ .Tag-module__hop-Tag__remove-btn___I1kkt {
4369
4760
  margin-inline: var(--clear-btn-margin-inline);
4370
4761
  }
4371
4762
 
4372
4763
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/tag/src/TagGroup.module.css/#css-module-data */
4373
- .TagGroup-module__hop-TagGroup___EG4ar {
4764
+ .TagGroup-module__hop-TagGroup___86Uec {
4374
4765
  --hop-TagGroup-row-gap: var(--hop-space-inline-sm);
4375
4766
  --hop-TagGroup-list-column-gap: var(--hop-space-inline-sm);
4376
4767
  --hop-TagGroup-list-row-gap: var(--hop-space-inline-sm);
@@ -4390,10 +4781,10 @@
4390
4781
  inline-size: max-content;
4391
4782
  max-inline-size: 100%;
4392
4783
  }
4393
- .TagGroup-module__hop-TagGroup___EG4ar > .TagGroup-module__hop-TagGroup__label___zzjLY {
4784
+ .TagGroup-module__hop-TagGroup___86Uec > .TagGroup-module__hop-TagGroup__label___om-81 {
4394
4785
  order: 1;
4395
4786
  }
4396
- .TagGroup-module__hop-TagGroup__list___jXuw3 {
4787
+ .TagGroup-module__hop-TagGroup__list___ZX-jL {
4397
4788
  display: flex;
4398
4789
  flex-wrap: wrap;
4399
4790
  gap: var(--list-row-gap) var(--list-column-gap);
@@ -4402,24 +4793,24 @@
4402
4793
  border-radius: var(--list-border-radius);
4403
4794
  outline: none;
4404
4795
  }
4405
- .TagGroup-module__hop-TagGroup__list___jXuw3[data-focus-visible] {
4796
+ .TagGroup-module__hop-TagGroup__list___ZX-jL[data-focus-visible] {
4406
4797
  outline: 0.125rem solid var(--list-focus-ring-color);
4407
4798
  outline-offset: 0.125rem;
4408
4799
  }
4409
- .TagGroup-module__hop-TagGroup___EG4ar > .TagGroup-module__hop-TagGroup__error-message___n8l-j,
4410
- .TagGroup-module__hop-TagGroup___EG4ar > .TagGroup-module__hop-TagGroup__helper-message___ZhhTu {
4800
+ .TagGroup-module__hop-TagGroup___86Uec > .TagGroup-module__hop-TagGroup__error-message___7pqMA,
4801
+ .TagGroup-module__hop-TagGroup___86Uec > .TagGroup-module__hop-TagGroup__helper-message___BrDIH {
4411
4802
  order: 3;
4412
4803
  }
4413
4804
 
4414
4805
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/overlays/Popover/src/Popover.module.css/#css-module-data */
4415
- :where(.Popover-module__hop-Popover___CkiNY *) {
4806
+ :where(.Popover-module__hop-Popover___GzSzx *) {
4416
4807
  font-family: var(--font-family);
4417
4808
  font-size: var(--font-size);
4418
4809
  font-weight: var(--font-weight);
4419
4810
  line-height: var(--line-height);
4420
4811
  outline: none;
4421
4812
  }
4422
- .Popover-module__hop-Popover___CkiNY {
4813
+ .Popover-module__hop-Popover___GzSzx {
4423
4814
  --hop-Popover-max-inline-width: calc(100% - (var(--container-padding) * 2));
4424
4815
  --hop-Popover-inline-width: 25rem;
4425
4816
  --hop-Popover-dropdown-inline-width: var(--trigger-width);
@@ -4431,19 +4822,19 @@
4431
4822
  inline-size: var(--width);
4432
4823
  max-inline-size: var(--max-width);
4433
4824
  }
4434
- .Popover-module__hop-Popover___CkiNY[data-trigger=Select] {
4825
+ .Popover-module__hop-Popover___GzSzx[data-trigger=Select] {
4435
4826
  --width: var(--hop-Popover-dropdown-inline-width);
4436
4827
  }
4437
- .Popover-module__hop-Popover___CkiNY[data-auto-width] {
4828
+ .Popover-module__hop-Popover___GzSzx[data-auto-width] {
4438
4829
  --width: var(--hop-Popover-dropdown-auto-inline-width);
4439
4830
  }
4440
- .Popover-module__hop-Popover___CkiNY[data-entering] {
4441
- animation: Popover-module__fade___TJq1s 0.25s;
4831
+ .Popover-module__hop-Popover___GzSzx[data-entering] {
4832
+ animation: Popover-module__fade___0iRpD 0.25s;
4442
4833
  }
4443
- .Popover-module__hop-Popover___CkiNY[data-exiting] {
4444
- animation: Popover-module__fade___TJq1s 0.25s reverse;
4834
+ .Popover-module__hop-Popover___GzSzx[data-exiting] {
4835
+ animation: Popover-module__fade___0iRpD 0.25s reverse;
4445
4836
  }
4446
- @keyframes Popover-module__fade___TJq1s {
4837
+ @keyframes Popover-module__fade___0iRpD {
4447
4838
  from {
4448
4839
  opacity: 0;
4449
4840
  }
@@ -4451,14 +4842,14 @@
4451
4842
  opacity: 1;
4452
4843
  }
4453
4844
  }
4454
- .Popover-module__hop-Popover__wrapper___twn54 {
4845
+ .Popover-module__hop-Popover__wrapper___rzrEg {
4455
4846
  display: flex;
4456
4847
  flex: 1 1 auto;
4457
4848
  flex-direction: column;
4458
4849
  min-block-size: 0;
4459
4850
  }
4460
- .Popover-module__hop-Popover__dialog___l1JY2,
4461
- .Popover-module__hop-Popover__dropdown___XRPX9 {
4851
+ .Popover-module__hop-Popover__dialog___NO8wk,
4852
+ .Popover-module__hop-Popover__dropdown___nrI9c {
4462
4853
  --hop-Popover-background: var(--hop-neutral-surface);
4463
4854
  --hop-Popover-font-family: var(--hop-body-sm-font-family);
4464
4855
  --hop-Popover-font-size: var(--hop-body-sm-font-size);
@@ -4504,20 +4895,20 @@
4504
4895
  border-radius: var(--hop-Popover-border-radius);
4505
4896
  box-shadow: var(--hop-Popover-box-shadow);
4506
4897
  }
4507
- .Popover-module__hop-Popover__dropdown___XRPX9 {
4898
+ .Popover-module__hop-Popover__dropdown___nrI9c {
4508
4899
  --footer-margin: var(--hop-Popover-footer-dropdown-margin);
4509
4900
  --footer-place-self: stretch;
4510
4901
  --grid-template: var(--hop-Popover-dropdown-grid-template);
4511
4902
  --padding: var(--hop-Popover-dropdown-padding);
4512
4903
  }
4513
- .Popover-module__hop-Popover__dialog___l1JY2 {
4904
+ .Popover-module__hop-Popover__dialog___NO8wk {
4514
4905
  --padding: var(--hop-Popover-dialog-padding);
4515
4906
  }
4516
- .Popover-module__hop-Popover__title___S9NjG {
4907
+ .Popover-module__hop-Popover__title___B58Xg {
4517
4908
  grid-area: header;
4518
4909
  color: var(--hop-Popover-color);
4519
4910
  }
4520
- .Popover-module__hop-Popover__content___FgMHC {
4911
+ .Popover-module__hop-Popover__content___oraZq {
4521
4912
  --font-size: var(--hop-Popover-content-font-size);
4522
4913
  --line-height: var(--hop-Popover-content-line-height);
4523
4914
  grid-area: content;
@@ -4526,7 +4917,7 @@
4526
4917
  padding: 0;
4527
4918
  color: var(--hop-Popover-content-color);
4528
4919
  }
4529
- .Popover-module__hop-Popover__dropdown___XRPX9 .Popover-module__hop-Popover__list-box___a195y {
4920
+ .Popover-module__hop-Popover__dropdown___nrI9c .Popover-module__hop-Popover__list-box___h0zPU {
4530
4921
  grid-area: content;
4531
4922
  inline-size: auto;
4532
4923
  min-inline-size: auto;
@@ -4535,7 +4926,7 @@
4535
4926
  padding: 0;
4536
4927
  border: none;
4537
4928
  }
4538
- .Popover-module__hop-Popover__footer___Y8kpa {
4929
+ .Popover-module__hop-Popover__footer___OWTol {
4539
4930
  --font-size: var(--hop-Popover-footer-font-size);
4540
4931
  --line-height: var(--hop-Popover-footer-line-height);
4541
4932
  grid-area: footer;
@@ -4543,16 +4934,16 @@
4543
4934
  margin: var(--footer-margin);
4544
4935
  color: var(--hop-Popover-color);
4545
4936
  }
4546
- .Popover-module__hop-Popover__dropdown___XRPX9 .Popover-module__hop-Popover__footer___Y8kpa {
4937
+ .Popover-module__hop-Popover__dropdown___nrI9c .Popover-module__hop-Popover__footer___OWTol {
4547
4938
  padding: var(--hop-Popover-footer-dropdown-footer-padding);
4548
4939
  border-block-start: var(--hop-Popover-footer-dropdown-footer-border-top);
4549
4940
  }
4550
- .Popover-module__hop-Popover__actions___kTaHi,
4551
- .Popover-module__hop-Popover__action___VW7G3 {
4941
+ .Popover-module__hop-Popover__actions___AoYYT,
4942
+ .Popover-module__hop-Popover__action___bkX4V {
4552
4943
  grid-area: action;
4553
4944
  justify-self: end;
4554
4945
  margin-block-start: var(--hop-Popover-row-gap);
4555
4946
  }
4556
- .Popover-module__hop-Popover___CkiNY:has(.Popover-module__hop-Popover__actions___kTaHi, .Popover-module__hop-Popover__action___VW7G3) .Popover-module__hop-Popover__footer___Y8kpa {
4947
+ .Popover-module__hop-Popover___GzSzx:has(.Popover-module__hop-Popover__actions___AoYYT, .Popover-module__hop-Popover__action___bkX4V) .Popover-module__hop-Popover__footer___OWTol {
4557
4948
  margin-inline-end: var(--hop-Popover-column-gap);
4558
4949
  }