@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/ErrorMessage/src/ErrorMessage.module.css/#css-module-data */
229
- .ErrorMessage-module__hop-ErrorMessage___hP8Lb {
229
+ .ErrorMessage-module__hop-ErrorMessage___TQ8J- {
230
230
  --hop-ErrorMessage-color: var(--hop-danger-text-weak);
231
231
  --hop-ErrorMessage-font-family: var(--hop-body-xs-font-family);
232
232
  --hop-ErrorMessage-font-size: var(--hop-body-xs-font-size);
@@ -243,13 +243,13 @@
243
243
  line-height: var(--hop-ErrorMessage-line-height);
244
244
  color: var(--hop-ErrorMessage-color);
245
245
  }
246
- .ErrorMessage-module__hop-ErrorMessage__icon___-UKmc {
246
+ .ErrorMessage-module__hop-ErrorMessage__icon___droXw {
247
247
  flex: 0 0 auto;
248
248
  align-self: flex-start;
249
249
  }
250
250
 
251
251
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/HelperMessage/src/HelperMessage.module.css/#css-module-data */
252
- .HelperMessage-module__hop-HelperMessage___pqVGa {
252
+ .HelperMessage-module__hop-HelperMessage___LVIED {
253
253
  --hop-HelperMessage-color: var(--hop-neutral-text-weak);
254
254
  --hop-HelperMessage-column-gap: var(--hop-space-inline-xs);
255
255
  display: flex;
@@ -258,13 +258,13 @@
258
258
  box-sizing: border-box;
259
259
  color: var(--hop-HelperMessage-color);
260
260
  }
261
- .HelperMessage-module__hop-HelperMessage__icon___JQkBp {
261
+ .HelperMessage-module__hop-HelperMessage__icon___JoNCi {
262
262
  flex: 0 0 auto;
263
263
  align-self: flex-start;
264
264
  }
265
265
 
266
266
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Avatar/src/RichIconAvatarImage.module.css/#css-module-data */
267
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___fJpxu {
267
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___5sDjA {
268
268
  --hop-RichIconAvatarImage-background-color: var(--hop-decorative-option7-surface);
269
269
  --hop-RichIconAvatarImage-border-radius: var(--hop-shape-circle);
270
270
  --hop-RichIconAvatarImage-icon-color: var(--hop-decorative-option7-icon);
@@ -295,46 +295,46 @@
295
295
  background-color: var(--background-color);
296
296
  border-radius: var(--hop-RichIconAvatarImage-border-radius);
297
297
  }
298
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___tN6hq {
298
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___ddRxZ {
299
299
  --size: var(--hop-RichIconAvatarImage-xs-size);
300
300
  --icon-size: var(--hop-RichIconAvatarImage-icon-xs-size);
301
301
  }
302
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___rmQVO {
302
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___1fm-y {
303
303
  --size: var(--hop-RichIconAvatarImage-sm-size);
304
304
  --icon-size: var(--hop-RichIconAvatarImage-icon-sm-size);
305
305
  }
306
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___4KyFb {
306
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___Kj2Lr {
307
307
  --size: var(--hop-RichIconAvatarImage-md-size);
308
308
  --icon-size: var(--hop-RichIconAvatarImage-icon-md-size);
309
309
  }
310
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___Keqpd {
310
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___A3B7i {
311
311
  --size: var(--hop-RichIconAvatarImage-lg-size);
312
312
  --icon-size: var(--hop-RichIconAvatarImage-icon-lg-size);
313
313
  }
314
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___8Iryg {
314
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___rua-z {
315
315
  --size: var(--hop-RichIconAvatarImage-xl-size);
316
316
  --icon-size: var(--hop-RichIconAvatarImage-icon-xl-size);
317
317
  }
318
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___f4D7v {
318
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___9iUK4 {
319
319
  --size: var(--hop-RichIconAvatarImage-2xl-size);
320
320
  --icon-size: var(--hop-RichIconAvatarImage-icon-2xl-size);
321
321
  }
322
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___fJpxu[data-disabled] {
322
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___5sDjA[data-disabled] {
323
323
  --background-color: var(--hop-RichIconAvatarImage-background-color-disabled);
324
324
  }
325
- .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___Jsl0A {
325
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___MQqQm {
326
326
  position: relative;
327
327
  display: block;
328
328
  inline-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
329
329
  block-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
330
330
  }
331
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___fJpxu[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___Jsl0A {
331
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___5sDjA[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___MQqQm {
332
332
  --hop-RichIcon-placeholder-background: var(--hop-RichIconAvatarImage-background-color-disabled);
333
333
  --hop-RichIcon-placeholder-shadow: var(--hop-RichIconAvatarImage-icon-color-disabled);
334
334
  }
335
335
 
336
336
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Avatar/src/Avatar.module.css/#css-module-data */
337
- .Avatar-module__hop-Avatar___PcXwT {
337
+ .Avatar-module__hop-Avatar___gAd-0 {
338
338
  --hop-Avatar-border-radius: var(--hop-shape-circle);
339
339
  --hop-Avatar-mix-blend-mode: normal;
340
340
  --hop-Avatar-decorative-1-background-color: var(--hop-decorative-option1-surface-strong);
@@ -379,67 +379,67 @@
379
379
  background-color: var(--background-color, transparent);
380
380
  border-radius: var(--hop-Avatar-border-radius);
381
381
  }
382
- .Avatar-module__hop-Avatar--xs___PUx8E {
382
+ .Avatar-module__hop-Avatar--xs___eC-6C {
383
383
  --size: var(--hop-Avatar-xs-size);
384
384
  }
385
- .Avatar-module__hop-Avatar--sm___4nE0k {
385
+ .Avatar-module__hop-Avatar--sm___hIvD3 {
386
386
  --size: var(--hop-Avatar-sm-size);
387
387
  }
388
- .Avatar-module__hop-Avatar--md___SuQO2 {
388
+ .Avatar-module__hop-Avatar--md___iy4Xo {
389
389
  --size: var(--hop-Avatar-md-size);
390
390
  }
391
- .Avatar-module__hop-Avatar--lg___NXAyw {
391
+ .Avatar-module__hop-Avatar--lg___vy4yL {
392
392
  --size: var(--hop-Avatar-lg-size);
393
393
  }
394
- .Avatar-module__hop-Avatar--xl___bWFLe {
394
+ .Avatar-module__hop-Avatar--xl___EZqEu {
395
395
  --size: var(--hop-Avatar-xl-size);
396
396
  }
397
- .Avatar-module__hop-Avatar--2xl___v8tqN {
397
+ .Avatar-module__hop-Avatar--2xl___SFnS7 {
398
398
  --size: var(--hop-Avatar-2xl-size);
399
399
  }
400
- .Avatar-module__hop-Avatar--decorative-option1___2b5iL {
400
+ .Avatar-module__hop-Avatar--decorative-option1___jrN-t {
401
401
  --background-color: var(--hop-Avatar-decorative-1-background-color);
402
402
  --text-color: var(--hop-Avatar-decorative-1-text-color);
403
403
  }
404
- .Avatar-module__hop-Avatar--decorative-option2___TAhVF {
404
+ .Avatar-module__hop-Avatar--decorative-option2___eqzWh {
405
405
  --background-color: var(--hop-Avatar-decorative-2-background-color);
406
406
  --text-color: var(--hop-Avatar-decorative-2-text-color);
407
407
  }
408
- .Avatar-module__hop-Avatar--decorative-option3___dJ0Vn {
408
+ .Avatar-module__hop-Avatar--decorative-option3___DQtYk {
409
409
  --background-color: var(--hop-Avatar-decorative-3-background-color);
410
410
  --text-color: var(--hop-Avatar-decorative-3-text-color);
411
411
  }
412
- .Avatar-module__hop-Avatar--decorative-option4___Bmvdy {
412
+ .Avatar-module__hop-Avatar--decorative-option4___hlhhq {
413
413
  --background-color: var(--hop-Avatar-decorative-4-background-color);
414
414
  --text-color: var(--hop-Avatar-decorative-4-text-color);
415
415
  }
416
- .Avatar-module__hop-Avatar--decorative-option5___20rZD {
416
+ .Avatar-module__hop-Avatar--decorative-option5___SsHFq {
417
417
  --background-color: var(--hop-Avatar-decorative-5-background-color);
418
418
  --text-color: var(--hop-Avatar-decorative-5-text-color);
419
419
  }
420
- .Avatar-module__hop-Avatar--decorative-option6___PivJc {
420
+ .Avatar-module__hop-Avatar--decorative-option6___uKUQ2 {
421
421
  --background-color: var(--hop-Avatar-decorative-6-background-color);
422
422
  --text-color: var(--hop-Avatar-decorative-6-text-color);
423
423
  }
424
- .Avatar-module__hop-Avatar--decorative-option7___x31wW {
424
+ .Avatar-module__hop-Avatar--decorative-option7___9KkKG {
425
425
  --background-color: var(--hop-Avatar-decorative-7-background-color);
426
426
  --text-color: var(--hop-Avatar-decorative-7-text-color);
427
427
  }
428
- .Avatar-module__hop-Avatar--decorative-option8___-xIQy {
428
+ .Avatar-module__hop-Avatar--decorative-option8___MlXXA {
429
429
  --background-color: var(--hop-Avatar-decorative-8-background-color);
430
430
  --text-color: var(--hop-Avatar-decorative-8-text-color);
431
431
  }
432
- .Avatar-module__hop-Avatar--decorative-option9___RPem9 {
432
+ .Avatar-module__hop-Avatar--decorative-option9___N-j7S {
433
433
  --background-color: var(--hop-Avatar-decorative-9-background-color);
434
434
  --text-color: var(--hop-Avatar-decorative-9-text-color);
435
435
  }
436
- .Avatar-module__hop-Avatar___PcXwT[data-disabled] {
436
+ .Avatar-module__hop-Avatar___gAd-0[data-disabled] {
437
437
  --background-color: var(--hop-Avatar-background-color-disabled);
438
438
  --text-color: var(--hop-Avatar-text-color-disabled);
439
439
  --mix-blend-mode: var(--hop-Avatar-mix-blend-mode-disabled);
440
440
  isolation: isolate;
441
441
  }
442
- .Avatar-module__hop-Avatar__image___urxf6 {
442
+ .Avatar-module__hop-Avatar__image___W5cIl {
443
443
  position: relative;
444
444
  display: block;
445
445
  box-sizing: border-box;
@@ -450,7 +450,7 @@
450
450
  }
451
451
 
452
452
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Badge/src/Badge.module.css/#css-module-data */
453
- .Badge-module__hop-Badge___aRm-i {
453
+ .Badge-module__hop-Badge___ErLIF {
454
454
  --hop-Badge-height: 1.5rem;
455
455
  --hop-Badge-width: max-content;
456
456
  --hop-Badge-padding-inline: var(--hop-space-inset-sm);
@@ -500,67 +500,67 @@
500
500
  background-color: var(--background-color, var(--hop-Badge-primary-background-color));
501
501
  border-radius: var(--border-radius);
502
502
  }
503
- .Badge-module__hop-Badge--primary___-3wLY {
503
+ .Badge-module__hop-Badge--primary___0-akF {
504
504
  --background-color: var(--hop-Badge-primary-background-color);
505
505
  --text-color: var(--hop-Badge-primary-text-color);
506
506
  }
507
- .Badge-module__hop-Badge--primary___-3wLY[data-hovered] {
507
+ .Badge-module__hop-Badge--primary___0-akF[data-hovered] {
508
508
  --background-color: var(--hop-Badge-primary-background-color-hovered);
509
509
  --text-color: var(--hop-Badge-primary-text-color-hovered);
510
510
  }
511
- .Badge-module__hop-Badge--primary___-3wLY[data-pressed] {
511
+ .Badge-module__hop-Badge--primary___0-akF[data-pressed] {
512
512
  --background-color: var(--hop-Badge-primary-background-color-pressed);
513
513
  --text-color: var(--hop-Badge-primary-text-color-pressed);
514
514
  }
515
- .Badge-module__hop-Badge--primary___-3wLY[data-selected] {
515
+ .Badge-module__hop-Badge--primary___0-akF[data-selected] {
516
516
  --background-color: var(--hop-Badge-primary-background-color-selected);
517
517
  --text-color: var(--hop-Badge-primary-text-color-selected);
518
518
  }
519
- .Badge-module__hop-Badge--secondary___-KBel {
519
+ .Badge-module__hop-Badge--secondary___E4-sZ {
520
520
  --background-color: var(--hop-Badge-secondary-background-color);
521
521
  --text-color: var(--hop-Badge-secondary-text-color);
522
522
  }
523
- .Badge-module__hop-Badge--secondary___-KBel[data-hovered] {
523
+ .Badge-module__hop-Badge--secondary___E4-sZ[data-hovered] {
524
524
  --background-color: var(--hop-Badge-secondary-background-color-hovered);
525
525
  --text-color: var(--hop-Badge-secondary-text-color-hovered);
526
526
  }
527
- .Badge-module__hop-Badge--secondary___-KBel[data-pressed] {
527
+ .Badge-module__hop-Badge--secondary___E4-sZ[data-pressed] {
528
528
  --background-color: var(--hop-Badge-secondary-background-color-pressed);
529
529
  --text-color: var(--hop-Badge-secondary-text-color-pressed);
530
530
  }
531
- .Badge-module__hop-Badge--secondary___-KBel[data-selected] {
531
+ .Badge-module__hop-Badge--secondary___E4-sZ[data-selected] {
532
532
  --background-color: var(--hop-Badge-secondary-background-color-selected);
533
533
  --text-color: var(--hop-Badge-secondary-text-color-selected);
534
534
  }
535
- .Badge-module__hop-Badge--subdued___FCpqU {
535
+ .Badge-module__hop-Badge--subdued___PJH0r {
536
536
  --background-color: var(--hop-Badge-subdued-background-color);
537
537
  --text-color: var(--hop-Badge-subdued-text-color);
538
538
  }
539
- .Badge-module__hop-Badge--subdued___FCpqU[data-hovered] {
539
+ .Badge-module__hop-Badge--subdued___PJH0r[data-hovered] {
540
540
  --background-color: var(--hop-Badge-subdued-background-color-hovered);
541
541
  --text-color: var(--hop-Badge-subdued-text-color-hovered);
542
542
  }
543
- .Badge-module__hop-Badge--subdued___FCpqU[data-pressed] {
543
+ .Badge-module__hop-Badge--subdued___PJH0r[data-pressed] {
544
544
  --background-color: var(--hop-Badge-subdued-background-color-pressed);
545
545
  --text-color: var(--hop-Badge-subdued-text-color-pressed);
546
546
  }
547
- .Badge-module__hop-Badge--subdued___FCpqU[data-selected] {
547
+ .Badge-module__hop-Badge--subdued___PJH0r[data-selected] {
548
548
  --background-color: var(--hop-Badge-subdued-background-color-selected);
549
549
  --text-color: var(--hop-Badge-subdued-text-color-selected);
550
550
  }
551
- .Badge-module__hop-Badge___aRm-i[data-indeterminate] {
551
+ .Badge-module__hop-Badge___ErLIF[data-indeterminate] {
552
552
  --border-radius: var(--hop-Badge-indeterminate-border-radius);
553
553
  --height: var(--hop-Badge-indeterminate-height);
554
554
  --width: var(--hop-Badge-indeterminate-width);
555
555
  --padding-inline: var(--hop-Badge-indeterminate-padding-inline);
556
556
  }
557
- .Badge-module__hop-Badge___aRm-i[data-disabled] {
557
+ .Badge-module__hop-Badge___ErLIF[data-disabled] {
558
558
  --background-color: var(--hop-Badge-background-color-disabled);
559
559
  --text-color: var(--hop-Badge-text-color-disabled);
560
560
  }
561
561
 
562
562
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Badge/src/FloatingBadge.module.css/#css-module-data */
563
- .FloatingBadge-module__hop-FloatingBadge___1CBdW {
563
+ .FloatingBadge-module__hop-FloatingBadge___yBlMB {
564
564
  --hop-FloatingBadge-badge-x: calc(0% + var(--hop-FloatingBadge-offset-x));
565
565
  --hop-FloatingBadge-badge-circular-x: calc(10% + var(--hop-FloatingBadge-offset-x));
566
566
  --hop-FloatingBadge-badge-y: calc(0% + var(--hop-FloatingBadge-offset-y));
@@ -601,7 +601,7 @@
601
601
  box-sizing: border-box;
602
602
  inline-size: max-content;
603
603
  }
604
- .FloatingBadge-module__hop-FloatingBadge___1CBdW[data-placement="top right"] {
604
+ .FloatingBadge-module__hop-FloatingBadge___yBlMB[data-placement="top right"] {
605
605
  --badge-top: var(--hop-FloatingBadge-badge-topright-top);
606
606
  --badge-right: var(--hop-FloatingBadge-badge-topright-right);
607
607
  --badge-bottom: var(--hop-FloatingBadge-badge-topright-bottom);
@@ -609,11 +609,11 @@
609
609
  --badge-transform: var(--hop-FloatingBadge-badge-topright-transform);
610
610
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topright-transform-origin);
611
611
  }
612
- .FloatingBadge-module__hop-FloatingBadge___1CBdW[data-placement="top right"][data-overlap=circular] {
612
+ .FloatingBadge-module__hop-FloatingBadge___yBlMB[data-placement="top right"][data-overlap=circular] {
613
613
  --badge-top: var(--hop-FloatingBadge-badge-topright-circular-top);
614
614
  --badge-right: var(--hop-FloatingBadge-badge-topright-circular-right);
615
615
  }
616
- .FloatingBadge-module__hop-FloatingBadge___1CBdW[data-placement="top left"] {
616
+ .FloatingBadge-module__hop-FloatingBadge___yBlMB[data-placement="top left"] {
617
617
  --badge-top: var(--hop-FloatingBadge-badge-topleft-top);
618
618
  --badge-right: var(--hop-FloatingBadge-badge-topleft-right);
619
619
  --badge-bottom: var(--hop-FloatingBadge-badge-topleft-bottom);
@@ -621,11 +621,11 @@
621
621
  --badge-transform: var(--hop-FloatingBadge-badge-topleft-transform);
622
622
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topleft-transform-origin);
623
623
  }
624
- .FloatingBadge-module__hop-FloatingBadge___1CBdW[data-placement="top left"][data-overlap=circular] {
624
+ .FloatingBadge-module__hop-FloatingBadge___yBlMB[data-placement="top left"][data-overlap=circular] {
625
625
  --badge-top: var(--hop-FloatingBadge-badge-topleft-circular-top);
626
626
  --badge-left: var(--hop-FloatingBadge-badge-topleft-circular-left);
627
627
  }
628
- .FloatingBadge-module__hop-FloatingBadge___1CBdW[data-placement="bottom right"] {
628
+ .FloatingBadge-module__hop-FloatingBadge___yBlMB[data-placement="bottom right"] {
629
629
  --badge-top: var(--hop-FloatingBadge-badge-bottomright-top);
630
630
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-right);
631
631
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-bottom);
@@ -633,11 +633,11 @@
633
633
  --badge-transform: var(--hop-FloatingBadge-badge-bottomright-transform);
634
634
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomright-transform-origin);
635
635
  }
636
- .FloatingBadge-module__hop-FloatingBadge___1CBdW[data-placement="bottom right"][data-overlap=circular] {
636
+ .FloatingBadge-module__hop-FloatingBadge___yBlMB[data-placement="bottom right"][data-overlap=circular] {
637
637
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-circular-right);
638
638
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-circular-bottom);
639
639
  }
640
- .FloatingBadge-module__hop-FloatingBadge___1CBdW[data-placement="bottom left"] {
640
+ .FloatingBadge-module__hop-FloatingBadge___yBlMB[data-placement="bottom left"] {
641
641
  --badge-top: var(--hop-FloatingBadge-badge-bottomleft-top);
642
642
  --badge-right: var(--hop-FloatingBadge-badge-bottomleft-right);
643
643
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-bottom);
@@ -645,11 +645,11 @@
645
645
  --badge-transform: var(--hop-FloatingBadge-badge-bottomleft-transform);
646
646
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomleft-transform-origin);
647
647
  }
648
- .FloatingBadge-module__hop-FloatingBadge___1CBdW[data-placement="bottom left"][data-overlap=circular] {
648
+ .FloatingBadge-module__hop-FloatingBadge___yBlMB[data-placement="bottom left"][data-overlap=circular] {
649
649
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-circular-bottom);
650
650
  --badge-left: var(--hop-FloatingBadge-badge-bottomleft-circular-left);
651
651
  }
652
- .FloatingBadge-module__hop-FloatingBadge__badge___d4Kjp {
652
+ .FloatingBadge-module__hop-FloatingBadge__badge___IwNFt {
653
653
  position: absolute;
654
654
  inset: var(--badge-top) var(--badge-right) var(--badge-bottom) var(--badge-left);
655
655
  transform-origin: var(--badge-transform-origin);
@@ -657,7 +657,7 @@
657
657
  }
658
658
 
659
659
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/IconList/src/IconList.module.css/#css-module-data */
660
- .IconList-module__hop-IconList___XdLlV {
660
+ .IconList-module__hop-IconList___uEqn8 {
661
661
  --hop-IconList-gap: var(--hop-space-inline-xs);
662
662
  display: flex;
663
663
  flex-wrap: wrap;
@@ -666,7 +666,7 @@
666
666
  }
667
667
 
668
668
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/Checkbox.module.css/#css-module-data */
669
- .Checkbox-module__hop-Checkbox___6p94H {
669
+ .Checkbox-module__hop-Checkbox___egH6w {
670
670
  --hop-Checkbox-box-border-size: 0.0625rem;
671
671
  --hop-Checkbox-box-border-color: var(--hop-neutral-border);
672
672
  --hop-Checkbox-box-background-color: var(--hop-neutral-surface);
@@ -741,60 +741,60 @@
741
741
  inline-size: max-content;
742
742
  max-inline-size: 100%;
743
743
  }
744
- .Checkbox-module__hop-Checkbox___6p94H[data-focus-visible] {
744
+ .Checkbox-module__hop-Checkbox___egH6w[data-focus-visible] {
745
745
  --box-background-color: var(--hop-Checkbox-box-background-color-focused);
746
746
  --box-border-color: var(--hop-Checkbox-box-border-color-focused);
747
747
  --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
748
748
  --text-color: var(--hop-Checkbox-text-color-focused);
749
749
  --icon-color: var(--hop-Checkbox-icon-color-focused);
750
750
  }
751
- .Checkbox-module__hop-Checkbox___6p94H[data-hovered] {
751
+ .Checkbox-module__hop-Checkbox___egH6w[data-hovered] {
752
752
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered);
753
753
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered);
754
754
  --text-color: var(--hop-Checkbox-text-color-hovered);
755
755
  --icon-color: var(--hop-Checkbox-icon-color-hovered);
756
756
  }
757
- .Checkbox-module__hop-Checkbox___6p94H[data-pressed] {
757
+ .Checkbox-module__hop-Checkbox___egH6w[data-pressed] {
758
758
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed);
759
759
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed);
760
760
  --text-color: var(--hop-Checkbox-text-color-pressed);
761
761
  --icon-color: var(--hop-Checkbox-icon-color-pressed);
762
762
  }
763
- .Checkbox-module__hop-Checkbox___6p94H[data-selected] {
763
+ .Checkbox-module__hop-Checkbox___egH6w[data-selected] {
764
764
  --box-background-color: var(--hop-Checkbox-box-background-color-selected);
765
765
  --box-border-color: var(--hop-Checkbox-box-border-color-selected);
766
766
  --check-display: var(--hop-Checkbox-check-display-selected);
767
767
  --text-color: var(--hop-Checkbox-text-color-selected);
768
768
  --icon-color: var(--hop-Checkbox-icon-color-selected);
769
769
  }
770
- .Checkbox-module__hop-Checkbox___6p94H[data-invalid] {
770
+ .Checkbox-module__hop-Checkbox___egH6w[data-invalid] {
771
771
  --box-background-color: var(--hop-Checkbox-box-background-color-invalid);
772
772
  --box-border-color: var(--hop-Checkbox-box-border-color-invalid);
773
773
  --check-color: var(--hop-Checkbox-check-color-invalid);
774
774
  --text-color: var(--hop-Checkbox-text-color-invalid);
775
775
  --icon-color: var(--hop-Checkbox-icon-color-invalid);
776
776
  }
777
- .Checkbox-module__hop-Checkbox___6p94H[data-invalid]:where([data-focus-visible]) {
777
+ .Checkbox-module__hop-Checkbox___egH6w[data-invalid]:where([data-focus-visible]) {
778
778
  --box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
779
779
  --box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
780
780
  }
781
- .Checkbox-module__hop-Checkbox___6p94H[data-invalid]:where([data-hovered]) {
781
+ .Checkbox-module__hop-Checkbox___egH6w[data-invalid]:where([data-hovered]) {
782
782
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
783
783
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
784
784
  --text-color: var(--hop-Checkbox-text-color-hovered-invalid);
785
785
  --icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
786
786
  }
787
- .Checkbox-module__hop-Checkbox___6p94H[data-invalid]:where([data-pressed]) {
787
+ .Checkbox-module__hop-Checkbox___egH6w[data-invalid]:where([data-pressed]) {
788
788
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
789
789
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
790
790
  --text-color: var(--hop-Checkbox-text-color-pressed-invalid);
791
791
  --icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
792
792
  }
793
- .Checkbox-module__hop-Checkbox___6p94H:where([data-invalid])[data-selected] {
793
+ .Checkbox-module__hop-Checkbox___egH6w:where([data-invalid])[data-selected] {
794
794
  --box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
795
795
  --box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
796
796
  }
797
- .Checkbox-module__hop-Checkbox___6p94H[data-disabled] {
797
+ .Checkbox-module__hop-Checkbox___egH6w[data-disabled] {
798
798
  --box-background-color: var(--hop-Checkbox-box-background-color-disabled);
799
799
  --box-border-color: var(--hop-Checkbox-box-border-color-disabled);
800
800
  --check-color: var(--hop-Checkbox-check-color-disabled);
@@ -802,25 +802,25 @@
802
802
  --text-color: var(--hop-Checkbox-text-color-disabled);
803
803
  --icon-color: var(--hop-Checkbox-icon-color-disabled);
804
804
  }
805
- .Checkbox-module__hop-Checkbox--sm___Q21jw {
805
+ .Checkbox-module__hop-Checkbox--sm___bE3Lt {
806
806
  --box-block-size: var(--hop-Checkbox-box-sm-block-size);
807
807
  --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
808
808
  --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
809
809
  --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
810
810
  }
811
- .Checkbox-module__hop-Checkbox--md___xCsVT {
811
+ .Checkbox-module__hop-Checkbox--md___-VJ30 {
812
812
  --box-block-size: var(--hop-Checkbox-box-md-block-size);
813
813
  --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
814
814
  --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
815
815
  --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
816
816
  }
817
- .Checkbox-module__hop-Checkbox__icon___xTtXG,
818
- .Checkbox-module__hop-Checkbox__icon-list___TE1X- {
817
+ .Checkbox-module__hop-Checkbox__icon___zNKWi,
818
+ .Checkbox-module__hop-Checkbox__icon-list___WxxJp {
819
819
  flex: 0 0 auto;
820
820
  order: 3;
821
821
  color: var(--icon-color);
822
822
  }
823
- .Checkbox-module__hop-Checkbox__box___-Yuy- {
823
+ .Checkbox-module__hop-Checkbox__box___VefY2 {
824
824
  display: flex;
825
825
  flex: 0 0 auto;
826
826
  align-items: center;
@@ -836,11 +836,11 @@
836
836
  outline-offset: 0.125rem;
837
837
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
838
838
  }
839
- .Checkbox-module__hop-Checkbox__check___mp55c {
839
+ .Checkbox-module__hop-Checkbox__check___fpH6T {
840
840
  display: var(--check-display);
841
841
  color: var(--check-color);
842
842
  }
843
- .Checkbox-module__hop-Checkbox__text___KzSfP {
843
+ .Checkbox-module__hop-Checkbox__text___njOhl {
844
844
  flex: 0 1 auto;
845
845
  order: 2;
846
846
  min-inline-size: 0;
@@ -850,7 +850,7 @@
850
850
  }
851
851
 
852
852
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxField.module.css/#css-module-data */
853
- .CheckboxField-module__hop-CheckboxField___kEez4 {
853
+ .CheckboxField-module__hop-CheckboxField___vmnDE {
854
854
  --hop-CheckboxField-description-color: var(--hop-neutral-text-weak);
855
855
  --hop-CheckboxField-description-color-disabled: var(--hop-neutral-text-disabled);
856
856
  --hop-CheckboxField-sm-row-gap: var(--hop-space-stack-xs);
@@ -869,28 +869,28 @@
869
869
  inline-size: max-content;
870
870
  max-inline-size: 100%;
871
871
  }
872
- .CheckboxField-module__hop-CheckboxField___kEez4[data-disabled] {
872
+ .CheckboxField-module__hop-CheckboxField___vmnDE[data-disabled] {
873
873
  --description-color: var(--hop-CheckboxField-description-color-disabled);
874
874
  }
875
- .CheckboxField-module__hop-CheckboxField--sm___ClYi0 {
875
+ .CheckboxField-module__hop-CheckboxField--sm___8j8A- {
876
876
  --row-gap: var(--hop-CheckboxField-sm-row-gap);
877
877
  --description-margin-inline-start: var(--hop-CheckboxField-description-sm-margin-inline-start);
878
878
  }
879
- .CheckboxField-module__hop-CheckboxField--md___K24sH {
879
+ .CheckboxField-module__hop-CheckboxField--md___vX5JV {
880
880
  --row-gap: var(--hop-CheckboxField-md-row-gap);
881
881
  --description-margin-inline-start: var(--hop-CheckboxField-description-md-margin-inline-start);
882
882
  }
883
- .CheckboxField-module__hop-CheckboxField__description___xjbJo {
883
+ .CheckboxField-module__hop-CheckboxField__description___ubSaf {
884
884
  order: 2;
885
885
  margin-inline-start: var(--description-margin-inline-start, var(--hop-CheckboxField-description-md-margin-inline-start));
886
886
  color: var(--description-color);
887
887
  }
888
- .CheckboxField-module__hop-CheckboxField__checkbox___FFLo2 {
888
+ .CheckboxField-module__hop-CheckboxField__checkbox___CEk8- {
889
889
  order: 1;
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,23 +2175,23 @@
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
  }
2192
2192
 
2193
2193
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Select/src/SelectValue.module.css/#css-module-data */
2194
- .SelectValue-module__hop-SelectValue___xva-P {
2194
+ .SelectValue-module__hop-SelectValue___KpDNd {
2195
2195
  --hop-SelectValue-display: inline-block;
2196
2196
  --hop-SelectValue-slots-display: flex;
2197
2197
  --hop-SelectValue-column-gap: var(--hop-space-inline-sm);
@@ -2206,16 +2206,16 @@
2206
2206
  text-overflow: ellipsis;
2207
2207
  white-space: nowrap;
2208
2208
  }
2209
- .SelectValue-module__hop-SelectValue___xva-P:has(.SelectValue-module__hop-SelectValue__text___3WH8Z) {
2209
+ .SelectValue-module__hop-SelectValue___KpDNd:has(.SelectValue-module__hop-SelectValue__text___n1aK0) {
2210
2210
  --display: var(--hop-SelectValue-slots-display);
2211
2211
  }
2212
- .SelectValue-module__hop-SelectValue__avatar___p4aH- {
2212
+ .SelectValue-module__hop-SelectValue__avatar___rQV2B {
2213
2213
  order: 1;
2214
2214
  }
2215
- .SelectValue-module__hop-SelectValue__icon___rNOIQ {
2215
+ .SelectValue-module__hop-SelectValue__icon___f9pQ6 {
2216
2216
  order: 2;
2217
2217
  }
2218
- .SelectValue-module__hop-SelectValue__text___3WH8Z {
2218
+ .SelectValue-module__hop-SelectValue__text___n1aK0 {
2219
2219
  overflow: hidden;
2220
2220
  flex: 1 1 auto;
2221
2221
  order: 3;
@@ -2223,12 +2223,12 @@
2223
2223
  text-overflow: ellipsis;
2224
2224
  white-space: nowrap;
2225
2225
  }
2226
- .SelectValue-module__hop-SelectValue__end-icon___NAa1m {
2226
+ .SelectValue-module__hop-SelectValue__end-icon___BAlZw {
2227
2227
  order: 4;
2228
2228
  }
2229
2229
 
2230
2230
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Select/src/Select.module.css/#css-module-data */
2231
- .Select-module__hop-Select___k6OaF {
2231
+ .Select-module__hop-Select___u5d3m {
2232
2232
  --hop-Select-row-gap: var(--hop-space-stack-xs);
2233
2233
  --hop-Select-inline-size: 20rem;
2234
2234
  --hop-Select-inline-size-fluid: 100%;
@@ -2280,13 +2280,13 @@
2280
2280
  inline-size: var(--inline-size);
2281
2281
  max-inline-size: var(--hop-Select-max-inline-size);
2282
2282
  }
2283
- .Select-module__hop-Select--fluid___ZaVzc {
2283
+ .Select-module__hop-Select--fluid___YkEzs {
2284
2284
  --inline-size: var(--hop-Select-inline-size-fluid);
2285
2285
  }
2286
- .Select-module__hop-Select__label___dXt1G {
2286
+ .Select-module__hop-Select__label___lj87n {
2287
2287
  order: 1;
2288
2288
  }
2289
- .Select-module__hop-Select__button___pKuQ7 {
2289
+ .Select-module__hop-Select__button___V3fKN {
2290
2290
  cursor: var(--button-cursor);
2291
2291
  display: flex;
2292
2292
  column-gap: var(--hop-Select-button-column-gap);
@@ -2302,28 +2302,28 @@
2302
2302
  border-radius: var(--hop-Select-button-border-radius);
2303
2303
  outline: none;
2304
2304
  }
2305
- .Select-module__hop-Select__button--sm___E0qvy {
2305
+ .Select-module__hop-Select__button--sm___cGJzt {
2306
2306
  --button-block-size: var(--hop-Select-button-sm-block-size);
2307
2307
  }
2308
- .Select-module__hop-Select__button--md___8ZWP4 {
2308
+ .Select-module__hop-Select__button--md___GgxAQ {
2309
2309
  --button-block-size: var(--hop-Select-button-md-block-size);
2310
2310
  }
2311
- .Select-module__hop-Select__button___pKuQ7[data-hovered] {
2311
+ .Select-module__hop-Select__button___V3fKN[data-hovered] {
2312
2312
  --button-background-color: var(--hop-Select-button-background-color-hovered);
2313
2313
  --button-border-color: var(--hop-Select-button-border-color-hovered);
2314
2314
  --button-color: var(--hop-Select-button-color-hovered);
2315
2315
  --button-icon-color: var(--hop-Select-button-icon-color-hovered);
2316
2316
  }
2317
- .Select-module__hop-Select__button___pKuQ7[data-pressed] {
2317
+ .Select-module__hop-Select__button___V3fKN[data-pressed] {
2318
2318
  --button-background-color: var(--hop-Select-button-background-color-selected);
2319
2319
  --button-border-color: var(--hop-Select-button-border-color-selected);
2320
2320
  --button-color: var(--hop-Select-button-color-selected);
2321
2321
  --button-icon-color: var(--hop-Select-button-icon-color-selected);
2322
2322
  }
2323
- .Select-module__hop-Select__button___pKuQ7[data-invalid] {
2323
+ .Select-module__hop-Select__button___V3fKN[data-invalid] {
2324
2324
  --button-border-color: var(--hop-Select-button-border-color-invalid);
2325
2325
  }
2326
- .Select-module__hop-Select__button___pKuQ7[data-focus-visible] {
2326
+ .Select-module__hop-Select__button___V3fKN[data-focus-visible] {
2327
2327
  --button-background-color: var(--hop-Select-button-background-color-focused);
2328
2328
  --button-border-color: var(--hop-Select-button-border-color-focused);
2329
2329
  --button-color: var(--hop-Select-button-color-focused);
@@ -2331,24 +2331,24 @@
2331
2331
  outline: var(--hop-Select-button-border-size) solid var(--hop-Select-button-outline-color-focused);
2332
2332
  outline-offset: var(--hop-Select-button-outline-offset);
2333
2333
  }
2334
- .Select-module__hop-Select__button___pKuQ7:has([data-placeholder]) {
2334
+ .Select-module__hop-Select__button___V3fKN:has([data-placeholder]) {
2335
2335
  --button-color: var(--hop-Select-button-placeholder-color);
2336
2336
  }
2337
- .Select-module__hop-Select__button___pKuQ7[data-disabled] {
2337
+ .Select-module__hop-Select__button___V3fKN[data-disabled] {
2338
2338
  --button-background-color: var(--hop-Select-button-background-color-disabled);
2339
2339
  --button-border-color: var(--hop-Select-button-border-color-disabled);
2340
2340
  --button-color: var(--hop-Select-button-color-disabled);
2341
2341
  --button-icon-color: var(--hop-Select-button-icon-color-disabled);
2342
2342
  --button-cursor: var(--hop-Select-button-cursor-disabled);
2343
2343
  }
2344
- .Select-module__hop-Select__prefix___cznjq {
2344
+ .Select-module__hop-Select__prefix___iC8wF {
2345
2345
  color: var(--hop-Select-prefix-color);
2346
2346
  }
2347
- .Select-module__hop-Select__button-icon___Oz4hR {
2347
+ .Select-module__hop-Select__button-icon___WEzTG {
2348
2348
  margin-inline-start: auto;
2349
2349
  color: var(--button-icon-color);
2350
2350
  }
2351
- .Select-module__hop-Select__helper-message___k5q1e,
2352
- .Select-module__hop-Select__error-message___1y96F {
2351
+ .Select-module__hop-Select__helper-message___aopAP,
2352
+ .Select-module__hop-Select__error-message___xF2H9 {
2353
2353
  order: 3;
2354
2354
  }