@hopper-ui/components 1.3.23 → 1.3.25

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 (233) hide show
  1. package/CHANGELOG.md +15 -0
  2. package/dist/Avatar/src/AnonymousAvatar.css +37 -37
  3. package/dist/Avatar/src/AnonymousAvatar.js +3 -3
  4. package/dist/Avatar/src/Avatar.css +55 -55
  5. package/dist/Avatar/src/Avatar.js +4 -4
  6. package/dist/Avatar/src/DeletedAvatar.css +37 -37
  7. package/dist/Avatar/src/DeletedAvatar.js +3 -3
  8. package/dist/Avatar/src/RichIconAvatarImage.css +37 -37
  9. package/dist/Avatar/src/RichIconAvatarImage.js +2 -2
  10. package/dist/Avatar/src/index.css +55 -55
  11. package/dist/Avatar/src/index.js +6 -6
  12. package/dist/Badge/src/Badge.css +42 -42
  13. package/dist/Badge/src/Badge.js +2 -2
  14. package/dist/Badge/src/FloatingBadge.css +37 -37
  15. package/dist/Badge/src/FloatingBadge.js +2 -2
  16. package/dist/Badge/src/index.css +52 -52
  17. package/dist/Badge/src/index.js +5 -5
  18. package/dist/ComboBox/src/ComboBox.css +900 -900
  19. package/dist/ComboBox/src/ComboBox.js +8 -8
  20. package/dist/ComboBox/src/ComboBoxOptions.css +900 -900
  21. package/dist/ComboBox/src/ComboBoxOptions.js +67 -71
  22. package/dist/ComboBox/src/index.css +900 -900
  23. package/dist/ComboBox/src/index.js +67 -71
  24. package/dist/Divider/src/Divider.css +29 -29
  25. package/dist/Divider/src/Divider.js +1 -1
  26. package/dist/Divider/src/index.css +29 -29
  27. package/dist/Divider/src/index.js +1 -1
  28. package/dist/ErrorMessage/src/ErrorMessage.css +29 -29
  29. package/dist/ErrorMessage/src/ErrorMessage.js +3 -3
  30. package/dist/ErrorMessage/src/index.css +29 -29
  31. package/dist/ErrorMessage/src/index.js +3 -3
  32. package/dist/Form/src/Form.css +900 -900
  33. package/dist/Form/src/Form.js +67 -71
  34. package/dist/Form/src/index.css +900 -900
  35. package/dist/Form/src/index.js +67 -71
  36. package/dist/HelperMessage/src/HelperMessage.css +29 -29
  37. package/dist/HelperMessage/src/HelperMessage.js +2 -2
  38. package/dist/HelperMessage/src/index.css +29 -29
  39. package/dist/HelperMessage/src/index.js +2 -2
  40. package/dist/IconList/src/IconList.css +28 -28
  41. package/dist/IconList/src/IconList.js +1 -1
  42. package/dist/IconList/src/index.css +28 -28
  43. package/dist/IconList/src/index.js +1 -1
  44. package/dist/Link/src/Link.css +49 -49
  45. package/dist/Link/src/Link.js +7 -7
  46. package/dist/Link/src/index.css +49 -49
  47. package/dist/Link/src/index.js +7 -7
  48. package/dist/ListBox/src/ListBox.css +406 -406
  49. package/dist/ListBox/src/ListBox.js +12 -12
  50. package/dist/ListBox/src/ListBoxItem.css +394 -394
  51. package/dist/ListBox/src/ListBoxItem.d.ts +1 -1
  52. package/dist/ListBox/src/ListBoxItem.js +11 -11
  53. package/dist/ListBox/src/ListBoxItemSkeleton.css +34 -34
  54. package/dist/ListBox/src/ListBoxItemSkeleton.js +1 -1
  55. package/dist/ListBox/src/index.css +406 -406
  56. package/dist/ListBox/src/index.js +12 -12
  57. package/dist/Select/src/Select.css +428 -428
  58. package/dist/Select/src/Select.js +8 -8
  59. package/dist/Select/src/SelectOptions.css +900 -900
  60. package/dist/Select/src/SelectOptions.js +67 -71
  61. package/dist/Select/src/SelectValue.css +61 -61
  62. package/dist/Select/src/SelectValue.js +6 -6
  63. package/dist/Select/src/index.css +900 -900
  64. package/dist/Select/src/index.js +67 -71
  65. package/dist/Spinner/src/Spinner.css +37 -37
  66. package/dist/Spinner/src/Spinner.js +3 -3
  67. package/dist/Spinner/src/index.css +37 -37
  68. package/dist/Spinner/src/index.js +3 -3
  69. package/dist/buttons/src/Button.css +93 -93
  70. package/dist/buttons/src/Button.js +8 -8
  71. package/dist/buttons/src/ButtonGroup.css +38 -38
  72. package/dist/buttons/src/ButtonGroup.js +1 -1
  73. package/dist/buttons/src/ClearButton.css +98 -98
  74. package/dist/buttons/src/ClearButton.js +3 -3
  75. package/dist/buttons/src/EmbeddedButton.css +98 -98
  76. package/dist/buttons/src/EmbeddedButton.js +2 -2
  77. package/dist/buttons/src/LinkButton.css +102 -102
  78. package/dist/buttons/src/LinkButton.js +8 -8
  79. package/dist/buttons/src/index.css +249 -249
  80. package/dist/buttons/src/index.js +14 -14
  81. package/dist/checkbox/src/Checkbox.css +46 -46
  82. package/dist/checkbox/src/Checkbox.js +7 -7
  83. package/dist/checkbox/src/CheckboxField.css +33 -33
  84. package/dist/checkbox/src/CheckboxField.d.ts +5 -0
  85. package/dist/checkbox/src/CheckboxField.js +4 -2
  86. package/dist/checkbox/src/CheckboxGroup.css +98 -98
  87. package/dist/checkbox/src/CheckboxGroup.d.ts +7 -11
  88. package/dist/checkbox/src/CheckboxGroup.js +10 -3
  89. package/dist/checkbox/src/DecorativeCheckbox.css +54 -54
  90. package/dist/checkbox/src/DecorativeCheckbox.d.ts +1 -1
  91. package/dist/checkbox/src/DecorativeCheckbox.js +7 -7
  92. package/dist/checkbox/src/index.css +98 -98
  93. package/dist/checkbox/src/index.d.ts +1 -3
  94. package/dist/checkbox/src/index.js +12 -12
  95. package/dist/{chunk-4PL7X7KE.js → chunk-2ETSJJL5.js} +2 -2
  96. package/dist/{chunk-LDNIFXIK.js → chunk-2KG3OHKZ.js} +3 -3
  97. package/dist/{chunk-MMTH7I32.js → chunk-3JTKO6GT.js} +1 -1
  98. package/dist/{chunk-S3HUD5FR.js → chunk-4TP6C4G2.js} +6 -6
  99. package/dist/{chunk-SH7Y7ZAK.js → chunk-53JGRJCV.js} +2 -2
  100. package/dist/{chunk-OJWMKFCM.js → chunk-5HPWSPMG.js} +1 -1
  101. package/dist/{chunk-VGEDX2KH.js → chunk-62HFZTN3.js} +1 -1
  102. package/dist/{chunk-Q5ITMJW2.js → chunk-6FGO2GDP.js} +4 -4
  103. package/dist/{chunk-XFPH3PDB.js → chunk-7F5TKAIG.js} +4 -4
  104. package/dist/{chunk-ME25LLJQ.js → chunk-A2EH4QHT.js} +2 -2
  105. package/dist/{chunk-T3RZI4I7.js → chunk-AAMEZDS5.js} +1 -1
  106. package/dist/{chunk-ZAOJLOO4.js → chunk-AGPDWIJB.js} +1 -1
  107. package/dist/{chunk-VD3VD7FT.js → chunk-BTHGQBNC.js} +4 -4
  108. package/dist/{chunk-W5COIO2O.js → chunk-CB2SODXY.js} +2 -2
  109. package/dist/{chunk-C4MZAXMT.js → chunk-CCZOA5KO.js} +2 -2
  110. package/dist/{chunk-JM577F4Y.js → chunk-FR7CLIF6.js} +1 -1
  111. package/dist/{chunk-GS3BOLCC.js → chunk-G5AT4DUS.js} +25 -15
  112. package/dist/{chunk-5RWK5FRS.js → chunk-HL6KUV6M.js} +4 -4
  113. package/dist/{chunk-22R324WS.js → chunk-IH3RR5MG.js} +4 -4
  114. package/dist/{chunk-HC5CLOX3.js → chunk-KAYNG6FW.js} +1 -1
  115. package/dist/{chunk-GL7Z5DMW.js → chunk-KJIGRQNG.js} +7 -7
  116. package/dist/{chunk-E5X75YOL.js → chunk-L37Y7HGN.js} +2 -2
  117. package/dist/{chunk-GUB5P3EE.js → chunk-L7RJGOCA.js} +2 -2
  118. package/dist/{chunk-V7VLONEF.js → chunk-LVMXSXUU.js} +7 -7
  119. package/dist/{chunk-JZQ5ECZR.js → chunk-M6YJFDSQ.js} +4 -4
  120. package/dist/{chunk-YSPOLHL3.js → chunk-MMOO3PA2.js} +22 -13
  121. package/dist/chunk-N3ZSOPEG.js +133 -0
  122. package/dist/{chunk-QNC5YD7L.js → chunk-NGK3TCDT.js} +3 -3
  123. package/dist/{chunk-Q4IWTQWW.js → chunk-NSMUWG64.js} +1 -1
  124. package/dist/{chunk-274FJB5O.js → chunk-P5EJKG65.js} +2 -2
  125. package/dist/{chunk-ZSCI4FHZ.js → chunk-P6DGNPLB.js} +1 -1
  126. package/dist/{chunk-HJZRGFXZ.js → chunk-PAYW2NOQ.js} +3 -3
  127. package/dist/{chunk-J2ZYJILQ.js → chunk-PM3R4HC6.js} +5 -5
  128. package/dist/{chunk-HCU4ACIU.js → chunk-QCEUL6I6.js} +2 -2
  129. package/dist/{chunk-2ASLFWR3.js → chunk-QH5LWKA7.js} +1 -1
  130. package/dist/{chunk-LJ5XIABY.js → chunk-QIFW365G.js} +3 -3
  131. package/dist/{chunk-4ICFPMB2.js → chunk-RFDRCPQ7.js} +4 -4
  132. package/dist/{chunk-7TOEC4BY.js → chunk-SLF2NM3M.js} +3 -3
  133. package/dist/{chunk-6IOI5J2G.js → chunk-TLQ7IGJK.js} +3 -3
  134. package/dist/{chunk-EKO72ADZ.js → chunk-VG4DSVZN.js} +3 -3
  135. package/dist/{chunk-W6PNTZPC.js → chunk-VNW2HMOF.js} +2 -2
  136. package/dist/{chunk-N5DC4UFP.js → chunk-WABC2ZXX.js} +3 -3
  137. package/dist/{chunk-QN4JO3ZF.js → chunk-WQT2547E.js} +1 -1
  138. package/dist/{chunk-2E3YA5WL.js → chunk-WYWHOSC6.js} +3 -3
  139. package/dist/{chunk-H3MVVKNK.js → chunk-X7WNB6WS.js} +1 -1
  140. package/dist/{chunk-CFRCUHQZ.js → chunk-XSKVQY7T.js} +11 -11
  141. package/dist/{chunk-FJJGUPQ2.js → chunk-XVOHLDT7.js} +3 -3
  142. package/dist/chunk-YSI55QTD.js +133 -0
  143. package/dist/index.css +900 -900
  144. package/dist/index.d.ts +4 -8
  145. package/dist/index.js +67 -71
  146. package/dist/inputs/src/InputGroup.css +264 -264
  147. package/dist/inputs/src/InputGroup.js +2 -2
  148. package/dist/inputs/src/NumberField.css +286 -286
  149. package/dist/inputs/src/NumberField.js +8 -8
  150. package/dist/inputs/src/PasswordField.css +274 -274
  151. package/dist/inputs/src/PasswordField.js +9 -9
  152. package/dist/inputs/src/RemainingCharacterCount.css +30 -30
  153. package/dist/inputs/src/RemainingCharacterCount.js +6 -6
  154. package/dist/inputs/src/SearchField.css +280 -280
  155. package/dist/inputs/src/SearchField.js +9 -9
  156. package/dist/inputs/src/TextArea.css +281 -281
  157. package/dist/inputs/src/TextArea.js +9 -9
  158. package/dist/inputs/src/TextField.css +278 -278
  159. package/dist/inputs/src/TextField.js +12 -12
  160. package/dist/inputs/src/index.css +324 -324
  161. package/dist/inputs/src/index.js +18 -18
  162. package/dist/overlays/Popover/src/Popover.css +900 -900
  163. package/dist/overlays/Popover/src/Popover.js +67 -71
  164. package/dist/overlays/Popover/src/index.css +900 -900
  165. package/dist/overlays/Popover/src/index.js +67 -71
  166. package/dist/radio/src/DecorativeRadio.css +54 -54
  167. package/dist/radio/src/DecorativeRadio.d.ts +1 -1
  168. package/dist/radio/src/DecorativeRadio.js +7 -7
  169. package/dist/radio/src/Radio.css +46 -46
  170. package/dist/radio/src/Radio.js +7 -7
  171. package/dist/radio/src/RadioField.css +33 -33
  172. package/dist/radio/src/RadioField.d.ts +5 -0
  173. package/dist/radio/src/RadioField.js +3 -2
  174. package/dist/radio/src/RadioGroup.css +129 -129
  175. package/dist/radio/src/RadioGroup.d.ts +7 -11
  176. package/dist/radio/src/RadioGroup.js +11 -4
  177. package/dist/radio/src/index.css +264 -264
  178. package/dist/radio/src/index.d.ts +4 -6
  179. package/dist/radio/src/index.js +13 -13
  180. package/dist/switch/src/Switch.css +43 -43
  181. package/dist/switch/src/Switch.js +7 -7
  182. package/dist/switch/src/SwitchField.css +33 -33
  183. package/dist/switch/src/SwitchField.js +3 -3
  184. package/dist/switch/src/index.css +49 -49
  185. package/dist/switch/src/index.js +9 -9
  186. package/dist/tag/src/Tag.css +390 -390
  187. package/dist/tag/src/Tag.js +11 -11
  188. package/dist/tag/src/TagGroup.css +37 -37
  189. package/dist/tag/src/TagGroup.js +2 -2
  190. package/dist/tag/src/TagList.css +27 -27
  191. package/dist/tag/src/index.css +400 -400
  192. package/dist/tag/src/index.js +13 -13
  193. package/dist/typography/Heading/src/Heading.css +27 -27
  194. package/dist/typography/Heading/src/Heading.js +1 -1
  195. package/dist/typography/Heading/src/index.css +27 -27
  196. package/dist/typography/Heading/src/index.js +1 -1
  197. package/dist/typography/Label/src/Label.css +27 -27
  198. package/dist/typography/Label/src/Label.js +1 -1
  199. package/dist/typography/Label/src/index.css +27 -27
  200. package/dist/typography/Label/src/index.js +1 -1
  201. package/dist/typography/OverlineText/src/OverlineText.css +27 -27
  202. package/dist/typography/OverlineText/src/OverlineText.js +1 -1
  203. package/dist/typography/OverlineText/src/index.css +27 -27
  204. package/dist/typography/OverlineText/src/index.js +1 -1
  205. package/dist/typography/Text/src/Text.css +27 -27
  206. package/dist/typography/Text/src/Text.js +1 -1
  207. package/dist/typography/Text/src/index.css +27 -27
  208. package/dist/typography/Text/src/index.js +1 -1
  209. package/dist/utils/src/EnsureTextWrapper.css +27 -27
  210. package/dist/utils/src/EnsureTextWrapper.js +5 -5
  211. package/dist/utils/src/index.css +27 -27
  212. package/dist/utils/src/index.d.ts +1 -1
  213. package/dist/utils/src/index.js +6 -6
  214. package/dist/utils/src/types.d.ts +25 -1
  215. package/dist/utils/src/useRenderProps.d.ts +2 -1
  216. package/package.json +19 -18
  217. package/dist/Avatar/src/AnonymousAvatar.temp.css +0 -296
  218. package/dist/Avatar/src/AnonymousAvatar.temp.d.ts +0 -31
  219. package/dist/Avatar/src/AnonymousAvatar.temp.js +0 -60
  220. package/dist/checkbox/src/CheckboxList.d.ts +0 -17
  221. package/dist/checkbox/src/CheckboxList.js +0 -3
  222. package/dist/checkbox/src/CheckboxListContext.d.ts +0 -10
  223. package/dist/checkbox/src/CheckboxListContext.js +0 -2
  224. package/dist/chunk-3HAFXWC7.js +0 -105
  225. package/dist/chunk-3LRBUQC2.js +0 -43
  226. package/dist/chunk-A7TZHALP.js +0 -7
  227. package/dist/chunk-CXPA2XU3.js +0 -105
  228. package/dist/chunk-NKHMUPAP.js +0 -43
  229. package/dist/chunk-WDUQUPTE.js +0 -7
  230. package/dist/radio/src/RadioList.d.ts +0 -17
  231. package/dist/radio/src/RadioList.js +0 -3
  232. package/dist/radio/src/RadioListContext.d.ts +0 -10
  233. package/dist/radio/src/RadioListContext.js +0 -2
