@hopper-ui/components 1.0.6 → 1.0.8

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 (237) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/Avatar/src/AnonymousAvatar.css +10 -10
  3. package/dist/Avatar/src/AnonymousAvatar.js +3 -3
  4. package/dist/Avatar/src/Avatar.css +37 -37
  5. package/dist/Avatar/src/Avatar.js +5 -5
  6. package/dist/Avatar/src/AvatarContext.js +1 -1
  7. package/dist/Avatar/src/DeletedAvatar.css +10 -10
  8. package/dist/Avatar/src/DeletedAvatar.js +3 -3
  9. package/dist/Avatar/src/RichIconAvatarImage.css +10 -10
  10. package/dist/Avatar/src/RichIconAvatarImage.js +2 -2
  11. package/dist/Avatar/src/RichIconAvatarImageContext.js +1 -1
  12. package/dist/Avatar/src/index.css +37 -37
  13. package/dist/Avatar/src/index.js +7 -7
  14. package/dist/Avatar/src/useImageFallback.js +1 -1
  15. package/dist/Badge/src/Badge.css +10 -10
  16. package/dist/Badge/src/Badge.js +3 -3
  17. package/dist/Badge/src/BadgeContext.js +1 -1
  18. package/dist/Badge/src/index.css +10 -10
  19. package/dist/Badge/src/index.js +3 -3
  20. package/dist/Chip/src/Chip.css +33 -33
  21. package/dist/Chip/src/Chip.js +3 -3
  22. package/dist/Chip/src/ChipContext.js +1 -1
  23. package/dist/Chip/src/index.css +33 -33
  24. package/dist/Chip/src/index.js +3 -3
  25. package/dist/Divider/src/Divider.css +2 -2
  26. package/dist/Divider/src/Divider.js +2 -2
  27. package/dist/Divider/src/DividerContext.js +1 -1
  28. package/dist/Divider/src/index.css +2 -2
  29. package/dist/Divider/src/index.js +2 -2
  30. package/dist/ErrorMessage/src/ErrorMessage.css +11 -11
  31. package/dist/ErrorMessage/src/ErrorMessage.js +3 -3
  32. package/dist/ErrorMessage/src/ErrorMessageContext.js +1 -1
  33. package/dist/ErrorMessage/src/index.css +11 -11
  34. package/dist/ErrorMessage/src/index.js +3 -3
  35. package/dist/Header/src/Header.js +1 -1
  36. package/dist/Header/src/HeaderContext.js +1 -1
  37. package/dist/Header/src/index.js +1 -1
  38. package/dist/HelperMessage/src/HelperMessage.css +11 -11
  39. package/dist/HelperMessage/src/HelperMessage.js +3 -3
  40. package/dist/HelperMessage/src/HelperMessageContext.js +1 -1
  41. package/dist/HelperMessage/src/index.css +11 -11
  42. package/dist/HelperMessage/src/index.js +3 -3
  43. package/dist/HopperProvider/src/HopperProvider.js +1 -1
  44. package/dist/HopperProvider/src/index.js +1 -1
  45. package/dist/IconList/src/IconList.css +1 -1
  46. package/dist/IconList/src/IconList.js +2 -2
  47. package/dist/IconList/src/IconListContext.js +1 -1
  48. package/dist/IconList/src/index.css +1 -1
  49. package/dist/IconList/src/index.js +2 -2
  50. package/dist/Link/src/Link.css +31 -31
  51. package/dist/Link/src/Link.js +3 -3
  52. package/dist/Link/src/LinkContext.js +1 -1
  53. package/dist/Link/src/index.css +31 -31
  54. package/dist/Link/src/index.js +3 -3
  55. package/dist/ListBox/src/ListBox.css +175 -175
  56. package/dist/ListBox/src/ListBox.js +12 -12
  57. package/dist/ListBox/src/ListBoxContext.js +1 -1
  58. package/dist/ListBox/src/ListBoxItem.css +160 -160
  59. package/dist/ListBox/src/ListBoxItem.js +11 -11
  60. package/dist/ListBox/src/ListBoxItemContext.js +1 -1
  61. package/dist/ListBox/src/ListBoxItemSkeleton.css +7 -7
  62. package/dist/ListBox/src/ListBoxItemSkeleton.js +2 -2
  63. package/dist/ListBox/src/ListBoxItemSkeletonContext.js +1 -1
  64. package/dist/ListBox/src/index.css +175 -175
  65. package/dist/ListBox/src/index.js +12 -12
  66. package/dist/ListBox/src/useLoadOnScroll.js +1 -1
  67. package/dist/Section/src/Section.js +1 -1
  68. package/dist/Section/src/SectionContext.js +1 -1
  69. package/dist/Section/src/index.js +1 -1
  70. package/dist/Spinner/src/Spinner.css +19 -19
  71. package/dist/Spinner/src/Spinner.js +3 -3
  72. package/dist/Spinner/src/SpinnerContext.js +1 -1
  73. package/dist/Spinner/src/index.css +19 -19
  74. package/dist/Spinner/src/index.js +3 -3
  75. package/dist/buttons/src/Button.css +103 -103
  76. package/dist/buttons/src/Button.js +6 -6
  77. package/dist/buttons/src/ButtonContext.js +1 -1
  78. package/dist/buttons/src/ButtonGroup.css +11 -11
  79. package/dist/buttons/src/ButtonGroup.js +2 -2
  80. package/dist/buttons/src/ButtonGroupContext.js +1 -1
  81. package/dist/buttons/src/ClearButton.css +12 -12
  82. package/dist/buttons/src/ClearButton.js +4 -4
  83. package/dist/buttons/src/ClearButtonContext.js +1 -1
  84. package/dist/buttons/src/EmbeddedButton.css +12 -12
  85. package/dist/buttons/src/EmbeddedButton.js +2 -2
  86. package/dist/buttons/src/EmbeddedButtonContext.js +1 -1
  87. package/dist/buttons/src/index.css +126 -126
  88. package/dist/buttons/src/index.js +9 -9
  89. package/dist/checkbox/src/Checkbox.css +31 -31
  90. package/dist/checkbox/src/Checkbox.js +3 -3
  91. package/dist/checkbox/src/CheckboxContext.js +1 -1
  92. package/dist/checkbox/src/CheckboxField.css +15 -15
  93. package/dist/checkbox/src/CheckboxField.js +2 -2
  94. package/dist/checkbox/src/CheckboxFieldContext.js +1 -1
  95. package/dist/checkbox/src/CheckboxGroup.css +66 -66
  96. package/dist/checkbox/src/CheckboxGroup.js +4 -4
  97. package/dist/checkbox/src/CheckboxGroupContext.js +1 -1
  98. package/dist/checkbox/src/CheckboxList.js +1 -1
  99. package/dist/checkbox/src/CheckboxListContext.js +1 -1
  100. package/dist/checkbox/src/index.css +66 -66
  101. package/dist/checkbox/src/index.js +8 -8
  102. package/dist/{chunk-JUMJ6A3K.js → chunk-2O5GW4WZ.js} +1 -1
  103. package/dist/{chunk-BKC74M6Y.js → chunk-2PZTP7OD.js} +1 -1
  104. package/dist/{chunk-RG4JKE4N.js → chunk-375NGVSY.js} +1 -1
  105. package/dist/{chunk-SOSHKMNI.js → chunk-576NZEOZ.js} +2 -2
  106. package/dist/{chunk-E4WFKXW4.js → chunk-5YCINTI3.js} +4 -4
  107. package/dist/{chunk-J53HGLCT.js → chunk-6FJ6VT7L.js} +1 -1
  108. package/dist/{chunk-6QMIRVLY.js → chunk-7F63PQML.js} +1 -1
  109. package/dist/{chunk-E4ALW4MZ.js → chunk-B2NAEXNH.js} +9 -9
  110. package/dist/chunk-BHRRVORW.js +625 -0
  111. package/dist/{chunk-F2URSFJA.js → chunk-C5SNXNGO.js} +2 -2
  112. package/dist/{chunk-ITQK6JTD.js → chunk-DERV7IO4.js} +1 -1
  113. package/dist/{chunk-OHB5QR5P.js → chunk-FJYIXPAV.js} +2 -2
  114. package/dist/{chunk-RA7PM75O.js → chunk-FX7SCMAB.js} +5 -5
  115. package/dist/{chunk-XRC7XE6B.js → chunk-GEDAZSYP.js} +2 -2
  116. package/dist/{chunk-53FHDOG7.js → chunk-GVS7P3EP.js} +2 -2
  117. package/dist/{chunk-3LH2JHUO.js → chunk-HJGIOIZH.js} +3 -3
  118. package/dist/{chunk-4TXFHYHL.js → chunk-HK6NUAOU.js} +1 -1
  119. package/dist/{chunk-K4ZGI7DJ.js → chunk-IGDXWHDV.js} +1 -1
  120. package/dist/{chunk-QBCCF2C2.js → chunk-J3FFNHVC.js} +2 -2
  121. package/dist/{chunk-2P3A4VVY.js → chunk-JSBRDJBE.js} +1 -6
  122. package/dist/{chunk-MVRI6GLQ.js → chunk-JYS47NMI.js} +2 -2
  123. package/dist/{chunk-XGKPMLYD.js → chunk-KC5DWQN5.js} +4 -4
  124. package/dist/chunk-KUOVH2WS.js +57 -0
  125. package/dist/{chunk-P5CWOV3L.js → chunk-LAYIMWCS.js} +2 -2
  126. package/dist/{chunk-3A6TTZAA.js → chunk-LD4PHTV5.js} +1 -1
  127. package/dist/chunk-LJXTJRSB.js +1 -0
  128. package/dist/{chunk-HR25MLRP.js → chunk-LYGSWKBB.js} +1 -1
  129. package/dist/{chunk-2XUHTPCX.js → chunk-O3B5AAY5.js} +2 -2
  130. package/dist/{chunk-G242LPQE.js → chunk-PFQFQTAW.js} +2 -2
  131. package/dist/{chunk-V5GOY6TV.js → chunk-Q4P2MTYE.js} +1 -1
  132. package/dist/{chunk-37NW34QM.js → chunk-Q6XETWRV.js} +3 -3
  133. package/dist/chunk-QVK2N2AZ.js +119 -0
  134. package/dist/{chunk-MED2BIDV.js → chunk-RERJ4IWC.js} +1 -1
  135. package/dist/chunk-SVUAG4RI.js +156 -0
  136. package/dist/{chunk-RCX5B3S3.js → chunk-T3KA26BR.js} +1 -1
  137. package/dist/{chunk-4JAV3FIH.js → chunk-VILNMAVP.js} +2 -2
  138. package/dist/chunk-WWLAPWPS.js +118 -0
  139. package/dist/{chunk-JRDN364E.js → chunk-XGLY57N7.js} +2 -2
  140. package/dist/{chunk-ZOTVZM6F.js → chunk-YEYNRBMQ.js} +1 -1
  141. package/dist/{chunk-J33IFG4U.js → chunk-YORVWKUU.js} +1 -1
  142. package/dist/i18n/src/index.js +2 -2
  143. package/dist/i18n/src/useLocalizedString.js +2 -2
  144. package/dist/index.css +3297 -0
  145. package/dist/index.d.ts +113 -0
  146. package/dist/index.js +107 -0
  147. package/dist/inputs/src/InputGroup.css +12 -12
  148. package/dist/inputs/src/InputGroup.js +2 -2
  149. package/dist/inputs/src/InputGroupContext.js +1 -1
  150. package/dist/inputs/src/PasswordField.css +229 -2405
  151. package/dist/inputs/src/PasswordField.js +12 -91
  152. package/dist/inputs/src/PasswordFieldContext.js +1 -1
  153. package/dist/inputs/src/SearchField.css +235 -2390
  154. package/dist/inputs/src/SearchField.js +13 -90
  155. package/dist/inputs/src/SearchFieldContext.js +1 -1
  156. package/dist/inputs/src/TextField.css +230 -2402
  157. package/dist/inputs/src/TextField.js +14 -90
  158. package/dist/inputs/src/TextFieldContext.js +1 -1
  159. package/dist/inputs/src/index.css +219 -2302
  160. package/dist/inputs/src/index.js +17 -89
  161. package/dist/layout/src/Content.js +1 -1
  162. package/dist/layout/src/ContentContext.js +1 -1
  163. package/dist/layout/src/Flex.js +1 -1
  164. package/dist/layout/src/Footer.js +1 -1
  165. package/dist/layout/src/FooterContext.js +1 -1
  166. package/dist/layout/src/Grid.js +1 -1
  167. package/dist/layout/src/Inline.js +1 -1
  168. package/dist/layout/src/Stack.js +1 -1
  169. package/dist/layout/src/grid-helpers.js +1 -1
  170. package/dist/overlays/Popover/src/Popover.css +457 -457
  171. package/dist/overlays/Popover/src/Popover.js +54 -49
  172. package/dist/overlays/Popover/src/PopoverContext.js +1 -1
  173. package/dist/overlays/Popover/src/PopoverTrigger.js +1 -1
  174. package/dist/overlays/Popover/src/index.css +457 -457
  175. package/dist/overlays/Popover/src/index.js +54 -49
  176. package/dist/radio/src/Radio.css +31 -31
  177. package/dist/radio/src/Radio.js +3 -3
  178. package/dist/radio/src/RadioContext.js +1 -1
  179. package/dist/radio/src/RadioField.css +15 -15
  180. package/dist/radio/src/RadioField.js +2 -2
  181. package/dist/radio/src/RadioFieldContext.js +1 -1
  182. package/dist/radio/src/RadioGroup.css +66 -66
  183. package/dist/radio/src/RadioGroup.js +3 -3
  184. package/dist/radio/src/RadioGroupContext.js +1 -1
  185. package/dist/radio/src/RadioList.js +1 -1
  186. package/dist/radio/src/RadioListContext.js +1 -1
  187. package/dist/radio/src/index.css +66 -66
  188. package/dist/radio/src/index.js +6 -6
  189. package/dist/switch/src/Switch.css +25 -25
  190. package/dist/switch/src/Switch.js +3 -3
  191. package/dist/switch/src/SwitchContext.js +1 -1
  192. package/dist/switch/src/SwitchField.css +15 -15
  193. package/dist/switch/src/SwitchField.js +3 -3
  194. package/dist/switch/src/SwitchFieldContext.js +1 -1
  195. package/dist/switch/src/index.css +31 -31
  196. package/dist/switch/src/index.js +5 -5
  197. package/dist/tag/src/Tag.css +457 -457
  198. package/dist/tag/src/Tag.js +54 -49
  199. package/dist/tag/src/TagContext.js +1 -1
  200. package/dist/tag/src/TagGroup.css +28 -28
  201. package/dist/tag/src/TagGroup.js +4 -4
  202. package/dist/tag/src/TagGroupContext.js +1 -1
  203. package/dist/tag/src/TagList.js +1 -1
  204. package/dist/tag/src/TagListContext.js +1 -1
  205. package/dist/tag/src/index.css +457 -457
  206. package/dist/tag/src/index.js +54 -49
  207. package/dist/typography/Heading/src/Heading.css +9 -3222
  208. package/dist/typography/Heading/src/Heading.js +2 -100
  209. package/dist/typography/Heading/src/HeadingContext.js +1 -1
  210. package/dist/typography/Heading/src/index.css +9 -3222
  211. package/dist/typography/Heading/src/index.js +2 -100
  212. package/dist/typography/Label/src/Label.css +9 -9
  213. package/dist/typography/Label/src/Label.js +2 -2
  214. package/dist/typography/Label/src/LabelContext.js +1 -1
  215. package/dist/typography/Label/src/index.css +9 -9
  216. package/dist/typography/Label/src/index.js +2 -2
  217. package/dist/typography/OverlineText/src/OverlineText.css +6 -6
  218. package/dist/typography/OverlineText/src/OverlineText.js +2 -2
  219. package/dist/typography/OverlineText/src/OverlineTextContext.js +1 -1
  220. package/dist/typography/OverlineText/src/index.css +6 -6
  221. package/dist/typography/OverlineText/src/index.js +2 -2
  222. package/dist/typography/Text/src/Text.css +9 -9
  223. package/dist/typography/Text/src/Text.js +2 -2
  224. package/dist/typography/Text/src/TextContext.js +1 -1
  225. package/dist/typography/Text/src/index.css +9 -9
  226. package/dist/typography/Text/src/index.js +2 -2
  227. package/dist/utils/src/ClearSlots.js +1 -1
  228. package/dist/utils/src/SlotProvider.js +1 -1
  229. package/dist/utils/src/assertion.js +1 -1
  230. package/dist/utils/src/composeClassnameRenderProps.js +1 -1
  231. package/dist/utils/src/cssModule.js +1 -1
  232. package/dist/utils/src/index.js +1 -1
  233. package/dist/utils/src/isTextOnlyChildren.js +1 -1
  234. package/dist/utils/src/useRenderProps.js +1 -1
  235. package/dist/utils/src/useSlot.js +1 -1
  236. package/package.json +4 -2
  237. package/dist/chunk-BC5A7RHI.js +0 -1260