@@ -1,5 +1,5 @@
1
1
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Heading/src/Heading.module.css/#css-module-data */
2
- .Heading-module__hop-Heading___UA2-K {
2
+ .Heading-module__hop-Heading___PZH3U {
3
3
  --hop-Heading-xs-font-size: var(--hop-heading-xs-font-size);
4
4
  --hop-Heading-xs-font-family: var(--hop-heading-xs-font-family);
5
5
  --hop-Heading-xs-font-weight: var(--hop-heading-xs-font-weight);
@@ -33,50 +33,50 @@
33
33
  --hop-Heading-inherit-size-font-weight: inherit;
34
34
  --hop-Heading-inherit-size-line-height: inherit;
35
35
  }
36
- :where(.Heading-module__hop-Heading___UA2-K) {
36
+ :where(.Heading-module__hop-Heading___PZH3U) {
37
37
  margin: 0;
38
38
  font-family: var(--font-family);
39
39
  font-size: var(--font-size);
40
40
  font-weight: var(--font-weight);
41
41
  line-height: var(--line-height);
42
42
  }
43
- :where(.Heading-module__hop-Heading--xs___JuI6Z) {
43
+ :where(.Heading-module__hop-Heading--xs___I-PNg) {
44
44
  --font-size: var(--hop-Heading-xs-font-size);
45
45
  --font-family: var(--hop-Heading-xs-font-family);
46
46
  --font-weight: var(--hop-Heading-xs-font-weight);
47
47
  --line-height: var(--hop-Heading-xs-line-height);
48
48
  }
49
- :where(.Heading-module__hop-Heading--sm___n-J5E) {
49
+ :where(.Heading-module__hop-Heading--sm___wKJf5) {
50
50
  --font-size: var(--hop-Heading-sm-font-size);
51
51
  --font-family: var(--hop-Heading-sm-font-family);
52
52
  --font-weight: var(--hop-Heading-sm-font-weight);
53
53
  --line-height: var(--hop-Heading-sm-line-height);
54
54
  }
55
- :where(.Heading-module__hop-Heading--md___h9Hi3) {
55
+ :where(.Heading-module__hop-Heading--md___kqhjn) {
56
56
  --font-size: var(--hop-Heading-md-font-size);
57
57
  --font-family: var(--hop-Heading-md-font-family);
58
58
  --font-weight: var(--hop-Heading-md-font-weight);
59
59
  --line-height: var(--hop-Heading-md-line-height);
60
60
  }
61
- :where(.Heading-module__hop-Heading--lg___SBfls) {
61
+ :where(.Heading-module__hop-Heading--lg___kXlhF) {
62
62
  --font-size: var(--hop-Heading-lg-font-size);
63
63
  --font-family: var(--hop-Heading-lg-font-family);
64
64
  --font-weight: var(--hop-Heading-lg-font-weight);
65
65
  --line-height: var(--hop-Heading-lg-line-height);
66
66
  }
67
- :where(.Heading-module__hop-Heading--xl___7Vy5T) {
67
+ :where(.Heading-module__hop-Heading--xl___-8ce8) {
68
68
  --font-size: var(--hop-Heading-xl-font-size);
69
69
  --font-family: var(--hop-Heading-xl-font-family);
70
70
  --font-weight: var(--hop-Heading-xl-font-weight);
71
71
  --line-height: var(--hop-Heading-xl-line-height);
72
72
  }
73
- :where(.Heading-module__hop-Heading--2xl___GbcDM) {
73
+ :where(.Heading-module__hop-Heading--2xl___KRgGY) {
74
74
  --font-size: var(--hop-Heading-2xl-font-size);
75
75
  --font-family: var(--hop-Heading-2xl-font-family);
76
76
  --font-weight: var(--hop-Heading-2xl-font-weight);
77
77
  --line-height: var(--hop-Heading-2xl-line-height);
78
78
  }
79
- :where(.Heading-module__hop-Heading--3xl___iwezV) {
79
+ :where(.Heading-module__hop-Heading--3xl___kKyqV) {
80
80
  --font-size: var(--hop-Heading-3xl-font-size);
81
81
  --font-family: var(--hop-Heading-3xl-font-family);
82
82
  --font-weight: var(--hop-Heading-3xl-font-weight);
@@ -84,7 +84,7 @@
84
84
  }
85
85
 
86
86
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/OverlineText/src/OverlineText.module.css/#css-module-data */
87
- :where(.OverlineText-module__hop-OverlineText___yYKTh) {
87
+ :where(.OverlineText-module__hop-OverlineText___d6THC) {
88
88
  --hop-OverlineText-font-family: var(--hop-overline-font-family);
89
89
  --hop-OverlineText-font-size: var(--hop-overline-font-size);
90
90
  --hop-OverlineText-font-weight: var(--hop-overline-font-weight);
@@ -108,45 +108,45 @@
108
108
  text-transform: uppercase;
109
109
  letter-spacing: var(--letter-spacing);
110
110
  }
111
- .OverlineText-module__hop-OverlineText__text___sJpdF {
111
+ .OverlineText-module__hop-OverlineText__text___m9fud {
112
112
  box-sizing: border-box;
113
113
  }
114
- .OverlineText-module__hop-OverlineText__text___sJpdF::before,
115
- .OverlineText-module__hop-OverlineText__text___sJpdF::after {
114
+ .OverlineText-module__hop-OverlineText__text___m9fud::before,
115
+ .OverlineText-module__hop-OverlineText__text___m9fud::after {
116
116
  content: "";
117
117
  display: block;
118
118
  box-sizing: border-box;
119
119
  inline-size: 0;
120
120
  block-size: 0;
121
121
  }
122
- .OverlineText-module__hop-OverlineText__text___sJpdF::before {
122
+ .OverlineText-module__hop-OverlineText__text___m9fud::before {
123
123
  margin-block-end: var(--bottom-offset);
124
124
  }
125
- .OverlineText-module__hop-OverlineText__text___sJpdF::after {
125
+ .OverlineText-module__hop-OverlineText__text___m9fud::after {
126
126
  margin-block-start: var(--top-offset);
127
127
  }
128
128
 
129
129
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Label/src/Label.module.css/#css-module-data */
130
- .Label-module__hop-Label___Dq4FO {
130
+ .Label-module__hop-Label___Wuql9 {
131
131
  --hop-Label-font-size: var(--hop-heading-xs-font-size);
132
132
  --hop-Label-font-family: var(--hop-heading-xs-font-family);
133
133
  --hop-Label-font-weight: var(--hop-heading-xs-font-weight);
134
134
  --hop-Label-line-height: var(--hop-heading-xs-line-height);
135
135
  --hop-Label-color: var(--hop-neutral-text-weak);
136
136
  }
137
- :where(.Label-module__hop-Label___Dq4FO) {
137
+ :where(.Label-module__hop-Label___Wuql9) {
138
138
  font-family: var(--hop-Label-font-family);
139
139
  font-size: var(--hop-Label-font-size);
140
140
  font-weight: var(--hop-Label-font-weight);
141
141
  line-height: var(--hop-Label-line-height);
142
142
  color: var(--hop-Label-color);
143
143
  }
144
- :where(.Label-module__hop-Label__indicator___G2AKG) {
144
+ :where(.Label-module__hop-Label__indicator___ybqw3) {
145
145
  padding-inline-start: var(--hop-space-20);
146
146
  }
147
147
 
148
148
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Text/src/Text.module.css/#css-module-data */
149
- .Text-module__hop-Text___AovO6 {
149
+ .Text-module__hop-Text___13nPk {
150
150
  --hop-Text-xs-font-size: var(--hop-body-xs-font-size);
151
151
  --hop-Text-xs-font-family: var(--hop-body-xs-font-family);
152
152
  --hop-Text-xs-font-weight: var(--hop-body-xs-font-weight);
@@ -176,49 +176,49 @@
176
176
  --hop-Text-inherit-size-font-weight: inherit;
177
177
  --hop-Text-inherit-size-line-height: inherit;
178
178
  }
179
- :where(.Text-module__hop-Text___AovO6) {
179
+ :where(.Text-module__hop-Text___13nPk) {
180
180
  font-family: var(--font-family);
181
181
  font-size: var(--font-size);
182
182
  font-weight: var(--font-weight);
183
183
  line-height: var(--line-height);
184
184
  }
185
- :where(.Text-module__hop-Text--xs___isCct) {
185
+ :where(.Text-module__hop-Text--xs___4PYRL) {
186
186
  --font-size: var(--hop-Text-xs-font-size);
187
187
  --font-family: var(--hop-Text-xs-font-family);
188
188
  --font-weight: var(--hop-Text-xs-font-weight);
189
189
  --line-height: var(--hop-Text-xs-line-height);
190
190
  }
191
- :where(.Text-module__hop-Text--sm___ey2C4) {
191
+ :where(.Text-module__hop-Text--sm___R0d9u) {
192
192
  --font-size: var(--hop-Text-sm-font-size);
193
193
  --font-family: var(--hop-Text-sm-font-family);
194
194
  --font-weight: var(--hop-Text-sm-font-weight);
195
195
  --line-height: var(--hop-Text-sm-line-height);
196
196
  }
197
- :where(.Text-module__hop-Text--md___OBWp5) {
197
+ :where(.Text-module__hop-Text--md___xiBnj) {
198
198
  --font-size: var(--hop-Text-md-font-size);
199
199
  --font-family: var(--hop-Text-md-font-family);
200
200
  --font-weight: var(--hop-Text-md-font-weight);
201
201
  --line-height: var(--hop-Text-md-line-height);
202
202
  }
203
- :where(.Text-module__hop-Text--lg___rnq-9) {
203
+ :where(.Text-module__hop-Text--lg___yOLxE) {
204
204
  --font-size: var(--hop-Text-lg-font-size);
205
205
  --font-family: var(--hop-Text-lg-font-family);
206
206
  --font-weight: var(--hop-Text-lg-font-weight);
207
207
  --line-height: var(--hop-Text-lg-line-height);
208
208
  }
209
- :where(.Text-module__hop-Text--xl___U7CZo) {
209
+ :where(.Text-module__hop-Text--xl___uUwf-) {
210
210
  --font-size: var(--hop-Text-xl-font-size);
211
211
  --font-family: var(--hop-Text-xl-font-family);
212
212
  --font-weight: var(--hop-Text-xl-font-weight);
213
213
  --line-height: var(--hop-Text-xl-line-height);
214
214
  }
215
- :where(.Text-module__hop-Text--2xl___dpqJD) {
215
+ :where(.Text-module__hop-Text--2xl___bg2X9) {
216
216
  --font-size: var(--hop-Text-2xl-font-size);
217
217
  --font-family: var(--hop-Text-2xl-font-family);
218
218
  --font-weight: var(--hop-Text-2xl-font-weight);
219
219
  --line-height: var(--hop-Text-2xl-line-height);
220
220
  }
221
- :where(.Text-module__hop-Text--inherit___BYTB4) {
221
+ :where(.Text-module__hop-Text--inherit___hrzn1) {
222
222
  --font-size: var(--hop-Text-inherit-size-font-size);
223
223
  --font-family: var(--hop-Text-inherit-size-font-family);
224
224
  --font-weight: var(--hop-Text-inherit-size-font-weight);
@@ -226,7 +226,7 @@
226
226
  }
227
227
 
228
228
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Avatar/src/RichIconAvatarImage.module.css/#css-module-data */
229
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___fJpxu {
229
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___5sDjA {
230
230
  --hop-RichIconAvatarImage-background-color: var(--hop-decorative-option7-surface);
231
231
  --hop-RichIconAvatarImage-border-radius: var(--hop-shape-circle);
232
232
  --hop-RichIconAvatarImage-icon-color: var(--hop-decorative-option7-icon);
@@ -257,46 +257,46 @@
257
257
  background-color: var(--background-color);
258
258
  border-radius: var(--hop-RichIconAvatarImage-border-radius);
259
259
  }
260
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___tN6hq {
260
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___ddRxZ {
261
261
  --size: var(--hop-RichIconAvatarImage-xs-size);
262
262
  --icon-size: var(--hop-RichIconAvatarImage-icon-xs-size);
263
263
  }
264
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___rmQVO {
264
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___1fm-y {
265
265
  --size: var(--hop-RichIconAvatarImage-sm-size);
266
266
  --icon-size: var(--hop-RichIconAvatarImage-icon-sm-size);
267
267
  }
268
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___4KyFb {
268
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___Kj2Lr {
269
269
  --size: var(--hop-RichIconAvatarImage-md-size);
270
270
  --icon-size: var(--hop-RichIconAvatarImage-icon-md-size);
271
271
  }
272
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___Keqpd {
272
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___A3B7i {
273
273
  --size: var(--hop-RichIconAvatarImage-lg-size);
274
274
  --icon-size: var(--hop-RichIconAvatarImage-icon-lg-size);
275
275
  }
276
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___8Iryg {
276
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___rua-z {
277
277
  --size: var(--hop-RichIconAvatarImage-xl-size);
278
278
  --icon-size: var(--hop-RichIconAvatarImage-icon-xl-size);
279
279
  }
280
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___f4D7v {
280
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___9iUK4 {
281
281
  --size: var(--hop-RichIconAvatarImage-2xl-size);
282
282
  --icon-size: var(--hop-RichIconAvatarImage-icon-2xl-size);
283
283
  }
284
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___fJpxu[data-disabled] {
284
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___5sDjA[data-disabled] {
285
285
  --background-color: var(--hop-RichIconAvatarImage-background-color-disabled);
286
286
  }
287
- .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___Jsl0A {
287
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___MQqQm {
288
288
  position: relative;
289
289
  display: block;
290
290
  inline-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
291
291
  block-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
292
292
  }
293
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___fJpxu[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___Jsl0A {
293
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___5sDjA[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___MQqQm {
294
294
  --hop-RichIcon-placeholder-background: var(--hop-RichIconAvatarImage-background-color-disabled);
295
295
  --hop-RichIcon-placeholder-shadow: var(--hop-RichIconAvatarImage-icon-color-disabled);
296
296
  }
297
297
 
298
298
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Avatar/src/Avatar.module.css/#css-module-data */
299
- .Avatar-module__hop-Avatar___PcXwT {
299
+ .Avatar-module__hop-Avatar___gAd-0 {
300
300
  --hop-Avatar-border-radius: var(--hop-shape-circle);
301
301
  --hop-Avatar-mix-blend-mode: normal;
302
302
  --hop-Avatar-decorative-1-background-color: var(--hop-decorative-option1-surface-strong);
@@ -341,67 +341,67 @@
341
341
  background-color: var(--background-color, transparent);
342
342
  border-radius: var(--hop-Avatar-border-radius);
343
343
  }
344
- .Avatar-module__hop-Avatar--xs___PUx8E {
344
+ .Avatar-module__hop-Avatar--xs___eC-6C {
345
345
  --size: var(--hop-Avatar-xs-size);
346
346
  }
347
- .Avatar-module__hop-Avatar--sm___4nE0k {
347
+ .Avatar-module__hop-Avatar--sm___hIvD3 {
348
348
  --size: var(--hop-Avatar-sm-size);
349
349
  }
350
- .Avatar-module__hop-Avatar--md___SuQO2 {
350
+ .Avatar-module__hop-Avatar--md___iy4Xo {
351
351
  --size: var(--hop-Avatar-md-size);
352
352
  }
353
- .Avatar-module__hop-Avatar--lg___NXAyw {
353
+ .Avatar-module__hop-Avatar--lg___vy4yL {
354
354
  --size: var(--hop-Avatar-lg-size);
355
355
  }
356
- .Avatar-module__hop-Avatar--xl___bWFLe {
356
+ .Avatar-module__hop-Avatar--xl___EZqEu {
357
357
  --size: var(--hop-Avatar-xl-size);
358
358
  }
359
- .Avatar-module__hop-Avatar--2xl___v8tqN {
359
+ .Avatar-module__hop-Avatar--2xl___SFnS7 {
360
360
  --size: var(--hop-Avatar-2xl-size);
361
361
  }
362
- .Avatar-module__hop-Avatar--decorative-option1___2b5iL {
362
+ .Avatar-module__hop-Avatar--decorative-option1___jrN-t {
363
363
  --background-color: var(--hop-Avatar-decorative-1-background-color);
364
364
  --text-color: var(--hop-Avatar-decorative-1-text-color);
365
365
  }
366
- .Avatar-module__hop-Avatar--decorative-option2___TAhVF {
366
+ .Avatar-module__hop-Avatar--decorative-option2___eqzWh {
367
367
  --background-color: var(--hop-Avatar-decorative-2-background-color);
368
368
  --text-color: var(--hop-Avatar-decorative-2-text-color);
369
369
  }
370
- .Avatar-module__hop-Avatar--decorative-option3___dJ0Vn {
370
+ .Avatar-module__hop-Avatar--decorative-option3___DQtYk {
371
371
  --background-color: var(--hop-Avatar-decorative-3-background-color);
372
372
  --text-color: var(--hop-Avatar-decorative-3-text-color);
373
373
  }
374
- .Avatar-module__hop-Avatar--decorative-option4___Bmvdy {
374
+ .Avatar-module__hop-Avatar--decorative-option4___hlhhq {
375
375
  --background-color: var(--hop-Avatar-decorative-4-background-color);
376
376
  --text-color: var(--hop-Avatar-decorative-4-text-color);
377
377
  }
378
- .Avatar-module__hop-Avatar--decorative-option5___20rZD {
378
+ .Avatar-module__hop-Avatar--decorative-option5___SsHFq {
379
379
  --background-color: var(--hop-Avatar-decorative-5-background-color);
380
380
  --text-color: var(--hop-Avatar-decorative-5-text-color);
381
381
  }
382
- .Avatar-module__hop-Avatar--decorative-option6___PivJc {
382
+ .Avatar-module__hop-Avatar--decorative-option6___uKUQ2 {
383
383
  --background-color: var(--hop-Avatar-decorative-6-background-color);
384
384
  --text-color: var(--hop-Avatar-decorative-6-text-color);
385
385
  }
386
- .Avatar-module__hop-Avatar--decorative-option7___x31wW {
386
+ .Avatar-module__hop-Avatar--decorative-option7___9KkKG {
387
387
  --background-color: var(--hop-Avatar-decorative-7-background-color);
388
388
  --text-color: var(--hop-Avatar-decorative-7-text-color);
389
389
  }
390
- .Avatar-module__hop-Avatar--decorative-option8___-xIQy {
390
+ .Avatar-module__hop-Avatar--decorative-option8___MlXXA {
391
391
  --background-color: var(--hop-Avatar-decorative-8-background-color);
392
392
  --text-color: var(--hop-Avatar-decorative-8-text-color);
393
393
  }
394
- .Avatar-module__hop-Avatar--decorative-option9___RPem9 {
394
+ .Avatar-module__hop-Avatar--decorative-option9___N-j7S {
395
395
  --background-color: var(--hop-Avatar-decorative-9-background-color);
396
396
  --text-color: var(--hop-Avatar-decorative-9-text-color);
397
397
  }
398
- .Avatar-module__hop-Avatar___PcXwT[data-disabled] {
398
+ .Avatar-module__hop-Avatar___gAd-0[data-disabled] {
399
399
  --background-color: var(--hop-Avatar-background-color-disabled);
400
400
  --text-color: var(--hop-Avatar-text-color-disabled);
401
401
  --mix-blend-mode: var(--hop-Avatar-mix-blend-mode-disabled);
402
402
  isolation: isolate;
403
403
  }
404
- .Avatar-module__hop-Avatar__image___urxf6 {
404
+ .Avatar-module__hop-Avatar__image___W5cIl {
405
405
  position: relative;
406
406
  display: block;
407
407
  box-sizing: border-box;
@@ -412,7 +412,7 @@
412
412
  }
413
413
 
414
414
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Badge/src/Badge.module.css/#css-module-data */
415
- .Badge-module__hop-Badge___aRm-i {
415
+ .Badge-module__hop-Badge___ErLIF {
416
416
  --hop-Badge-height: 1.5rem;
417
417
  --hop-Badge-width: max-content;
418
418
  --hop-Badge-padding-inline: var(--hop-space-inset-sm);
@@ -462,67 +462,67 @@
462
462
  background-color: var(--background-color, var(--hop-Badge-primary-background-color));
463
463
  border-radius: var(--border-radius);
464
464
  }
465
- .Badge-module__hop-Badge--primary___-3wLY {
465
+ .Badge-module__hop-Badge--primary___0-akF {
466
466
  --background-color: var(--hop-Badge-primary-background-color);
467
467
  --text-color: var(--hop-Badge-primary-text-color);
468
468
  }
469
- .Badge-module__hop-Badge--primary___-3wLY[data-hovered] {
469
+ .Badge-module__hop-Badge--primary___0-akF[data-hovered] {
470
470
  --background-color: var(--hop-Badge-primary-background-color-hovered);
471
471
  --text-color: var(--hop-Badge-primary-text-color-hovered);
472
472
  }
473
- .Badge-module__hop-Badge--primary___-3wLY[data-pressed] {
473
+ .Badge-module__hop-Badge--primary___0-akF[data-pressed] {
474
474
  --background-color: var(--hop-Badge-primary-background-color-pressed);
475
475
  --text-color: var(--hop-Badge-primary-text-color-pressed);
476
476
  }
477
- .Badge-module__hop-Badge--primary___-3wLY[data-selected] {
477
+ .Badge-module__hop-Badge--primary___0-akF[data-selected] {
478
478
  --background-color: var(--hop-Badge-primary-background-color-selected);
479
479
  --text-color: var(--hop-Badge-primary-text-color-selected);
480
480
  }
481
- .Badge-module__hop-Badge--secondary___-KBel {
481
+ .Badge-module__hop-Badge--secondary___E4-sZ {
482
482
  --background-color: var(--hop-Badge-secondary-background-color);
483
483
  --text-color: var(--hop-Badge-secondary-text-color);
484
484
  }
485
- .Badge-module__hop-Badge--secondary___-KBel[data-hovered] {
485
+ .Badge-module__hop-Badge--secondary___E4-sZ[data-hovered] {
486
486
  --background-color: var(--hop-Badge-secondary-background-color-hovered);
487
487
  --text-color: var(--hop-Badge-secondary-text-color-hovered);
488
488
  }
489
- .Badge-module__hop-Badge--secondary___-KBel[data-pressed] {
489
+ .Badge-module__hop-Badge--secondary___E4-sZ[data-pressed] {
490
490
  --background-color: var(--hop-Badge-secondary-background-color-pressed);
491
491
  --text-color: var(--hop-Badge-secondary-text-color-pressed);
492
492
  }
493
- .Badge-module__hop-Badge--secondary___-KBel[data-selected] {
493
+ .Badge-module__hop-Badge--secondary___E4-sZ[data-selected] {
494
494
  --background-color: var(--hop-Badge-secondary-background-color-selected);
495
495
  --text-color: var(--hop-Badge-secondary-text-color-selected);
496
496
  }
497
- .Badge-module__hop-Badge--subdued___FCpqU {
497
+ .Badge-module__hop-Badge--subdued___PJH0r {
498
498
  --background-color: var(--hop-Badge-subdued-background-color);
499
499
  --text-color: var(--hop-Badge-subdued-text-color);
500
500
  }
501
- .Badge-module__hop-Badge--subdued___FCpqU[data-hovered] {
501
+ .Badge-module__hop-Badge--subdued___PJH0r[data-hovered] {
502
502
  --background-color: var(--hop-Badge-subdued-background-color-hovered);
503
503
  --text-color: var(--hop-Badge-subdued-text-color-hovered);
504
504
  }
505
- .Badge-module__hop-Badge--subdued___FCpqU[data-pressed] {
505
+ .Badge-module__hop-Badge--subdued___PJH0r[data-pressed] {
506
506
  --background-color: var(--hop-Badge-subdued-background-color-pressed);
507
507
  --text-color: var(--hop-Badge-subdued-text-color-pressed);
508
508
  }
509
- .Badge-module__hop-Badge--subdued___FCpqU[data-selected] {
509
+ .Badge-module__hop-Badge--subdued___PJH0r[data-selected] {
510
510
  --background-color: var(--hop-Badge-subdued-background-color-selected);
511
511
  --text-color: var(--hop-Badge-subdued-text-color-selected);
512
512
  }
513
- .Badge-module__hop-Badge___aRm-i[data-indeterminate] {
513
+ .Badge-module__hop-Badge___ErLIF[data-indeterminate] {
514
514
  --border-radius: var(--hop-Badge-indeterminate-border-radius);
515
515
  --height: var(--hop-Badge-indeterminate-height);
516
516
  --width: var(--hop-Badge-indeterminate-width);
517
517
  --padding-inline: var(--hop-Badge-indeterminate-padding-inline);
518
518
  }
519
- .Badge-module__hop-Badge___aRm-i[data-disabled] {
519
+ .Badge-module__hop-Badge___ErLIF[data-disabled] {
520
520
  --background-color: var(--hop-Badge-background-color-disabled);
521
521
  --text-color: var(--hop-Badge-text-color-disabled);
522
522
  }
523
523
 
524
524
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Badge/src/FloatingBadge.module.css/#css-module-data */
525
- .FloatingBadge-module__hop-FloatingBadge___1CBdW {
525
+ .FloatingBadge-module__hop-FloatingBadge___yBlMB {
526
526
  --hop-FloatingBadge-badge-x: calc(0% + var(--hop-FloatingBadge-offset-x));
527
527
  --hop-FloatingBadge-badge-circular-x: calc(10% + var(--hop-FloatingBadge-offset-x));
528
528
  --hop-FloatingBadge-badge-y: calc(0% + var(--hop-FloatingBadge-offset-y));
@@ -563,7 +563,7 @@
563
563
  box-sizing: border-box;
564
564
  inline-size: max-content;
565
565
  }
566
- .FloatingBadge-module__hop-FloatingBadge___1CBdW[data-placement="top right"] {
566
+ .FloatingBadge-module__hop-FloatingBadge___yBlMB[data-placement="top right"] {
567
567
  --badge-top: var(--hop-FloatingBadge-badge-topright-top);
568
568
  --badge-right: var(--hop-FloatingBadge-badge-topright-right);
569
569
  --badge-bottom: var(--hop-FloatingBadge-badge-topright-bottom);
@@ -571,11 +571,11 @@
571
571
  --badge-transform: var(--hop-FloatingBadge-badge-topright-transform);
572
572
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topright-transform-origin);
573
573
  }
574
- .FloatingBadge-module__hop-FloatingBadge___1CBdW[data-placement="top right"][data-overlap=circular] {
574
+ .FloatingBadge-module__hop-FloatingBadge___yBlMB[data-placement="top right"][data-overlap=circular] {
575
575
  --badge-top: var(--hop-FloatingBadge-badge-topright-circular-top);
576
576
  --badge-right: var(--hop-FloatingBadge-badge-topright-circular-right);
577
577
  }
578
- .FloatingBadge-module__hop-FloatingBadge___1CBdW[data-placement="top left"] {
578
+ .FloatingBadge-module__hop-FloatingBadge___yBlMB[data-placement="top left"] {
579
579
  --badge-top: var(--hop-FloatingBadge-badge-topleft-top);
580
580
  --badge-right: var(--hop-FloatingBadge-badge-topleft-right);
581
581
  --badge-bottom: var(--hop-FloatingBadge-badge-topleft-bottom);
@@ -583,11 +583,11 @@
583
583
  --badge-transform: var(--hop-FloatingBadge-badge-topleft-transform);
584
584
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topleft-transform-origin);
585
585
  }
586
- .FloatingBadge-module__hop-FloatingBadge___1CBdW[data-placement="top left"][data-overlap=circular] {
586
+ .FloatingBadge-module__hop-FloatingBadge___yBlMB[data-placement="top left"][data-overlap=circular] {
587
587
  --badge-top: var(--hop-FloatingBadge-badge-topleft-circular-top);
588
588
  --badge-left: var(--hop-FloatingBadge-badge-topleft-circular-left);
589
589
  }
590
- .FloatingBadge-module__hop-FloatingBadge___1CBdW[data-placement="bottom right"] {
590
+ .FloatingBadge-module__hop-FloatingBadge___yBlMB[data-placement="bottom right"] {
591
591
  --badge-top: var(--hop-FloatingBadge-badge-bottomright-top);
592
592
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-right);
593
593
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-bottom);
@@ -595,11 +595,11 @@
595
595
  --badge-transform: var(--hop-FloatingBadge-badge-bottomright-transform);
596
596
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomright-transform-origin);
597
597
  }
598
- .FloatingBadge-module__hop-FloatingBadge___1CBdW[data-placement="bottom right"][data-overlap=circular] {
598
+ .FloatingBadge-module__hop-FloatingBadge___yBlMB[data-placement="bottom right"][data-overlap=circular] {
599
599
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-circular-right);
600
600
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-circular-bottom);
601
601
  }
602
- .FloatingBadge-module__hop-FloatingBadge___1CBdW[data-placement="bottom left"] {
602
+ .FloatingBadge-module__hop-FloatingBadge___yBlMB[data-placement="bottom left"] {
603
603
  --badge-top: var(--hop-FloatingBadge-badge-bottomleft-top);
604
604
  --badge-right: var(--hop-FloatingBadge-badge-bottomleft-right);
605
605
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-bottom);
@@ -607,11 +607,11 @@
607
607
  --badge-transform: var(--hop-FloatingBadge-badge-bottomleft-transform);
608
608
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomleft-transform-origin);
609
609
  }
610
- .FloatingBadge-module__hop-FloatingBadge___1CBdW[data-placement="bottom left"][data-overlap=circular] {
610
+ .FloatingBadge-module__hop-FloatingBadge___yBlMB[data-placement="bottom left"][data-overlap=circular] {
611
611
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-circular-bottom);
612
612
  --badge-left: var(--hop-FloatingBadge-badge-bottomleft-circular-left);
613
613
  }
614
- .FloatingBadge-module__hop-FloatingBadge__badge___d4Kjp {
614
+ .FloatingBadge-module__hop-FloatingBadge__badge___IwNFt {
615
615
  position: absolute;
616
616
  inset: var(--badge-top) var(--badge-right) var(--badge-bottom) var(--badge-left);
617
617
  transform-origin: var(--badge-transform-origin);
@@ -619,7 +619,7 @@
619
619
  }
620
620
 
621
621
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/IconList/src/IconList.module.css/#css-module-data */
622
- .IconList-module__hop-IconList___XdLlV {
622
+ .IconList-module__hop-IconList___uEqn8 {
623
623
  --hop-IconList-gap: var(--hop-space-inline-xs);
624
624
  display: flex;
625
625
  flex-wrap: wrap;
@@ -628,7 +628,7 @@
628
628
  }
629
629
 
630
630
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/Checkbox.module.css/#css-module-data */
631
- .Checkbox-module__hop-Checkbox___6p94H {
631
+ .Checkbox-module__hop-Checkbox___egH6w {
632
632
  --hop-Checkbox-box-border-size: 0.0625rem;
633
633
  --hop-Checkbox-box-border-color: var(--hop-neutral-border);
634
634
  --hop-Checkbox-box-background-color: var(--hop-neutral-surface);
@@ -703,60 +703,60 @@
703
703
  inline-size: max-content;
704
704
  max-inline-size: 100%;
705
705
  }
706
- .Checkbox-module__hop-Checkbox___6p94H[data-focus-visible] {
706
+ .Checkbox-module__hop-Checkbox___egH6w[data-focus-visible] {
707
707
  --box-background-color: var(--hop-Checkbox-box-background-color-focused);
708
708
  --box-border-color: var(--hop-Checkbox-box-border-color-focused);
709
709
  --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
710
710
  --text-color: var(--hop-Checkbox-text-color-focused);
711
711
  --icon-color: var(--hop-Checkbox-icon-color-focused);
712
712
  }
713
- .Checkbox-module__hop-Checkbox___6p94H[data-hovered] {
713
+ .Checkbox-module__hop-Checkbox___egH6w[data-hovered] {
714
714
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered);
715
715
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered);
716
716
  --text-color: var(--hop-Checkbox-text-color-hovered);
717
717
  --icon-color: var(--hop-Checkbox-icon-color-hovered);
718
718
  }
719
- .Checkbox-module__hop-Checkbox___6p94H[data-pressed] {
719
+ .Checkbox-module__hop-Checkbox___egH6w[data-pressed] {
720
720
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed);
721
721
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed);
722
722
  --text-color: var(--hop-Checkbox-text-color-pressed);
723
723
  --icon-color: var(--hop-Checkbox-icon-color-pressed);
724
724
  }
725
- .Checkbox-module__hop-Checkbox___6p94H[data-selected] {
725
+ .Checkbox-module__hop-Checkbox___egH6w[data-selected] {
726
726
  --box-background-color: var(--hop-Checkbox-box-background-color-selected);
727
727
  --box-border-color: var(--hop-Checkbox-box-border-color-selected);
728
728
  --check-display: var(--hop-Checkbox-check-display-selected);
729
729
  --text-color: var(--hop-Checkbox-text-color-selected);
730
730
  --icon-color: var(--hop-Checkbox-icon-color-selected);
731
731
  }
732
- .Checkbox-module__hop-Checkbox___6p94H[data-invalid] {
732
+ .Checkbox-module__hop-Checkbox___egH6w[data-invalid] {
733
733
  --box-background-color: var(--hop-Checkbox-box-background-color-invalid);
734
734
  --box-border-color: var(--hop-Checkbox-box-border-color-invalid);
735
735
  --check-color: var(--hop-Checkbox-check-color-invalid);
736
736
  --text-color: var(--hop-Checkbox-text-color-invalid);
737
737
  --icon-color: var(--hop-Checkbox-icon-color-invalid);
738
738
  }
739
- .Checkbox-module__hop-Checkbox___6p94H[data-invalid]:where([data-focus-visible]) {
739
+ .Checkbox-module__hop-Checkbox___egH6w[data-invalid]:where([data-focus-visible]) {
740
740
  --box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
741
741
  --box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
742
742
  }
743
- .Checkbox-module__hop-Checkbox___6p94H[data-invalid]:where([data-hovered]) {
743
+ .Checkbox-module__hop-Checkbox___egH6w[data-invalid]:where([data-hovered]) {
744
744
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
745
745
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
746
746
  --text-color: var(--hop-Checkbox-text-color-hovered-invalid);
747
747
  --icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
748
748
  }
749
- .Checkbox-module__hop-Checkbox___6p94H[data-invalid]:where([data-pressed]) {
749
+ .Checkbox-module__hop-Checkbox___egH6w[data-invalid]:where([data-pressed]) {
750
750
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
751
751
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
752
752
  --text-color: var(--hop-Checkbox-text-color-pressed-invalid);
753
753
  --icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
754
754
  }
755
- .Checkbox-module__hop-Checkbox___6p94H:where([data-invalid])[data-selected] {
755
+ .Checkbox-module__hop-Checkbox___egH6w:where([data-invalid])[data-selected] {
756
756
  --box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
757
757
  --box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
758
758
  }
759
- .Checkbox-module__hop-Checkbox___6p94H[data-disabled] {
759
+ .Checkbox-module__hop-Checkbox___egH6w[data-disabled] {
760
760
  --box-background-color: var(--hop-Checkbox-box-background-color-disabled);
761
761
  --box-border-color: var(--hop-Checkbox-box-border-color-disabled);
762
762
  --check-color: var(--hop-Checkbox-check-color-disabled);
@@ -764,25 +764,25 @@
764
764
  --text-color: var(--hop-Checkbox-text-color-disabled);
765
765
  --icon-color: var(--hop-Checkbox-icon-color-disabled);
766
766
  }
767
- .Checkbox-module__hop-Checkbox--sm___Q21jw {
767
+ .Checkbox-module__hop-Checkbox--sm___bE3Lt {
768
768
  --box-block-size: var(--hop-Checkbox-box-sm-block-size);
769
769
  --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
770
770
  --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
771
771
  --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
772
772
  }
773
- .Checkbox-module__hop-Checkbox--md___xCsVT {
773
+ .Checkbox-module__hop-Checkbox--md___-VJ30 {
774
774
  --box-block-size: var(--hop-Checkbox-box-md-block-size);
775
775
  --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
776
776
  --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
777
777
  --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
778
778
  }
779
- .Checkbox-module__hop-Checkbox__icon___xTtXG,
780
- .Checkbox-module__hop-Checkbox__icon-list___TE1X- {
779
+ .Checkbox-module__hop-Checkbox__icon___zNKWi,
780
+ .Checkbox-module__hop-Checkbox__icon-list___WxxJp {
781
781
  flex: 0 0 auto;
782
782
  order: 3;
783
783
  color: var(--icon-color);
784
784
  }
785
- .Checkbox-module__hop-Checkbox__box___-Yuy- {
785
+ .Checkbox-module__hop-Checkbox__box___VefY2 {
786
786
  display: flex;
787
787
  flex: 0 0 auto;
788
788
  align-items: center;
@@ -798,11 +798,11 @@
798
798
  outline-offset: 0.125rem;
799
799
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
800
800
  }
801
- .Checkbox-module__hop-Checkbox__check___mp55c {
801
+ .Checkbox-module__hop-Checkbox__check___fpH6T {
802
802
  display: var(--check-display);
803
803
  color: var(--check-color);
804
804
  }
805
- .Checkbox-module__hop-Checkbox__text___KzSfP {
805
+ .Checkbox-module__hop-Checkbox__text___njOhl {
806
806
  flex: 0 1 auto;
807
807
  order: 2;
808
808
  min-inline-size: 0;
@@ -812,7 +812,7 @@
812
812
  }
813
813
 
814
814
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxField.module.css/#css-module-data */
815
- .CheckboxField-module__hop-CheckboxField___kEez4 {
815
+ .CheckboxField-module__hop-CheckboxField___vmnDE {
816
816
  --hop-CheckboxField-description-color: var(--hop-neutral-text-weak);
817
817
  --hop-CheckboxField-description-color-disabled: var(--hop-neutral-text-disabled);
818
818
  --hop-CheckboxField-sm-row-gap: var(--hop-space-stack-xs);
@@ -831,28 +831,28 @@
831
831
  inline-size: max-content;
832
832
  max-inline-size: 100%;
833
833
  }
834
- .CheckboxField-module__hop-CheckboxField___kEez4[data-disabled] {
834
+ .CheckboxField-module__hop-CheckboxField___vmnDE[data-disabled] {
835
835
  --description-color: var(--hop-CheckboxField-description-color-disabled);
836
836
  }
837
- .CheckboxField-module__hop-CheckboxField--sm___ClYi0 {
837
+ .CheckboxField-module__hop-CheckboxField--sm___8j8A- {
838
838
  --row-gap: var(--hop-CheckboxField-sm-row-gap);
839
839
  --description-margin-inline-start: var(--hop-CheckboxField-description-sm-margin-inline-start);
840
840
  }
841
- .CheckboxField-module__hop-CheckboxField--md___K24sH {
841
+ .CheckboxField-module__hop-CheckboxField--md___vX5JV {
842
842
  --row-gap: var(--hop-CheckboxField-md-row-gap);
843
843
  --description-margin-inline-start: var(--hop-CheckboxField-description-md-margin-inline-start);
844
844
  }
845
- .CheckboxField-module__hop-CheckboxField__description___xjbJo {
845
+ .CheckboxField-module__hop-CheckboxField__description___ubSaf {
846
846
  order: 2;
847
847
  margin-inline-start: var(--description-margin-inline-start, var(--hop-CheckboxField-description-md-margin-inline-start));
848
848
  color: var(--description-color);
849
849
  }
850
- .CheckboxField-module__hop-CheckboxField__checkbox___FFLo2 {
850
+ .CheckboxField-module__hop-CheckboxField__checkbox___CEk8- {
851
851
  order: 1;
852
852
  }
853
853
 
854
854
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ErrorMessage/src/ErrorMessage.module.css/#css-module-data */
855
- .ErrorMessage-module__hop-ErrorMessage___hP8Lb {
855
+ .ErrorMessage-module__hop-ErrorMessage___TQ8J- {
856
856
  --hop-ErrorMessage-color: var(--hop-danger-text-weak);
857
857
  --hop-ErrorMessage-font-family: var(--hop-body-xs-font-family);
858
858
  --hop-ErrorMessage-font-size: var(--hop-body-xs-font-size);
@@ -869,13 +869,13 @@
869
869
  line-height: var(--hop-ErrorMessage-line-height);
870
870
  color: var(--hop-ErrorMessage-color);
871
871
  }
872
- .ErrorMessage-module__hop-ErrorMessage__icon___-UKmc {
872
+ .ErrorMessage-module__hop-ErrorMessage__icon___droXw {
873
873
  flex: 0 0 auto;
874
874
  align-self: flex-start;
875
875
  }
876
876
 
877
877
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/HelperMessage/src/HelperMessage.module.css/#css-module-data */
878
- .HelperMessage-module__hop-HelperMessage___pqVGa {
878
+ .HelperMessage-module__hop-HelperMessage___LVIED {
879
879
  --hop-HelperMessage-color: var(--hop-neutral-text-weak);
880
880
  --hop-HelperMessage-column-gap: var(--hop-space-inline-xs);
881
881
  display: flex;
@@ -884,13 +884,13 @@
884
884
  box-sizing: border-box;
885
885
  color: var(--hop-HelperMessage-color);
886
886
  }
887
- .HelperMessage-module__hop-HelperMessage__icon___JQkBp {
887
+ .HelperMessage-module__hop-HelperMessage__icon___JoNCi {
888
888
  flex: 0 0 auto;
889
889
  align-self: flex-start;
890
890
  }
891
891
 
892
892
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxGroup.module.css/#css-module-data */
893
- .CheckboxGroup-module__hop-CheckboxGroup___NcO6p {
893
+ .CheckboxGroup-module__hop-CheckboxGroup___TRE-- {
894
894
  --hop-CheckboxGroup-align-items: flex-start;
895
895
  --hop-CheckboxGroup-justify-content: flex-start;
896
896
  --hop-CheckboxGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -929,46 +929,46 @@
929
929
  inline-size: max-content;
930
930
  max-inline-size: 100%;
931
931
  }
932
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___a3G2P {
932
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___lgNC5 {
933
933
  --list-border: var(--checkbox-border-size) solid var(--checkbox-border-color);
934
934
  --list-border-radius: var(--hop-shape-rounded-md);
935
935
  }
936
- .CheckboxGroup-module__hop-CheckboxGroup--sm___Vm2Wf {
936
+ .CheckboxGroup-module__hop-CheckboxGroup--sm___4RIlV {
937
937
  --column-gap: var(--hop-CheckboxGroup-sm-column-gap);
938
938
  --row-gap: var(--hop-CheckboxGroup-sm-row-gap);
939
939
  --list-column-gap: var(--hop-CheckboxGroup-list-sm-column-gap);
940
940
  --list-row-gap: var(--hop-CheckboxGroup-list-sm-row-gap);
941
941
  }
942
- .CheckboxGroup-module__hop-CheckboxGroup--md___QXcfd {
942
+ .CheckboxGroup-module__hop-CheckboxGroup--md___Sb8Cm {
943
943
  --column-gap: var(--hop-CheckboxGroup-md-column-gap);
944
944
  --row-gap: var(--hop-CheckboxGroup-md-row-gap);
945
945
  --list-column-gap: var(--hop-CheckboxGroup-list-md-column-gap);
946
946
  --list-row-gap: var(--hop-CheckboxGroup-list-md-row-gap);
947
947
  }
948
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___a3G2P.CheckboxGroup-module__hop-CheckboxGroup--sm___Vm2Wf {
948
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___lgNC5.CheckboxGroup-module__hop-CheckboxGroup--sm___4RIlV {
949
949
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-sm-padding);
950
950
  --column-gap: var(--hop-CheckboxGroup-bordered-sm-column-gap);
951
951
  --row-gap: var(--hop-CheckboxGroup-bordered-sm-row-gap);
952
952
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-sm-column-gap);
953
953
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-sm-row-gap);
954
954
  }
955
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___a3G2P.CheckboxGroup-module__hop-CheckboxGroup--md___QXcfd {
955
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___lgNC5.CheckboxGroup-module__hop-CheckboxGroup--md___Sb8Cm {
956
956
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-md-padding);
957
957
  --column-gap: var(--hop-CheckboxGroup-bordered-md-column-gap);
958
958
  --row-gap: var(--hop-CheckboxGroup-bordered-md-row-gap);
959
959
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-md-column-gap);
960
960
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-md-row-gap);
961
961
  }
962
- .CheckboxGroup-module__hop-CheckboxGroup___NcO6p[data-orientation=horizontal] {
962
+ .CheckboxGroup-module__hop-CheckboxGroup___TRE--[data-orientation=horizontal] {
963
963
  --flex-direction: var(--hop-CheckboxGroup-horizontal-flex-direction);
964
964
  }
965
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___a3G2P[data-orientation=horizontal] {
965
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___lgNC5[data-orientation=horizontal] {
966
966
  --flex-wrap: nowrap;
967
967
  }
968
- .CheckboxGroup-module__hop-CheckboxGroup___NcO6p > .CheckboxGroup-module__hop-CheckboxGroup__label___-3h2I {
968
+ .CheckboxGroup-module__hop-CheckboxGroup___TRE-- > .CheckboxGroup-module__hop-CheckboxGroup__label___Oagaj {
969
969
  order: 1;
970
970
  }
971
- .CheckboxGroup-module__hop-CheckboxGroup__list___TUYIp {
971
+ .CheckboxGroup-module__hop-CheckboxGroup__list___u2NdU {
972
972
  display: flex;
973
973
  flex-flow: var(--flex-direction) var(--flex-wrap);
974
974
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -979,7 +979,7 @@
979
979
  border: var(--list-border, none);
980
980
  border-radius: var(--list-border-radius, 0);
981
981
  }
982
- .CheckboxGroup-module__hop-CheckboxGroup__list___TUYIp > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___gpEbz {
982
+ .CheckboxGroup-module__hop-CheckboxGroup__list___u2NdU > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___7rSgL {
983
983
  position: relative;
984
984
  flex: 0 1 auto;
985
985
  align-content: start;
@@ -987,28 +987,28 @@
987
987
  min-inline-size: 0;
988
988
  padding: var(--checkbox-padding, 0);
989
989
  }
990
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___a3G2P .CheckboxGroup-module__hop-CheckboxGroup__list___TUYIp > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___gpEbz ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___gpEbz::before {
990
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___lgNC5 .CheckboxGroup-module__hop-CheckboxGroup__list___u2NdU > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___7rSgL ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___7rSgL::before {
991
991
  content: "";
992
992
  position: absolute;
993
993
  display: block;
994
994
  }
995
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___a3G2P[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___TUYIp > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___gpEbz ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___gpEbz::before {
995
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___lgNC5[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___u2NdU > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___7rSgL ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___7rSgL::before {
996
996
  inset-block-start: 0;
997
997
  inset-inline: 0;
998
998
  border-block-start: var(--list-border, none);
999
999
  }
1000
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___a3G2P[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___TUYIp > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___gpEbz ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___gpEbz::before {
1000
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___lgNC5[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___u2NdU > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___7rSgL ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___7rSgL::before {
1001
1001
  inset-block: 0;
1002
1002
  inset-inline-start: 0;
1003
1003
  border-inline-start: var(--list-border, none);
1004
1004
  }
1005
- .CheckboxGroup-module__hop-CheckboxGroup___NcO6p > .CheckboxGroup-module__hop-CheckboxGroup__error-message___KFiW8,
1006
- .CheckboxGroup-module__hop-CheckboxGroup___NcO6p > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___71EIV {
1005
+ .CheckboxGroup-module__hop-CheckboxGroup___TRE-- > .CheckboxGroup-module__hop-CheckboxGroup__error-message___qZ2ja,
1006
+ .CheckboxGroup-module__hop-CheckboxGroup___TRE-- > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___1JkSL {
1007
1007
  order: 3;
1008
1008
  }
1009
1009
 
1010
1010
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/DecorativeCheckbox.module.css/#css-module-data */
1011
- .Checkbox-module__hop-Checkbox___6p94H {
1011
+ .Checkbox-module__hop-Checkbox___egH6w {
1012
1012
  --hop-Checkbox-box-border-size: 0.0625rem;
1013
1013
  --hop-Checkbox-box-border-color: var(--hop-neutral-border);
1014
1014
  --hop-Checkbox-box-background-color: var(--hop-neutral-surface);
@@ -1083,60 +1083,60 @@
1083
1083
  inline-size: max-content;
1084
1084
  max-inline-size: 100%;
1085
1085
  }
1086
- .Checkbox-module__hop-Checkbox___6p94H[data-focus-visible] {
1086
+ .Checkbox-module__hop-Checkbox___egH6w[data-focus-visible] {
1087
1087
  --box-background-color: var(--hop-Checkbox-box-background-color-focused);
1088
1088
  --box-border-color: var(--hop-Checkbox-box-border-color-focused);
1089
1089
  --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
1090
1090
  --text-color: var(--hop-Checkbox-text-color-focused);
1091
1091
  --icon-color: var(--hop-Checkbox-icon-color-focused);
1092
1092
  }
1093
- .Checkbox-module__hop-Checkbox___6p94H[data-hovered] {
1093
+ .Checkbox-module__hop-Checkbox___egH6w[data-hovered] {
1094
1094
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered);
1095
1095
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered);
1096
1096
  --text-color: var(--hop-Checkbox-text-color-hovered);
1097
1097
  --icon-color: var(--hop-Checkbox-icon-color-hovered);
1098
1098
  }
1099
- .Checkbox-module__hop-Checkbox___6p94H[data-pressed] {
1099
+ .Checkbox-module__hop-Checkbox___egH6w[data-pressed] {
1100
1100
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed);
1101
1101
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed);
1102
1102
  --text-color: var(--hop-Checkbox-text-color-pressed);
1103
1103
  --icon-color: var(--hop-Checkbox-icon-color-pressed);
1104
1104
  }
1105
- .Checkbox-module__hop-Checkbox___6p94H[data-selected] {
1105
+ .Checkbox-module__hop-Checkbox___egH6w[data-selected] {
1106
1106
  --box-background-color: var(--hop-Checkbox-box-background-color-selected);
1107
1107
  --box-border-color: var(--hop-Checkbox-box-border-color-selected);
1108
1108
  --check-display: var(--hop-Checkbox-check-display-selected);
1109
1109
  --text-color: var(--hop-Checkbox-text-color-selected);
1110
1110
  --icon-color: var(--hop-Checkbox-icon-color-selected);
1111
1111
  }
1112
- .Checkbox-module__hop-Checkbox___6p94H[data-invalid] {
1112
+ .Checkbox-module__hop-Checkbox___egH6w[data-invalid] {
1113
1113
  --box-background-color: var(--hop-Checkbox-box-background-color-invalid);
1114
1114
  --box-border-color: var(--hop-Checkbox-box-border-color-invalid);
1115
1115
  --check-color: var(--hop-Checkbox-check-color-invalid);
1116
1116
  --text-color: var(--hop-Checkbox-text-color-invalid);
1117
1117
  --icon-color: var(--hop-Checkbox-icon-color-invalid);
1118
1118
  }
1119
- .Checkbox-module__hop-Checkbox___6p94H[data-invalid]:where([data-focus-visible]) {
1119
+ .Checkbox-module__hop-Checkbox___egH6w[data-invalid]:where([data-focus-visible]) {
1120
1120
  --box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
1121
1121
  --box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
1122
1122
  }
1123
- .Checkbox-module__hop-Checkbox___6p94H[data-invalid]:where([data-hovered]) {
1123
+ .Checkbox-module__hop-Checkbox___egH6w[data-invalid]:where([data-hovered]) {
1124
1124
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
1125
1125
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
1126
1126
  --text-color: var(--hop-Checkbox-text-color-hovered-invalid);
1127
1127
  --icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
1128
1128
  }
1129
- .Checkbox-module__hop-Checkbox___6p94H[data-invalid]:where([data-pressed]) {
1129
+ .Checkbox-module__hop-Checkbox___egH6w[data-invalid]:where([data-pressed]) {
1130
1130
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
1131
1131
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
1132
1132
  --text-color: var(--hop-Checkbox-text-color-pressed-invalid);
1133
1133
  --icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
1134
1134
  }
1135
- .Checkbox-module__hop-Checkbox___6p94H:where([data-invalid])[data-selected] {
1135
+ .Checkbox-module__hop-Checkbox___egH6w:where([data-invalid])[data-selected] {
1136
1136
  --box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
1137
1137
  --box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
1138
1138
  }
1139
- .Checkbox-module__hop-Checkbox___6p94H[data-disabled] {
1139
+ .Checkbox-module__hop-Checkbox___egH6w[data-disabled] {
1140
1140
  --box-background-color: var(--hop-Checkbox-box-background-color-disabled);
1141
1141
  --box-border-color: var(--hop-Checkbox-box-border-color-disabled);
1142
1142
  --check-color: var(--hop-Checkbox-check-color-disabled);
@@ -1144,25 +1144,25 @@
1144
1144
  --text-color: var(--hop-Checkbox-text-color-disabled);
1145
1145
  --icon-color: var(--hop-Checkbox-icon-color-disabled);
1146
1146
  }
1147
- .Checkbox-module__hop-Checkbox--sm___Q21jw {
1147
+ .Checkbox-module__hop-Checkbox--sm___bE3Lt {
1148
1148
  --box-block-size: var(--hop-Checkbox-box-sm-block-size);
1149
1149
  --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
1150
1150
  --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
1151
1151
  --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
1152
1152
  }
1153
- .Checkbox-module__hop-Checkbox--md___xCsVT {
1153
+ .Checkbox-module__hop-Checkbox--md___-VJ30 {
1154
1154
  --box-block-size: var(--hop-Checkbox-box-md-block-size);
1155
1155
  --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
1156
1156
  --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
1157
1157
  --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
1158
1158
  }
1159
- .Checkbox-module__hop-Checkbox__icon___xTtXG,
1160
- .Checkbox-module__hop-Checkbox__icon-list___TE1X- {
1159
+ .Checkbox-module__hop-Checkbox__icon___zNKWi,
1160
+ .Checkbox-module__hop-Checkbox__icon-list___WxxJp {
1161
1161
  flex: 0 0 auto;
1162
1162
  order: 3;
1163
1163
  color: var(--icon-color);
1164
1164
  }
1165
- .Checkbox-module__hop-Checkbox__box___-Yuy- {
1165
+ .Checkbox-module__hop-Checkbox__box___VefY2 {
1166
1166
  display: flex;
1167
1167
  flex: 0 0 auto;
1168
1168
  align-items: center;
@@ -1178,11 +1178,11 @@
1178
1178
  outline-offset: 0.125rem;
1179
1179
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
1180
1180
  }
1181
- .Checkbox-module__hop-Checkbox__check___mp55c {
1181
+ .Checkbox-module__hop-Checkbox__check___fpH6T {
1182
1182
  display: var(--check-display);
1183
1183
  color: var(--check-color);
1184
1184
  }
1185
- .Checkbox-module__hop-Checkbox__text___KzSfP {
1185
+ .Checkbox-module__hop-Checkbox__text___njOhl {
1186
1186
  flex: 0 1 auto;
1187
1187
  order: 2;
1188
1188
  min-inline-size: 0;
@@ -1190,24 +1190,24 @@
1190
1190
  margin-inline-start: var(--text-margin-inline-start, var(--hop-Checkbox-text-md-margin-inline-start));
1191
1191
  color: var(--text-color);
1192
1192
  }
1193
- .DecorativeCheckbox-module__hop-DecorativeCheckbox___XFbcU {
1193
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox___AbS9w {
1194
1194
  }
1195
- .DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___YIc1u {
1195
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___pe8Ns {
1196
1196
  }
1197
- .DecorativeCheckbox-module__hop-DecorativeCheckbox--md___J2PvK {
1197
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox--md___dNtzP {
1198
1198
  }
1199
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___JsC8C,
1200
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___KBc5m {
1199
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___kdbBA,
1200
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___-D6ul {
1201
1201
  }
1202
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__box___w6lwK {
1202
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__box___CIPTg {
1203
1203
  }
1204
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__check___XOONT {
1204
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__check___plG89 {
1205
1205
  }
1206
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__text___YkK29 {
1206
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__text___Amp9H {
1207
1207
  }
1208
1208
 
1209
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/Radio.module.css/#css-module-data */
1210
- .Radio-module__hop-Radio___h8Z6L {
1209
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/DecorativeRadio.module.css/#css-module-data */
1210
+ .Radio-module__hop-Radio___-Z8q3 {
1211
1211
  --hop-Radio-box-border-size: 0.0625rem;
1212
1212
  --hop-Radio-box-border-color: var(--hop-neutral-border);
1213
1213
  --hop-Radio-box-background-color: var(--hop-neutral-surface);
@@ -1281,60 +1281,60 @@
1281
1281
  inline-size: max-content;
1282
1282
  max-inline-size: 100%;
1283
1283
  }
1284
- .Radio-module__hop-Radio___h8Z6L[data-focus-visible] {
1284
+ .Radio-module__hop-Radio___-Z8q3[data-focus-visible] {
1285
1285
  --box-background-color: var(--hop-Radio-box-background-color-focused);
1286
1286
  --box-border-color: var(--hop-Radio-box-border-color-focused);
1287
1287
  --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
1288
1288
  --text-color: var(--hop-Radio-text-color-focused);
1289
1289
  --icon-color: var(--hop-Radio-icon-color-focused);
1290
1290
  }
1291
- .Radio-module__hop-Radio___h8Z6L[data-hovered] {
1291
+ .Radio-module__hop-Radio___-Z8q3[data-hovered] {
1292
1292
  --box-background-color: var(--hop-Radio-box-background-color-hovered);
1293
1293
  --box-border-color: var(--hop-Radio-box-border-color-hovered);
1294
1294
  --text-color: var(--hop-Radio-text-color-hovered);
1295
1295
  --icon-color: var(--hop-Radio-icon-color-hovered);
1296
1296
  }
1297
- .Radio-module__hop-Radio___h8Z6L[data-pressed] {
1297
+ .Radio-module__hop-Radio___-Z8q3[data-pressed] {
1298
1298
  --box-background-color: var(--hop-Radio-box-background-color-pressed);
1299
1299
  --box-border-color: var(--hop-Radio-box-border-color-pressed);
1300
1300
  --text-color: var(--hop-Radio-text-color-pressed);
1301
1301
  --icon-color: var(--hop-Radio-icon-color-pressed);
1302
1302
  }
1303
- .Radio-module__hop-Radio___h8Z6L[data-selected] {
1303
+ .Radio-module__hop-Radio___-Z8q3[data-selected] {
1304
1304
  --box-background-color: var(--hop-Radio-box-background-color-selected);
1305
1305
  --box-border-color: var(--hop-Radio-box-border-color-selected);
1306
1306
  --bullet-display: var(--hop-Radio-bullet-display-selected);
1307
1307
  --text-color: var(--hop-Radio-text-color-selected);
1308
1308
  --icon-color: var(--hop-Radio-icon-color-selected);
1309
1309
  }
1310
- .Radio-module__hop-Radio___h8Z6L[data-invalid] {
1310
+ .Radio-module__hop-Radio___-Z8q3[data-invalid] {
1311
1311
  --box-background-color: var(--hop-Radio-box-background-color-invalid);
1312
1312
  --box-border-color: var(--hop-Radio-box-border-color-invalid);
1313
1313
  --bullet-color: var(--hop-Radio-bullet-color-invalid);
1314
1314
  --text-color: var(--hop-Radio-text-color-invalid);
1315
1315
  --icon-color: var(--hop-Radio-icon-color-invalid);
1316
1316
  }
1317
- .Radio-module__hop-Radio___h8Z6L:where([data-invalid])[data-focus-visible] {
1317
+ .Radio-module__hop-Radio___-Z8q3:where([data-invalid])[data-focus-visible] {
1318
1318
  --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
1319
1319
  --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
1320
1320
  }
1321
- .Radio-module__hop-Radio___h8Z6L:where([data-invalid])[data-hovered] {
1321
+ .Radio-module__hop-Radio___-Z8q3:where([data-invalid])[data-hovered] {
1322
1322
  --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
1323
1323
  --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
1324
1324
  --text-color: var(--hop-Radio-text-color-hovered-invalid);
1325
1325
  --icon-color: var(--hop-Radio-text-color-hovered-invalid);
1326
1326
  }
1327
- .Radio-module__hop-Radio___h8Z6L:where([data-invalid])[data-pressed] {
1327
+ .Radio-module__hop-Radio___-Z8q3:where([data-invalid])[data-pressed] {
1328
1328
  --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
1329
1329
  --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
1330
1330
  --text-color: var(--hop-Radio-text-color-pressed-invalid);
1331
1331
  --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
1332
1332
  }
1333
- .Radio-module__hop-Radio___h8Z6L:where([data-invalid])[data-selected] {
1333
+ .Radio-module__hop-Radio___-Z8q3:where([data-invalid])[data-selected] {
1334
1334
  --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
1335
1335
  --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
1336
1336
  }
1337
- .Radio-module__hop-Radio___h8Z6L[data-disabled] {
1337
+ .Radio-module__hop-Radio___-Z8q3[data-disabled] {
1338
1338
  --box-background-color: var(--hop-Radio-box-background-color-disabled);
1339
1339
  --box-border-color: var(--hop-Radio-box-border-color-disabled);
1340
1340
  --bullet-color: var(--hop-Radio-bullet-color-disabled);
@@ -1342,25 +1342,25 @@
1342
1342
  --text-color: var(--hop-Radio-text-color-disabled);
1343
1343
  --icon-color: var(--hop-Radio-icon-color-disabled);
1344
1344
  }
1345
- .Radio-module__hop-Radio--sm___7sBTe {
1345
+ .Radio-module__hop-Radio--sm___1TeH7 {
1346
1346
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
1347
1347
  --box-block-size: var(--hop-Radio-box-sm-block-size);
1348
1348
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
1349
1349
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
1350
1350
  }
1351
- .Radio-module__hop-Radio--md___j7dwT {
1351
+ .Radio-module__hop-Radio--md___hoVN3 {
1352
1352
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
1353
1353
  --box-block-size: var(--hop-Radio-box-md-block-size);
1354
1354
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
1355
1355
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
1356
1356
  }
1357
- .Radio-module__hop-Radio__icon___mK02s,
1358
- .Radio-module__hop-Radio__icon-list___w84Lc {
1357
+ .Radio-module__hop-Radio__icon___4BB4k,
1358
+ .Radio-module__hop-Radio__icon-list___WePHc {
1359
1359
  flex: 0 0 auto;
1360
1360
  order: 3;
1361
1361
  color: var(--icon-color);
1362
1362
  }
1363
- .Radio-module__hop-Radio__box___QxeF6 {
1363
+ .Radio-module__hop-Radio__box___TVN5S {
1364
1364
  display: flex;
1365
1365
  flex: 0 0 auto;
1366
1366
  align-items: center;
@@ -1376,11 +1376,11 @@
1376
1376
  outline-offset: 0.125rem;
1377
1377
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
1378
1378
  }
1379
- .Radio-module__hop-Radio__bullet___vdRIs {
1379
+ .Radio-module__hop-Radio__bullet___RfhH0 {
1380
1380
  display: var(--bullet-display);
1381
1381
  color: var(--bullet-color);
1382
1382
  }
1383
- .Radio-module__hop-Radio__text___jBXMf {
1383
+ .Radio-module__hop-Radio__text___Fb3Yf {
1384
1384
  flex: 0 1 auto;
1385
1385
  order: 2;
1386
1386
  min-inline-size: 0;
@@ -1388,168 +1388,24 @@
1388
1388
  margin-inline-start: var(--text-margin-inline-start, var(--hop-Radio-text-md-margin-inline-start));
1389
1389
  color: var(--text-color);
1390
1390
  }
1391
-
1392
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioField.module.css/#css-module-data */
1393
- .RadioField-module__hop-RadioField___p0moL {
1394
- --hop-RadioField-description-color: var(--hop-neutral-text-weak);
1395
- --hop-RadioField-description-color-disabled: var(--hop-neutral-text-disabled);
1396
- --hop-RadioField-sm-row-gap: var(--hop-space-stack-xs);
1397
- --hop-RadioField-radio-sm-inline-size: 1rem;
1398
- --hop-RadioField-description-sm-margin-inline-start: calc(var(--hop-RadioField-radio-sm-inline-size) + var(--hop-space-inline-sm));
1399
- --hop-RadioField-md-row-gap: var(--hop-space-stack-xs);
1400
- --hop-RadioField-radio-md-inline-size: 1.5rem;
1401
- --hop-RadioField-description-md-margin-inline-start: calc(var(--hop-RadioField-radio-md-inline-size) + var(--hop-space-inline-md));
1402
- --description-color: var(--hop-RadioField-description-color);
1403
- display: flex;
1404
- flex-direction: column;
1405
- row-gap: var(--row-gap, var(--hop-space-stack-sm));
1406
- align-items: flex-start;
1407
- justify-content: flex-start;
1408
- box-sizing: border-box;
1409
- inline-size: max-content;
1410
- max-inline-size: 100%;
1411
- }
1412
- .RadioField-module__hop-RadioField___p0moL[data-disabled] {
1413
- --description-color: var(--hop-RadioField-description-color-disabled);
1414
- }
1415
- .RadioField-module__hop-RadioField--sm___zxGMv {
1416
- --row-gap: var(--hop-RadioField-sm-row-gap);
1417
- --description-margin-inline-start: var(--hop-RadioField-description-sm-margin-inline-start);
1418
- }
1419
- .RadioField-module__hop-RadioField--md___oIMbC {
1420
- --row-gap: var(--hop-RadioField-md-row-gap);
1421
- --description-margin-inline-start: var(--hop-RadioField-description-md-margin-inline-start);
1422
- }
1423
- .RadioField-module__hop-RadioField__description___M4dR3 {
1424
- order: 2;
1425
- margin-inline-start: var(--description-margin-inline-start, var(--hop-RadioField-description-md-margin-inline-start));
1426
- color: var(--description-color);
1427
- }
1428
- .RadioField-module__hop-RadioField__radio___SH5sh {
1429
- order: 1;
1430
- }
1431
-
1432
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioGroup.module.css/#css-module-data */
1433
- .RadioGroup-module__hop-RadioGroup___M4nxU {
1434
- --hop-RadioGroup-align-items: flex-start;
1435
- --hop-RadioGroup-justify-content: flex-start;
1436
- --hop-RadioGroup-bordered-border-color: var(--hop-neutral-border-weak);
1437
- --hop-RadioGroup-sm-column-gap: var(--hop-space-inline-sm);
1438
- --hop-RadioGroup-sm-row-gap: var(--hop-space-stack-sm);
1439
- --hop-RadioGroup-list-sm-column-gap: var(--hop-space-inline-sm);
1440
- --hop-RadioGroup-list-sm-row-gap: var(--hop-space-stack-sm);
1441
- --hop-RadioGroup-bordered-sm-padding: var(--hop-space-inset-sm);
1442
- --hop-RadioGroup-bordered-sm-column-gap: var(--hop-space-inline-sm);
1443
- --hop-RadioGroup-bordered-sm-row-gap: var(--hop-space-stack-sm);
1444
- --hop-RadioGroup-list-bordered-sm-column-gap: 0;
1445
- --hop-RadioGroup-list-bordered-sm-row-gap: 0;
1446
- --hop-RadioGroup-md-column-gap: var(--hop-space-inline-md);
1447
- --hop-RadioGroup-md-row-gap: var(--hop-space-stack-md);
1448
- --hop-RadioGroup-list-md-column-gap: var(--hop-space-inline-md);
1449
- --hop-RadioGroup-list-md-row-gap: var(--hop-space-stack-md);
1450
- --hop-RadioGroup-bordered-md-padding: var(--hop-space-inset-md);
1451
- --hop-RadioGroup-bordered-md-column-gap: var(--hop-space-inline-sm);
1452
- --hop-RadioGroup-bordered-md-row-gap: var(--hop-space-stack-sm);
1453
- --hop-RadioGroup-list-bordered-md-column-gap: 0;
1454
- --hop-RadioGroup-list-bordered-md-row-gap: 0;
1455
- --hop-RadioGroup-vertical-flex-direction: column;
1456
- --hop-RadioGroup-horizontal-flex-direction: row;
1457
- --radio-border-size: 0.0625rem;
1458
- --radio-border-color: var(--hop-neutral-border-weak);
1459
- --flex-direction: var(--hop-RadioGroup-vertical-flex-direction);
1460
- --align-items: var(--hop-RadioGroup-align-items);
1461
- --justify-content: var(--hop-RadioGroup-justify-content);
1462
- --flex-wrap: wrap;
1463
- --inline-size: max-content;
1464
- display: flex;
1465
- flex-direction: column;
1466
- gap: var(--row-gap, var(--hop-space-stack-md)) var(--column-gap, var(--hop-space-inline-md));
1467
- align-items: var(--align-items);
1468
- justify-content: var(--justify-content);
1469
- box-sizing: border-box;
1470
- inline-size: var(--inline-size);
1471
- max-inline-size: 100%;
1472
- }
1473
- .RadioGroup-module__hop-RadioGroup--bordered___nHkTy {
1474
- --list-border: var(--radio-border-size) solid var(--radio-border-color);
1475
- --list-border-radius: var(--hop-shape-rounded-md);
1476
- }
1477
- .RadioGroup-module__hop-RadioGroup--sm___rghH4 {
1478
- --column-gap: var(--hop-RadioGroup-sm-column-gap);
1479
- --row-gap: var(--hop-RadioGroup-sm-row-gap);
1480
- --list-column-gap: var(--hop-RadioGroup-list-sm-column-gap);
1481
- --list-row-gap: var(--hop-RadioGroup-list-sm-row-gap);
1482
- }
1483
- .RadioGroup-module__hop-RadioGroup--md___oherm {
1484
- --column-gap: var(--hop-RadioGroup-md-column-gap);
1485
- --row-gap: var(--hop-RadioGroup-md-row-gap);
1486
- --list-column-gap: var(--hop-RadioGroup-list-md-column-gap);
1487
- --list-row-gap: var(--hop-RadioGroup-list-md-row-gap);
1488
- }
1489
- .RadioGroup-module__hop-RadioGroup--bordered___nHkTy.RadioGroup-module__hop-RadioGroup--sm___rghH4 {
1490
- --radio-padding: var(--hop-RadioGroup-bordered-sm-padding);
1491
- --column-gap: var(--hop-RadioGroup-bordered-sm-column-gap);
1492
- --row-gap: var(--hop-RadioGroup-bordered-sm-row-gap);
1493
- --list-column-gap: var(--hop-RadioGroup-list-bordered-sm-column-gap);
1494
- --list-row-gap: var(--hop-RadioGroup-list-bordered-sm-row-gap);
1495
- }
1496
- .RadioGroup-module__hop-RadioGroup--bordered___nHkTy.RadioGroup-module__hop-RadioGroup--md___oherm {
1497
- --radio-padding: var(--hop-RadioGroup-bordered-md-padding);
1498
- --column-gap: var(--hop-RadioGroup-bordered-md-column-gap);
1499
- --row-gap: var(--hop-RadioGroup-bordered-md-row-gap);
1500
- --list-column-gap: var(--hop-RadioGroup-list-bordered-md-column-gap);
1501
- --list-row-gap: var(--hop-RadioGroup-list-bordered-md-row-gap);
1502
- }
1503
- .RadioGroup-module__hop-RadioGroup___M4nxU[data-orientation=horizontal] {
1504
- --flex-direction: var(--hop-RadioGroup-horizontal-flex-direction);
1391
+ .DecorativeRadio-module__hop-DecorativeRadio___-Kemb {
1505
1392
  }
1506
- .RadioGroup-module__hop-RadioGroup--bordered___nHkTy[data-orientation=horizontal] {
1507
- --flex-wrap: nowrap;
1393
+ .DecorativeRadio-module__hop-DecorativeRadio--sm___2R-WC {
1508
1394
  }
1509
- .RadioGroup-module__hop-RadioGroup___M4nxU > .RadioGroup-module__hop-RadioGroup__label___LMtH- {
1510
- order: 1;
1395
+ .DecorativeRadio-module__hop-DecorativeRadio--md___T33b7 {
1511
1396
  }
1512
- .RadioGroup-module__hop-RadioGroup__list___fhOj3 {
1513
- display: flex;
1514
- flex-flow: var(--flex-direction) var(--flex-wrap);
1515
- gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
1516
- order: 2;
1517
- box-sizing: border-box;
1518
- inline-size: var(--inline-size);
1519
- max-inline-size: 100%;
1520
- border: var(--list-border, none);
1521
- border-radius: var(--list-border-radius, 0);
1397
+ .DecorativeRadio-module__hop-DecorativeRadio__icon___QjZAb,
1398
+ .DecorativeRadio-module__hop-DecorativeRadio__icon-list___kmbUf {
1522
1399
  }
1523
- .RadioGroup-module__hop-RadioGroup__list___fhOj3 > .RadioGroup-module__hop-RadioGroup__radio___xTCm2 {
1524
- position: relative;
1525
- flex: 0 1 auto;
1526
- align-content: start;
1527
- inline-size: auto;
1528
- min-inline-size: 0;
1529
- padding: var(--radio-padding, 0);
1530
- }
1531
- .RadioGroup-module__hop-RadioGroup--bordered___nHkTy .RadioGroup-module__hop-RadioGroup__list___fhOj3 > .RadioGroup-module__hop-RadioGroup__radio___xTCm2 ~ .RadioGroup-module__hop-RadioGroup__radio___xTCm2::before {
1532
- content: "";
1533
- position: absolute;
1534
- display: block;
1400
+ .DecorativeRadio-module__hop-DecorativeRadio__box___9F6wp {
1535
1401
  }
1536
- .RadioGroup-module__hop-RadioGroup--bordered___nHkTy[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___fhOj3 > .RadioGroup-module__hop-RadioGroup__radio___xTCm2 ~ .RadioGroup-module__hop-RadioGroup__radio___xTCm2::before {
1537
- inset-block-start: 0;
1538
- inset-inline: 0;
1539
- border-block-start: var(--list-border, none);
1540
- }
1541
- .RadioGroup-module__hop-RadioGroup--bordered___nHkTy[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___fhOj3 > .RadioGroup-module__hop-RadioGroup__radio___xTCm2 ~ .RadioGroup-module__hop-RadioGroup__radio___xTCm2::before {
1542
- inset-block: 0;
1543
- inset-inline-start: 0;
1544
- border-inline-start: var(--list-border, none);
1402
+ .DecorativeRadio-module__hop-DecorativeRadio__bullet___DHaqh {
1545
1403
  }
1546
- .RadioGroup-module__hop-RadioGroup___M4nxU > .RadioGroup-module__hop-RadioGroup__error-message___IAkIi,
1547
- .RadioGroup-module__hop-RadioGroup___M4nxU > .RadioGroup-module__hop-RadioGroup__helper-message___2C-Pi {
1548
- order: 3;
1404
+ .DecorativeRadio-module__hop-DecorativeRadio__text___-sl10 {
1549
1405
  }
1550
1406
 
1551
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/DecorativeRadio.module.css/#css-module-data */
1552
- .Radio-module__hop-Radio___h8Z6L {
1407
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/Radio.module.css/#css-module-data */
1408
+ .Radio-module__hop-Radio___-Z8q3 {
1553
1409
  --hop-Radio-box-border-size: 0.0625rem;
1554
1410
  --hop-Radio-box-border-color: var(--hop-neutral-border);
1555
1411
  --hop-Radio-box-background-color: var(--hop-neutral-surface);
@@ -1623,60 +1479,60 @@
1623
1479
  inline-size: max-content;
1624
1480
  max-inline-size: 100%;
1625
1481
  }
1626
- .Radio-module__hop-Radio___h8Z6L[data-focus-visible] {
1482
+ .Radio-module__hop-Radio___-Z8q3[data-focus-visible] {
1627
1483
  --box-background-color: var(--hop-Radio-box-background-color-focused);
1628
1484
  --box-border-color: var(--hop-Radio-box-border-color-focused);
1629
1485
  --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
1630
1486
  --text-color: var(--hop-Radio-text-color-focused);
1631
1487
  --icon-color: var(--hop-Radio-icon-color-focused);
1632
1488
  }
1633
- .Radio-module__hop-Radio___h8Z6L[data-hovered] {
1489
+ .Radio-module__hop-Radio___-Z8q3[data-hovered] {
1634
1490
  --box-background-color: var(--hop-Radio-box-background-color-hovered);
1635
1491
  --box-border-color: var(--hop-Radio-box-border-color-hovered);
1636
1492
  --text-color: var(--hop-Radio-text-color-hovered);
1637
1493
  --icon-color: var(--hop-Radio-icon-color-hovered);
1638
1494
  }
1639
- .Radio-module__hop-Radio___h8Z6L[data-pressed] {
1495
+ .Radio-module__hop-Radio___-Z8q3[data-pressed] {
1640
1496
  --box-background-color: var(--hop-Radio-box-background-color-pressed);
1641
1497
  --box-border-color: var(--hop-Radio-box-border-color-pressed);
1642
1498
  --text-color: var(--hop-Radio-text-color-pressed);
1643
1499
  --icon-color: var(--hop-Radio-icon-color-pressed);
1644
1500
  }
1645
- .Radio-module__hop-Radio___h8Z6L[data-selected] {
1501
+ .Radio-module__hop-Radio___-Z8q3[data-selected] {
1646
1502
  --box-background-color: var(--hop-Radio-box-background-color-selected);
1647
1503
  --box-border-color: var(--hop-Radio-box-border-color-selected);
1648
1504
  --bullet-display: var(--hop-Radio-bullet-display-selected);
1649
1505
  --text-color: var(--hop-Radio-text-color-selected);
1650
1506
  --icon-color: var(--hop-Radio-icon-color-selected);
1651
1507
  }
1652
- .Radio-module__hop-Radio___h8Z6L[data-invalid] {
1508
+ .Radio-module__hop-Radio___-Z8q3[data-invalid] {
1653
1509
  --box-background-color: var(--hop-Radio-box-background-color-invalid);
1654
1510
  --box-border-color: var(--hop-Radio-box-border-color-invalid);
1655
1511
  --bullet-color: var(--hop-Radio-bullet-color-invalid);
1656
1512
  --text-color: var(--hop-Radio-text-color-invalid);
1657
1513
  --icon-color: var(--hop-Radio-icon-color-invalid);
1658
1514
  }
1659
- .Radio-module__hop-Radio___h8Z6L:where([data-invalid])[data-focus-visible] {
1515
+ .Radio-module__hop-Radio___-Z8q3:where([data-invalid])[data-focus-visible] {
1660
1516
  --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
1661
1517
  --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
1662
1518
  }
1663
- .Radio-module__hop-Radio___h8Z6L:where([data-invalid])[data-hovered] {
1519
+ .Radio-module__hop-Radio___-Z8q3:where([data-invalid])[data-hovered] {
1664
1520
  --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
1665
1521
  --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
1666
1522
  --text-color: var(--hop-Radio-text-color-hovered-invalid);
1667
1523
  --icon-color: var(--hop-Radio-text-color-hovered-invalid);
1668
1524
  }
1669
- .Radio-module__hop-Radio___h8Z6L:where([data-invalid])[data-pressed] {
1525
+ .Radio-module__hop-Radio___-Z8q3:where([data-invalid])[data-pressed] {
1670
1526
  --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
1671
1527
  --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
1672
1528
  --text-color: var(--hop-Radio-text-color-pressed-invalid);
1673
1529
  --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
1674
1530
  }
1675
- .Radio-module__hop-Radio___h8Z6L:where([data-invalid])[data-selected] {
1531
+ .Radio-module__hop-Radio___-Z8q3:where([data-invalid])[data-selected] {
1676
1532
  --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
1677
1533
  --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
1678
1534
  }
1679
- .Radio-module__hop-Radio___h8Z6L[data-disabled] {
1535
+ .Radio-module__hop-Radio___-Z8q3[data-disabled] {
1680
1536
  --box-background-color: var(--hop-Radio-box-background-color-disabled);
1681
1537
  --box-border-color: var(--hop-Radio-box-border-color-disabled);
1682
1538
  --bullet-color: var(--hop-Radio-bullet-color-disabled);
@@ -1684,25 +1540,25 @@
1684
1540
  --text-color: var(--hop-Radio-text-color-disabled);
1685
1541
  --icon-color: var(--hop-Radio-icon-color-disabled);
1686
1542
  }
1687
- .Radio-module__hop-Radio--sm___7sBTe {
1543
+ .Radio-module__hop-Radio--sm___1TeH7 {
1688
1544
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
1689
1545
  --box-block-size: var(--hop-Radio-box-sm-block-size);
1690
1546
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
1691
1547
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
1692
1548
  }
1693
- .Radio-module__hop-Radio--md___j7dwT {
1549
+ .Radio-module__hop-Radio--md___hoVN3 {
1694
1550
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
1695
1551
  --box-block-size: var(--hop-Radio-box-md-block-size);
1696
1552
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
1697
1553
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
1698
1554
  }
1699
- .Radio-module__hop-Radio__icon___mK02s,
1700
- .Radio-module__hop-Radio__icon-list___w84Lc {
1555
+ .Radio-module__hop-Radio__icon___4BB4k,
1556
+ .Radio-module__hop-Radio__icon-list___WePHc {
1701
1557
  flex: 0 0 auto;
1702
1558
  order: 3;
1703
1559
  color: var(--icon-color);
1704
1560
  }
1705
- .Radio-module__hop-Radio__box___QxeF6 {
1561
+ .Radio-module__hop-Radio__box___TVN5S {
1706
1562
  display: flex;
1707
1563
  flex: 0 0 auto;
1708
1564
  align-items: center;
@@ -1718,11 +1574,11 @@
1718
1574
  outline-offset: 0.125rem;
1719
1575
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
1720
1576
  }
1721
- .Radio-module__hop-Radio__bullet___vdRIs {
1577
+ .Radio-module__hop-Radio__bullet___RfhH0 {
1722
1578
  display: var(--bullet-display);
1723
1579
  color: var(--bullet-color);
1724
1580
  }
1725
- .Radio-module__hop-Radio__text___jBXMf {
1581
+ .Radio-module__hop-Radio__text___Fb3Yf {
1726
1582
  flex: 0 1 auto;
1727
1583
  order: 2;
1728
1584
  min-inline-size: 0;
@@ -1730,24 +1586,168 @@
1730
1586
  margin-inline-start: var(--text-margin-inline-start, var(--hop-Radio-text-md-margin-inline-start));
1731
1587
  color: var(--text-color);
1732
1588
  }
1733
- .DecorativeRadio-module__hop-DecorativeRadio___-486P {
1589
+
1590
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioField.module.css/#css-module-data */
1591
+ .RadioField-module__hop-RadioField___yRpaR {
1592
+ --hop-RadioField-description-color: var(--hop-neutral-text-weak);
1593
+ --hop-RadioField-description-color-disabled: var(--hop-neutral-text-disabled);
1594
+ --hop-RadioField-sm-row-gap: var(--hop-space-stack-xs);
1595
+ --hop-RadioField-radio-sm-inline-size: 1rem;
1596
+ --hop-RadioField-description-sm-margin-inline-start: calc(var(--hop-RadioField-radio-sm-inline-size) + var(--hop-space-inline-sm));
1597
+ --hop-RadioField-md-row-gap: var(--hop-space-stack-xs);
1598
+ --hop-RadioField-radio-md-inline-size: 1.5rem;
1599
+ --hop-RadioField-description-md-margin-inline-start: calc(var(--hop-RadioField-radio-md-inline-size) + var(--hop-space-inline-md));
1600
+ --description-color: var(--hop-RadioField-description-color);
1601
+ display: flex;
1602
+ flex-direction: column;
1603
+ row-gap: var(--row-gap, var(--hop-space-stack-sm));
1604
+ align-items: flex-start;
1605
+ justify-content: flex-start;
1606
+ box-sizing: border-box;
1607
+ inline-size: max-content;
1608
+ max-inline-size: 100%;
1609
+ }
1610
+ .RadioField-module__hop-RadioField___yRpaR[data-disabled] {
1611
+ --description-color: var(--hop-RadioField-description-color-disabled);
1612
+ }
1613
+ .RadioField-module__hop-RadioField--sm___UgcqU {
1614
+ --row-gap: var(--hop-RadioField-sm-row-gap);
1615
+ --description-margin-inline-start: var(--hop-RadioField-description-sm-margin-inline-start);
1616
+ }
1617
+ .RadioField-module__hop-RadioField--md___qCMCT {
1618
+ --row-gap: var(--hop-RadioField-md-row-gap);
1619
+ --description-margin-inline-start: var(--hop-RadioField-description-md-margin-inline-start);
1620
+ }
1621
+ .RadioField-module__hop-RadioField__description___Sm1OF {
1622
+ order: 2;
1623
+ margin-inline-start: var(--description-margin-inline-start, var(--hop-RadioField-description-md-margin-inline-start));
1624
+ color: var(--description-color);
1625
+ }
1626
+ .RadioField-module__hop-RadioField__radio___BYk0A {
1627
+ order: 1;
1628
+ }
1629
+
1630
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioGroup.module.css/#css-module-data */
1631
+ .RadioGroup-module__hop-RadioGroup___S5RSh {
1632
+ --hop-RadioGroup-align-items: flex-start;
1633
+ --hop-RadioGroup-justify-content: flex-start;
1634
+ --hop-RadioGroup-bordered-border-color: var(--hop-neutral-border-weak);
1635
+ --hop-RadioGroup-sm-column-gap: var(--hop-space-inline-sm);
1636
+ --hop-RadioGroup-sm-row-gap: var(--hop-space-stack-sm);
1637
+ --hop-RadioGroup-list-sm-column-gap: var(--hop-space-inline-sm);
1638
+ --hop-RadioGroup-list-sm-row-gap: var(--hop-space-stack-sm);
1639
+ --hop-RadioGroup-bordered-sm-padding: var(--hop-space-inset-sm);
1640
+ --hop-RadioGroup-bordered-sm-column-gap: var(--hop-space-inline-sm);
1641
+ --hop-RadioGroup-bordered-sm-row-gap: var(--hop-space-stack-sm);
1642
+ --hop-RadioGroup-list-bordered-sm-column-gap: 0;
1643
+ --hop-RadioGroup-list-bordered-sm-row-gap: 0;
1644
+ --hop-RadioGroup-md-column-gap: var(--hop-space-inline-md);
1645
+ --hop-RadioGroup-md-row-gap: var(--hop-space-stack-md);
1646
+ --hop-RadioGroup-list-md-column-gap: var(--hop-space-inline-md);
1647
+ --hop-RadioGroup-list-md-row-gap: var(--hop-space-stack-md);
1648
+ --hop-RadioGroup-bordered-md-padding: var(--hop-space-inset-md);
1649
+ --hop-RadioGroup-bordered-md-column-gap: var(--hop-space-inline-sm);
1650
+ --hop-RadioGroup-bordered-md-row-gap: var(--hop-space-stack-sm);
1651
+ --hop-RadioGroup-list-bordered-md-column-gap: 0;
1652
+ --hop-RadioGroup-list-bordered-md-row-gap: 0;
1653
+ --hop-RadioGroup-vertical-flex-direction: column;
1654
+ --hop-RadioGroup-horizontal-flex-direction: row;
1655
+ --radio-border-size: 0.0625rem;
1656
+ --radio-border-color: var(--hop-neutral-border-weak);
1657
+ --flex-direction: var(--hop-RadioGroup-vertical-flex-direction);
1658
+ --align-items: var(--hop-RadioGroup-align-items);
1659
+ --justify-content: var(--hop-RadioGroup-justify-content);
1660
+ --flex-wrap: wrap;
1661
+ --inline-size: max-content;
1662
+ display: flex;
1663
+ flex-direction: column;
1664
+ gap: var(--row-gap, var(--hop-space-stack-md)) var(--column-gap, var(--hop-space-inline-md));
1665
+ align-items: var(--align-items);
1666
+ justify-content: var(--justify-content);
1667
+ box-sizing: border-box;
1668
+ inline-size: var(--inline-size);
1669
+ max-inline-size: 100%;
1670
+ }
1671
+ .RadioGroup-module__hop-RadioGroup--bordered___lbjiV {
1672
+ --list-border: var(--radio-border-size) solid var(--radio-border-color);
1673
+ --list-border-radius: var(--hop-shape-rounded-md);
1674
+ }
1675
+ .RadioGroup-module__hop-RadioGroup--sm___55KLp {
1676
+ --column-gap: var(--hop-RadioGroup-sm-column-gap);
1677
+ --row-gap: var(--hop-RadioGroup-sm-row-gap);
1678
+ --list-column-gap: var(--hop-RadioGroup-list-sm-column-gap);
1679
+ --list-row-gap: var(--hop-RadioGroup-list-sm-row-gap);
1680
+ }
1681
+ .RadioGroup-module__hop-RadioGroup--md___hI2c8 {
1682
+ --column-gap: var(--hop-RadioGroup-md-column-gap);
1683
+ --row-gap: var(--hop-RadioGroup-md-row-gap);
1684
+ --list-column-gap: var(--hop-RadioGroup-list-md-column-gap);
1685
+ --list-row-gap: var(--hop-RadioGroup-list-md-row-gap);
1686
+ }
1687
+ .RadioGroup-module__hop-RadioGroup--bordered___lbjiV.RadioGroup-module__hop-RadioGroup--sm___55KLp {
1688
+ --radio-padding: var(--hop-RadioGroup-bordered-sm-padding);
1689
+ --column-gap: var(--hop-RadioGroup-bordered-sm-column-gap);
1690
+ --row-gap: var(--hop-RadioGroup-bordered-sm-row-gap);
1691
+ --list-column-gap: var(--hop-RadioGroup-list-bordered-sm-column-gap);
1692
+ --list-row-gap: var(--hop-RadioGroup-list-bordered-sm-row-gap);
1693
+ }
1694
+ .RadioGroup-module__hop-RadioGroup--bordered___lbjiV.RadioGroup-module__hop-RadioGroup--md___hI2c8 {
1695
+ --radio-padding: var(--hop-RadioGroup-bordered-md-padding);
1696
+ --column-gap: var(--hop-RadioGroup-bordered-md-column-gap);
1697
+ --row-gap: var(--hop-RadioGroup-bordered-md-row-gap);
1698
+ --list-column-gap: var(--hop-RadioGroup-list-bordered-md-column-gap);
1699
+ --list-row-gap: var(--hop-RadioGroup-list-bordered-md-row-gap);
1700
+ }
1701
+ .RadioGroup-module__hop-RadioGroup___S5RSh[data-orientation=horizontal] {
1702
+ --flex-direction: var(--hop-RadioGroup-horizontal-flex-direction);
1734
1703
  }
1735
- .DecorativeRadio-module__hop-DecorativeRadio--sm___WLiz- {
1704
+ .RadioGroup-module__hop-RadioGroup--bordered___lbjiV[data-orientation=horizontal] {
1705
+ --flex-wrap: nowrap;
1736
1706
  }
1737
- .DecorativeRadio-module__hop-DecorativeRadio--md___z82ed {
1707
+ .RadioGroup-module__hop-RadioGroup___S5RSh > .RadioGroup-module__hop-RadioGroup__label___VqckA {
1708
+ order: 1;
1738
1709
  }
1739
- .DecorativeRadio-module__hop-DecorativeRadio__icon___HFNMf,
1740
- .DecorativeRadio-module__hop-DecorativeRadio__icon-list___aQUFN {
1710
+ .RadioGroup-module__hop-RadioGroup__list___pCNlq {
1711
+ display: flex;
1712
+ flex-flow: var(--flex-direction) var(--flex-wrap);
1713
+ gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
1714
+ order: 2;
1715
+ box-sizing: border-box;
1716
+ inline-size: var(--inline-size);
1717
+ max-inline-size: 100%;
1718
+ border: var(--list-border, none);
1719
+ border-radius: var(--list-border-radius, 0);
1741
1720
  }
1742
- .DecorativeRadio-module__hop-DecorativeRadio__box___wDgmw {
1721
+ .RadioGroup-module__hop-RadioGroup__list___pCNlq > .RadioGroup-module__hop-RadioGroup__radio___82uWm {
1722
+ position: relative;
1723
+ flex: 0 1 auto;
1724
+ align-content: start;
1725
+ inline-size: auto;
1726
+ min-inline-size: 0;
1727
+ padding: var(--radio-padding, 0);
1728
+ }
1729
+ .RadioGroup-module__hop-RadioGroup--bordered___lbjiV .RadioGroup-module__hop-RadioGroup__list___pCNlq > .RadioGroup-module__hop-RadioGroup__radio___82uWm ~ .RadioGroup-module__hop-RadioGroup__radio___82uWm::before {
1730
+ content: "";
1731
+ position: absolute;
1732
+ display: block;
1743
1733
  }
1744
- .DecorativeRadio-module__hop-DecorativeRadio__bullet___IhWJR {
1734
+ .RadioGroup-module__hop-RadioGroup--bordered___lbjiV[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___pCNlq > .RadioGroup-module__hop-RadioGroup__radio___82uWm ~ .RadioGroup-module__hop-RadioGroup__radio___82uWm::before {
1735
+ inset-block-start: 0;
1736
+ inset-inline: 0;
1737
+ border-block-start: var(--list-border, none);
1738
+ }
1739
+ .RadioGroup-module__hop-RadioGroup--bordered___lbjiV[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___pCNlq > .RadioGroup-module__hop-RadioGroup__radio___82uWm ~ .RadioGroup-module__hop-RadioGroup__radio___82uWm::before {
1740
+ inset-block: 0;
1741
+ inset-inline-start: 0;
1742
+ border-inline-start: var(--list-border, none);
1745
1743
  }
1746
- .DecorativeRadio-module__hop-DecorativeRadio__text___KTWle {
1744
+ .RadioGroup-module__hop-RadioGroup___S5RSh > .RadioGroup-module__hop-RadioGroup__error-message___EQAOM,
1745
+ .RadioGroup-module__hop-RadioGroup___S5RSh > .RadioGroup-module__hop-RadioGroup__helper-message___A0DRQ {
1746
+ order: 3;
1747
1747
  }
1748
1748
 
1749
1749
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBoxItemSkeleton.module.css/#css-module-data */
1750
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___IXZZR {
1750
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___Y2cEn {
1751
1751
  --hop-ListBoxItemSkeleton-background-color: var(--hop-rock-50);
1752
1752
  --hop-ListBoxItemSkeleton-background-color-dark: var(--hop-rock-75);
1753
1753
  --hop-ListBoxItemSkeleton-border-radius: var(--hop-shape-rounded-md);
@@ -1773,7 +1773,7 @@
1773
1773
  background-image: var(--hop-ListBoxItemSkeleton-linear-gradient);
1774
1774
  background-size: 400% 100%;
1775
1775
  border-radius: var(--hop-ListBoxItemSkeleton-border-radius);
1776
- animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___0QU2V;
1776
+ animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___oYBzt;
1777
1777
  animation-duration: var(--animation-duration);
1778
1778
  animation-timing-function: ease-in-out;
1779
1779
  animation-fill-mode: forwards;
@@ -1782,19 +1782,19 @@
1782
1782
  --animation-duration: var(--hop-ListBoxItemSkeleton-animation-reduced-motion-duration);
1783
1783
  }
1784
1784
  }
1785
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___6EVZi {
1785
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___kt9oJ {
1786
1786
  --height: var(--hop-ListBoxItemSkeleton-xs-height);
1787
1787
  }
1788
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___3f4MO {
1788
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___34R4r {
1789
1789
  --height: var(--hop-ListBoxItemSkeleton-sm-height);
1790
1790
  }
1791
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___k8Bla {
1791
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___7TOhU {
1792
1792
  --height: var(--hop-ListBoxItemSkeleton-md-height);
1793
1793
  }
1794
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___DuE7P {
1794
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___o-ej7 {
1795
1795
  --height: var(--hop-ListBoxItemSkeleton-lg-height);
1796
1796
  }
1797
- @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___0QU2V {
1797
+ @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___oYBzt {
1798
1798
  0% {
1799
1799
  background-position: 125% 50%;
1800
1800
  }
@@ -1804,7 +1804,7 @@
1804
1804
  }
1805
1805
 
1806
1806
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBoxItem.module.css/#css-module-data */
1807
- .ListBoxItem-module__hop-ListBoxItem___aa5Rs {
1807
+ .ListBoxItem-module__hop-ListBoxItem___MVnfR {
1808
1808
  --hop-ListBoxItem-background-color: transparent;
1809
1809
  --hop-ListBoxItem-border-radius: var(--hop-shape-rounded-md);
1810
1810
  --hop-ListBoxItem-text-color: var(--hop-neutral-text);
@@ -1901,129 +1901,129 @@
1901
1901
  outline: var(--outline);
1902
1902
  outline-offset: calc(-1 * var(--hop-ListBoxItem-outline-size));
1903
1903
  }
1904
- .ListBoxItem-module__hop-ListBoxItem--xs___1VYEb {
1904
+ .ListBoxItem-module__hop-ListBoxItem--xs___ujysJ {
1905
1905
  --padding-block: var(--hop-ListBoxItem-xs-padding-block);
1906
1906
  --padding-inline: var(--hop-ListBoxItem-xs-padding-inline);
1907
1907
  --min-height: var(--hop-ListBoxItem-xs-min-height);
1908
1908
  --avatar-margin-block: var(--hop-ListBoxItem-xs-avatar-margin-block);
1909
1909
  --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight);
1910
1910
  }
1911
- .ListBoxItem-module__hop-ListBoxItem--sm___0ONUe {
1911
+ .ListBoxItem-module__hop-ListBoxItem--sm___dgMtC {
1912
1912
  --padding-block: var(--hop-ListBoxItem-sm-padding-block);
1913
1913
  --padding-inline: var(--hop-ListBoxItem-sm-padding-inline);
1914
1914
  --min-height: var(--hop-ListBoxItem-sm-min-height);
1915
1915
  --avatar-margin-block: var(--hop-ListBoxItem-sm-avatar-margin-block);
1916
1916
  --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight);
1917
1917
  }
1918
- .ListBoxItem-module__hop-ListBoxItem--md___k7mS4 {
1918
+ .ListBoxItem-module__hop-ListBoxItem--md___i5fz- {
1919
1919
  --padding-block: var(--hop-ListBoxItem-md-padding-block);
1920
1920
  --padding-inline: var(--hop-ListBoxItem-md-padding-inline);
1921
1921
  --min-height: var(--hop-ListBoxItem-md-min-height);
1922
1922
  --avatar-margin-block: var(--hop-ListBoxItem-md-avatar-margin-block);
1923
1923
  --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight);
1924
1924
  }
1925
- .ListBoxItem-module__hop-ListBoxItem--lg___FxezM {
1925
+ .ListBoxItem-module__hop-ListBoxItem--lg___mJbEy {
1926
1926
  --padding-block: var(--hop-ListBoxItem-lg-padding-block);
1927
1927
  --padding-inline: var(--hop-ListBoxItem-lg-padding-inline);
1928
1928
  --min-height: var(--hop-ListBoxItem-lg-min-height);
1929
1929
  --avatar-margin-block: var(--hop-ListBoxItem-lg-avatar-margin-block);
1930
1930
  --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight);
1931
1931
  }
1932
- .ListBoxItem-module__hop-ListBoxItem___aa5Rs[data-selection-mode] {
1932
+ .ListBoxItem-module__hop-ListBoxItem___MVnfR[data-selection-mode] {
1933
1933
  --cursor: pointer;
1934
1934
  }
1935
- .ListBoxItem-module__hop-ListBoxItem___aa5Rs:not([data-selection-mode]) {
1935
+ .ListBoxItem-module__hop-ListBoxItem___MVnfR:not([data-selection-mode]) {
1936
1936
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
1937
1937
  }
1938
- .ListBoxItem-module__hop-ListBoxItem__inner___aXgM7:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___P86sW) {
1938
+ .ListBoxItem-module__hop-ListBoxItem__inner___A85H8:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___oeROf) {
1939
1939
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
1940
1940
  }
1941
- .ListBoxItem-module__hop-ListBoxItem__inner___aXgM7[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___P86sW) {
1941
+ .ListBoxItem-module__hop-ListBoxItem__inner___A85H8[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___oeROf) {
1942
1942
  --checkmark-transition: none;
1943
1943
  }
1944
- .ListBoxItem-module__hop-ListBoxItem___aa5Rs[data-selected] {
1944
+ .ListBoxItem-module__hop-ListBoxItem___MVnfR[data-selected] {
1945
1945
  --background-color: var(--hop-ListBoxItem-background-color-selected);
1946
1946
  --text-color: var(--hop-ListBoxItem-text-color-selected);
1947
1947
  --icon-color: var(--hop-ListBoxItem-icon-color-selected);
1948
1948
  --checkmark-opacity: 1;
1949
1949
  }
1950
- .ListBoxItem-module__hop-ListBoxItem--xs___1VYEb[data-selected] {
1950
+ .ListBoxItem-module__hop-ListBoxItem--xs___ujysJ[data-selected] {
1951
1951
  --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight-selected);
1952
1952
  }
1953
- .ListBoxItem-module__hop-ListBoxItem--sm___0ONUe[data-selected] {
1953
+ .ListBoxItem-module__hop-ListBoxItem--sm___dgMtC[data-selected] {
1954
1954
  --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight-selected);
1955
1955
  }
1956
- .ListBoxItem-module__hop-ListBoxItem--md___k7mS4[data-selected] {
1956
+ .ListBoxItem-module__hop-ListBoxItem--md___i5fz-[data-selected] {
1957
1957
  --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight-selected);
1958
1958
  }
1959
- .ListBoxItem-module__hop-ListBoxItem--lg___FxezM[data-selected] {
1959
+ .ListBoxItem-module__hop-ListBoxItem--lg___mJbEy[data-selected] {
1960
1960
  --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight-selected);
1961
1961
  }
1962
- .ListBoxItem-module__hop-ListBoxItem___aa5Rs[data-focus-visible] {
1962
+ .ListBoxItem-module__hop-ListBoxItem___MVnfR[data-focus-visible] {
1963
1963
  --background-color: var(--hop-ListBoxItem-background-color-focused);
1964
1964
  --text-color: var(--hop-ListBoxItem-text-color-focused);
1965
1965
  --icon-color: var(--hop-ListBoxItem-icon-color-focused);
1966
1966
  --outline: var(--hop-ListBoxItem-outline-size) solid var(--hop-ListBoxItem-outline-color);
1967
1967
  }
1968
- .ListBoxItem-module__hop-ListBoxItem___aa5Rs[data-hovered] {
1968
+ .ListBoxItem-module__hop-ListBoxItem___MVnfR[data-hovered] {
1969
1969
  --background-color: var(--hop-ListBoxItem-background-color-hovered);
1970
1970
  --text-color: var(--hop-ListBoxItem-text-color-hovered);
1971
1971
  --icon-color: var(--hop-ListBoxItem-icon-color-hovered);
1972
1972
  }
1973
- .ListBoxItem-module__hop-ListBoxItem___aa5Rs[data-pressed] {
1973
+ .ListBoxItem-module__hop-ListBoxItem___MVnfR[data-pressed] {
1974
1974
  --background-color: var(--hop-ListBoxItem-background-color-pressed);
1975
1975
  --text-color: var(--hop-ListBoxItem-text-color-pressed);
1976
1976
  --icon-color: var(--hop-ListBoxItem-icon-color-pressed);
1977
1977
  }
1978
- .ListBoxItem-module__hop-ListBoxItem___aa5Rs[data-disabled] {
1978
+ .ListBoxItem-module__hop-ListBoxItem___MVnfR[data-disabled] {
1979
1979
  --background-color: var(--hop-ListBoxItem-background-color-disabled);
1980
1980
  --text-color: var(--hop-ListBoxItem-text-color-disabled);
1981
1981
  --icon-color: var(--hop-ListBoxItem-icon-color-disabled);
1982
1982
  --description-text-color: var(--hop-ListBoxItem-text-color-disabled);
1983
1983
  --cursor: not-allowed;
1984
1984
  }
1985
- .ListBoxItem-module__hop-ListBoxItem___aa5Rs[data-invalid] {
1985
+ .ListBoxItem-module__hop-ListBoxItem___MVnfR[data-invalid] {
1986
1986
  --background-color: var(--hop-ListBoxItem-background-color-invalid);
1987
1987
  --text-color: var(--hop-ListBoxItem-text-color-invalid);
1988
1988
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid);
1989
1989
  }
1990
- .ListBoxItem-module__hop-ListBoxItem___aa5Rs[data-invalid][data-selected] {
1990
+ .ListBoxItem-module__hop-ListBoxItem___MVnfR[data-invalid][data-selected] {
1991
1991
  --background-color: var(--hop-ListBoxItem-background-color-invalid-selected);
1992
1992
  --text-color: var(--hop-ListBoxItem-text-color-invalid-selected);
1993
1993
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-selected);
1994
1994
  }
1995
- .ListBoxItem-module__hop-ListBoxItem___aa5Rs[data-invalid][data-focus-visible] {
1995
+ .ListBoxItem-module__hop-ListBoxItem___MVnfR[data-invalid][data-focus-visible] {
1996
1996
  --background-color: var(--hop-ListBoxItem-background-color-invalid-focused);
1997
1997
  --text-color: var(--hop-ListBoxItem-text-color-invalid-focused);
1998
1998
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-focused);
1999
1999
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-focused);
2000
2000
  }
2001
- .ListBoxItem-module__hop-ListBoxItem___aa5Rs[data-invalid][data-hovered] {
2001
+ .ListBoxItem-module__hop-ListBoxItem___MVnfR[data-invalid][data-hovered] {
2002
2002
  --background-color: var(--hop-ListBoxItem-background-color-invalid-hovered);
2003
2003
  --text-color: var(--hop-ListBoxItem-text-color-invalid-hovered);
2004
2004
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-hovered);
2005
2005
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-hovered);
2006
2006
  }
2007
- .ListBoxItem-module__hop-ListBoxItem___aa5Rs[data-invalid][data-pressed] {
2007
+ .ListBoxItem-module__hop-ListBoxItem___MVnfR[data-invalid][data-pressed] {
2008
2008
  --background-color: var(--hop-ListBoxItem-background-color-invalid-pressed);
2009
2009
  --text-color: var(--hop-ListBoxItem-text-color-invalid-pressed);
2010
2010
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-pressed);
2011
2011
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-pressed);
2012
2012
  }
2013
- .ListBoxItem-module__hop-ListBoxItem___aa5Rs[data-invalid][data-disabled] {
2013
+ .ListBoxItem-module__hop-ListBoxItem___MVnfR[data-invalid][data-disabled] {
2014
2014
  --background-color: var(--hop-ListBoxItem-background-color-invalid-disabled);
2015
2015
  --text-color: var(--hop-ListBoxItem-text-color-invalid-disabled);
2016
2016
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-disabled);
2017
2017
  }
2018
- .ListBoxItem-module__hop-ListBoxItem___aa5Rs:has(.ListBoxItem-module__hop-ListBoxItem__description___qym3U) {
2018
+ .ListBoxItem-module__hop-ListBoxItem___MVnfR:has(.ListBoxItem-module__hop-ListBoxItem__description___sWxnW) {
2019
2019
  --row-gap: var(--hop-ListBoxItem-row-gap);
2020
2020
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-with-description);
2021
2021
  }
2022
- .ListBoxItem-module__hop-ListBoxItem___aa5Rs[data-loading] {
2022
+ .ListBoxItem-module__hop-ListBoxItem___MVnfR[data-loading] {
2023
2023
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-loading);
2024
2024
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-loading);
2025
2025
  }
2026
- .ListBoxItem-module__hop-ListBoxItem__inner___aXgM7 {
2026
+ .ListBoxItem-module__hop-ListBoxItem__inner___A85H8 {
2027
2027
  display: grid;
2028
2028
  grid-template-areas: var(--grid-template-areas);
2029
2029
  grid-template-columns: var(--grid-template-columns);
@@ -2035,33 +2035,33 @@
2035
2035
  padding-inline: var(--padding-inline);
2036
2036
  transition: grid-template-columns .3s ease-in-out;
2037
2037
  }
2038
- .ListBoxItem-module__hop-ListBoxItem__checkmark___P86sW {
2038
+ .ListBoxItem-module__hop-ListBoxItem__checkmark___oeROf {
2039
2039
  grid-area: indicator;
2040
2040
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
2041
2041
  color: var(--icon-color);
2042
2042
  opacity: var(--checkmark-opacity);
2043
2043
  transition: var(--checkmark-transition);
2044
2044
  }
2045
- .ListBoxItem-module__hop-ListBoxItem__radio___x7oL9,
2046
- .ListBoxItem-module__hop-ListBoxItem__checkbox___TBK9m {
2045
+ .ListBoxItem-module__hop-ListBoxItem__radio___k8zZ5,
2046
+ .ListBoxItem-module__hop-ListBoxItem__checkbox___UKNIS {
2047
2047
  pointer-events: none;
2048
2048
  user-select: none;
2049
2049
  grid-area: indicator;
2050
2050
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
2051
2051
  }
2052
- .ListBoxItem-module__hop-ListBoxItem__avatar___7ZPFf {
2052
+ .ListBoxItem-module__hop-ListBoxItem__avatar___aWZF4 {
2053
2053
  grid-area: avatar;
2054
2054
  margin-block: var(--avatar-margin-block, 0);
2055
2055
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
2056
2056
  }
2057
- .ListBoxItem-module__hop-ListBoxItem__icon-list___g5aO-,
2058
- .ListBoxItem-module__hop-ListBoxItem__icon___zJZXx {
2057
+ .ListBoxItem-module__hop-ListBoxItem__icon-list___-uzE0,
2058
+ .ListBoxItem-module__hop-ListBoxItem__icon___HdYcI {
2059
2059
  grid-area: icon;
2060
2060
  flex: 0 0 auto;
2061
2061
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
2062
2062
  color: var(--icon-color);
2063
2063
  }
2064
- .ListBoxItem-module__hop-ListBoxItem__label___i5D4h {
2064
+ .ListBoxItem-module__hop-ListBoxItem__label___-61va {
2065
2065
  overflow: hidden;
2066
2066
  grid-area: label;
2067
2067
  min-inline-size: 0;
@@ -2069,18 +2069,18 @@
2069
2069
  text-overflow: ellipsis;
2070
2070
  white-space: nowrap;
2071
2071
  }
2072
- .ListBoxItem-module__hop-ListBoxItem__end-icon-list___sTcIz,
2073
- .ListBoxItem-module__hop-ListBoxItem__end-icon___lV-6G {
2072
+ .ListBoxItem-module__hop-ListBoxItem__end-icon-list___j-k5N,
2073
+ .ListBoxItem-module__hop-ListBoxItem__end-icon___Ni8w- {
2074
2074
  grid-area: end-icon;
2075
2075
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
2076
2076
  color: var(--icon-color);
2077
2077
  }
2078
- .ListBoxItem-module__hop-ListBoxItem__badge___Qmcnt {
2078
+ .ListBoxItem-module__hop-ListBoxItem__badge___lhewh {
2079
2079
  grid-area: badge;
2080
2080
  margin-block: var(--hop-ListBoxItem-badge-margin-block);
2081
2081
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
2082
2082
  }
2083
- .ListBoxItem-module__hop-ListBoxItem__description___qym3U {
2083
+ .ListBoxItem-module__hop-ListBoxItem__description___sWxnW {
2084
2084
  overflow: hidden;
2085
2085
  display: -webkit-box;
2086
2086
  grid-area: description;
@@ -2091,7 +2091,7 @@
2091
2091
  }
2092
2092
 
2093
2093
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBox.module.css/#css-module-data */
2094
- .ListBox-module__hop-ListBox___rksP9 {
2094
+ .ListBox-module__hop-ListBox___-Y9XC {
2095
2095
  --hop-ListBox-background-color: var(--hop-neutral-surface);
2096
2096
  --hop-ListBox-border-color: var(--hop-neutral-border-weak);
2097
2097
  --hop-ListBox-border-radius: var(--hop-shape-rounded-md);
@@ -2138,11 +2138,11 @@
2138
2138
  border: var(--hop-ListBox-border-size) solid var(--hop-ListBox-border-color);
2139
2139
  border-radius: var(--hop-ListBox-border-radius);
2140
2140
  }
2141
- .ListBox-module__hop-ListBox--fluid___lwTi5 {
2141
+ .ListBox-module__hop-ListBox--fluid___D4ABE {
2142
2142
  --max-width: var(--hop-ListBox-fluid-max-width);
2143
2143
  --width: var(--hop-ListBox-fluid-width);
2144
2144
  }
2145
- .ListBox-module__hop-ListBox__section___AWeYw {
2145
+ .ListBox-module__hop-ListBox__section___IZus0 {
2146
2146
  margin-block: var(--section-margin-block-start) var(--section-margin-block-end);
2147
2147
  margin-inline: var(--hop-ListBox-section-margin-inline);
2148
2148
  padding-block: var(--section-padding-block-start) var(--section-padding-block-end);
@@ -2150,21 +2150,21 @@
2150
2150
  border-block-start: var(--section-border-block-start);
2151
2151
  border-block-end: var(--section-border-block-end);
2152
2152
  }
2153
- .ListBox-module__hop-ListBox__item___MUzVE + .ListBox-module__hop-ListBox__section___AWeYw {
2153
+ .ListBox-module__hop-ListBox__item___sF8fR + .ListBox-module__hop-ListBox__section___IZus0 {
2154
2154
  --section-margin-block-start: var(--hop-ListBox-section-margin-block);
2155
2155
  --section-border-block-start: var(--hop-ListBox-section-border-size) solid var(--hop-ListBox-section-border-color);
2156
2156
  }
2157
- .ListBox-module__hop-ListBox__section___AWeYw:has(+ .ListBox-module__hop-ListBox__item___MUzVE) {
2157
+ .ListBox-module__hop-ListBox__section___IZus0:has(+ .ListBox-module__hop-ListBox__item___sF8fR) {
2158
2158
  --section-margin-block-end: var(--hop-ListBox-section-margin-block);
2159
2159
  }
2160
- .ListBox-module__hop-ListBox__section___AWeYw:first-child {
2160
+ .ListBox-module__hop-ListBox__section___IZus0:first-child {
2161
2161
  --section-padding-block-start: 0;
2162
2162
  }
2163
- .ListBox-module__hop-ListBox__section___AWeYw:last-child {
2163
+ .ListBox-module__hop-ListBox__section___IZus0:last-child {
2164
2164
  --section-padding-block-end: 0;
2165
2165
  --section-border-block-end: 0;
2166
2166
  }
2167
- .ListBox-module__hop-ListBox__section-header___oNTke {
2167
+ .ListBox-module__hop-ListBox__section-header___zDG6F {
2168
2168
  margin: 0;
2169
2169
  padding: var(--hop-ListBox-section-header-padding);
2170
2170
  font-family: var(--hop-ListBox-section-header-font-family);
@@ -2175,17 +2175,17 @@
2175
2175
  text-transform: var(--hop-ListBox-section-header-text-transform);
2176
2176
  letter-spacing: var(--hop-ListBox-section-header-letter-spacing);
2177
2177
  }
2178
- .ListBox-module__hop-ListBox__section-header___oNTke::before,
2179
- .ListBox-module__hop-ListBox__section-header___oNTke::after {
2178
+ .ListBox-module__hop-ListBox__section-header___zDG6F::before,
2179
+ .ListBox-module__hop-ListBox__section-header___zDG6F::after {
2180
2180
  content: "";
2181
2181
  display: block;
2182
2182
  box-sizing: border-box;
2183
2183
  inline-size: 0;
2184
2184
  block-size: 0;
2185
2185
  }
2186
- .ListBox-module__hop-ListBox__section-header___oNTke::before {
2186
+ .ListBox-module__hop-ListBox__section-header___zDG6F::before {
2187
2187
  margin-block-end: var(--hop-ListBox-section-header-bottom-offset);
2188
2188
  }
2189
- .ListBox-module__hop-ListBox__section-header___oNTke::after {
2189
+ .ListBox-module__hop-ListBox__section-header___zDG6F::after {
2190
2190
  margin-block-start: var(--hop-ListBox-section-header-top-offset);
2191
2191
  }