@@ -1,5 +1,5 @@
1
1
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/OverlineText/src/OverlineText.module.css/#css-module-data */
2
- :where(.OverlineText-module__hop-OverlineText___a5x6R) {
2
+ :where(.OverlineText-module__hop-OverlineText___Vuw2H) {
3
3
  --hop-OverlineText-font-family: var(--hop-overline-font-family);
4
4
  --hop-OverlineText-font-size: var(--hop-overline-font-size);
5
5
  --hop-OverlineText-font-weight: var(--hop-overline-font-weight);
@@ -23,26 +23,26 @@
23
23
  text-transform: uppercase;
24
24
  letter-spacing: var(--letter-spacing);
25
25
  }
26
- .OverlineText-module__hop-OverlineText__text___TV62d {
26
+ .OverlineText-module__hop-OverlineText__text___xrm5a {
27
27
  box-sizing: border-box;
28
28
  }
29
- .OverlineText-module__hop-OverlineText__text___TV62d::before,
30
- .OverlineText-module__hop-OverlineText__text___TV62d::after {
29
+ .OverlineText-module__hop-OverlineText__text___xrm5a::before,
30
+ .OverlineText-module__hop-OverlineText__text___xrm5a::after {
31
31
  content: "";
32
32
  display: block;
33
33
  box-sizing: border-box;
34
34
  inline-size: 0;
35
35
  block-size: 0;
36
36
  }
37
- .OverlineText-module__hop-OverlineText__text___TV62d::before {
37
+ .OverlineText-module__hop-OverlineText__text___xrm5a::before {
38
38
  margin-block-end: var(--bottom-offset);
39
39
  }
40
- .OverlineText-module__hop-OverlineText__text___TV62d::after {
40
+ .OverlineText-module__hop-OverlineText__text___xrm5a::after {
41
41
  margin-block-start: var(--top-offset);
42
42
  }
43
43
 
44
44
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Badge/src/Badge.module.css/#css-module-data */
45
- .Badge-module__hop-Badge___vobuo {
45
+ .Badge-module__hop-Badge___pZ5KZ {
46
46
  --hop-Badge-height: 1.5rem;
47
47
  --hop-Badge-padding-inline: var(--hop-space-inset-sm);
48
48
  --hop-Badge-border-radius: var(--hop-shape-pill);
@@ -66,21 +66,21 @@
66
66
  background-color: var(--background-color, var(--hop-Badge-primary-background-color));
67
67
  border-radius: var(--border-radius);
68
68
  }
69
- .Badge-module__hop-Badge--primary___qDeOA {
69
+ .Badge-module__hop-Badge--primary___weyTt {
70
70
  --background-color: var(--hop-Badge-primary-background-color);
71
71
  --text-color: var(--hop-Badge-primary-text-color);
72
72
  }
73
- .Badge-module__hop-Badge--secondary___jTHaT {
73
+ .Badge-module__hop-Badge--secondary___MYrUR {
74
74
  --background-color: var(--hop-Badge-secondary-background-color);
75
75
  --text-color: var(--hop-Badge-secondary-text-color);
76
76
  }
77
- .Badge-module__hop-Badge___vobuo[data-disabled] {
77
+ .Badge-module__hop-Badge___pZ5KZ[data-disabled] {
78
78
  --background-color: var(--hop-Badge-background-color-disabled);
79
79
  --text-color: var(--hop-Badge-text-color-disabled);
80
80
  }
81
81
 
82
82
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/IconList/src/IconList.module.css/#css-module-data */
83
- .IconList-module__hop-IconList___dMC-1 {
83
+ .IconList-module__hop-IconList___WqX3l {
84
84
  --hop-IconList-gap: var(--hop-space-inline-xs);
85
85
  display: flex;
86
86
  flex-wrap: wrap;
@@ -89,7 +89,7 @@
89
89
  }
90
90
 
91
91
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Text/src/Text.module.css/#css-module-data */
92
- .Text-module__hop-Text___B7ZPi {
92
+ .Text-module__hop-Text___tIiCx {
93
93
  --hop-Text-xs-font-size: var(--hop-body-xs-font-size);
94
94
  --hop-Text-xs-font-family: var(--hop-body-xs-font-family);
95
95
  --hop-Text-xs-font-weight: var(--hop-body-xs-font-weight);
@@ -119,49 +119,49 @@
119
119
  --hop-Text-inherit-size-font-weight: inherit;
120
120
  --hop-Text-inherit-size-line-height: inherit;
121
121
  }
122
- :where(.Text-module__hop-Text___B7ZPi) {
122
+ :where(.Text-module__hop-Text___tIiCx) {
123
123
  font-family: var(--font-family);
124
124
  font-size: var(--font-size);
125
125
  font-weight: var(--font-weight);
126
126
  line-height: var(--line-height);
127
127
  }
128
- :where(.Text-module__hop-Text--xs___2lyVp) {
128
+ :where(.Text-module__hop-Text--xs___rw7oZ) {
129
129
  --font-size: var(--hop-Text-xs-font-size);
130
130
  --font-family: var(--hop-Text-xs-font-family);
131
131
  --font-weight: var(--hop-Text-xs-font-weight);
132
132
  --line-height: var(--hop-Text-xs-line-height);
133
133
  }
134
- :where(.Text-module__hop-Text--sm___ZJw0q) {
134
+ :where(.Text-module__hop-Text--sm___egXsQ) {
135
135
  --font-size: var(--hop-Text-sm-font-size);
136
136
  --font-family: var(--hop-Text-sm-font-family);
137
137
  --font-weight: var(--hop-Text-sm-font-weight);
138
138
  --line-height: var(--hop-Text-sm-line-height);
139
139
  }
140
- :where(.Text-module__hop-Text--md___JVXXA) {
140
+ :where(.Text-module__hop-Text--md___x9B05) {
141
141
  --font-size: var(--hop-Text-md-font-size);
142
142
  --font-family: var(--hop-Text-md-font-family);
143
143
  --font-weight: var(--hop-Text-md-font-weight);
144
144
  --line-height: var(--hop-Text-md-line-height);
145
145
  }
146
- :where(.Text-module__hop-Text--lg___cL0LO) {
146
+ :where(.Text-module__hop-Text--lg___G-bAx) {
147
147
  --font-size: var(--hop-Text-lg-font-size);
148
148
  --font-family: var(--hop-Text-lg-font-family);
149
149
  --font-weight: var(--hop-Text-lg-font-weight);
150
150
  --line-height: var(--hop-Text-lg-line-height);
151
151
  }
152
- :where(.Text-module__hop-Text--xl___KLn7g) {
152
+ :where(.Text-module__hop-Text--xl___QHdr-) {
153
153
  --font-size: var(--hop-Text-xl-font-size);
154
154
  --font-family: var(--hop-Text-xl-font-family);
155
155
  --font-weight: var(--hop-Text-xl-font-weight);
156
156
  --line-height: var(--hop-Text-xl-line-height);
157
157
  }
158
- :where(.Text-module__hop-Text--2xl___gb6mt) {
158
+ :where(.Text-module__hop-Text--2xl___Y5asG) {
159
159
  --font-size: var(--hop-Text-2xl-font-size);
160
160
  --font-family: var(--hop-Text-2xl-font-family);
161
161
  --font-weight: var(--hop-Text-2xl-font-weight);
162
162
  --line-height: var(--hop-Text-2xl-line-height);
163
163
  }
164
- :where(.Text-module__hop-Text--inherit___-UFCW) {
164
+ :where(.Text-module__hop-Text--inherit___HTrly) {
165
165
  --font-size: var(--hop-Text-inherit-size-font-size);
166
166
  --font-family: var(--hop-Text-inherit-size-font-family);
167
167
  --font-weight: var(--hop-Text-inherit-size-font-weight);
@@ -169,7 +169,7 @@
169
169
  }
170
170
 
171
171
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/Checkbox.module.css/#css-module-data */
172
- .Checkbox-module__hop-Checkbox___kkfkh {
172
+ .Checkbox-module__hop-Checkbox___-skry {
173
173
  --hop-Checkbox-box-border-size: 0.0625rem;
174
174
  --hop-Checkbox-box-border-color: var(--hop-neutral-border);
175
175
  --hop-Checkbox-box-background-color: var(--hop-neutral-surface);
@@ -245,8 +245,8 @@
245
245
  inline-size: max-content;
246
246
  max-inline-size: 100%;
247
247
  }
248
- .Checkbox-module__hop-Checkbox___kkfkh[data-focus-visible],
249
- .Checkbox-module__hop-Checkbox--focused___TlPED {
248
+ .Checkbox-module__hop-Checkbox___-skry[data-focus-visible],
249
+ .Checkbox-module__hop-Checkbox--focused___X0QkL {
250
250
  --box-background-color: var(--hop-Checkbox-box-background-color-focused);
251
251
  --box-border-color: var(--hop-Checkbox-box-border-color-focused);
252
252
  --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
@@ -254,22 +254,22 @@
254
254
  --icon-color: var(--hop-Checkbox-icon-color-focused);
255
255
  --description-color: var(--hop-Checkbox-description-color-focus);
256
256
  }
257
- .Checkbox-module__hop-Checkbox___kkfkh[data-hovered],
258
- .Checkbox-module__hop-Checkbox--hovered___RChm- {
257
+ .Checkbox-module__hop-Checkbox___-skry[data-hovered],
258
+ .Checkbox-module__hop-Checkbox--hovered___Sy-i1 {
259
259
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered);
260
260
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered);
261
261
  --text-color: var(--hop-Checkbox-text-color-hovered);
262
262
  --icon-color: var(--hop-Checkbox-icon-color-hovered);
263
263
  --description-color: var(--hop-Checkbox-description-color-hover);
264
264
  }
265
- .Checkbox-module__hop-Checkbox___kkfkh[data-pressed],
266
- .Checkbox-module__hop-Checkbox--pressed___rF14S {
265
+ .Checkbox-module__hop-Checkbox___-skry[data-pressed],
266
+ .Checkbox-module__hop-Checkbox--pressed___L-0uq {
267
267
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed);
268
268
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed);
269
269
  --text-color: var(--hop-Checkbox-text-color-pressed);
270
270
  --icon-color: var(--hop-Checkbox-icon-color-pressed);
271
271
  }
272
- .Checkbox-module__hop-Checkbox___kkfkh[data-selected] {
272
+ .Checkbox-module__hop-Checkbox___-skry[data-selected] {
273
273
  --box-background-color: var(--hop-Checkbox-box-background-color-selected);
274
274
  --box-border-color: var(--hop-Checkbox-box-border-color-selected);
275
275
  --check-display: var(--hop-Checkbox-check-display-selected);
@@ -277,7 +277,7 @@
277
277
  --icon-color: var(--hop-Checkbox-icon-color-selected);
278
278
  --description-color: var(--hop-Checkbox-description-color-checked);
279
279
  }
280
- .Checkbox-module__hop-Checkbox___kkfkh[data-invalid] {
280
+ .Checkbox-module__hop-Checkbox___-skry[data-invalid] {
281
281
  --box-background-color: var(--hop-Checkbox-box-background-color-invalid);
282
282
  --box-border-color: var(--hop-Checkbox-box-border-color-invalid);
283
283
  --check-color: var(--hop-Checkbox-check-color-invalid);
@@ -285,27 +285,27 @@
285
285
  --icon-color: var(--hop-Checkbox-icon-color-invalid);
286
286
  --description-color: var(--hop-Checkbox-description-color-invalid);
287
287
  }
288
- .Checkbox-module__hop-Checkbox___kkfkh[data-invalid]:where([data-focus-visible], .Checkbox-module__hop-Checkbox--focused___TlPED) {
288
+ .Checkbox-module__hop-Checkbox___-skry[data-invalid]:where([data-focus-visible], .Checkbox-module__hop-Checkbox--focused___X0QkL) {
289
289
  --box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
290
290
  --box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
291
291
  }
292
- .Checkbox-module__hop-Checkbox___kkfkh[data-invalid]:where([data-hovered], .Checkbox-module__hop-Checkbox--hovered___RChm-) {
292
+ .Checkbox-module__hop-Checkbox___-skry[data-invalid]:where([data-hovered], .Checkbox-module__hop-Checkbox--hovered___Sy-i1) {
293
293
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
294
294
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
295
295
  --text-color: var(--hop-Checkbox-text-color-hovered-invalid);
296
296
  --icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
297
297
  }
298
- .Checkbox-module__hop-Checkbox___kkfkh[data-invalid]:where([data-pressed], .Checkbox-module__hop-Checkbox--pressed___rF14S) {
298
+ .Checkbox-module__hop-Checkbox___-skry[data-invalid]:where([data-pressed], .Checkbox-module__hop-Checkbox--pressed___L-0uq) {
299
299
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
300
300
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
301
301
  --text-color: var(--hop-Checkbox-text-color-pressed-invalid);
302
302
  --icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
303
303
  }
304
- .Checkbox-module__hop-Checkbox___kkfkh:where([data-invalid])[data-selected] {
304
+ .Checkbox-module__hop-Checkbox___-skry:where([data-invalid])[data-selected] {
305
305
  --box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
306
306
  --box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
307
307
  }
308
- .Checkbox-module__hop-Checkbox___kkfkh[data-disabled] {
308
+ .Checkbox-module__hop-Checkbox___-skry[data-disabled] {
309
309
  --box-background-color: var(--hop-Checkbox-box-background-color-disabled);
310
310
  --box-border-color: var(--hop-Checkbox-box-border-color-disabled);
311
311
  --check-color: var(--hop-Checkbox-check-color-disabled);
@@ -314,25 +314,25 @@
314
314
  --icon-color: var(--hop-Checkbox-icon-color-disabled);
315
315
  --description-color: var(--hop-Checkbox-description-color-disabled);
316
316
  }
317
- .Checkbox-module__hop-Checkbox--sm___meRzS {
317
+ .Checkbox-module__hop-Checkbox--sm___6VG9N {
318
318
  --box-block-size: var(--hop-Checkbox-box-sm-block-size);
319
319
  --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
320
320
  --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
321
321
  --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
322
322
  }
323
- .Checkbox-module__hop-Checkbox--md___FP707 {
323
+ .Checkbox-module__hop-Checkbox--md___uK-n- {
324
324
  --box-block-size: var(--hop-Checkbox-box-md-block-size);
325
325
  --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
326
326
  --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
327
327
  --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
328
328
  }
329
- .Checkbox-module__hop-Checkbox__icon___riT8C,
330
- .Checkbox-module__hop-Checkbox__icon-list___qqh1A {
329
+ .Checkbox-module__hop-Checkbox__icon___UWW9Q,
330
+ .Checkbox-module__hop-Checkbox__icon-list___ZJ8OH {
331
331
  flex: 0 0 auto;
332
332
  order: 3;
333
333
  color: var(--icon-color);
334
334
  }
335
- .Checkbox-module__hop-Checkbox__box___0yaup {
335
+ .Checkbox-module__hop-Checkbox__box___IrGoV {
336
336
  display: flex;
337
337
  flex: 0 0 auto;
338
338
  align-items: center;
@@ -348,11 +348,11 @@
348
348
  outline-offset: 0.125rem;
349
349
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
350
350
  }
351
- .Checkbox-module__hop-Checkbox__check___QslyE {
351
+ .Checkbox-module__hop-Checkbox__check___R6h7l {
352
352
  display: var(--check-display);
353
353
  color: var(--check-color);
354
354
  }
355
- .Checkbox-module__hop-Checkbox__text___dS-ci {
355
+ .Checkbox-module__hop-Checkbox__text___uO5pN {
356
356
  flex: 0 1 auto;
357
357
  order: 2;
358
358
  min-inline-size: 0;
@@ -362,7 +362,7 @@
362
362
  }
363
363
 
364
364
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxField.module.css/#css-module-data */
365
- .CheckboxField-module__hop-CheckboxField___sv7hL {
365
+ .CheckboxField-module__hop-CheckboxField___pydl9 {
366
366
  --hop-CheckboxField-description-color: var(--hop-neutral-text-weak);
367
367
  --hop-CheckboxField-description-color-disabled: var(--hop-neutral-text-disabled);
368
368
  --hop-CheckboxField-sm-row-gap: var(--hop-space-stack-xs);
@@ -381,28 +381,28 @@
381
381
  inline-size: max-content;
382
382
  max-inline-size: 100%;
383
383
  }
384
- .CheckboxField-module__hop-CheckboxField___sv7hL[data-disabled] {
384
+ .CheckboxField-module__hop-CheckboxField___pydl9[data-disabled] {
385
385
  --description-color: var(--hop-CheckboxField-description-color-disabled);
386
386
  }
387
- .CheckboxField-module__hop-CheckboxField--sm___Kkdsk {
387
+ .CheckboxField-module__hop-CheckboxField--sm___Fopud {
388
388
  --row-gap: var(--hop-CheckboxField-sm-row-gap);
389
389
  --description-margin-inline-start: var(--hop-CheckboxField-description-sm-margin-inline-start);
390
390
  }
391
- .CheckboxField-module__hop-CheckboxField--md___2zUca {
391
+ .CheckboxField-module__hop-CheckboxField--md___UCUdY {
392
392
  --row-gap: var(--hop-CheckboxField-md-row-gap);
393
393
  --description-margin-inline-start: var(--hop-CheckboxField-description-md-margin-inline-start);
394
394
  }
395
- .CheckboxField-module__hop-CheckboxField__description___0-Wfs {
395
+ .CheckboxField-module__hop-CheckboxField__description___tatz9 {
396
396
  order: 2;
397
397
  margin-inline-start: var(--description-margin-inline-start, var(--hop-CheckboxField-description-md-margin-inline-start));
398
398
  color: var(--description-color);
399
399
  }
400
- .CheckboxField-module__hop-CheckboxField__checkbox___ziF8w {
400
+ .CheckboxField-module__hop-CheckboxField__checkbox___NXlad {
401
401
  order: 1;
402
402
  }
403
403
 
404
404
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ErrorMessage/src/ErrorMessage.module.css/#css-module-data */
405
- .ErrorMessage-module__hop-ErrorMessage___SA3fD {
405
+ .ErrorMessage-module__hop-ErrorMessage___yC5xH {
406
406
  --hop-ErrorMessage-color: var(--hop-danger-text-weak);
407
407
  --hop-ErrorMessage-font-family: var(--hop-body-xs-font-family);
408
408
  --hop-ErrorMessage-font-size: var(--hop-body-xs-font-size);
@@ -419,13 +419,13 @@
419
419
  line-height: var(--hop-ErrorMessage-line-height);
420
420
  color: var(--hop-ErrorMessage-color);
421
421
  }
422
- .ErrorMessage-module__hop-ErrorMessage__icon___cB2Bk {
422
+ .ErrorMessage-module__hop-ErrorMessage__icon___8C4pS {
423
423
  flex: 0 0 auto;
424
424
  align-self: flex-start;
425
425
  }
426
426
 
427
427
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/HelperMessage/src/HelperMessage.module.css/#css-module-data */
428
- .HelperMessage-module__hop-HelperMessage___msUnY {
428
+ .HelperMessage-module__hop-HelperMessage___m-yIS {
429
429
  --hop-HelperMessage-color: var(--hop-neutral-text-weak);
430
430
  --hop-HelperMessage-column-gap: var(--hop-space-inline-xs);
431
431
  display: flex;
@@ -434,13 +434,13 @@
434
434
  box-sizing: border-box;
435
435
  color: var(--hop-HelperMessage-color);
436
436
  }
437
- .HelperMessage-module__hop-HelperMessage__icon___-GUWj {
437
+ .HelperMessage-module__hop-HelperMessage__icon___CaMfM {
438
438
  flex: 0 0 auto;
439
439
  align-self: flex-start;
440
440
  }
441
441
 
442
442
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Label/src/Label.module.css/#css-module-data */
443
- .Label-module__hop-Label___mLBaa {
443
+ .Label-module__hop-Label___oItqW {
444
444
  --hop-Label-xs-font-size: var(--hop-body-xs-font-size);
445
445
  --hop-Label-xs-font-family: var(--hop-body-xs-font-family);
446
446
  --hop-Label-xs-font-weight: var(--hop-body-xs-font-weight);
@@ -470,49 +470,49 @@
470
470
  --hop-Label-inherit-size-font-weight: inherit;
471
471
  --hop-Label-inherit-size-line-height: inherit;
472
472
  }
473
- :where(.Label-module__hop-Label___mLBaa) {
473
+ :where(.Label-module__hop-Label___oItqW) {
474
474
  font-family: var(--font-family);
475
475
  font-size: var(--font-size);
476
476
  font-weight: var(--font-weight);
477
477
  line-height: var(--line-height);
478
478
  }
479
- :where(.Label-module__hop-Label--xs___SooLf) {
479
+ :where(.Label-module__hop-Label--xs___OCQc9) {
480
480
  --font-size: var(--hop-Label-xs-font-size);
481
481
  --font-family: var(--hop-Label-xs-font-family);
482
482
  --font-weight: var(--hop-Label-xs-font-weight);
483
483
  --line-height: var(--hop-Label-xs-line-height);
484
484
  }
485
- :where(.Label-module__hop-Label--sm___0IFHf) {
485
+ :where(.Label-module__hop-Label--sm___-fhZc) {
486
486
  --font-size: var(--hop-Label-sm-font-size);
487
487
  --font-family: var(--hop-Label-sm-font-family);
488
488
  --font-weight: var(--hop-Label-sm-font-weight);
489
489
  --line-height: var(--hop-Label-sm-line-height);
490
490
  }
491
- :where(.Label-module__hop-Label--md___OwSmD) {
491
+ :where(.Label-module__hop-Label--md___OdAm4) {
492
492
  --font-size: var(--hop-Label-md-font-size);
493
493
  --font-family: var(--hop-Label-md-font-family);
494
494
  --font-weight: var(--hop-Label-md-font-weight);
495
495
  --line-height: var(--hop-Label-md-line-height);
496
496
  }
497
- :where(.Label-module__hop-Label--lg___NtQQ0) {
497
+ :where(.Label-module__hop-Label--lg___GbPeJ) {
498
498
  --font-size: var(--hop-Label-lg-font-size);
499
499
  --font-family: var(--hop-Label-lg-font-family);
500
500
  --font-weight: var(--hop-Label-lg-font-weight);
501
501
  --line-height: var(--hop-Label-lg-line-height);
502
502
  }
503
- :where(.Label-module__hop-Label--xl___-Hdm9) {
503
+ :where(.Label-module__hop-Label--xl___1wofe) {
504
504
  --font-size: var(--hop-Label-xl-font-size);
505
505
  --font-family: var(--hop-Label-xl-font-family);
506
506
  --font-weight: var(--hop-Label-xl-font-weight);
507
507
  --line-height: var(--hop-Label-xl-line-height);
508
508
  }
509
- :where(.Label-module__hop-Label--2xl___Ulb-V) {
509
+ :where(.Label-module__hop-Label--2xl___qv5gq) {
510
510
  --font-size: var(--hop-Label-2xl-font-size);
511
511
  --font-family: var(--hop-Label-2xl-font-family);
512
512
  --font-weight: var(--hop-Label-2xl-font-weight);
513
513
  --line-height: var(--hop-Label-2xl-line-height);
514
514
  }
515
- :where(.Label-module__hop-Label--inherit___K1Xcp) {
515
+ :where(.Label-module__hop-Label--inherit___zEydh) {
516
516
  --font-size: var(--hop-Label-inherit-size-font-size);
517
517
  --font-family: var(--hop-Label-inherit-size-font-family);
518
518
  --font-weight: var(--hop-Label-inherit-size-font-weight);
@@ -520,7 +520,7 @@
520
520
  }
521
521
 
522
522
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxGroup.module.css/#css-module-data */
523
- .CheckboxGroup-module__hop-CheckboxGroup___J0v3l {
523
+ .CheckboxGroup-module__hop-CheckboxGroup___mj5ai {
524
524
  --hop-CheckboxGroup-align-items: flex-start;
525
525
  --hop-CheckboxGroup-justify-content: flex-start;
526
526
  --hop-CheckboxGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -559,46 +559,46 @@
559
559
  inline-size: max-content;
560
560
  max-inline-size: 100%;
561
561
  }
562
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___D1T7w {
562
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___XMEuo {
563
563
  --list-border: var(--checkbox-border-size) solid var(--checkbox-border-color);
564
564
  --list-border-radius: var(--hop-shape-rounded-md);
565
565
  }
566
- .CheckboxGroup-module__hop-CheckboxGroup--sm___UpAzu {
566
+ .CheckboxGroup-module__hop-CheckboxGroup--sm___h4UgL {
567
567
  --column-gap: var(--hop-CheckboxGroup-sm-column-gap);
568
568
  --row-gap: var(--hop-CheckboxGroup-sm-row-gap);
569
569
  --list-column-gap: var(--hop-CheckboxGroup-list-sm-column-gap);
570
570
  --list-row-gap: var(--hop-CheckboxGroup-list-sm-row-gap);
571
571
  }
572
- .CheckboxGroup-module__hop-CheckboxGroup--md___hdnvw {
572
+ .CheckboxGroup-module__hop-CheckboxGroup--md___O34t9 {
573
573
  --column-gap: var(--hop-CheckboxGroup-md-column-gap);
574
574
  --row-gap: var(--hop-CheckboxGroup-md-row-gap);
575
575
  --list-column-gap: var(--hop-CheckboxGroup-list-md-column-gap);
576
576
  --list-row-gap: var(--hop-CheckboxGroup-list-md-row-gap);
577
577
  }
578
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___D1T7w.CheckboxGroup-module__hop-CheckboxGroup--sm___UpAzu {
578
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___XMEuo.CheckboxGroup-module__hop-CheckboxGroup--sm___h4UgL {
579
579
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-sm-padding);
580
580
  --column-gap: var(--hop-CheckboxGroup-bordered-sm-column-gap);
581
581
  --row-gap: var(--hop-CheckboxGroup-bordered-sm-row-gap);
582
582
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-sm-column-gap);
583
583
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-sm-row-gap);
584
584
  }
585
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___D1T7w.CheckboxGroup-module__hop-CheckboxGroup--md___hdnvw {
585
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___XMEuo.CheckboxGroup-module__hop-CheckboxGroup--md___O34t9 {
586
586
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-md-padding);
587
587
  --column-gap: var(--hop-CheckboxGroup-bordered-md-column-gap);
588
588
  --row-gap: var(--hop-CheckboxGroup-bordered-md-row-gap);
589
589
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-md-column-gap);
590
590
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-md-row-gap);
591
591
  }
592
- .CheckboxGroup-module__hop-CheckboxGroup___J0v3l[data-orientation=horizontal] {
592
+ .CheckboxGroup-module__hop-CheckboxGroup___mj5ai[data-orientation=horizontal] {
593
593
  --flex-direction: var(--hop-CheckboxGroup-horizontal-flex-direction);
594
594
  }
595
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___D1T7w[data-orientation=horizontal] {
595
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___XMEuo[data-orientation=horizontal] {
596
596
  --flex-wrap: nowrap;
597
597
  }
598
- .CheckboxGroup-module__hop-CheckboxGroup___J0v3l > .CheckboxGroup-module__hop-CheckboxGroup__label___4s1y7 {
598
+ .CheckboxGroup-module__hop-CheckboxGroup___mj5ai > .CheckboxGroup-module__hop-CheckboxGroup__label___rX9kr {
599
599
  order: 1;
600
600
  }
601
- .CheckboxGroup-module__hop-CheckboxGroup__list___f-Ifz {
601
+ .CheckboxGroup-module__hop-CheckboxGroup__list___vHi6o {
602
602
  display: flex;
603
603
  flex-flow: var(--flex-direction) var(--flex-wrap);
604
604
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -609,7 +609,7 @@
609
609
  border: var(--list-border, none);
610
610
  border-radius: var(--list-border-radius, 0);
611
611
  }
612
- .CheckboxGroup-module__hop-CheckboxGroup__list___f-Ifz > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___x1-dz {
612
+ .CheckboxGroup-module__hop-CheckboxGroup__list___vHi6o > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___flwfU {
613
613
  position: relative;
614
614
  flex: 0 1 auto;
615
615
  align-content: start;
@@ -617,28 +617,28 @@
617
617
  min-inline-size: 0;
618
618
  padding: var(--checkbox-padding, 0);
619
619
  }
620
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___D1T7w .CheckboxGroup-module__hop-CheckboxGroup__list___f-Ifz > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___x1-dz ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___x1-dz::before {
620
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___XMEuo .CheckboxGroup-module__hop-CheckboxGroup__list___vHi6o > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___flwfU ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___flwfU::before {
621
621
  content: "";
622
622
  position: absolute;
623
623
  display: block;
624
624
  }
625
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___D1T7w[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___f-Ifz > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___x1-dz ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___x1-dz::before {
625
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___XMEuo[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___vHi6o > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___flwfU ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___flwfU::before {
626
626
  inset-block-start: 0;
627
627
  inset-inline: 0;
628
628
  border-block-start: var(--list-border, none);
629
629
  }
630
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___D1T7w[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___f-Ifz > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___x1-dz ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___x1-dz::before {
630
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___XMEuo[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___vHi6o > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___flwfU ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___flwfU::before {
631
631
  inset-block: 0;
632
632
  inset-inline-start: 0;
633
633
  border-inline-start: var(--list-border, none);
634
634
  }
635
- .CheckboxGroup-module__hop-CheckboxGroup___J0v3l > .CheckboxGroup-module__hop-CheckboxGroup__error-message___RXQBs,
636
- .CheckboxGroup-module__hop-CheckboxGroup___J0v3l > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___ArBfp {
635
+ .CheckboxGroup-module__hop-CheckboxGroup___mj5ai > .CheckboxGroup-module__hop-CheckboxGroup__error-message___KV5Zl,
636
+ .CheckboxGroup-module__hop-CheckboxGroup___mj5ai > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___gibWl {
637
637
  order: 3;
638
638
  }
639
639
 
640
640
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/Radio.module.css/#css-module-data */
641
- .Radio-module__hop-Radio___Ej0dA {
641
+ .Radio-module__hop-Radio___Xp7l6 {
642
642
  --hop-Radio-box-border-size: 0.0625rem;
643
643
  --hop-Radio-box-border-color: var(--hop-neutral-border);
644
644
  --hop-Radio-box-background-color: var(--hop-neutral-surface);
@@ -713,8 +713,8 @@
713
713
  inline-size: max-content;
714
714
  max-inline-size: 100%;
715
715
  }
716
- .Radio-module__hop-Radio___Ej0dA[data-focus-visible],
717
- .Radio-module__hop-Radio--focused___EBP2c {
716
+ .Radio-module__hop-Radio___Xp7l6[data-focus-visible],
717
+ .Radio-module__hop-Radio--focused___yW0Wx {
718
718
  --box-background-color: var(--hop-Radio-box-background-color-focused);
719
719
  --box-border-color: var(--hop-Radio-box-border-color-focused);
720
720
  --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
@@ -722,23 +722,23 @@
722
722
  --icon-color: var(--hop-Radio-icon-color-focused);
723
723
  --description-color: var(--hop-Radio-description-color-focus);
724
724
  }
725
- .Radio-module__hop-Radio___Ej0dA[data-hovered],
726
- .Radio-module__hop-Radio--hovered___4dfUm {
725
+ .Radio-module__hop-Radio___Xp7l6[data-hovered],
726
+ .Radio-module__hop-Radio--hovered___ckfKe {
727
727
  --box-background-color: var(--hop-Radio-box-background-color-hovered);
728
728
  --box-border-color: var(--hop-Radio-box-border-color-hovered);
729
729
  --text-color: var(--hop-Radio-text-color-hovered);
730
730
  --icon-color: var(--hop-Radio-icon-color-hovered);
731
731
  --description-color: var(--hop-Radio-description-color-hover);
732
732
  }
733
- .Radio-module__hop-Radio___Ej0dA[data-pressed],
734
- .Radio-module__hop-Radio--pressed___GXIqK {
733
+ .Radio-module__hop-Radio___Xp7l6[data-pressed],
734
+ .Radio-module__hop-Radio--pressed___Gxr0y {
735
735
  --box-background-color: var(--hop-Radio-box-background-color-pressed);
736
736
  --box-border-color: var(--hop-Radio-box-border-color-pressed);
737
737
  --text-color: var(--hop-Radio-text-color-pressed);
738
738
  --icon-color: var(--hop-Radio-icon-color-pressed);
739
739
  --description-color: var(--hop-Radio-description-color-pressed);
740
740
  }
741
- .Radio-module__hop-Radio___Ej0dA[data-selected] {
741
+ .Radio-module__hop-Radio___Xp7l6[data-selected] {
742
742
  --box-background-color: var(--hop-Radio-box-background-color-selected);
743
743
  --box-border-color: var(--hop-Radio-box-border-color-selected);
744
744
  --bullet-display: var(--hop-Radio-bullet-display-selected);
@@ -746,7 +746,7 @@
746
746
  --icon-color: var(--hop-Radio-icon-color-selected);
747
747
  --description-color: var(--hop-Radio-description-color-selected);
748
748
  }
749
- .Radio-module__hop-Radio___Ej0dA[data-invalid] {
749
+ .Radio-module__hop-Radio___Xp7l6[data-invalid] {
750
750
  --box-background-color: var(--hop-Radio-box-background-color-invalid);
751
751
  --box-border-color: var(--hop-Radio-box-border-color-invalid);
752
752
  --bullet-color: var(--hop-Radio-bullet-color-invalid);
@@ -754,27 +754,27 @@
754
754
  --icon-color: var(--hop-Radio-icon-color-invalid);
755
755
  --description-color: var(--hop-Radio-description-color-invalid);
756
756
  }
757
- .Radio-module__hop-Radio___Ej0dA:where([data-invalid])[data-focus-visible] {
757
+ .Radio-module__hop-Radio___Xp7l6:where([data-invalid])[data-focus-visible] {
758
758
  --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
759
759
  --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
760
760
  }
761
- .Radio-module__hop-Radio___Ej0dA:where([data-invalid])[data-hovered] {
761
+ .Radio-module__hop-Radio___Xp7l6:where([data-invalid])[data-hovered] {
762
762
  --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
763
763
  --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
764
764
  --text-color: var(--hop-Radio-text-color-hovered-invalid);
765
765
  --icon-color: var(--hop-Radio-text-color-hovered-invalid);
766
766
  }
767
- .Radio-module__hop-Radio___Ej0dA:where([data-invalid])[data-pressed] {
767
+ .Radio-module__hop-Radio___Xp7l6:where([data-invalid])[data-pressed] {
768
768
  --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
769
769
  --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
770
770
  --text-color: var(--hop-Radio-text-color-pressed-invalid);
771
771
  --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
772
772
  }
773
- .Radio-module__hop-Radio___Ej0dA:where([data-invalid])[data-selected] {
773
+ .Radio-module__hop-Radio___Xp7l6:where([data-invalid])[data-selected] {
774
774
  --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
775
775
  --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
776
776
  }
777
- .Radio-module__hop-Radio___Ej0dA[data-disabled] {
777
+ .Radio-module__hop-Radio___Xp7l6[data-disabled] {
778
778
  --box-background-color: var(--hop-Radio-box-background-color-disabled);
779
779
  --box-border-color: var(--hop-Radio-box-border-color-disabled);
780
780
  --bullet-color: var(--hop-Radio-bullet-color-disabled);
@@ -783,25 +783,25 @@
783
783
  --icon-color: var(--hop-Radio-icon-color-disabled);
784
784
  --description-color: var(--hop-Radio-description-color-disabled);
785
785
  }
786
- .Radio-module__hop-Radio--sm___XUcRq {
786
+ .Radio-module__hop-Radio--sm___hP32c {
787
787
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
788
788
  --box-block-size: var(--hop-Radio-box-sm-block-size);
789
789
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
790
790
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
791
791
  }
792
- .Radio-module__hop-Radio--md___-Thls {
792
+ .Radio-module__hop-Radio--md___4o0tb {
793
793
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
794
794
  --box-block-size: var(--hop-Radio-box-md-block-size);
795
795
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
796
796
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
797
797
  }
798
- .Radio-module__hop-Radio__icon___6mbf6,
799
- .Radio-module__hop-Radio__icon-list___VBhFT {
798
+ .Radio-module__hop-Radio__icon___STn-v,
799
+ .Radio-module__hop-Radio__icon-list___VkNaY {
800
800
  flex: 0 0 auto;
801
801
  order: 3;
802
802
  color: var(--icon-color);
803
803
  }
804
- .Radio-module__hop-Radio__box___QMuH4 {
804
+ .Radio-module__hop-Radio__box___-9Dex {
805
805
  display: flex;
806
806
  flex: 0 0 auto;
807
807
  align-items: center;
@@ -817,11 +817,11 @@
817
817
  outline-offset: 0.125rem;
818
818
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
819
819
  }
820
- .Radio-module__hop-Radio__bullet___5-SbO {
820
+ .Radio-module__hop-Radio__bullet___0oWOE {
821
821
  display: var(--bullet-display);
822
822
  color: var(--bullet-color);
823
823
  }
824
- .Radio-module__hop-Radio__text___fZ6br {
824
+ .Radio-module__hop-Radio__text___iJnng {
825
825
  flex: 0 1 auto;
826
826
  order: 2;
827
827
  min-inline-size: 0;
@@ -831,7 +831,7 @@
831
831
  }
832
832
 
833
833
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioField.module.css/#css-module-data */
834
- .RadioField-module__hop-RadioField___8QRjD {
834
+ .RadioField-module__hop-RadioField___A3lD0 {
835
835
  --hop-RadioField-description-color: var(--hop-neutral-text-weak);
836
836
  --hop-RadioField-description-color-disabled: var(--hop-neutral-text-disabled);
837
837
  --hop-RadioField-sm-row-gap: var(--hop-space-stack-xs);
@@ -850,28 +850,28 @@
850
850
  inline-size: max-content;
851
851
  max-inline-size: 100%;
852
852
  }
853
- .RadioField-module__hop-RadioField___8QRjD[data-disabled] {
853
+ .RadioField-module__hop-RadioField___A3lD0[data-disabled] {
854
854
  --description-color: var(--hop-RadioField-description-color-disabled);
855
855
  }
856
- .RadioField-module__hop-RadioField--sm___X4Gkl {
856
+ .RadioField-module__hop-RadioField--sm___qT1Ga {
857
857
  --row-gap: var(--hop-RadioField-sm-row-gap);
858
858
  --description-margin-inline-start: var(--hop-RadioField-description-sm-margin-inline-start);
859
859
  }
860
- .RadioField-module__hop-RadioField--md___Z451F {
860
+ .RadioField-module__hop-RadioField--md___1sltk {
861
861
  --row-gap: var(--hop-RadioField-md-row-gap);
862
862
  --description-margin-inline-start: var(--hop-RadioField-description-md-margin-inline-start);
863
863
  }
864
- .RadioField-module__hop-RadioField__description___SqBmM {
864
+ .RadioField-module__hop-RadioField__description___Tm3Cz {
865
865
  order: 2;
866
866
  margin-inline-start: var(--description-margin-inline-start, var(--hop-RadioField-description-md-margin-inline-start));
867
867
  color: var(--description-color);
868
868
  }
869
- .RadioField-module__hop-RadioField__radio___CfAFT {
869
+ .RadioField-module__hop-RadioField__radio___RlTsT {
870
870
  order: 1;
871
871
  }
872
872
 
873
873
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioGroup.module.css/#css-module-data */
874
- .RadioGroup-module__hop-RadioGroup___S6s5y {
874
+ .RadioGroup-module__hop-RadioGroup___gKLRP {
875
875
  --hop-RadioGroup-align-items: flex-start;
876
876
  --hop-RadioGroup-justify-content: flex-start;
877
877
  --hop-RadioGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -911,46 +911,46 @@
911
911
  inline-size: var(--inline-size);
912
912
  max-inline-size: 100%;
913
913
  }
914
- .RadioGroup-module__hop-RadioGroup--bordered___CFrBV {
914
+ .RadioGroup-module__hop-RadioGroup--bordered___1-bcY {
915
915
  --list-border: var(--radio-border-size) solid var(--radio-border-color);
916
916
  --list-border-radius: var(--hop-shape-rounded-md);
917
917
  }
918
- .RadioGroup-module__hop-RadioGroup--sm___2p7Wk {
918
+ .RadioGroup-module__hop-RadioGroup--sm___lnLkS {
919
919
  --column-gap: var(--hop-RadioGroup-sm-column-gap);
920
920
  --row-gap: var(--hop-RadioGroup-sm-row-gap);
921
921
  --list-column-gap: var(--hop-RadioGroup-list-sm-column-gap);
922
922
  --list-row-gap: var(--hop-RadioGroup-list-sm-row-gap);
923
923
  }
924
- .RadioGroup-module__hop-RadioGroup--md___eqGjG {
924
+ .RadioGroup-module__hop-RadioGroup--md___Jvqyo {
925
925
  --column-gap: var(--hop-RadioGroup-md-column-gap);
926
926
  --row-gap: var(--hop-RadioGroup-md-row-gap);
927
927
  --list-column-gap: var(--hop-RadioGroup-list-md-column-gap);
928
928
  --list-row-gap: var(--hop-RadioGroup-list-md-row-gap);
929
929
  }
930
- .RadioGroup-module__hop-RadioGroup--bordered___CFrBV.RadioGroup-module__hop-RadioGroup--sm___2p7Wk {
930
+ .RadioGroup-module__hop-RadioGroup--bordered___1-bcY.RadioGroup-module__hop-RadioGroup--sm___lnLkS {
931
931
  --radio-padding: var(--hop-RadioGroup-bordered-sm-padding);
932
932
  --column-gap: var(--hop-RadioGroup-bordered-sm-column-gap);
933
933
  --row-gap: var(--hop-RadioGroup-bordered-sm-row-gap);
934
934
  --list-column-gap: var(--hop-RadioGroup-list-bordered-sm-column-gap);
935
935
  --list-row-gap: var(--hop-RadioGroup-list-bordered-sm-row-gap);
936
936
  }
937
- .RadioGroup-module__hop-RadioGroup--bordered___CFrBV.RadioGroup-module__hop-RadioGroup--md___eqGjG {
937
+ .RadioGroup-module__hop-RadioGroup--bordered___1-bcY.RadioGroup-module__hop-RadioGroup--md___Jvqyo {
938
938
  --radio-padding: var(--hop-RadioGroup-bordered-md-padding);
939
939
  --column-gap: var(--hop-RadioGroup-bordered-md-column-gap);
940
940
  --row-gap: var(--hop-RadioGroup-bordered-md-row-gap);
941
941
  --list-column-gap: var(--hop-RadioGroup-list-bordered-md-column-gap);
942
942
  --list-row-gap: var(--hop-RadioGroup-list-bordered-md-row-gap);
943
943
  }
944
- .RadioGroup-module__hop-RadioGroup___S6s5y[data-orientation=horizontal] {
944
+ .RadioGroup-module__hop-RadioGroup___gKLRP[data-orientation=horizontal] {
945
945
  --flex-direction: var(--hop-RadioGroup-horizontal-flex-direction);
946
946
  }
947
- .RadioGroup-module__hop-RadioGroup--bordered___CFrBV[data-orientation=horizontal] {
947
+ .RadioGroup-module__hop-RadioGroup--bordered___1-bcY[data-orientation=horizontal] {
948
948
  --flex-wrap: nowrap;
949
949
  }
950
- .RadioGroup-module__hop-RadioGroup___S6s5y > .RadioGroup-module__hop-RadioGroup__label___7-iXB {
950
+ .RadioGroup-module__hop-RadioGroup___gKLRP > .RadioGroup-module__hop-RadioGroup__label___sv-Ey {
951
951
  order: 1;
952
952
  }
953
- .RadioGroup-module__hop-RadioGroup__list___C5N0N {
953
+ .RadioGroup-module__hop-RadioGroup__list___pw9-- {
954
954
  display: flex;
955
955
  flex-flow: var(--flex-direction) var(--flex-wrap);
956
956
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -961,7 +961,7 @@
961
961
  border: var(--list-border, none);
962
962
  border-radius: var(--list-border-radius, 0);
963
963
  }
964
- .RadioGroup-module__hop-RadioGroup__list___C5N0N > .RadioGroup-module__hop-RadioGroup__radio___k3eYk {
964
+ .RadioGroup-module__hop-RadioGroup__list___pw9-- > .RadioGroup-module__hop-RadioGroup__radio___QEo5I {
965
965
  position: relative;
966
966
  flex: 0 1 auto;
967
967
  align-content: start;
@@ -969,28 +969,28 @@
969
969
  min-inline-size: 0;
970
970
  padding: var(--radio-padding, 0);
971
971
  }
972
- .RadioGroup-module__hop-RadioGroup--bordered___CFrBV .RadioGroup-module__hop-RadioGroup__list___C5N0N > .RadioGroup-module__hop-RadioGroup__radio___k3eYk ~ .RadioGroup-module__hop-RadioGroup__radio___k3eYk::before {
972
+ .RadioGroup-module__hop-RadioGroup--bordered___1-bcY .RadioGroup-module__hop-RadioGroup__list___pw9-- > .RadioGroup-module__hop-RadioGroup__radio___QEo5I ~ .RadioGroup-module__hop-RadioGroup__radio___QEo5I::before {
973
973
  content: "";
974
974
  position: absolute;
975
975
  display: block;
976
976
  }
977
- .RadioGroup-module__hop-RadioGroup--bordered___CFrBV[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___C5N0N > .RadioGroup-module__hop-RadioGroup__radio___k3eYk ~ .RadioGroup-module__hop-RadioGroup__radio___k3eYk::before {
977
+ .RadioGroup-module__hop-RadioGroup--bordered___1-bcY[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___pw9-- > .RadioGroup-module__hop-RadioGroup__radio___QEo5I ~ .RadioGroup-module__hop-RadioGroup__radio___QEo5I::before {
978
978
  inset-block-start: 0;
979
979
  inset-inline: 0;
980
980
  border-block-start: var(--list-border, none);
981
981
  }
982
- .RadioGroup-module__hop-RadioGroup--bordered___CFrBV[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___C5N0N > .RadioGroup-module__hop-RadioGroup__radio___k3eYk ~ .RadioGroup-module__hop-RadioGroup__radio___k3eYk::before {
982
+ .RadioGroup-module__hop-RadioGroup--bordered___1-bcY[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___pw9-- > .RadioGroup-module__hop-RadioGroup__radio___QEo5I ~ .RadioGroup-module__hop-RadioGroup__radio___QEo5I::before {
983
983
  inset-block: 0;
984
984
  inset-inline-start: 0;
985
985
  border-inline-start: var(--list-border, none);
986
986
  }
987
- .RadioGroup-module__hop-RadioGroup___S6s5y > .RadioGroup-module__hop-RadioGroup__error-message___vOUPq,
988
- .RadioGroup-module__hop-RadioGroup___S6s5y > .RadioGroup-module__hop-RadioGroup__helper-message___uQgIj {
987
+ .RadioGroup-module__hop-RadioGroup___gKLRP > .RadioGroup-module__hop-RadioGroup__error-message___qh3t0,
988
+ .RadioGroup-module__hop-RadioGroup___gKLRP > .RadioGroup-module__hop-RadioGroup__helper-message___b51mt {
989
989
  order: 3;
990
990
  }
991
991
 
992
992
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBoxItemSkeleton.module.css/#css-module-data */
993
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___vxdl4 {
993
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___qGocC {
994
994
  --hop-ListBoxItemSkeleton-background-color: var(--hop-rock-50);
995
995
  --hop-ListBoxItemSkeleton-background-color-dark: var(--hop-rock-75);
996
996
  --hop-ListBoxItemSkeleton-border-radius: var(--hop-shape-rounded-md);
@@ -1016,7 +1016,7 @@
1016
1016
  background-image: var(--hop-ListBoxItemSkeleton-linear-gradient);
1017
1017
  background-size: 400% 100%;
1018
1018
  border-radius: var(--hop-ListBoxItemSkeleton-border-radius);
1019
- animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___zxMXK;
1019
+ animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___4V4rA;
1020
1020
  animation-duration: var(--animation-duration);
1021
1021
  animation-timing-function: ease-in-out;
1022
1022
  animation-fill-mode: forwards;
@@ -1025,19 +1025,19 @@
1025
1025
  --animation-duration: var(--hop-ListBoxItemSkeleton-animation-reduced-motion-duration);
1026
1026
  }
1027
1027
  }
1028
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___lRdbr {
1028
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___-rxQp {
1029
1029
  --height: var(--hop-ListBoxItemSkeleton-xs-height);
1030
1030
  }
1031
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___yWx0f {
1031
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___2PpQs {
1032
1032
  --height: var(--hop-ListBoxItemSkeleton-sm-height);
1033
1033
  }
1034
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___S7Deh {
1034
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___Khoxh {
1035
1035
  --height: var(--hop-ListBoxItemSkeleton-md-height);
1036
1036
  }
1037
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___Rrcau {
1037
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___6Gwk- {
1038
1038
  --height: var(--hop-ListBoxItemSkeleton-lg-height);
1039
1039
  }
1040
- @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___zxMXK {
1040
+ @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___4V4rA {
1041
1041
  0% {
1042
1042
  background-position: 125% 50%;
1043
1043
  }
@@ -1047,7 +1047,7 @@
1047
1047
  }
1048
1048
 
1049
1049
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBoxItem.module.css/#css-module-data */
1050
- .ListBoxItem-module__hop-ListBoxItem___Yx1lW {
1050
+ .ListBoxItem-module__hop-ListBoxItem___LAkI1 {
1051
1051
  --hop-ListBoxItem-background-color: transparent;
1052
1052
  --hop-ListBoxItem-border-radius: var(--hop-shape-rounded-md);
1053
1053
  --hop-ListBoxItem-text-color: var(--hop-neutral-text);
@@ -1130,109 +1130,109 @@
1130
1130
  border-radius: var(--hop-ListBoxItem-border-radius);
1131
1131
  outline: var(--outline);
1132
1132
  }
1133
- .ListBoxItem-module__hop-ListBoxItem--xs___-dXrA {
1133
+ .ListBoxItem-module__hop-ListBoxItem--xs___Vsakx {
1134
1134
  --padding-block: var(--hop-ListBoxItem-xs-padding-block);
1135
1135
  --padding-inline: var(--hop-ListBoxItem-xs-padding-inline);
1136
1136
  --min-height: var(--hop-ListBoxItem-xs-min-height);
1137
1137
  }
1138
- .ListBoxItem-module__hop-ListBoxItem--sm___PJua2 {
1138
+ .ListBoxItem-module__hop-ListBoxItem--sm___FVQkC {
1139
1139
  --padding-block: var(--hop-ListBoxItem-sm-padding-block);
1140
1140
  --padding-inline: var(--hop-ListBoxItem-sm-padding-inline);
1141
1141
  --min-height: var(--hop-ListBoxItem-sm-min-height);
1142
1142
  }
1143
- .ListBoxItem-module__hop-ListBoxItem--md___tUXMc {
1143
+ .ListBoxItem-module__hop-ListBoxItem--md___avSEK {
1144
1144
  --padding-block: var(--hop-ListBoxItem-md-padding-block);
1145
1145
  --padding-inline: var(--hop-ListBoxItem-md-padding-inline);
1146
1146
  --min-height: var(--hop-ListBoxItem-md-min-height);
1147
1147
  }
1148
- .ListBoxItem-module__hop-ListBoxItem--lg___eGqO4 {
1148
+ .ListBoxItem-module__hop-ListBoxItem--lg___1enwh {
1149
1149
  --padding-block: var(--hop-ListBoxItem-lg-padding-block);
1150
1150
  --padding-inline: var(--hop-ListBoxItem-lg-padding-inline);
1151
1151
  --min-height: var(--hop-ListBoxItem-lg-min-height);
1152
1152
  }
1153
- .ListBoxItem-module__hop-ListBoxItem___Yx1lW[data-selection-mode] {
1153
+ .ListBoxItem-module__hop-ListBoxItem___LAkI1[data-selection-mode] {
1154
1154
  --cursor: pointer;
1155
1155
  }
1156
- .ListBoxItem-module__hop-ListBoxItem___Yx1lW:not([data-selection-mode]) {
1156
+ .ListBoxItem-module__hop-ListBoxItem___LAkI1:not([data-selection-mode]) {
1157
1157
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
1158
1158
  }
1159
- .ListBoxItem-module__hop-ListBoxItem__inner___QR5j1:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___Ei8-S) {
1159
+ .ListBoxItem-module__hop-ListBoxItem__inner___lsuM8:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___heQlg) {
1160
1160
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
1161
1161
  }
1162
- .ListBoxItem-module__hop-ListBoxItem__inner___QR5j1[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___Ei8-S) {
1162
+ .ListBoxItem-module__hop-ListBoxItem__inner___lsuM8[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___heQlg) {
1163
1163
  --checkmark-transition: none;
1164
1164
  }
1165
- .ListBoxItem-module__hop-ListBoxItem___Yx1lW[data-selected] {
1165
+ .ListBoxItem-module__hop-ListBoxItem___LAkI1[data-selected] {
1166
1166
  --background-color: var(--hop-ListBoxItem-background-color-selected);
1167
1167
  --text-color: var(--hop-ListBoxItem-text-color-selected);
1168
1168
  --icon-color: var(--hop-ListBoxItem-icon-color-selected);
1169
1169
  --checkmark-opacity: 1;
1170
1170
  }
1171
- .ListBoxItem-module__hop-ListBoxItem___Yx1lW[data-focus-visible] {
1171
+ .ListBoxItem-module__hop-ListBoxItem___LAkI1[data-focus-visible] {
1172
1172
  --background-color: var(--hop-ListBoxItem-background-color-focused);
1173
1173
  --text-color: var(--hop-ListBoxItem-text-color-focused);
1174
1174
  --icon-color: var(--hop-ListBoxItem-icon-color-focused);
1175
1175
  --outline: var(--hop-ListBoxItem-outline-size) solid var(--hop-ListBoxItem-outline-color);
1176
1176
  }
1177
- .ListBoxItem-module__hop-ListBoxItem___Yx1lW[data-hovered] {
1177
+ .ListBoxItem-module__hop-ListBoxItem___LAkI1[data-hovered] {
1178
1178
  --background-color: var(--hop-ListBoxItem-background-color-hovered);
1179
1179
  --text-color: var(--hop-ListBoxItem-text-color-hovered);
1180
1180
  --icon-color: var(--hop-ListBoxItem-icon-color-hovered);
1181
1181
  }
1182
- .ListBoxItem-module__hop-ListBoxItem___Yx1lW[data-pressed] {
1182
+ .ListBoxItem-module__hop-ListBoxItem___LAkI1[data-pressed] {
1183
1183
  --background-color: var(--hop-ListBoxItem-background-color-pressed);
1184
1184
  --text-color: var(--hop-ListBoxItem-text-color-pressed);
1185
1185
  --icon-color: var(--hop-ListBoxItem-icon-color-pressed);
1186
1186
  }
1187
- .ListBoxItem-module__hop-ListBoxItem___Yx1lW[data-disabled] {
1187
+ .ListBoxItem-module__hop-ListBoxItem___LAkI1[data-disabled] {
1188
1188
  --background-color: var(--hop-ListBoxItem-background-color-disabled);
1189
1189
  --text-color: var(--hop-ListBoxItem-text-color-disabled);
1190
1190
  --icon-color: var(--hop-ListBoxItem-icon-color-disabled);
1191
1191
  --description-text-color: var(--hop-ListBoxItem-text-color-disabled);
1192
1192
  --cursor: not-allowed;
1193
1193
  }
1194
- .ListBoxItem-module__hop-ListBoxItem___Yx1lW[data-invalid] {
1194
+ .ListBoxItem-module__hop-ListBoxItem___LAkI1[data-invalid] {
1195
1195
  --background-color: var(--hop-ListBoxItem-background-color-invalid);
1196
1196
  --text-color: var(--hop-ListBoxItem-text-color-invalid);
1197
1197
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid);
1198
1198
  }
1199
- .ListBoxItem-module__hop-ListBoxItem___Yx1lW[data-invalid][data-selected] {
1199
+ .ListBoxItem-module__hop-ListBoxItem___LAkI1[data-invalid][data-selected] {
1200
1200
  --background-color: var(--hop-ListBoxItem-background-color-invalid-selected);
1201
1201
  --text-color: var(--hop-ListBoxItem-text-color-invalid-selected);
1202
1202
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-selected);
1203
1203
  }
1204
- .ListBoxItem-module__hop-ListBoxItem___Yx1lW[data-invalid][data-focus-visible] {
1204
+ .ListBoxItem-module__hop-ListBoxItem___LAkI1[data-invalid][data-focus-visible] {
1205
1205
  --background-color: var(--hop-ListBoxItem-background-color-invalid-focused);
1206
1206
  --text-color: var(--hop-ListBoxItem-text-color-invalid-focused);
1207
1207
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-focused);
1208
1208
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-focused);
1209
1209
  }
1210
- .ListBoxItem-module__hop-ListBoxItem___Yx1lW[data-invalid][data-hovered] {
1210
+ .ListBoxItem-module__hop-ListBoxItem___LAkI1[data-invalid][data-hovered] {
1211
1211
  --background-color: var(--hop-ListBoxItem-background-color-invalid-hovered);
1212
1212
  --text-color: var(--hop-ListBoxItem-text-color-invalid-hovered);
1213
1213
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-hovered);
1214
1214
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-hovered);
1215
1215
  }
1216
- .ListBoxItem-module__hop-ListBoxItem___Yx1lW[data-invalid][data-pressed] {
1216
+ .ListBoxItem-module__hop-ListBoxItem___LAkI1[data-invalid][data-pressed] {
1217
1217
  --background-color: var(--hop-ListBoxItem-background-color-invalid-pressed);
1218
1218
  --text-color: var(--hop-ListBoxItem-text-color-invalid-pressed);
1219
1219
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-pressed);
1220
1220
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-pressed);
1221
1221
  }
1222
- .ListBoxItem-module__hop-ListBoxItem___Yx1lW[data-invalid][data-disabled] {
1222
+ .ListBoxItem-module__hop-ListBoxItem___LAkI1[data-invalid][data-disabled] {
1223
1223
  --background-color: var(--hop-ListBoxItem-background-color-invalid-disabled);
1224
1224
  --text-color: var(--hop-ListBoxItem-text-color-invalid-disabled);
1225
1225
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-disabled);
1226
1226
  }
1227
- .ListBoxItem-module__hop-ListBoxItem___Yx1lW:has(.ListBoxItem-module__hop-ListBoxItem__description___grvX-) {
1227
+ .ListBoxItem-module__hop-ListBoxItem___LAkI1:has(.ListBoxItem-module__hop-ListBoxItem__description___8KhCH) {
1228
1228
  --row-gap: var(--hop-ListBoxItem-row-gap);
1229
1229
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-with-description);
1230
1230
  }
1231
- .ListBoxItem-module__hop-ListBoxItem___Yx1lW[data-loading] {
1231
+ .ListBoxItem-module__hop-ListBoxItem___LAkI1[data-loading] {
1232
1232
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-loading);
1233
1233
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-loading);
1234
1234
  }
1235
- .ListBoxItem-module__hop-ListBoxItem__inner___QR5j1 {
1235
+ .ListBoxItem-module__hop-ListBoxItem__inner___lsuM8 {
1236
1236
  display: grid;
1237
1237
  grid-template-areas: var(--grid-template-areas);
1238
1238
  grid-template-columns: var(--grid-template-columns);
@@ -1244,49 +1244,49 @@
1244
1244
  padding-inline: var(--padding-inline);
1245
1245
  transition: grid-template-columns .3s ease-in-out;
1246
1246
  }
1247
- .ListBoxItem-module__hop-ListBoxItem__checkmark___Ei8-S {
1247
+ .ListBoxItem-module__hop-ListBoxItem__checkmark___heQlg {
1248
1248
  grid-area: indicator;
1249
1249
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
1250
1250
  color: var(--icon-color);
1251
1251
  opacity: var(--checkmark-opacity);
1252
1252
  transition: var(--checkmark-transition);
1253
1253
  }
1254
- .ListBoxItem-module__hop-ListBoxItem__radio-group___7RjtE,
1255
- .ListBoxItem-module__hop-ListBoxItem__checkbox___jfL9v {
1254
+ .ListBoxItem-module__hop-ListBoxItem__radio-group___VryQn,
1255
+ .ListBoxItem-module__hop-ListBoxItem__checkbox___-fM2T {
1256
1256
  pointer-events: none;
1257
1257
  user-select: none;
1258
1258
  grid-area: indicator;
1259
1259
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
1260
1260
  }
1261
- .ListBoxItem-module__hop-ListBoxItem__avatar___q2xtk {
1261
+ .ListBoxItem-module__hop-ListBoxItem__avatar___-p8Ph {
1262
1262
  grid-area: avatar;
1263
1263
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
1264
1264
  }
1265
- .ListBoxItem-module__hop-ListBoxItem__icon-list___FHexQ,
1266
- .ListBoxItem-module__hop-ListBoxItem__icon___0KEwI {
1265
+ .ListBoxItem-module__hop-ListBoxItem__icon-list___j-Nby,
1266
+ .ListBoxItem-module__hop-ListBoxItem__icon___ofBmW {
1267
1267
  grid-area: icon;
1268
1268
  flex: 0 0 auto;
1269
1269
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
1270
1270
  color: var(--icon-color);
1271
1271
  }
1272
- .ListBoxItem-module__hop-ListBoxItem__label___-q2Uo {
1272
+ .ListBoxItem-module__hop-ListBoxItem__label___Wm7Al {
1273
1273
  overflow: hidden;
1274
1274
  grid-area: label;
1275
1275
  min-inline-size: 0;
1276
1276
  text-overflow: ellipsis;
1277
1277
  white-space: nowrap;
1278
1278
  }
1279
- .ListBoxItem-module__hop-ListBoxItem__end-icon-list___h93Wc,
1280
- .ListBoxItem-module__hop-ListBoxItem__end-icon___bzOPv {
1279
+ .ListBoxItem-module__hop-ListBoxItem__end-icon-list___-DVcH,
1280
+ .ListBoxItem-module__hop-ListBoxItem__end-icon___Kgd39 {
1281
1281
  grid-area: end-icon;
1282
1282
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
1283
1283
  color: var(--icon-color);
1284
1284
  }
1285
- .ListBoxItem-module__hop-ListBoxItem__badge___AONN3 {
1285
+ .ListBoxItem-module__hop-ListBoxItem__badge___6Itha {
1286
1286
  grid-area: badge;
1287
1287
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
1288
1288
  }
1289
- .ListBoxItem-module__hop-ListBoxItem__description___grvX- {
1289
+ .ListBoxItem-module__hop-ListBoxItem__description___8KhCH {
1290
1290
  overflow: hidden;
1291
1291
  display: -webkit-box;
1292
1292
  grid-area: description;