@pathscale/ui 1.1.39 → 1.1.42

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 (209) hide show
  1. package/dist/components/accordion/Accordion.js +29 -30
  2. package/dist/components/alert/Alert.classes.d.ts +16 -0
  3. package/dist/components/alert/Alert.classes.js +17 -0
  4. package/dist/components/alert/Alert.js +17 -27
  5. package/dist/components/avatar/Avatar.classes.d.ts +27 -0
  6. package/dist/components/avatar/Avatar.classes.js +28 -0
  7. package/dist/components/avatar/Avatar.js +11 -28
  8. package/dist/components/avatar/AvatarGroup.js +10 -10
  9. package/dist/components/badge/Badge.classes.d.ts +30 -0
  10. package/dist/components/badge/Badge.classes.js +31 -0
  11. package/dist/components/badge/Badge.js +14 -38
  12. package/dist/components/breadcrumbs/Breadcrumbs.js +34 -23
  13. package/dist/components/button/Button.js +24 -11
  14. package/dist/components/button-group/ButtonGroup.js +7 -8
  15. package/dist/components/calendar/Calendar.js +191 -103
  16. package/dist/components/card/Card.js +12 -16
  17. package/dist/components/chatbubble/ChatBubble.js +4 -4
  18. package/dist/components/chatbubble/ChatBubbleAvatar.js +6 -6
  19. package/dist/components/chatbubble/ChatBubbleFooter.js +3 -5
  20. package/dist/components/chatbubble/ChatBubbleHeader.js +3 -5
  21. package/dist/components/chatbubble/ChatBubbleTime.js +3 -5
  22. package/dist/components/checkbox/Checkbox.classes.d.ts +17 -0
  23. package/dist/components/checkbox/Checkbox.classes.js +18 -0
  24. package/dist/components/checkbox/Checkbox.js +56 -31
  25. package/dist/components/chip/Chip.classes.d.ts +29 -0
  26. package/dist/components/chip/Chip.classes.js +30 -0
  27. package/dist/components/chip/Chip.js +42 -46
  28. package/dist/components/close-button/CloseButton.js +16 -8
  29. package/dist/components/color-area/ColorArea.classes.d.ts +6 -0
  30. package/dist/components/color-area/ColorArea.classes.js +7 -0
  31. package/dist/components/color-area/ColorArea.js +23 -19
  32. package/dist/components/color-field/ColorField.classes.d.ts +13 -0
  33. package/dist/components/color-field/ColorField.classes.js +14 -0
  34. package/dist/components/color-field/ColorField.js +34 -24
  35. package/dist/components/color-picker/ColorPicker.classes.d.ts +8 -0
  36. package/dist/components/color-picker/ColorPicker.classes.js +9 -0
  37. package/dist/components/color-picker/ColorPicker.js +26 -28
  38. package/dist/components/color-slider/ColorSlider.classes.d.ts +11 -0
  39. package/dist/components/color-slider/ColorSlider.classes.js +12 -0
  40. package/dist/components/color-slider/ColorSlider.js +24 -15
  41. package/dist/components/color-swatch/ColorSwatch.classes.d.ts +14 -0
  42. package/dist/components/color-swatch/ColorSwatch.classes.js +15 -0
  43. package/dist/components/color-swatch/ColorSwatch.js +2 -12
  44. package/dist/components/color-swatch-picker/ColorSwatchPicker.classes.d.ts +3 -0
  45. package/dist/components/color-swatch-picker/ColorSwatchPicker.classes.js +4 -0
  46. package/dist/components/color-swatch-picker/ColorSwatchPicker.js +4 -4
  47. package/dist/components/color-wheel-flower/ColorWheelFlower.js +76 -67
  48. package/dist/components/combo-box/ComboBox.js +95 -79
  49. package/dist/components/date-field/DateField.js +22 -28
  50. package/dist/components/date-picker/DatePicker.js +65 -44
  51. package/dist/components/date-range-picker/DateRangePicker.js +76 -48
  52. package/dist/components/description/Description.js +3 -4
  53. package/dist/components/drawer/Drawer.classes.d.ts +28 -0
  54. package/dist/components/drawer/Drawer.classes.js +29 -0
  55. package/dist/components/drawer/Drawer.js +55 -50
  56. package/dist/components/dropdown/Dropdown.classes.d.ts +11 -0
  57. package/dist/components/dropdown/Dropdown.classes.js +12 -0
  58. package/dist/components/dropdown/Dropdown.js +40 -35
  59. package/dist/components/empty-state/EmptyState.classes.d.ts +9 -0
  60. package/dist/components/empty-state/EmptyState.classes.js +10 -0
  61. package/dist/components/empty-state/EmptyState.js +20 -23
  62. package/dist/components/error-message/ErrorMessage.js +3 -4
  63. package/dist/components/field-error/FieldError.js +3 -4
  64. package/dist/components/fieldset/Fieldset.js +12 -16
  65. package/dist/components/flex/Flex.js +3 -4
  66. package/dist/components/floating-dock/FloatingDock.js +152 -144
  67. package/dist/components/footer/Footer.js +3 -4
  68. package/dist/components/footer/FooterTitle.js +3 -4
  69. package/dist/components/form/Form.js +3 -4
  70. package/dist/components/glass-panel/GlassPanel.js +37 -36
  71. package/dist/components/grid/Grid.js +3 -4
  72. package/dist/components/header/Header.js +3 -4
  73. package/dist/components/icon/Icon.js +3 -4
  74. package/dist/components/immersive-landing/ImmersiveLanding.js +21 -24
  75. package/dist/components/immersive-landing/ImmersiveLandingArrows.js +25 -11
  76. package/dist/components/immersive-landing/ImmersiveLandingNavigation.js +67 -41
  77. package/dist/components/immersive-landing/ImmersiveLandingPage.js +7 -5
  78. package/dist/components/immersive-landing/components/CookieConsent.js +110 -110
  79. package/dist/components/immersive-landing/components/FirefoxPWABanner.js +61 -56
  80. package/dist/components/immersive-landing/components/PWAInstallPrompt.js +66 -62
  81. package/dist/components/input/Input.classes.d.ts +24 -0
  82. package/dist/components/input/Input.classes.js +25 -0
  83. package/dist/components/input/Input.js +50 -42
  84. package/dist/components/input-group/InputGroup.js +15 -20
  85. package/dist/components/input-otp/InputOTP.js +63 -54
  86. package/dist/components/join/Join.classes.d.ts +8 -0
  87. package/dist/components/join/Join.classes.js +9 -0
  88. package/dist/components/join/Join.js +8 -8
  89. package/dist/components/kbd/Kbd.js +9 -12
  90. package/dist/components/language-switcher/LanguageSwitcher.js +29 -28
  91. package/dist/components/link/Link.js +17 -10
  92. package/dist/components/list-box/ListBoxItem.js +8 -8
  93. package/dist/components/list-box/ListBoxSection.js +10 -6
  94. package/dist/components/live-chat/LiveChatBubble.js +25 -9
  95. package/dist/components/live-chat/LiveChatPanel.js +78 -62
  96. package/dist/components/menu/Menu.js +4 -4
  97. package/dist/components/menu/MenuItem.js +12 -12
  98. package/dist/components/menu/MenuSection.js +10 -6
  99. package/dist/components/modal/Modal.js +62 -58
  100. package/dist/components/navbar/Navbar.js +4 -4
  101. package/dist/components/navbar/NavbarRow.js +3 -4
  102. package/dist/components/navbar/NavbarSection.js +4 -4
  103. package/dist/components/navbar/NavbarStack.js +3 -4
  104. package/dist/components/noise-background/NoiseBackground.js +39 -35
  105. package/dist/components/number-field/NumberField.js +18 -20
  106. package/dist/components/pagination/Pagination.classes.d.ts +11 -0
  107. package/dist/components/pagination/Pagination.classes.js +12 -0
  108. package/dist/components/pagination/Pagination.js +77 -33
  109. package/dist/components/progress-bar/ProgressBar.classes.d.ts +23 -0
  110. package/dist/components/progress-bar/ProgressBar.classes.js +24 -0
  111. package/dist/components/progress-bar/ProgressBar.css +104 -0
  112. package/dist/components/progress-bar/ProgressBar.d.ts +19 -0
  113. package/dist/components/progress-bar/ProgressBar.js +112 -0
  114. package/dist/components/progress-bar/index.d.ts +2 -0
  115. package/dist/components/progress-bar/index.js +3 -0
  116. package/dist/components/progress-circle/ProgressCircle.classes.d.ts +22 -0
  117. package/dist/components/progress-circle/ProgressCircle.classes.js +23 -0
  118. package/dist/components/progress-circle/ProgressCircle.css +82 -0
  119. package/dist/components/progress-circle/ProgressCircle.d.ts +18 -0
  120. package/dist/components/progress-circle/ProgressCircle.js +109 -0
  121. package/dist/components/progress-circle/index.d.ts +2 -0
  122. package/dist/components/progress-circle/index.js +3 -0
  123. package/dist/components/radio/Radio.classes.d.ts +13 -0
  124. package/dist/components/radio/Radio.classes.js +14 -0
  125. package/dist/components/radio/Radio.js +49 -22
  126. package/dist/components/radio-group/RadioGroup.classes.d.ts +21 -0
  127. package/dist/components/radio-group/RadioGroup.classes.js +22 -0
  128. package/dist/components/radio-group/RadioGroup.js +31 -19
  129. package/dist/components/search-field/SearchField.js +16 -20
  130. package/dist/components/select/Select.classes.d.ts +24 -0
  131. package/dist/components/select/Select.classes.js +25 -0
  132. package/dist/components/select/Select.js +110 -52
  133. package/dist/components/size-picker/SizePicker.classes.d.ts +3 -0
  134. package/dist/components/size-picker/SizePicker.classes.js +4 -0
  135. package/dist/components/size-picker/SizePicker.js +7 -6
  136. package/dist/components/skeleton/Skeleton.classes.d.ts +8 -0
  137. package/dist/components/skeleton/Skeleton.classes.js +9 -0
  138. package/dist/components/skeleton/Skeleton.js +4 -9
  139. package/dist/components/slider/Slider.js +90 -60
  140. package/dist/components/spinner/Spinner.classes.d.ts +25 -0
  141. package/dist/components/spinner/Spinner.classes.js +26 -0
  142. package/dist/components/{loading/Loading.d.ts → spinner/Spinner.d.ts} +4 -4
  143. package/dist/components/{loading/Loading.js → spinner/Spinner.js} +6 -27
  144. package/dist/components/spinner/index.d.ts +1 -0
  145. package/dist/components/spinner/index.js +5 -0
  146. package/dist/components/surface/Surface.js +3 -4
  147. package/dist/components/table/Table.classes.d.ts +26 -0
  148. package/dist/components/table/Table.classes.js +27 -0
  149. package/dist/components/table/Table.js +107 -111
  150. package/dist/components/tabs/Tabs.classes.d.ts +14 -0
  151. package/dist/components/tabs/Tabs.classes.js +15 -0
  152. package/dist/components/tabs/Tabs.js +43 -43
  153. package/dist/components/tag/Tag.js +19 -12
  154. package/dist/components/tag-group/TagGroup.js +8 -8
  155. package/dist/components/text/Text.js +3 -4
  156. package/dist/components/textarea/Textarea.classes.d.ts +3 -0
  157. package/dist/components/textarea/Textarea.classes.js +4 -0
  158. package/dist/components/textarea/Textarea.js +4 -5
  159. package/dist/components/theme-color-picker/ThemeColorPicker.classes.d.ts +10 -0
  160. package/dist/components/theme-color-picker/ThemeColorPicker.classes.js +11 -0
  161. package/dist/components/theme-color-picker/ThemeColorPicker.js +42 -33
  162. package/dist/components/time-field/TimeField.js +22 -28
  163. package/dist/components/toast/Toast.js +109 -56
  164. package/dist/components/toggle/Toggle.classes.d.ts +26 -0
  165. package/dist/components/toggle/Toggle.classes.js +27 -0
  166. package/dist/components/toggle/Toggle.js +55 -36
  167. package/dist/components/tooltip/Tooltip.classes.d.ts +8 -0
  168. package/dist/components/tooltip/Tooltip.classes.js +9 -0
  169. package/dist/components/tooltip/Tooltip.js +24 -25
  170. package/dist/components/utils.js +6 -4
  171. package/dist/components/video-preview/VideoPreview.classes.d.ts +3 -0
  172. package/dist/components/video-preview/VideoPreview.classes.js +4 -0
  173. package/dist/components/video-preview/VideoPreview.js +5 -4
  174. package/dist/index.css +0 -1
  175. package/dist/index.d.ts +7 -6
  176. package/dist/index.js +8 -20
  177. package/dist/purge-manifest.json +2469 -1433
  178. package/package.json +3 -3
  179. package/dist/components/artboard/Artboard.d.ts +0 -9
  180. package/dist/components/artboard/Artboard.js +0 -42
  181. package/dist/components/artboard/index.d.ts +0 -1
  182. package/dist/components/artboard/index.js +0 -3
  183. package/dist/components/loading/index.d.ts +0 -1
  184. package/dist/components/loading/index.js +0 -3
  185. package/dist/components/progress/Progress.css +0 -135
  186. package/dist/components/progress/Progress.d.ts +0 -36
  187. package/dist/components/progress/Progress.js +0 -197
  188. package/dist/components/progress/index.d.ts +0 -1
  189. package/dist/components/progress/index.js +0 -7
  190. package/dist/components/radialprogress/RadialProgress.d.ts +0 -10
  191. package/dist/components/radialprogress/RadialProgress.js +0 -47
  192. package/dist/components/radialprogress/index.d.ts +0 -1
  193. package/dist/components/radialprogress/index.js +0 -3
  194. package/dist/components/sidenav/Sidenav.css +0 -176
  195. package/dist/components/sidenav/Sidenav.d.ts +0 -14
  196. package/dist/components/sidenav/Sidenav.js +0 -66
  197. package/dist/components/sidenav/SidenavButton.d.ts +0 -9
  198. package/dist/components/sidenav/SidenavButton.js +0 -41
  199. package/dist/components/sidenav/SidenavGroup.d.ts +0 -10
  200. package/dist/components/sidenav/SidenavGroup.js +0 -45
  201. package/dist/components/sidenav/SidenavItem.d.ts +0 -8
  202. package/dist/components/sidenav/SidenavItem.js +0 -37
  203. package/dist/components/sidenav/SidenavLink.d.ts +0 -9
  204. package/dist/components/sidenav/SidenavLink.js +0 -36
  205. package/dist/components/sidenav/SidenavMenu.d.ts +0 -5
  206. package/dist/components/sidenav/SidenavMenu.js +0 -31
  207. package/dist/components/sidenav/index.d.ts +0 -12
  208. package/dist/components/sidenav/index.js +0 -13
  209. /package/dist/components/{loading/Loading.css → spinner/Spinner.css} +0 -0
@@ -1,945 +1,886 @@
1
1
  {
2
- "Grid": {
2
+ "Surface": {
3
3
  "classes": {
4
4
  "always": [
5
- "grid-layout"
5
+ "surface"
6
6
  ],
7
7
  "byProp": {
8
- "cols": {
9
- "1": [
10
- "grid-cols-1"
11
- ],
12
- "2": [
13
- "grid-cols-2"
14
- ],
15
- "3": [
16
- "grid-cols-3"
17
- ],
18
- "4": [
19
- "grid-cols-4"
20
- ],
21
- "5": [
22
- "grid-cols-5"
23
- ],
24
- "6": [
25
- "grid-cols-6"
26
- ],
27
- "7": [
28
- "grid-cols-7"
29
- ],
30
- "8": [
31
- "grid-cols-8"
32
- ],
33
- "9": [
34
- "grid-cols-9"
35
- ],
36
- "10": [
37
- "grid-cols-10"
38
- ],
39
- "11": [
40
- "grid-cols-11"
41
- ],
42
- "12": [
43
- "grid-cols-12"
44
- ]
45
- },
46
- "rows": {
47
- "1": [
48
- "grid-rows-1"
49
- ],
50
- "2": [
51
- "grid-rows-2"
52
- ],
53
- "3": [
54
- "grid-rows-3"
55
- ],
56
- "4": [
57
- "grid-rows-4"
58
- ],
59
- "5": [
60
- "grid-rows-5"
61
- ],
62
- "6": [
63
- "grid-rows-6"
64
- ],
65
- "7": [
66
- "grid-rows-7"
67
- ],
68
- "8": [
69
- "grid-rows-8"
70
- ],
71
- "9": [
72
- "grid-rows-9"
73
- ],
74
- "10": [
75
- "grid-rows-10"
76
- ],
77
- "11": [
78
- "grid-rows-11"
79
- ],
80
- "12": [
81
- "grid-rows-12"
82
- ]
83
- },
84
- "flow": {
85
- "row": [
86
- "grid-flow-row"
87
- ],
88
- "col": [
89
- "grid-flow-col"
90
- ],
91
- "row-dense": [
92
- "grid-flow-row-dense"
93
- ],
94
- "col-dense": [
95
- "grid-flow-col-dense"
96
- ]
97
- },
98
- "gap": {
99
- "none": [
100
- "gap-0"
101
- ],
102
- "sm": [
103
- "gap-2"
104
- ],
105
- "md": [
106
- "gap-4"
107
- ],
108
- "lg": [
109
- "gap-6"
110
- ],
111
- "xl": [
112
- "gap-8"
113
- ]
114
- },
115
- "autoCols": {
116
- "min": [
117
- "auto-cols-min"
118
- ],
119
- "max": [
120
- "auto-cols-max"
121
- ],
122
- "fr": [
123
- "auto-cols-fr"
124
- ]
125
- },
126
- "autoRows": {
127
- "min": [
128
- "auto-rows-min"
8
+ "variant": {
9
+ "default": [
10
+ "surface--default"
129
11
  ],
130
- "max": [
131
- "auto-rows-max"
12
+ "secondary": [
13
+ "surface--secondary"
132
14
  ],
133
- "fr": [
134
- "auto-rows-fr"
135
- ]
136
- }
137
- }
138
- }
139
- },
140
- "LiveChat.bubble": {
141
- "classes": {
142
- "always": [
143
- "live-chat-bubble"
144
- ],
145
- "byProp": {
146
- "position": {
147
- "right": [
148
- "live-chat-bubble--right"
15
+ "tertiary": [
16
+ "surface--tertiary"
149
17
  ],
150
- "left": [
151
- "live-chat-bubble--left"
18
+ "transparent": [
19
+ "surface--transparent"
152
20
  ]
153
21
  }
154
22
  }
155
23
  }
156
24
  },
157
- "LiveChat.panel": {
25
+ "Form": {
158
26
  "classes": {
159
27
  "always": [
160
- "live-chat-panel"
28
+ "form"
161
29
  ],
162
30
  "byProp": {}
163
31
  }
164
32
  },
165
- "ButtonGroup.Root": {
33
+ "ColorPicker": {
166
34
  "classes": {
167
35
  "always": [
168
- "button-group"
36
+ "color-picker"
169
37
  ],
170
38
  "byProp": {
171
- "orientation": {
172
- "horizontal": [
173
- "button-group--horizontal"
39
+ "slot": {
40
+ "area": [
41
+ "color-picker__area"
174
42
  ],
175
- "vertical": [
176
- "button-group--vertical"
43
+ "slider": [
44
+ "color-picker__slider"
45
+ ],
46
+ "field": [
47
+ "color-picker__field"
177
48
  ]
178
- },
179
- "fullWidth": [
180
- "button-group--full-width"
181
- ]
49
+ }
182
50
  }
183
51
  }
184
52
  },
185
- "ButtonGroup.Separator": {
186
- "classes": {
187
- "always": [
188
- "button-group__separator"
189
- ],
190
- "byProp": {}
191
- }
192
- },
193
- "ImmersiveLanding.landing": {
53
+ "ThemeColorPicker": {
194
54
  "classes": {
195
55
  "always": [
196
- "immersive-landing"
56
+ "relative"
197
57
  ],
198
58
  "byProp": {}
199
59
  }
200
60
  },
201
- "ImmersiveLanding.page": {
61
+ "Navbar.navbar": {
202
62
  "classes": {
203
63
  "always": [
204
- "immersive-landing-page"
64
+ "navbar"
205
65
  ],
206
66
  "byProp": {}
207
67
  }
208
68
  },
209
- "ImmersiveLanding.arrows": {
210
- "classes": {
211
- "always": [],
212
- "byProp": {}
213
- }
214
- },
215
- "ImmersiveLanding.navigation": {
69
+ "Navbar.section": {
216
70
  "classes": {
217
71
  "always": [
218
- "immersive-landing-navigation"
72
+ "navbar__section"
219
73
  ],
220
- "byProp": {}
221
- }
222
- },
223
- "ImmersiveLanding.pwaPrompt": {
224
- "classes": {
225
- "always": [],
226
- "byProp": {}
227
- }
228
- },
229
- "ImmersiveLanding.firefoxBanner": {
230
- "classes": {
231
- "always": [],
232
- "byProp": {}
233
- }
234
- },
235
- "ImmersiveLanding.cookie": {
236
- "classes": {
237
- "always": [],
238
- "byProp": {}
74
+ "byProp": {
75
+ "variant": {
76
+ "start": [
77
+ "navbar__section--start"
78
+ ],
79
+ "center": [
80
+ "navbar__section--center"
81
+ ],
82
+ "end": [
83
+ "navbar__section--end"
84
+ ]
85
+ }
86
+ }
239
87
  }
240
88
  },
241
- "Header": {
89
+ "Navbar.stack": {
242
90
  "classes": {
243
91
  "always": [
244
- "header"
92
+ "navbar__stack"
245
93
  ],
246
- "byProp": {}
94
+ "byProp": {
95
+ "sticky": [
96
+ "navbar__stack--sticky"
97
+ ],
98
+ "container": [
99
+ "navbar__stack--container"
100
+ ]
101
+ }
247
102
  }
248
103
  },
249
- "Tag.Root": {
104
+ "Navbar.row": {
250
105
  "classes": {
251
106
  "always": [
252
- "tag"
107
+ "navbar__row"
108
+ ],
109
+ "byProp": {
110
+ "bordered": [
111
+ "navbar__row--bordered"
112
+ ],
113
+ "padded": [
114
+ "navbar__row--padded"
115
+ ],
116
+ "color": {
117
+ "ghost": [
118
+ "navbar__row--ghost"
119
+ ],
120
+ "neutral": [
121
+ "navbar__row--neutral"
122
+ ],
123
+ "primary": [
124
+ "navbar__row--primary"
125
+ ],
126
+ "secondary": [
127
+ "navbar__row--secondary"
128
+ ],
129
+ "accent": [
130
+ "navbar__row--accent"
131
+ ],
132
+ "info": [
133
+ "navbar__row--info"
134
+ ],
135
+ "success": [
136
+ "navbar__row--success"
137
+ ],
138
+ "warning": [
139
+ "navbar__row--warning"
140
+ ],
141
+ "error": [
142
+ "navbar__row--error"
143
+ ]
144
+ }
145
+ }
146
+ }
147
+ },
148
+ "Card.Root": {
149
+ "classes": {
150
+ "always": [
151
+ "card"
253
152
  ],
254
153
  "byProp": {
255
- "size": {
256
- "sm": [
257
- "tag--sm"
258
- ],
259
- "md": [
260
- "tag--md"
261
- ],
262
- "lg": [
263
- "tag--lg"
264
- ]
265
- },
266
154
  "variant": {
267
155
  "default": [
268
- "tag--default"
156
+ "card--default"
269
157
  ],
270
- "surface": [
271
- "tag--surface"
158
+ "flat": [
159
+ "card--flat"
160
+ ],
161
+ "bordered": [
162
+ "card--bordered"
163
+ ],
164
+ "shadow": [
165
+ "card--shadow"
272
166
  ]
273
- }
167
+ },
168
+ "isHoverable": [
169
+ "card--hoverable"
170
+ ],
171
+ "isPressable": [
172
+ "card--pressable"
173
+ ]
274
174
  }
275
175
  }
276
176
  },
277
- "Tag.slot": {
177
+ "Card.Header": {
278
178
  "classes": {
279
- "always": [],
179
+ "always": [
180
+ "card__header"
181
+ ],
280
182
  "byProp": {}
281
183
  }
282
184
  },
283
- "Breadcrumbs.Root": {
185
+ "Card.Body": {
284
186
  "classes": {
285
187
  "always": [
286
- "breadcrumbs"
188
+ "card__body"
287
189
  ],
288
190
  "byProp": {}
289
191
  }
290
192
  },
291
- "Breadcrumbs.Item": {
193
+ "Card.Footer": {
292
194
  "classes": {
293
195
  "always": [
294
- "breadcrumbs__item",
295
- "breadcrumbs__link",
296
- "breadcrumbs__separator"
196
+ "card__footer"
297
197
  ],
298
198
  "byProp": {}
299
199
  }
300
200
  },
301
- "Flex": {
201
+ "Select": {
302
202
  "classes": {
303
203
  "always": [
304
- "flex-layout"
204
+ "ui-select"
305
205
  ],
306
206
  "byProp": {
307
- "direction": {
308
- "row": [
309
- "flex-row"
310
- ],
311
- "col": [
312
- "flex-col"
313
- ],
314
- "row-reverse": [
315
- "flex-row-reverse"
207
+ "fullWidth": [
208
+ "ui-select--full-width"
209
+ ],
210
+ "variant": {
211
+ "primary": [
212
+ "ui-select--primary"
316
213
  ],
317
- "col-reverse": [
318
- "flex-col-reverse"
214
+ "secondary": [
215
+ "ui-select--secondary"
319
216
  ]
320
217
  },
321
- "justify": {
322
- "start": [
323
- "justify-start"
218
+ "slot": {
219
+ "trigger": [
220
+ "ui-select__trigger"
324
221
  ],
325
- "center": [
326
- "justify-center"
222
+ "triggerFullWidth": [
223
+ "ui-select__trigger--full-width"
327
224
  ],
328
- "end": [
329
- "justify-end"
225
+ "value": [
226
+ "ui-select__value"
330
227
  ],
331
- "between": [
332
- "justify-between"
228
+ "indicator": [
229
+ "ui-select__indicator"
333
230
  ],
334
- "around": [
335
- "justify-around"
231
+ "icon": [
232
+ "ui-select__icon"
336
233
  ],
337
- "evenly": [
338
- "justify-evenly"
339
- ]
340
- },
341
- "align": {
342
- "start": [
343
- "items-start"
234
+ "iconStart": [
235
+ "ui-select__icon--start"
344
236
  ],
345
- "center": [
346
- "items-center"
237
+ "iconEnd": [
238
+ "ui-select__icon--end"
347
239
  ],
348
- "end": [
349
- "items-end"
240
+ "popover": [
241
+ "ui-select__popover"
350
242
  ],
351
- "stretch": [
352
- "items-stretch"
243
+ "listbox": [
244
+ "ui-select__listbox"
353
245
  ],
354
- "baseline": [
355
- "items-baseline"
356
- ]
357
- },
358
- "wrap": {
359
- "wrap": [
360
- "flex-wrap"
246
+ "option": [
247
+ "ui-select__option"
361
248
  ],
362
- "nowrap": [
363
- "flex-nowrap"
249
+ "optionLabel": [
250
+ "ui-select__option-label"
364
251
  ],
365
- "wrap-reverse": [
366
- "flex-wrap-reverse"
252
+ "optionIndicator": [
253
+ "ui-select__option-indicator"
367
254
  ]
368
- },
369
- "gap": {
370
- "none": [
371
- "gap-0"
372
- ],
373
- "sm": [
374
- "gap-2"
375
- ],
376
- "md": [
377
- "gap-4"
255
+ }
256
+ }
257
+ }
258
+ },
259
+ "ColorWheelFlower": {
260
+ "classes": {
261
+ "always": [
262
+ "color-wheel-flower"
263
+ ],
264
+ "byProp": {
265
+ "disabled": [
266
+ "color-wheel-flower--disabled"
267
+ ],
268
+ "ringShell": {
269
+ "base": [
270
+ "color-wheel-flower__ring-shell"
378
271
  ],
379
- "lg": [
380
- "gap-6"
272
+ "outer": [
273
+ "color-wheel-flower__ring-shell--outer"
381
274
  ],
382
- "xl": [
383
- "gap-8"
275
+ "inner": [
276
+ "color-wheel-flower__ring-shell--inner"
384
277
  ]
385
278
  },
386
- "gapX": {
387
- "none": [
388
- "gap-x-0"
389
- ],
390
- "sm": [
391
- "gap-x-2"
392
- ],
393
- "md": [
394
- "gap-x-4"
279
+ "ring": {
280
+ "base": [
281
+ "color-wheel-flower__ring"
395
282
  ],
396
- "lg": [
397
- "gap-x-6"
283
+ "outer": [
284
+ "color-wheel-flower__ring--outer"
398
285
  ],
399
- "xl": [
400
- "gap-x-8"
286
+ "inner": [
287
+ "color-wheel-flower__ring--inner"
401
288
  ]
402
289
  },
403
- "gapY": {
404
- "none": [
405
- "gap-y-0"
406
- ],
407
- "sm": [
408
- "gap-y-2"
409
- ],
410
- "md": [
411
- "gap-y-4"
412
- ],
413
- "lg": [
414
- "gap-y-6"
290
+ "dot": {
291
+ "base": [
292
+ "color-wheel-flower__dot"
415
293
  ],
416
- "xl": [
417
- "gap-y-8"
418
- ]
419
- },
420
- "grow": {
421
- "true": [
422
- "flex-grow"
294
+ "frame": [
295
+ "color-wheel-flower__dot-frame"
423
296
  ],
424
- "false": [
425
- "flex-grow-0"
297
+ "motion": [
298
+ "color-wheel-flower__dot-motion"
426
299
  ]
427
300
  },
428
- "shrink": {
429
- "true": [
430
- "flex-shrink"
301
+ "swatch": {
302
+ "base": [
303
+ "color-wheel-flower__swatch"
431
304
  ],
432
- "false": [
433
- "flex-shrink-0"
305
+ "center": [
306
+ "color-wheel-flower__swatch--center"
434
307
  ]
435
308
  },
436
- "basis": {
437
- "none": [
438
- "basis-0"
439
- ],
440
- "sm": [
441
- "basis-8"
442
- ],
443
- "md": [
444
- "basis-16"
309
+ "highlight": {
310
+ "base": [
311
+ "color-wheel-flower__highlight"
445
312
  ],
446
- "lg": [
447
- "basis-24"
313
+ "hovered": [
314
+ "color-wheel-flower__highlight--hovered"
448
315
  ],
449
- "xl": [
450
- "basis-32"
316
+ "pulsing": [
317
+ "color-wheel-flower__highlight--pulsing"
451
318
  ]
452
319
  }
453
320
  }
454
321
  }
455
322
  },
456
- "SearchField.Root": {
323
+ "NoiseBackground": {
457
324
  "classes": {
458
325
  "always": [
459
- "search-field"
326
+ "noise-background"
460
327
  ],
461
328
  "byProp": {
462
- "variant": {
463
- "primary": [
464
- "search-field--primary"
329
+ "backdropBlur": [
330
+ "noise-background--backdrop-blur"
331
+ ],
332
+ "slot": {
333
+ "layer0": [
334
+ "noise-background__layer",
335
+ "noise-background__layer--0"
465
336
  ],
466
- "secondary": [
467
- "search-field--secondary"
337
+ "layer1": [
338
+ "noise-background__layer",
339
+ "noise-background__layer--1"
340
+ ],
341
+ "layer2": [
342
+ "noise-background__layer",
343
+ "noise-background__layer--2"
344
+ ],
345
+ "strip": [
346
+ "noise-background__strip"
347
+ ],
348
+ "noiseWrap": [
349
+ "noise-background__noise-wrap"
350
+ ],
351
+ "noiseImage": [
352
+ "noise-background__noise-image"
353
+ ],
354
+ "content": [
355
+ "noise-background__content"
468
356
  ]
469
- },
470
- "fullWidth": [
471
- "search-field--full-width"
472
- ]
473
- }
474
- }
475
- },
476
- "SearchField.Group": {
477
- "classes": {
478
- "always": [
479
- "search-field__group"
480
- ],
481
- "byProp": {
482
- "fullWidth": [
483
- "search-field__group--full-width"
484
- ]
485
- }
486
- }
487
- },
488
- "SearchField.Input": {
489
- "classes": {
490
- "always": [
491
- "search-field__input"
492
- ],
493
- "byProp": {}
494
- }
495
- },
496
- "SearchField.SearchIcon": {
497
- "classes": {
498
- "always": [
499
- "search-field__search-icon"
500
- ],
501
- "byProp": {}
502
- }
503
- },
504
- "SearchField.ClearButton": {
505
- "classes": {
506
- "always": [
507
- "search-field__clear-button"
508
- ],
509
- "byProp": {}
510
- }
511
- },
512
- "Modal.Root": {
513
- "classes": {
514
- "always": [
515
- "modal"
516
- ],
517
- "byProp": {
518
- "open": [
519
- "modal--open"
520
- ]
357
+ }
521
358
  }
522
359
  }
523
360
  },
524
- "Modal.Trigger": {
525
- "classes": {
526
- "always": [
527
- "modal__trigger"
528
- ],
529
- "byProp": {}
530
- }
531
- },
532
- "Modal.Backdrop": {
361
+ "Skeleton": {
533
362
  "classes": {
534
363
  "always": [
535
- "modal__backdrop"
364
+ "skeleton"
536
365
  ],
537
366
  "byProp": {
538
- "variant": {
539
- "transparent": [
540
- "modal__backdrop--transparent"
541
- ],
542
- "opaque": [
543
- "modal__backdrop--opaque"
367
+ "animation": {
368
+ "shimmer": [
369
+ "skeleton--shimmer"
544
370
  ],
545
- "blur": [
546
- "modal__backdrop--blur"
547
- ]
548
- },
549
- "state": {
550
- "entering": [
551
- "modal__backdrop--entering"
371
+ "pulse": [
372
+ "skeleton--pulse"
552
373
  ],
553
- "exiting": [
554
- "modal__backdrop--exiting"
374
+ "none": [
375
+ "skeleton--none"
555
376
  ]
556
377
  }
557
378
  }
558
379
  }
559
380
  },
560
- "Modal.Container": {
381
+ "Chip": {
561
382
  "classes": {
562
383
  "always": [
563
- "modal__container"
384
+ "chip"
564
385
  ],
565
386
  "byProp": {
566
- "placement": {
567
- "auto": [
568
- "modal__container--auto"
387
+ "slot": {
388
+ "icon": [
389
+ "chip__icon"
569
390
  ],
570
- "top": [
571
- "modal__container--top"
391
+ "iconStart": [
392
+ "chip__icon--start"
572
393
  ],
573
- "center": [
574
- "modal__container--center"
394
+ "iconEnd": [
395
+ "chip__icon--end"
575
396
  ],
576
- "bottom": [
577
- "modal__container--bottom"
397
+ "label": [
398
+ "chip__label"
399
+ ],
400
+ "remove": [
401
+ "chip__remove"
402
+ ],
403
+ "removeIcon": [
404
+ "chip__remove-icon"
578
405
  ]
579
406
  },
580
- "scroll": {
581
- "inside": [
582
- "modal__container--scroll-inside"
407
+ "variant": {
408
+ "solid": [
409
+ "chip--solid"
583
410
  ],
584
- "outside": [
585
- "modal__container--scroll-outside"
411
+ "flat": [
412
+ "chip--flat"
413
+ ],
414
+ "bordered": [
415
+ "chip--bordered"
586
416
  ]
587
417
  },
588
- "size": {
589
- "cover": [
590
- "modal__container--size-cover"
418
+ "color": {
419
+ "default": [
420
+ "chip--default"
591
421
  ],
592
- "full": [
593
- "modal__container--size-full"
422
+ "primary": [
423
+ "chip--primary"
424
+ ],
425
+ "accent": [
426
+ "chip--accent"
427
+ ],
428
+ "success": [
429
+ "chip--success"
430
+ ],
431
+ "warning": [
432
+ "chip--warning"
433
+ ],
434
+ "danger": [
435
+ "chip--danger"
594
436
  ]
595
437
  },
596
- "state": {
597
- "entering": [
598
- "modal__container--entering"
438
+ "size": {
439
+ "sm": [
440
+ "chip--sm"
599
441
  ],
600
- "exiting": [
601
- "modal__container--exiting"
442
+ "md": [
443
+ "chip--md"
444
+ ],
445
+ "lg": [
446
+ "chip--lg"
602
447
  ]
603
448
  }
604
449
  }
605
450
  }
606
451
  },
607
- "Modal.Content": {
452
+ "ColorSwatch": {
608
453
  "classes": {
609
454
  "always": [
610
- "modal__content"
455
+ "color-swatch"
611
456
  ],
612
457
  "byProp": {
613
- "scroll": {
614
- "inside": [
615
- "modal__content--scroll-inside"
458
+ "shape": {
459
+ "circle": [
460
+ "color-swatch--circle"
616
461
  ],
617
- "outside": [
618
- "modal__content--scroll-outside"
462
+ "square": [
463
+ "color-swatch--square"
619
464
  ]
620
465
  },
621
466
  "size": {
622
467
  "xs": [
623
- "modal__content--xs"
468
+ "color-swatch--xs"
624
469
  ],
625
470
  "sm": [
626
- "modal__content--sm"
471
+ "color-swatch--sm"
627
472
  ],
628
473
  "md": [
629
- "modal__content--md"
474
+ "color-swatch--md"
630
475
  ],
631
476
  "lg": [
632
- "modal__content--lg"
633
- ],
634
- "cover": [
635
- "modal__content--cover"
636
- ],
637
- "full": [
638
- "modal__content--full"
639
- ]
640
- },
641
- "state": {
642
- "entering": [
643
- "modal__content--entering"
477
+ "color-swatch--lg"
644
478
  ],
645
- "exiting": [
646
- "modal__content--exiting"
479
+ "xl": [
480
+ "color-swatch--xl"
647
481
  ]
648
482
  }
649
483
  }
650
484
  }
651
485
  },
652
- "Modal.Header": {
486
+ "ChatBubble": {
653
487
  "classes": {
654
488
  "always": [
655
- "modal__header"
489
+ "chatbubble"
656
490
  ],
657
- "byProp": {}
491
+ "byProp": {
492
+ "align": {
493
+ "start": [
494
+ "chatbubble--start"
495
+ ],
496
+ "end": [
497
+ "chatbubble--end"
498
+ ]
499
+ },
500
+ "slot": {
501
+ "header": [
502
+ "chatbubble__header"
503
+ ],
504
+ "footer": [
505
+ "chatbubble__footer"
506
+ ],
507
+ "avatar": [
508
+ "chatbubble__avatar"
509
+ ],
510
+ "message": [
511
+ "chatbubble__message"
512
+ ],
513
+ "time": [
514
+ "chatbubble__time"
515
+ ]
516
+ },
517
+ "color": {
518
+ "neutral": [
519
+ "chatbubble__message--neutral"
520
+ ],
521
+ "primary": [
522
+ "chatbubble__message--primary"
523
+ ],
524
+ "secondary": [
525
+ "chatbubble__message--secondary"
526
+ ],
527
+ "accent": [
528
+ "chatbubble__message--accent"
529
+ ],
530
+ "info": [
531
+ "chatbubble__message--info"
532
+ ],
533
+ "success": [
534
+ "chatbubble__message--success"
535
+ ],
536
+ "warning": [
537
+ "chatbubble__message--warning"
538
+ ],
539
+ "error": [
540
+ "chatbubble__message--error"
541
+ ]
542
+ }
543
+ }
658
544
  }
659
545
  },
660
- "Modal.Heading": {
546
+ "FieldError": {
661
547
  "classes": {
662
548
  "always": [
663
- "modal__heading"
549
+ "field-error"
664
550
  ],
665
551
  "byProp": {}
666
552
  }
667
553
  },
668
- "Modal.Icon": {
554
+ "Textarea": {
669
555
  "classes": {
670
- "always": [
671
- "modal__icon"
672
- ],
556
+ "always": [],
673
557
  "byProp": {}
674
558
  }
675
559
  },
676
- "Modal.Body": {
560
+ "DateRangePicker.Root": {
677
561
  "classes": {
678
562
  "always": [
679
- "modal__body"
563
+ "date-range-picker"
680
564
  ],
681
565
  "byProp": {
682
- "scroll": {
683
- "inside": [
684
- "modal__body--scroll-inside"
685
- ],
686
- "outside": [
687
- "modal__body--scroll-outside"
688
- ]
689
- }
566
+ "open": [
567
+ "date-range-picker--open"
568
+ ],
569
+ "disabled": [
570
+ "date-range-picker--disabled"
571
+ ]
690
572
  }
691
573
  }
692
574
  },
693
- "Modal.Footer": {
575
+ "DateRangePicker.Trigger": {
694
576
  "classes": {
695
577
  "always": [
696
- "modal__footer"
578
+ "date-range-picker__trigger"
697
579
  ],
698
580
  "byProp": {}
699
581
  }
700
582
  },
701
- "Modal.CloseTrigger": {
583
+ "DateRangePicker.TriggerSegment": {
702
584
  "classes": {
703
585
  "always": [
704
- "modal__close-trigger"
586
+ "date-range-picker__trigger-segment"
587
+ ],
588
+ "byProp": {
589
+ "placeholder": [
590
+ "date-range-picker__trigger-segment--placeholder"
591
+ ]
592
+ }
593
+ }
594
+ },
595
+ "DateRangePicker.RangeSeparator": {
596
+ "classes": {
597
+ "always": [
598
+ "date-range-picker__range-separator"
705
599
  ],
706
600
  "byProp": {}
707
601
  }
708
602
  },
709
- "Icon": {
603
+ "DateRangePicker.TriggerIndicator": {
710
604
  "classes": {
711
605
  "always": [
712
- "icon"
606
+ "date-range-picker__trigger-indicator"
713
607
  ],
714
608
  "byProp": {}
715
609
  }
716
610
  },
717
- "Text": {
611
+ "DateRangePicker.TriggerIcon": {
718
612
  "classes": {
719
613
  "always": [
720
- "text"
614
+ "date-range-picker__trigger-icon"
721
615
  ],
722
616
  "byProp": {}
723
617
  }
724
618
  },
725
- "TagGroup.Root": {
619
+ "DateRangePicker.Popover": {
726
620
  "classes": {
727
621
  "always": [
728
- "tag-group"
622
+ "date-range-picker__popover"
729
623
  ],
730
624
  "byProp": {}
731
625
  }
732
626
  },
733
- "TagGroup.List": {
627
+ "DateRangePicker.Calendar": {
734
628
  "classes": {
735
629
  "always": [
736
- "tag-group__list"
630
+ "date-range-picker__calendar"
737
631
  ],
738
632
  "byProp": {}
739
633
  }
740
634
  },
741
- "CheckboxGroup": {
635
+ "SearchField.Root": {
742
636
  "classes": {
743
637
  "always": [
744
- "checkbox-group"
638
+ "search-field"
745
639
  ],
746
640
  "byProp": {
747
641
  "variant": {
748
642
  "primary": [
749
- "checkbox-group--primary"
643
+ "search-field--primary"
750
644
  ],
751
645
  "secondary": [
752
- "checkbox-group--secondary"
646
+ "search-field--secondary"
753
647
  ]
754
648
  },
755
- "disabled": [
756
- "checkbox-group--disabled"
757
- ],
758
- "invalid": [
759
- "checkbox-group--invalid"
649
+ "fullWidth": [
650
+ "search-field--full-width"
760
651
  ]
761
652
  }
762
653
  }
763
654
  },
764
- "TextField": {
655
+ "SearchField.Group": {
765
656
  "classes": {
766
657
  "always": [
767
- "text-field"
658
+ "search-field__group"
768
659
  ],
769
660
  "byProp": {
770
- "variant": {
771
- "primary": [
772
- "text-field--primary"
773
- ],
774
- "secondary": [
775
- "text-field--secondary"
776
- ]
777
- },
778
661
  "fullWidth": [
779
- "text-field--full-width"
662
+ "search-field__group--full-width"
780
663
  ]
781
664
  }
782
665
  }
783
666
  },
784
- "FieldError": {
667
+ "SearchField.Input": {
785
668
  "classes": {
786
669
  "always": [
787
- "field-error"
670
+ "search-field__input"
788
671
  ],
789
672
  "byProp": {}
790
673
  }
791
674
  },
792
- "ListBox.Root": {
675
+ "SearchField.SearchIcon": {
793
676
  "classes": {
794
677
  "always": [
795
- "list-box"
678
+ "search-field__search-icon"
796
679
  ],
797
- "byProp": {
798
- "variant": {
799
- "default": [
800
- "list-box--default"
801
- ],
802
- "danger": [
803
- "list-box--danger"
804
- ]
805
- }
806
- }
680
+ "byProp": {}
807
681
  }
808
682
  },
809
- "ListBox.Item": {
683
+ "SearchField.ClearButton": {
810
684
  "classes": {
811
685
  "always": [
812
- "list-box-item"
686
+ "search-field__clear-button"
813
687
  ],
814
- "byProp": {
815
- "variant": {
816
- "default": [
817
- "list-box-item--default"
818
- ],
819
- "danger": [
820
- "list-box-item--danger"
821
- ]
822
- }
823
- }
688
+ "byProp": {}
824
689
  }
825
690
  },
826
- "ListBox.ItemIndicator": {
691
+ "Modal.Root": {
827
692
  "classes": {
828
693
  "always": [
829
- "list-box-item__indicator"
694
+ "modal"
830
695
  ],
831
- "byProp": {}
696
+ "byProp": {
697
+ "open": [
698
+ "modal--open"
699
+ ]
700
+ }
832
701
  }
833
702
  },
834
- "ListBox.Section": {
703
+ "Modal.Trigger": {
835
704
  "classes": {
836
705
  "always": [
837
- "list-box-section"
706
+ "modal__trigger"
838
707
  ],
839
708
  "byProp": {}
840
709
  }
841
710
  },
842
- "CloseButton": {
711
+ "Modal.Backdrop": {
843
712
  "classes": {
844
713
  "always": [
845
- "close-button"
714
+ "modal__backdrop"
846
715
  ],
847
716
  "byProp": {
848
717
  "variant": {
849
- "default": [
850
- "close-button--default"
718
+ "transparent": [
719
+ "modal__backdrop--transparent"
720
+ ],
721
+ "opaque": [
722
+ "modal__backdrop--opaque"
723
+ ],
724
+ "blur": [
725
+ "modal__backdrop--blur"
851
726
  ]
852
727
  },
853
- "slot": {
854
- "icon": [
855
- "close-button__icon"
856
- ],
857
- "iconStart": [
858
- "close-button__icon--start"
728
+ "state": {
729
+ "entering": [
730
+ "modal__backdrop--entering"
859
731
  ],
860
- "iconEnd": [
861
- "close-button__icon--end"
732
+ "exiting": [
733
+ "modal__backdrop--exiting"
862
734
  ]
863
735
  }
864
736
  }
865
737
  }
866
738
  },
867
- "ComboBox.Root": {
739
+ "Modal.Container": {
868
740
  "classes": {
869
741
  "always": [
870
- "combo-box"
742
+ "modal__container"
871
743
  ],
872
744
  "byProp": {
873
- "variant": {
874
- "primary": [
875
- "combo-box--primary"
745
+ "placement": {
746
+ "auto": [
747
+ "modal__container--auto"
876
748
  ],
877
- "secondary": [
878
- "combo-box--secondary"
749
+ "top": [
750
+ "modal__container--top"
751
+ ],
752
+ "center": [
753
+ "modal__container--center"
754
+ ],
755
+ "bottom": [
756
+ "modal__container--bottom"
879
757
  ]
880
758
  },
881
- "fullWidth": [
882
- "combo-box--full-width"
883
- ]
759
+ "scroll": {
760
+ "inside": [
761
+ "modal__container--scroll-inside"
762
+ ],
763
+ "outside": [
764
+ "modal__container--scroll-outside"
765
+ ]
766
+ },
767
+ "size": {
768
+ "cover": [
769
+ "modal__container--size-cover"
770
+ ],
771
+ "full": [
772
+ "modal__container--size-full"
773
+ ]
774
+ },
775
+ "state": {
776
+ "entering": [
777
+ "modal__container--entering"
778
+ ],
779
+ "exiting": [
780
+ "modal__container--exiting"
781
+ ]
782
+ }
884
783
  }
885
784
  }
886
785
  },
887
- "ComboBox.InputGroup": {
786
+ "Modal.Content": {
888
787
  "classes": {
889
788
  "always": [
890
- "combo-box__input-group"
789
+ "modal__content"
891
790
  ],
892
791
  "byProp": {
893
- "fullWidth": [
894
- "combo-box__input-group--full-width"
895
- ]
792
+ "scroll": {
793
+ "inside": [
794
+ "modal__content--scroll-inside"
795
+ ],
796
+ "outside": [
797
+ "modal__content--scroll-outside"
798
+ ]
799
+ },
800
+ "size": {
801
+ "xs": [
802
+ "modal__content--xs"
803
+ ],
804
+ "sm": [
805
+ "modal__content--sm"
806
+ ],
807
+ "md": [
808
+ "modal__content--md"
809
+ ],
810
+ "lg": [
811
+ "modal__content--lg"
812
+ ],
813
+ "cover": [
814
+ "modal__content--cover"
815
+ ],
816
+ "full": [
817
+ "modal__content--full"
818
+ ]
819
+ },
820
+ "state": {
821
+ "entering": [
822
+ "modal__content--entering"
823
+ ],
824
+ "exiting": [
825
+ "modal__content--exiting"
826
+ ]
827
+ }
896
828
  }
897
829
  }
898
830
  },
899
- "ComboBox.Input": {
831
+ "Modal.Header": {
900
832
  "classes": {
901
833
  "always": [
902
- "combo-box__input"
834
+ "modal__header"
903
835
  ],
904
836
  "byProp": {}
905
837
  }
906
838
  },
907
- "ComboBox.Trigger": {
839
+ "Modal.Heading": {
908
840
  "classes": {
909
841
  "always": [
910
- "combo-box__trigger"
842
+ "modal__heading"
911
843
  ],
912
844
  "byProp": {}
913
845
  }
914
846
  },
915
- "ComboBox.Popover": {
847
+ "Modal.Icon": {
916
848
  "classes": {
917
849
  "always": [
918
- "combo-box__popover"
850
+ "modal__icon"
919
851
  ],
920
852
  "byProp": {}
921
853
  }
922
854
  },
923
- "ComboBox.List": {
855
+ "Modal.Body": {
924
856
  "classes": {
925
857
  "always": [
926
- "combo-box__list"
858
+ "modal__body"
927
859
  ],
928
- "byProp": {}
860
+ "byProp": {
861
+ "scroll": {
862
+ "inside": [
863
+ "modal__body--scroll-inside"
864
+ ],
865
+ "outside": [
866
+ "modal__body--scroll-outside"
867
+ ]
868
+ }
869
+ }
929
870
  }
930
871
  },
931
- "ComboBox.Option": {
872
+ "Modal.Footer": {
932
873
  "classes": {
933
874
  "always": [
934
- "combo-box__option"
875
+ "modal__footer"
935
876
  ],
936
877
  "byProp": {}
937
878
  }
938
879
  },
939
- "ComboBox.Icon": {
880
+ "Modal.CloseTrigger": {
940
881
  "classes": {
941
882
  "always": [
942
- "combo-box__icon"
883
+ "modal__close-trigger"
943
884
  ],
944
885
  "byProp": {}
945
886
  }
@@ -976,282 +917,359 @@
976
917
  "byProp": {}
977
918
  }
978
919
  },
979
- "Menu.Root": {
920
+ "TextField": {
980
921
  "classes": {
981
922
  "always": [
982
- "menu"
923
+ "text-field"
983
924
  ],
984
- "byProp": {}
925
+ "byProp": {
926
+ "variant": {
927
+ "primary": [
928
+ "text-field--primary"
929
+ ],
930
+ "secondary": [
931
+ "text-field--secondary"
932
+ ]
933
+ },
934
+ "fullWidth": [
935
+ "text-field--full-width"
936
+ ]
937
+ }
985
938
  }
986
939
  },
987
- "Menu.Item": {
940
+ "Dropdown": {
988
941
  "classes": {
989
942
  "always": [
990
- "menu-item"
943
+ "dropdown"
991
944
  ],
992
945
  "byProp": {
993
- "variant": {
994
- "default": [
995
- "menu-item--default"
946
+ "slot": {
947
+ "trigger": [
948
+ "dropdown__trigger"
996
949
  ],
997
- "danger": [
998
- "menu-item--danger"
950
+ "popover": [
951
+ "dropdown__popover"
952
+ ],
953
+ "menu": [
954
+ "dropdown__menu"
955
+ ],
956
+ "item": [
957
+ "dropdown__item"
958
+ ],
959
+ "group": [
960
+ "dropdown__group"
961
+ ],
962
+ "separator": [
963
+ "dropdown__separator"
999
964
  ]
1000
965
  }
1001
966
  }
1002
967
  }
1003
968
  },
1004
- "Menu.ItemIndicator": {
969
+ "TagGroup.Root": {
1005
970
  "classes": {
1006
971
  "always": [
1007
- "menu-item__indicator"
972
+ "tag-group"
1008
973
  ],
1009
974
  "byProp": {}
1010
975
  }
1011
976
  },
1012
- "Menu.Section": {
977
+ "TagGroup.List": {
1013
978
  "classes": {
1014
979
  "always": [
1015
- "menu-section"
980
+ "tag-group__list"
1016
981
  ],
1017
982
  "byProp": {}
1018
983
  }
1019
984
  },
1020
- "DatePicker.Root": {
985
+ "ComboBox.Root": {
1021
986
  "classes": {
1022
987
  "always": [
1023
- "date-picker"
988
+ "combo-box"
1024
989
  ],
1025
990
  "byProp": {
1026
- "open": [
1027
- "date-picker--open"
1028
- ],
1029
- "disabled": [
1030
- "date-picker--disabled"
991
+ "variant": {
992
+ "primary": [
993
+ "combo-box--primary"
994
+ ],
995
+ "secondary": [
996
+ "combo-box--secondary"
997
+ ]
998
+ },
999
+ "fullWidth": [
1000
+ "combo-box--full-width"
1031
1001
  ]
1032
1002
  }
1033
1003
  }
1034
1004
  },
1035
- "DatePicker.Trigger": {
1005
+ "ComboBox.InputGroup": {
1036
1006
  "classes": {
1037
1007
  "always": [
1038
- "date-picker__trigger"
1008
+ "combo-box__input-group"
1039
1009
  ],
1040
- "byProp": {}
1010
+ "byProp": {
1011
+ "fullWidth": [
1012
+ "combo-box__input-group--full-width"
1013
+ ]
1014
+ }
1041
1015
  }
1042
1016
  },
1043
- "DatePicker.TriggerValue": {
1017
+ "ComboBox.Input": {
1044
1018
  "classes": {
1045
1019
  "always": [
1046
- "date-picker__trigger-value"
1020
+ "combo-box__input"
1047
1021
  ],
1048
- "byProp": {
1049
- "placeholder": [
1050
- "date-picker__trigger-value--placeholder"
1051
- ]
1052
- }
1022
+ "byProp": {}
1053
1023
  }
1054
1024
  },
1055
- "DatePicker.TriggerIndicator": {
1025
+ "ComboBox.Trigger": {
1056
1026
  "classes": {
1057
1027
  "always": [
1058
- "date-picker__trigger-indicator"
1028
+ "combo-box__trigger"
1059
1029
  ],
1060
1030
  "byProp": {}
1061
1031
  }
1062
1032
  },
1063
- "DatePicker.TriggerIcon": {
1033
+ "ComboBox.Popover": {
1064
1034
  "classes": {
1065
1035
  "always": [
1066
- "date-picker__trigger-icon"
1036
+ "combo-box__popover"
1067
1037
  ],
1068
1038
  "byProp": {}
1069
1039
  }
1070
1040
  },
1071
- "DatePicker.Popover": {
1041
+ "ComboBox.List": {
1072
1042
  "classes": {
1073
1043
  "always": [
1074
- "date-picker__popover"
1044
+ "combo-box__list"
1075
1045
  ],
1076
1046
  "byProp": {}
1077
1047
  }
1078
1048
  },
1079
- "DatePicker.Calendar": {
1049
+ "ComboBox.Option": {
1080
1050
  "classes": {
1081
1051
  "always": [
1082
- "date-picker__calendar"
1052
+ "combo-box__option"
1083
1053
  ],
1084
1054
  "byProp": {}
1085
1055
  }
1086
1056
  },
1087
- "Description": {
1057
+ "ComboBox.Icon": {
1088
1058
  "classes": {
1089
1059
  "always": [
1090
- "description"
1060
+ "combo-box__icon"
1091
1061
  ],
1092
1062
  "byProp": {}
1093
1063
  }
1094
1064
  },
1095
- "Link": {
1065
+ "TextArea": {
1096
1066
  "classes": {
1097
1067
  "always": [
1098
- "link"
1068
+ "textarea"
1099
1069
  ],
1100
1070
  "byProp": {
1101
1071
  "variant": {
1102
- "default": [
1103
- "link--default"
1104
- ]
1105
- },
1106
- "underline": {
1107
- "always": [
1108
- "link--underline-always"
1109
- ],
1110
- "hover": [
1111
- "link--underline-hover"
1072
+ "primary": [
1073
+ "textarea--primary"
1112
1074
  ],
1113
- "none": [
1114
- "link--underline-none"
1075
+ "secondary": [
1076
+ "textarea--secondary"
1115
1077
  ]
1116
1078
  },
1117
- "external": [
1118
- "link--external"
1119
- ],
1120
- "disabled": [
1121
- "link--disabled"
1122
- ],
1123
- "slot": {
1124
- "icon": [
1125
- "link__icon"
1126
- ],
1127
- "iconDefault": [
1128
- "link__icon-default"
1129
- ]
1130
- }
1079
+ "fullWidth": [
1080
+ "textarea--full-width"
1081
+ ]
1131
1082
  }
1132
1083
  }
1133
1084
  },
1134
- "Button": {
1085
+ "SizePicker": {
1135
1086
  "classes": {
1136
1087
  "always": [
1137
- "button"
1088
+ "inline-flex",
1089
+ "gap-1"
1090
+ ],
1091
+ "byProp": {}
1092
+ }
1093
+ },
1094
+ "Tag.Root": {
1095
+ "classes": {
1096
+ "always": [
1097
+ "tag"
1138
1098
  ],
1139
1099
  "byProp": {
1140
- "variant": {
1141
- "primary": [
1142
- "button--primary"
1143
- ],
1144
- "secondary": [
1145
- "button--secondary"
1146
- ],
1147
- "tertiary": [
1148
- "button--tertiary"
1149
- ],
1150
- "outline": [
1151
- "button--outline"
1152
- ],
1153
- "ghost": [
1154
- "button--ghost"
1155
- ],
1156
- "danger": [
1157
- "button--danger"
1158
- ],
1159
- "danger-soft": [
1160
- "button--danger-soft"
1161
- ]
1162
- },
1163
1100
  "size": {
1164
1101
  "sm": [
1165
- "button--sm"
1102
+ "tag--sm"
1166
1103
  ],
1167
1104
  "md": [
1168
- "button--md"
1105
+ "tag--md"
1169
1106
  ],
1170
1107
  "lg": [
1171
- "button--lg"
1108
+ "tag--lg"
1172
1109
  ]
1173
1110
  },
1174
- "isIconOnly": [
1175
- "button--icon-only"
1176
- ],
1177
- "fullWidth": [
1178
- "button--full-width"
1179
- ],
1180
- "slot": {
1181
- "spinner": [
1182
- "button__spinner"
1183
- ],
1184
- "icon": [
1185
- "button__icon"
1186
- ],
1187
- "iconStart": [
1188
- "button__icon--start"
1111
+ "variant": {
1112
+ "default": [
1113
+ "tag--default"
1189
1114
  ],
1190
- "iconEnd": [
1191
- "button__icon--end"
1115
+ "surface": [
1116
+ "tag--surface"
1192
1117
  ]
1193
1118
  }
1194
1119
  }
1195
1120
  }
1196
1121
  },
1197
- "ErrorMessage": {
1122
+ "Tag.slot": {
1198
1123
  "classes": {
1199
- "always": [
1200
- "error-message"
1201
- ],
1124
+ "always": [],
1202
1125
  "byProp": {}
1203
1126
  }
1204
1127
  },
1205
- "InputGroup.Root": {
1128
+ "NumberField.Root": {
1206
1129
  "classes": {
1207
1130
  "always": [
1208
- "input-group"
1131
+ "number-field"
1209
1132
  ],
1210
1133
  "byProp": {
1211
1134
  "variant": {
1212
1135
  "primary": [
1213
- "input-group--primary"
1136
+ "number-field--primary"
1214
1137
  ],
1215
1138
  "secondary": [
1216
- "input-group--secondary"
1139
+ "number-field--secondary"
1217
1140
  ]
1218
1141
  },
1219
1142
  "fullWidth": [
1220
- "input-group--full-width"
1143
+ "number-field--full-width"
1221
1144
  ]
1222
1145
  }
1223
1146
  }
1224
1147
  },
1225
- "InputGroup.Input": {
1148
+ "NumberField.Group": {
1226
1149
  "classes": {
1227
1150
  "always": [
1228
- "input-group__input"
1151
+ "number-field__group"
1229
1152
  ],
1230
- "byProp": {}
1153
+ "byProp": {
1154
+ "fullWidth": [
1155
+ "number-field__group--full-width"
1156
+ ]
1157
+ }
1231
1158
  }
1232
1159
  },
1233
- "InputGroup.Prefix": {
1160
+ "NumberField.Input": {
1234
1161
  "classes": {
1235
1162
  "always": [
1236
- "input-group__prefix"
1163
+ "number-field__input"
1237
1164
  ],
1238
1165
  "byProp": {}
1239
1166
  }
1240
1167
  },
1241
- "InputGroup.Suffix": {
1168
+ "NumberField.IncrementButton": {
1242
1169
  "classes": {
1243
1170
  "always": [
1244
- "input-group__suffix"
1171
+ "number-field__increment-button"
1245
1172
  ],
1246
1173
  "byProp": {}
1247
1174
  }
1248
1175
  },
1249
- "TimeField.Root": {
1176
+ "NumberField.DecrementButton": {
1250
1177
  "classes": {
1251
1178
  "always": [
1252
- "time-field"
1179
+ "number-field__decrement-button"
1253
1180
  ],
1254
- "byProp": {
1181
+ "byProp": {}
1182
+ }
1183
+ },
1184
+ "Toggle": {
1185
+ "classes": {
1186
+ "always": [
1187
+ "toggle"
1188
+ ],
1189
+ "byProp": {
1190
+ "slot": {
1191
+ "input": [
1192
+ "toggle__input"
1193
+ ],
1194
+ "control": [
1195
+ "toggle__control"
1196
+ ],
1197
+ "thumb": [
1198
+ "toggle__thumb"
1199
+ ],
1200
+ "icon": [
1201
+ "toggle__icon"
1202
+ ],
1203
+ "content": [
1204
+ "toggle__content"
1205
+ ],
1206
+ "description": [
1207
+ "toggle__description"
1208
+ ]
1209
+ },
1210
+ "color": {
1211
+ "default": [
1212
+ "toggle--default"
1213
+ ],
1214
+ "accent": [
1215
+ "toggle--accent"
1216
+ ],
1217
+ "success": [
1218
+ "toggle--success"
1219
+ ],
1220
+ "warning": [
1221
+ "toggle--warning"
1222
+ ],
1223
+ "danger": [
1224
+ "toggle--danger"
1225
+ ]
1226
+ },
1227
+ "size": {
1228
+ "sm": [
1229
+ "toggle--sm"
1230
+ ],
1231
+ "md": [
1232
+ "toggle--md"
1233
+ ],
1234
+ "lg": [
1235
+ "toggle--lg"
1236
+ ]
1237
+ },
1238
+ "disabled": [
1239
+ "toggle--disabled"
1240
+ ]
1241
+ }
1242
+ }
1243
+ },
1244
+ "ColorSlider": {
1245
+ "classes": {
1246
+ "always": [
1247
+ "color-slider"
1248
+ ],
1249
+ "byProp": {
1250
+ "slot": {
1251
+ "track": [
1252
+ "color-slider__track"
1253
+ ],
1254
+ "thumb": [
1255
+ "color-slider__thumb"
1256
+ ]
1257
+ },
1258
+ "alpha": [
1259
+ "color-slider--alpha"
1260
+ ],
1261
+ "dragging": [
1262
+ "color-slider--dragging"
1263
+ ]
1264
+ }
1265
+ }
1266
+ },
1267
+ "TimeField.Root": {
1268
+ "classes": {
1269
+ "always": [
1270
+ "time-field"
1271
+ ],
1272
+ "byProp": {
1255
1273
  "variant": {
1256
1274
  "primary": [
1257
1275
  "time-field--primary"
@@ -1326,790 +1344,1747 @@
1326
1344
  "byProp": {}
1327
1345
  }
1328
1346
  },
1329
- "ColorWheelFlower": {
1330
- "classes": {
1331
- "always": [
1332
- "color-wheel-flower"
1333
- ],
1334
- "byProp": {
1335
- "disabled": [
1336
- "color-wheel-flower--disabled"
1337
- ],
1338
- "ringShell": {
1339
- "base": [
1340
- "color-wheel-flower__ring-shell"
1341
- ],
1342
- "outer": [
1343
- "color-wheel-flower__ring-shell--outer"
1344
- ],
1345
- "inner": [
1346
- "color-wheel-flower__ring-shell--inner"
1347
- ]
1348
- },
1349
- "ring": {
1350
- "base": [
1351
- "color-wheel-flower__ring"
1352
- ],
1353
- "outer": [
1354
- "color-wheel-flower__ring--outer"
1355
- ],
1356
- "inner": [
1357
- "color-wheel-flower__ring--inner"
1358
- ]
1359
- },
1360
- "dot": {
1361
- "base": [
1362
- "color-wheel-flower__dot"
1363
- ],
1364
- "frame": [
1365
- "color-wheel-flower__dot-frame"
1366
- ],
1367
- "motion": [
1368
- "color-wheel-flower__dot-motion"
1369
- ]
1370
- },
1371
- "swatch": {
1372
- "base": [
1373
- "color-wheel-flower__swatch"
1374
- ],
1375
- "center": [
1376
- "color-wheel-flower__swatch--center"
1377
- ]
1378
- },
1379
- "highlight": {
1380
- "base": [
1381
- "color-wheel-flower__highlight"
1382
- ],
1383
- "hovered": [
1384
- "color-wheel-flower__highlight--hovered"
1385
- ],
1386
- "pulsing": [
1387
- "color-wheel-flower__highlight--pulsing"
1388
- ]
1389
- }
1390
- }
1391
- }
1392
- },
1393
- "Surface": {
1394
- "classes": {
1395
- "always": [
1396
- "surface"
1397
- ],
1398
- "byProp": {
1399
- "variant": {
1400
- "default": [
1401
- "surface--default"
1402
- ],
1403
- "secondary": [
1404
- "surface--secondary"
1405
- ],
1406
- "tertiary": [
1407
- "surface--tertiary"
1408
- ],
1409
- "transparent": [
1410
- "surface--transparent"
1411
- ]
1412
- }
1413
- }
1414
- }
1415
- },
1416
- "GlassPanel": {
1347
+ "ProgressCircle": {
1417
1348
  "classes": {
1418
1349
  "always": [
1419
- "glass-panel"
1350
+ "progress-circle"
1420
1351
  ],
1421
1352
  "byProp": {
1422
- "blur": {
1423
- "none": [
1424
- "glass-panel--blur-none"
1425
- ],
1426
- "sm": [
1427
- "glass-panel--blur-sm"
1428
- ],
1429
- "md": [
1430
- "glass-panel--blur-md"
1431
- ],
1432
- "lg": [
1433
- "glass-panel--blur-lg"
1434
- ],
1435
- "xl": [
1436
- "glass-panel--blur-xl"
1437
- ],
1438
- "2xl": [
1439
- "glass-panel--blur-2xl"
1440
- ]
1441
- },
1442
1353
  "size": {
1443
- "xs": [
1444
- "glass-panel__content--xs"
1445
- ],
1446
1354
  "sm": [
1447
- "glass-panel__content--sm"
1355
+ "progress-circle--sm"
1448
1356
  ],
1449
1357
  "md": [
1450
- "glass-panel__content--md"
1358
+ "progress-circle--md"
1451
1359
  ],
1452
1360
  "lg": [
1453
- "glass-panel__content--lg"
1454
- ],
1455
- "xl": [
1456
- "glass-panel__content--xl"
1361
+ "progress-circle--lg"
1457
1362
  ]
1458
1363
  },
1459
- "accent": {
1460
- "primary": [
1461
- "glass-panel--accent-primary"
1462
- ],
1463
- "secondary": [
1464
- "glass-panel--accent-secondary"
1364
+ "color": {
1365
+ "default": [
1366
+ "progress-circle--default"
1465
1367
  ],
1466
1368
  "accent": [
1467
- "glass-panel--accent-accent"
1468
- ],
1469
- "info": [
1470
- "glass-panel--accent-info"
1369
+ "progress-circle--accent"
1471
1370
  ],
1472
1371
  "success": [
1473
- "glass-panel--accent-success"
1372
+ "progress-circle--success"
1474
1373
  ],
1475
1374
  "warning": [
1476
- "glass-panel--accent-warning"
1477
- ],
1478
- "error": [
1479
- "glass-panel--accent-error"
1375
+ "progress-circle--warning"
1480
1376
  ],
1481
- "neutral": [
1482
- "glass-panel--accent-neutral"
1483
- ],
1484
- "ghost": [
1485
- "glass-panel--accent-ghost"
1377
+ "danger": [
1378
+ "progress-circle--danger"
1486
1379
  ]
1487
1380
  },
1488
- "transparent": [
1489
- "glass-panel--transparent"
1490
- ],
1491
- "glow": [
1492
- "glass-panel--glow"
1493
- ],
1494
- "contentCollapsed": [
1495
- "glass-panel__content--collapsed"
1496
- ],
1497
- "contentCollapsible": [
1498
- "glass-panel__content--collapsible"
1499
- ],
1500
- "contentInnerHidden": [
1501
- "glass-panel__content-inner--hidden"
1502
- ],
1503
- "chevronOpen": [
1504
- "glass-panel__chevron--open"
1505
- ],
1506
- "slot": {
1507
- "headerButton": [
1508
- "glass-panel__header-button"
1509
- ],
1510
- "headerLabel": [
1511
- "glass-panel__header-label"
1512
- ],
1513
- "chevron": [
1514
- "glass-panel__chevron"
1515
- ],
1516
- "content": [
1517
- "glass-panel__content"
1381
+ "state": {
1382
+ "indeterminate": [
1383
+ "progress-circle--indeterminate"
1518
1384
  ],
1519
- "contentInner": [
1520
- "glass-panel__content-inner"
1385
+ "disabled": [
1386
+ "progress-circle--disabled"
1521
1387
  ]
1522
1388
  }
1523
1389
  }
1524
1390
  }
1525
1391
  },
1526
- "Slider": {
1392
+ "InputOTP.Root": {
1527
1393
  "classes": {
1528
1394
  "always": [
1529
- "slider"
1395
+ "input-otp"
1530
1396
  ],
1531
1397
  "byProp": {
1532
- "size": {
1533
- "sm": [
1534
- "slider--sm"
1535
- ],
1536
- "md": [
1537
- "slider--md"
1398
+ "variant": {
1399
+ "primary": [
1400
+ "input-otp--primary"
1538
1401
  ],
1539
- "lg": [
1540
- "slider--lg"
1402
+ "secondary": [
1403
+ "input-otp--secondary"
1541
1404
  ]
1542
1405
  }
1543
1406
  }
1544
1407
  }
1545
1408
  },
1546
- "Label": {
1409
+ "InputOTP.Input": {
1547
1410
  "classes": {
1548
1411
  "always": [
1549
- "label"
1412
+ "input-otp__input"
1413
+ ],
1414
+ "byProp": {}
1415
+ }
1416
+ },
1417
+ "InputOTP.Group": {
1418
+ "classes": {
1419
+ "always": [
1420
+ "input-otp__group"
1421
+ ],
1422
+ "byProp": {}
1423
+ }
1424
+ },
1425
+ "InputOTP.Slot": {
1426
+ "classes": {
1427
+ "always": [
1428
+ "input-otp__slot"
1429
+ ],
1430
+ "byProp": {}
1431
+ }
1432
+ },
1433
+ "InputOTP.Separator": {
1434
+ "classes": {
1435
+ "always": [
1436
+ "input-otp__separator"
1437
+ ],
1438
+ "byProp": {}
1439
+ }
1440
+ },
1441
+ "DatePicker.Root": {
1442
+ "classes": {
1443
+ "always": [
1444
+ "date-picker"
1550
1445
  ],
1551
1446
  "byProp": {
1552
- "required": [
1553
- "label--required"
1447
+ "open": [
1448
+ "date-picker--open"
1554
1449
  ],
1555
1450
  "disabled": [
1556
- "label--disabled"
1557
- ],
1558
- "invalid": [
1559
- "label--invalid"
1451
+ "date-picker--disabled"
1560
1452
  ]
1561
1453
  }
1562
1454
  }
1563
1455
  },
1564
- "TextArea": {
1456
+ "DatePicker.Trigger": {
1565
1457
  "classes": {
1566
1458
  "always": [
1567
- "textarea"
1459
+ "date-picker__trigger"
1460
+ ],
1461
+ "byProp": {}
1462
+ }
1463
+ },
1464
+ "DatePicker.TriggerValue": {
1465
+ "classes": {
1466
+ "always": [
1467
+ "date-picker__trigger-value"
1468
+ ],
1469
+ "byProp": {
1470
+ "placeholder": [
1471
+ "date-picker__trigger-value--placeholder"
1472
+ ]
1473
+ }
1474
+ }
1475
+ },
1476
+ "DatePicker.TriggerIndicator": {
1477
+ "classes": {
1478
+ "always": [
1479
+ "date-picker__trigger-indicator"
1480
+ ],
1481
+ "byProp": {}
1482
+ }
1483
+ },
1484
+ "DatePicker.TriggerIcon": {
1485
+ "classes": {
1486
+ "always": [
1487
+ "date-picker__trigger-icon"
1488
+ ],
1489
+ "byProp": {}
1490
+ }
1491
+ },
1492
+ "DatePicker.Popover": {
1493
+ "classes": {
1494
+ "always": [
1495
+ "date-picker__popover"
1496
+ ],
1497
+ "byProp": {}
1498
+ }
1499
+ },
1500
+ "DatePicker.Calendar": {
1501
+ "classes": {
1502
+ "always": [
1503
+ "date-picker__calendar"
1504
+ ],
1505
+ "byProp": {}
1506
+ }
1507
+ },
1508
+ "Separator": {
1509
+ "classes": {
1510
+ "always": [
1511
+ "separator"
1568
1512
  ],
1569
1513
  "byProp": {
1514
+ "orientation": {
1515
+ "horizontal": [
1516
+ "separator--horizontal"
1517
+ ],
1518
+ "vertical": [
1519
+ "separator--vertical"
1520
+ ]
1521
+ },
1570
1522
  "variant": {
1571
- "primary": [
1572
- "textarea--primary"
1523
+ "default": [
1524
+ "separator--default"
1573
1525
  ],
1574
1526
  "secondary": [
1575
- "textarea--secondary"
1527
+ "separator--secondary"
1528
+ ],
1529
+ "tertiary": [
1530
+ "separator--tertiary"
1531
+ ]
1532
+ }
1533
+ }
1534
+ }
1535
+ },
1536
+ "Drawer.slot": {
1537
+ "classes": {
1538
+ "always": [],
1539
+ "byProp": {}
1540
+ }
1541
+ },
1542
+ "Drawer.backdrop": {
1543
+ "classes": {
1544
+ "always": [],
1545
+ "byProp": {}
1546
+ }
1547
+ },
1548
+ "Drawer.placement": {
1549
+ "classes": {
1550
+ "always": [],
1551
+ "byProp": {}
1552
+ }
1553
+ },
1554
+ "Avatar": {
1555
+ "classes": {
1556
+ "always": [
1557
+ "avatar"
1558
+ ],
1559
+ "byProp": {
1560
+ "slot": {
1561
+ "image": [
1562
+ "avatar__image"
1563
+ ],
1564
+ "fallback": [
1565
+ "avatar__fallback"
1576
1566
  ]
1577
1567
  },
1578
- "fullWidth": [
1579
- "textarea--full-width"
1580
- ]
1568
+ "size": {
1569
+ "sm": [
1570
+ "avatar--sm"
1571
+ ],
1572
+ "md": [],
1573
+ "lg": [
1574
+ "avatar--lg"
1575
+ ]
1576
+ },
1577
+ "variant": {
1578
+ "default": [],
1579
+ "soft": [
1580
+ "avatar--soft"
1581
+ ]
1582
+ },
1583
+ "color": {
1584
+ "default": [
1585
+ "avatar__fallback--default"
1586
+ ],
1587
+ "accent": [
1588
+ "avatar__fallback--accent"
1589
+ ],
1590
+ "success": [
1591
+ "avatar__fallback--success"
1592
+ ],
1593
+ "warning": [
1594
+ "avatar__fallback--warning"
1595
+ ],
1596
+ "danger": [
1597
+ "avatar__fallback--danger"
1598
+ ]
1599
+ },
1600
+ "group": {
1601
+ "base": [
1602
+ "avatar-group"
1603
+ ],
1604
+ "overlap": [
1605
+ "-space-x-6"
1606
+ ]
1607
+ }
1581
1608
  }
1582
1609
  }
1583
1610
  },
1584
- "NumberField.Root": {
1611
+ "Kbd": {
1585
1612
  "classes": {
1586
1613
  "always": [
1587
- "number-field"
1614
+ "kbd"
1588
1615
  ],
1589
1616
  "byProp": {
1590
1617
  "variant": {
1591
- "primary": [
1592
- "number-field--primary"
1618
+ "default": [
1619
+ "kbd--default"
1593
1620
  ],
1594
- "secondary": [
1595
- "number-field--secondary"
1621
+ "light": [
1622
+ "kbd--light"
1596
1623
  ]
1597
1624
  },
1598
- "fullWidth": [
1599
- "number-field--full-width"
1600
- ]
1625
+ "slot": {
1626
+ "abbr": [
1627
+ "kbd__abbr"
1628
+ ],
1629
+ "content": [
1630
+ "kbd__content"
1631
+ ]
1632
+ }
1601
1633
  }
1602
1634
  }
1603
1635
  },
1604
- "NumberField.Group": {
1636
+ "EmptyState": {
1605
1637
  "classes": {
1606
1638
  "always": [
1607
- "number-field__group"
1639
+ "empty-state"
1640
+ ],
1641
+ "byProp": {
1642
+ "slot": {
1643
+ "icon": [
1644
+ "empty-state__icon"
1645
+ ],
1646
+ "title": [
1647
+ "empty-state__title"
1648
+ ],
1649
+ "description": [
1650
+ "empty-state__description"
1651
+ ],
1652
+ "actions": [
1653
+ "empty-state__actions"
1654
+ ]
1655
+ }
1656
+ }
1657
+ }
1658
+ },
1659
+ "ButtonGroup.Root": {
1660
+ "classes": {
1661
+ "always": [
1662
+ "button-group"
1608
1663
  ],
1609
1664
  "byProp": {
1665
+ "orientation": {
1666
+ "horizontal": [
1667
+ "button-group--horizontal"
1668
+ ],
1669
+ "vertical": [
1670
+ "button-group--vertical"
1671
+ ]
1672
+ },
1610
1673
  "fullWidth": [
1611
- "number-field__group--full-width"
1674
+ "button-group--full-width"
1612
1675
  ]
1613
1676
  }
1614
1677
  }
1615
1678
  },
1616
- "NumberField.Input": {
1679
+ "ButtonGroup.Separator": {
1617
1680
  "classes": {
1618
1681
  "always": [
1619
- "number-field__input"
1682
+ "button-group__separator"
1620
1683
  ],
1621
1684
  "byProp": {}
1622
1685
  }
1623
1686
  },
1624
- "NumberField.IncrementButton": {
1687
+ "Icon": {
1625
1688
  "classes": {
1626
1689
  "always": [
1627
- "number-field__increment-button"
1690
+ "icon"
1628
1691
  ],
1629
1692
  "byProp": {}
1630
1693
  }
1631
1694
  },
1632
- "NumberField.DecrementButton": {
1695
+ "Text": {
1633
1696
  "classes": {
1634
1697
  "always": [
1635
- "number-field__decrement-button"
1698
+ "text"
1636
1699
  ],
1637
1700
  "byProp": {}
1638
1701
  }
1639
1702
  },
1640
- "Toast.Provider": {
1703
+ "Accordion.Root": {
1641
1704
  "classes": {
1642
1705
  "always": [
1643
- "toast-region"
1706
+ "accordion"
1644
1707
  ],
1645
1708
  "byProp": {
1646
- "item": {
1647
- "base": [
1648
- "toast-region__item"
1649
- ],
1650
- "placement": [
1651
- "toast-region__item--bottom",
1652
- "toast-region__item--bottom-start",
1653
- "toast-region__item--bottom-end",
1654
- "toast-region__item--top",
1655
- "toast-region__item--top-start",
1656
- "toast-region__item--top-end"
1709
+ "variant": {
1710
+ "default": [
1711
+ "accordion--default"
1657
1712
  ],
1658
- "state": [
1659
- "toast-region__item--hidden"
1713
+ "surface": [
1714
+ "accordion--surface"
1660
1715
  ]
1661
- },
1662
- "placement": {
1663
- "bottom": [
1664
- "toast-region--bottom"
1716
+ }
1717
+ }
1718
+ }
1719
+ },
1720
+ "Accordion.Item": {
1721
+ "classes": {
1722
+ "always": [
1723
+ "accordion__item"
1724
+ ],
1725
+ "byProp": {
1726
+ "expanded": [
1727
+ "accordion__item--expanded"
1728
+ ],
1729
+ "disabled": [
1730
+ "accordion__item--disabled"
1731
+ ],
1732
+ "hideSeparator": [
1733
+ "accordion__item--hide-separator"
1734
+ ]
1735
+ }
1736
+ }
1737
+ },
1738
+ "Accordion.Trigger": {
1739
+ "classes": {
1740
+ "always": [
1741
+ "accordion__trigger"
1742
+ ],
1743
+ "byProp": {}
1744
+ }
1745
+ },
1746
+ "Accordion.Indicator": {
1747
+ "classes": {
1748
+ "always": [
1749
+ "accordion__indicator"
1750
+ ],
1751
+ "byProp": {
1752
+ "expanded": [
1753
+ "accordion__indicator--expanded"
1754
+ ]
1755
+ }
1756
+ }
1757
+ },
1758
+ "Accordion.Content": {
1759
+ "classes": {
1760
+ "always": [
1761
+ "accordion__content"
1762
+ ],
1763
+ "byProp": {
1764
+ "expanded": [
1765
+ "accordion__content--expanded"
1766
+ ]
1767
+ }
1768
+ }
1769
+ },
1770
+ "Accordion.Body": {
1771
+ "classes": {
1772
+ "always": [
1773
+ "accordion__body"
1774
+ ],
1775
+ "byProp": {}
1776
+ }
1777
+ },
1778
+ "Accordion.BodyInner": {
1779
+ "classes": {
1780
+ "always": [
1781
+ "accordion__body-inner"
1782
+ ],
1783
+ "byProp": {}
1784
+ }
1785
+ },
1786
+ "Button": {
1787
+ "classes": {
1788
+ "always": [
1789
+ "button"
1790
+ ],
1791
+ "byProp": {
1792
+ "variant": {
1793
+ "primary": [
1794
+ "button--primary"
1795
+ ],
1796
+ "secondary": [
1797
+ "button--secondary"
1798
+ ],
1799
+ "tertiary": [
1800
+ "button--tertiary"
1801
+ ],
1802
+ "outline": [
1803
+ "button--outline"
1804
+ ],
1805
+ "ghost": [
1806
+ "button--ghost"
1807
+ ],
1808
+ "danger": [
1809
+ "button--danger"
1810
+ ],
1811
+ "danger-soft": [
1812
+ "button--danger-soft"
1813
+ ]
1814
+ },
1815
+ "size": {
1816
+ "sm": [
1817
+ "button--sm"
1818
+ ],
1819
+ "md": [
1820
+ "button--md"
1821
+ ],
1822
+ "lg": [
1823
+ "button--lg"
1824
+ ]
1825
+ },
1826
+ "isIconOnly": [
1827
+ "button--icon-only"
1828
+ ],
1829
+ "fullWidth": [
1830
+ "button--full-width"
1831
+ ],
1832
+ "slot": {
1833
+ "spinner": [
1834
+ "button__spinner"
1835
+ ],
1836
+ "icon": [
1837
+ "button__icon"
1838
+ ],
1839
+ "iconStart": [
1840
+ "button__icon--start"
1841
+ ],
1842
+ "iconEnd": [
1843
+ "button__icon--end"
1844
+ ]
1845
+ }
1846
+ }
1847
+ }
1848
+ },
1849
+ "Tooltip": {
1850
+ "classes": {
1851
+ "always": [
1852
+ "tooltip"
1853
+ ],
1854
+ "byProp": {
1855
+ "slot": {
1856
+ "trigger": [
1857
+ "tooltip__trigger"
1858
+ ],
1859
+ "content": [
1860
+ "tooltip__content"
1861
+ ],
1862
+ "arrow": [
1863
+ "tooltip__arrow"
1864
+ ]
1865
+ }
1866
+ }
1867
+ }
1868
+ },
1869
+ "ProgressBar": {
1870
+ "classes": {
1871
+ "always": [
1872
+ "progress-bar"
1873
+ ],
1874
+ "byProp": {
1875
+ "size": {
1876
+ "sm": [
1877
+ "progress-bar--sm"
1878
+ ],
1879
+ "md": [
1880
+ "progress-bar--md"
1881
+ ],
1882
+ "lg": [
1883
+ "progress-bar--lg"
1884
+ ]
1885
+ },
1886
+ "color": {
1887
+ "default": [
1888
+ "progress-bar--default"
1889
+ ],
1890
+ "accent": [
1891
+ "progress-bar--accent"
1892
+ ],
1893
+ "success": [
1894
+ "progress-bar--success"
1895
+ ],
1896
+ "warning": [
1897
+ "progress-bar--warning"
1898
+ ],
1899
+ "danger": [
1900
+ "progress-bar--danger"
1901
+ ]
1902
+ },
1903
+ "state": {
1904
+ "indeterminate": [
1905
+ "progress-bar--indeterminate"
1906
+ ],
1907
+ "disabled": [
1908
+ "progress-bar--disabled"
1909
+ ]
1910
+ }
1911
+ }
1912
+ }
1913
+ },
1914
+ "Label": {
1915
+ "classes": {
1916
+ "always": [
1917
+ "label"
1918
+ ],
1919
+ "byProp": {
1920
+ "required": [
1921
+ "label--required"
1922
+ ],
1923
+ "disabled": [
1924
+ "label--disabled"
1925
+ ],
1926
+ "invalid": [
1927
+ "label--invalid"
1928
+ ]
1929
+ }
1930
+ }
1931
+ },
1932
+ "ColorSwatchPicker": {
1933
+ "classes": {
1934
+ "always": [
1935
+ "color-swatch-picker"
1936
+ ],
1937
+ "byProp": {}
1938
+ }
1939
+ },
1940
+ "CloseButton": {
1941
+ "classes": {
1942
+ "always": [
1943
+ "close-button"
1944
+ ],
1945
+ "byProp": {
1946
+ "variant": {
1947
+ "default": [
1948
+ "close-button--default"
1949
+ ]
1950
+ },
1951
+ "slot": {
1952
+ "icon": [
1953
+ "close-button__icon"
1954
+ ],
1955
+ "iconStart": [
1956
+ "close-button__icon--start"
1957
+ ],
1958
+ "iconEnd": [
1959
+ "close-button__icon--end"
1960
+ ]
1961
+ }
1962
+ }
1963
+ }
1964
+ },
1965
+ "ColorArea": {
1966
+ "classes": {
1967
+ "always": [
1968
+ "color-area"
1969
+ ],
1970
+ "byProp": {
1971
+ "slot": {
1972
+ "thumb": [
1973
+ "color-area__thumb"
1974
+ ]
1975
+ }
1976
+ }
1977
+ }
1978
+ },
1979
+ "ImmersiveLanding.landing": {
1980
+ "classes": {
1981
+ "always": [
1982
+ "immersive-landing"
1983
+ ],
1984
+ "byProp": {}
1985
+ }
1986
+ },
1987
+ "ImmersiveLanding.page": {
1988
+ "classes": {
1989
+ "always": [
1990
+ "immersive-landing-page"
1991
+ ],
1992
+ "byProp": {}
1993
+ }
1994
+ },
1995
+ "ImmersiveLanding.arrows": {
1996
+ "classes": {
1997
+ "always": [],
1998
+ "byProp": {}
1999
+ }
2000
+ },
2001
+ "ImmersiveLanding.navigation": {
2002
+ "classes": {
2003
+ "always": [
2004
+ "immersive-landing-navigation"
2005
+ ],
2006
+ "byProp": {}
2007
+ }
2008
+ },
2009
+ "ImmersiveLanding.pwaPrompt": {
2010
+ "classes": {
2011
+ "always": [],
2012
+ "byProp": {}
2013
+ }
2014
+ },
2015
+ "ImmersiveLanding.firefoxBanner": {
2016
+ "classes": {
2017
+ "always": [],
2018
+ "byProp": {}
2019
+ }
2020
+ },
2021
+ "ImmersiveLanding.cookie": {
2022
+ "classes": {
2023
+ "always": [],
2024
+ "byProp": {}
2025
+ }
2026
+ },
2027
+ "InputGroup.Root": {
2028
+ "classes": {
2029
+ "always": [
2030
+ "input-group"
2031
+ ],
2032
+ "byProp": {
2033
+ "variant": {
2034
+ "primary": [
2035
+ "input-group--primary"
2036
+ ],
2037
+ "secondary": [
2038
+ "input-group--secondary"
2039
+ ]
2040
+ },
2041
+ "fullWidth": [
2042
+ "input-group--full-width"
2043
+ ]
2044
+ }
2045
+ }
2046
+ },
2047
+ "InputGroup.Input": {
2048
+ "classes": {
2049
+ "always": [
2050
+ "input-group__input"
2051
+ ],
2052
+ "byProp": {}
2053
+ }
2054
+ },
2055
+ "InputGroup.Prefix": {
2056
+ "classes": {
2057
+ "always": [
2058
+ "input-group__prefix"
2059
+ ],
2060
+ "byProp": {}
2061
+ }
2062
+ },
2063
+ "InputGroup.Suffix": {
2064
+ "classes": {
2065
+ "always": [
2066
+ "input-group__suffix"
2067
+ ],
2068
+ "byProp": {}
2069
+ }
2070
+ },
2071
+ "Header": {
2072
+ "classes": {
2073
+ "always": [
2074
+ "header"
2075
+ ],
2076
+ "byProp": {}
2077
+ }
2078
+ },
2079
+ "Description": {
2080
+ "classes": {
2081
+ "always": [
2082
+ "description"
2083
+ ],
2084
+ "byProp": {}
2085
+ }
2086
+ },
2087
+ "CheckboxGroup": {
2088
+ "classes": {
2089
+ "always": [
2090
+ "checkbox-group"
2091
+ ],
2092
+ "byProp": {
2093
+ "variant": {
2094
+ "primary": [
2095
+ "checkbox-group--primary"
2096
+ ],
2097
+ "secondary": [
2098
+ "checkbox-group--secondary"
2099
+ ]
2100
+ },
2101
+ "disabled": [
2102
+ "checkbox-group--disabled"
2103
+ ],
2104
+ "invalid": [
2105
+ "checkbox-group--invalid"
2106
+ ]
2107
+ }
2108
+ }
2109
+ },
2110
+ "DateField.Root": {
2111
+ "classes": {
2112
+ "always": [
2113
+ "date-field"
2114
+ ],
2115
+ "byProp": {
2116
+ "variant": {
2117
+ "primary": [
2118
+ "date-field--primary"
2119
+ ],
2120
+ "secondary": [
2121
+ "date-field--secondary"
2122
+ ]
2123
+ },
2124
+ "fullWidth": [
2125
+ "date-field--full-width"
2126
+ ]
2127
+ }
2128
+ }
2129
+ },
2130
+ "DateField.Group": {
2131
+ "classes": {
2132
+ "always": [
2133
+ "date-input-group"
2134
+ ],
2135
+ "byProp": {
2136
+ "variant": {
2137
+ "primary": [
2138
+ "date-input-group--primary"
2139
+ ],
2140
+ "secondary": [
2141
+ "date-input-group--secondary"
2142
+ ]
2143
+ },
2144
+ "fullWidth": [
2145
+ "date-input-group--full-width"
2146
+ ]
2147
+ }
2148
+ }
2149
+ },
2150
+ "DateField.Input": {
2151
+ "classes": {
2152
+ "always": [
2153
+ "date-input-group__input"
2154
+ ],
2155
+ "byProp": {}
2156
+ }
2157
+ },
2158
+ "DateField.InputContainer": {
2159
+ "classes": {
2160
+ "always": [
2161
+ "date-input-group__input-container"
2162
+ ],
2163
+ "byProp": {}
2164
+ }
2165
+ },
2166
+ "DateField.Segment": {
2167
+ "classes": {
2168
+ "always": [
2169
+ "date-input-group__segment"
2170
+ ],
2171
+ "byProp": {}
2172
+ }
2173
+ },
2174
+ "DateField.Prefix": {
2175
+ "classes": {
2176
+ "always": [
2177
+ "date-input-group__prefix"
2178
+ ],
2179
+ "byProp": {}
2180
+ }
2181
+ },
2182
+ "DateField.Suffix": {
2183
+ "classes": {
2184
+ "always": [
2185
+ "date-input-group__suffix"
2186
+ ],
2187
+ "byProp": {}
2188
+ }
2189
+ },
2190
+ "Menu.Root": {
2191
+ "classes": {
2192
+ "always": [
2193
+ "menu"
2194
+ ],
2195
+ "byProp": {}
2196
+ }
2197
+ },
2198
+ "Menu.Item": {
2199
+ "classes": {
2200
+ "always": [
2201
+ "menu-item"
2202
+ ],
2203
+ "byProp": {
2204
+ "variant": {
2205
+ "default": [
2206
+ "menu-item--default"
2207
+ ],
2208
+ "danger": [
2209
+ "menu-item--danger"
2210
+ ]
2211
+ }
2212
+ }
2213
+ }
2214
+ },
2215
+ "Menu.ItemIndicator": {
2216
+ "classes": {
2217
+ "always": [
2218
+ "menu-item__indicator"
2219
+ ],
2220
+ "byProp": {}
2221
+ }
2222
+ },
2223
+ "Menu.Section": {
2224
+ "classes": {
2225
+ "always": [
2226
+ "menu-section"
2227
+ ],
2228
+ "byProp": {}
2229
+ }
2230
+ },
2231
+ "Footer": {
2232
+ "classes": {
2233
+ "always": [
2234
+ "footer"
2235
+ ],
2236
+ "byProp": {
2237
+ "center": [
2238
+ "footer--center"
2239
+ ],
2240
+ "horizontal": [
2241
+ "footer--horizontal"
2242
+ ],
2243
+ "vertical": [
2244
+ "footer--vertical"
2245
+ ]
2246
+ }
2247
+ }
2248
+ },
2249
+ "Input": {
2250
+ "classes": {
2251
+ "always": [
2252
+ "input-root"
2253
+ ],
2254
+ "byProp": {
2255
+ "slot": {
2256
+ "control": [
2257
+ "input-control"
2258
+ ],
2259
+ "field": [
2260
+ "input-field"
2261
+ ],
2262
+ "label": [
2263
+ "input-label"
2264
+ ],
2265
+ "helper": [
2266
+ "input-helper"
2267
+ ],
2268
+ "icon": [
2269
+ "input__icon"
2270
+ ],
2271
+ "iconStart": [
2272
+ "input__icon--start"
2273
+ ],
2274
+ "iconEnd": [
2275
+ "input__icon--end"
2276
+ ]
2277
+ },
2278
+ "size": {
2279
+ "sm": [
2280
+ "input-control--sm"
2281
+ ],
2282
+ "md": [
2283
+ "input-control--md"
2284
+ ],
2285
+ "lg": [
2286
+ "input-control--lg"
2287
+ ]
2288
+ },
2289
+ "fullWidthRoot": [
2290
+ "input-root--full-width"
2291
+ ],
2292
+ "fullWidthControl": [
2293
+ "input-control--full-width"
2294
+ ],
2295
+ "invalid": [
2296
+ "input-control--invalid"
2297
+ ],
2298
+ "disabled": [
2299
+ "input-control--disabled"
2300
+ ],
2301
+ "helperInvalid": [
2302
+ "input-helper--invalid"
2303
+ ]
2304
+ }
2305
+ }
2306
+ },
2307
+ "Grid": {
2308
+ "classes": {
2309
+ "always": [
2310
+ "grid-layout"
2311
+ ],
2312
+ "byProp": {
2313
+ "cols": {
2314
+ "1": [
2315
+ "grid-cols-1"
2316
+ ],
2317
+ "2": [
2318
+ "grid-cols-2"
2319
+ ],
2320
+ "3": [
2321
+ "grid-cols-3"
2322
+ ],
2323
+ "4": [
2324
+ "grid-cols-4"
2325
+ ],
2326
+ "5": [
2327
+ "grid-cols-5"
2328
+ ],
2329
+ "6": [
2330
+ "grid-cols-6"
2331
+ ],
2332
+ "7": [
2333
+ "grid-cols-7"
2334
+ ],
2335
+ "8": [
2336
+ "grid-cols-8"
2337
+ ],
2338
+ "9": [
2339
+ "grid-cols-9"
2340
+ ],
2341
+ "10": [
2342
+ "grid-cols-10"
2343
+ ],
2344
+ "11": [
2345
+ "grid-cols-11"
2346
+ ],
2347
+ "12": [
2348
+ "grid-cols-12"
2349
+ ]
2350
+ },
2351
+ "rows": {
2352
+ "1": [
2353
+ "grid-rows-1"
2354
+ ],
2355
+ "2": [
2356
+ "grid-rows-2"
2357
+ ],
2358
+ "3": [
2359
+ "grid-rows-3"
2360
+ ],
2361
+ "4": [
2362
+ "grid-rows-4"
2363
+ ],
2364
+ "5": [
2365
+ "grid-rows-5"
2366
+ ],
2367
+ "6": [
2368
+ "grid-rows-6"
2369
+ ],
2370
+ "7": [
2371
+ "grid-rows-7"
2372
+ ],
2373
+ "8": [
2374
+ "grid-rows-8"
2375
+ ],
2376
+ "9": [
2377
+ "grid-rows-9"
2378
+ ],
2379
+ "10": [
2380
+ "grid-rows-10"
2381
+ ],
2382
+ "11": [
2383
+ "grid-rows-11"
2384
+ ],
2385
+ "12": [
2386
+ "grid-rows-12"
2387
+ ]
2388
+ },
2389
+ "flow": {
2390
+ "row": [
2391
+ "grid-flow-row"
2392
+ ],
2393
+ "col": [
2394
+ "grid-flow-col"
2395
+ ],
2396
+ "row-dense": [
2397
+ "grid-flow-row-dense"
2398
+ ],
2399
+ "col-dense": [
2400
+ "grid-flow-col-dense"
2401
+ ]
2402
+ },
2403
+ "gap": {
2404
+ "none": [
2405
+ "gap-0"
2406
+ ],
2407
+ "sm": [
2408
+ "gap-2"
2409
+ ],
2410
+ "md": [
2411
+ "gap-4"
2412
+ ],
2413
+ "lg": [
2414
+ "gap-6"
2415
+ ],
2416
+ "xl": [
2417
+ "gap-8"
2418
+ ]
2419
+ },
2420
+ "autoCols": {
2421
+ "min": [
2422
+ "auto-cols-min"
2423
+ ],
2424
+ "max": [
2425
+ "auto-cols-max"
2426
+ ],
2427
+ "fr": [
2428
+ "auto-cols-fr"
2429
+ ]
2430
+ },
2431
+ "autoRows": {
2432
+ "min": [
2433
+ "auto-rows-min"
2434
+ ],
2435
+ "max": [
2436
+ "auto-rows-max"
2437
+ ],
2438
+ "fr": [
2439
+ "auto-rows-fr"
2440
+ ]
2441
+ }
2442
+ }
2443
+ }
2444
+ },
2445
+ "Spinner": {
2446
+ "classes": {
2447
+ "always": [
2448
+ "spinner"
2449
+ ],
2450
+ "byProp": {
2451
+ "size": {
2452
+ "xs": [
2453
+ "spinner--xs"
2454
+ ],
2455
+ "sm": [
2456
+ "spinner--sm"
2457
+ ],
2458
+ "md": [],
2459
+ "lg": [
2460
+ "spinner--lg"
2461
+ ],
2462
+ "xl": [
2463
+ "spinner--xl"
2464
+ ]
2465
+ },
2466
+ "color": {
2467
+ "current": [
2468
+ "spinner--current"
2469
+ ],
2470
+ "accent": [
2471
+ "spinner--accent"
2472
+ ],
2473
+ "success": [
2474
+ "spinner--success"
2475
+ ],
2476
+ "warning": [
2477
+ "spinner--warning"
2478
+ ],
2479
+ "danger": [
2480
+ "spinner--danger"
2481
+ ]
2482
+ },
2483
+ "variant": {
2484
+ "spinner": [
2485
+ "spinner--spinner"
1665
2486
  ],
1666
- "bottomStart": [
1667
- "toast-region--bottom-start"
2487
+ "dots": [
2488
+ "spinner--dots"
1668
2489
  ],
1669
- "bottomEnd": [
1670
- "toast-region--bottom-end"
2490
+ "ring": [
2491
+ "spinner--ring"
1671
2492
  ],
1672
- "top": [
1673
- "toast-region--top"
2493
+ "ball": [
2494
+ "spinner--ball"
1674
2495
  ],
1675
- "topStart": [
1676
- "toast-region--top-start"
2496
+ "bars": [
2497
+ "spinner--bars"
1677
2498
  ],
1678
- "topEnd": [
1679
- "toast-region--top-end"
2499
+ "infinity": [
2500
+ "spinner--infinity"
1680
2501
  ]
1681
2502
  }
1682
2503
  }
1683
2504
  }
1684
2505
  },
1685
- "Toast.Item": {
2506
+ "Badge": {
1686
2507
  "classes": {
1687
2508
  "always": [
1688
- "toast"
2509
+ "badge"
1689
2510
  ],
1690
2511
  "byProp": {
1691
- "variant": {
2512
+ "slot": {
2513
+ "anchor": [
2514
+ "badge-anchor"
2515
+ ],
2516
+ "label": [
2517
+ "badge__label"
2518
+ ]
2519
+ },
2520
+ "size": {
2521
+ "sm": [
2522
+ "badge--sm"
2523
+ ],
2524
+ "md": [
2525
+ "badge--md"
2526
+ ],
2527
+ "lg": [
2528
+ "badge--lg"
2529
+ ]
2530
+ },
2531
+ "color": {
1692
2532
  "default": [
1693
- "toast--default"
2533
+ "badge--default"
1694
2534
  ],
1695
2535
  "accent": [
1696
- "toast--accent"
2536
+ "badge--accent"
1697
2537
  ],
1698
2538
  "success": [
1699
- "toast--success"
2539
+ "badge--success"
1700
2540
  ],
1701
2541
  "warning": [
1702
- "toast--warning"
2542
+ "badge--warning"
1703
2543
  ],
1704
2544
  "danger": [
1705
- "toast--danger"
2545
+ "badge--danger"
1706
2546
  ]
1707
2547
  },
1708
- "state": {
1709
- "frontmost": [
1710
- "toast--frontmost"
2548
+ "variant": {
2549
+ "primary": [
2550
+ "badge--primary"
1711
2551
  ],
1712
- "hidden": [
1713
- "toast--hidden"
2552
+ "secondary": [
2553
+ "badge--secondary"
1714
2554
  ],
1715
- "entering": [
1716
- "toast--entering"
2555
+ "soft": [
2556
+ "badge--soft"
2557
+ ]
2558
+ },
2559
+ "placement": {
2560
+ "top-right": [
2561
+ "badge--top-right"
1717
2562
  ],
1718
- "exiting": [
1719
- "toast--exiting"
2563
+ "top-left": [
2564
+ "badge--top-left"
2565
+ ],
2566
+ "bottom-right": [
2567
+ "badge--bottom-right"
2568
+ ],
2569
+ "bottom-left": [
2570
+ "badge--bottom-left"
1720
2571
  ]
1721
2572
  }
1722
2573
  }
1723
2574
  }
1724
2575
  },
1725
- "Toast.Content": {
1726
- "classes": {
1727
- "always": [
1728
- "toast__content"
1729
- ],
1730
- "byProp": {}
1731
- }
1732
- },
1733
- "Toast.Indicator": {
1734
- "classes": {
1735
- "always": [
1736
- "toast__indicator"
1737
- ],
1738
- "byProp": {}
1739
- }
1740
- },
1741
- "Toast.Spinner": {
1742
- "classes": {
1743
- "always": [
1744
- "toast__spinner"
1745
- ],
1746
- "byProp": {}
1747
- }
1748
- },
1749
- "Toast.Title": {
1750
- "classes": {
1751
- "always": [
1752
- "toast__title"
1753
- ],
1754
- "byProp": {}
1755
- }
1756
- },
1757
- "Toast.Description": {
1758
- "classes": {
1759
- "always": [
1760
- "toast__description"
1761
- ],
1762
- "byProp": {}
1763
- }
1764
- },
1765
- "Toast.Action": {
2576
+ "Pagination": {
1766
2577
  "classes": {
1767
2578
  "always": [
1768
- "toast__action"
2579
+ "pagination"
1769
2580
  ],
1770
- "byProp": {}
2581
+ "byProp": {
2582
+ "slot": {
2583
+ "summary": [
2584
+ "pagination__summary"
2585
+ ],
2586
+ "content": [
2587
+ "pagination__content"
2588
+ ],
2589
+ "item": [
2590
+ "pagination__item"
2591
+ ],
2592
+ "link": [
2593
+ "pagination__link"
2594
+ ],
2595
+ "linkNav": [
2596
+ "pagination__link--nav"
2597
+ ],
2598
+ "ellipsis": [
2599
+ "pagination__ellipsis"
2600
+ ]
2601
+ }
2602
+ }
1771
2603
  }
1772
2604
  },
1773
- "Toast.Close": {
2605
+ "GlowCard": {
1774
2606
  "classes": {
1775
2607
  "always": [
1776
- "toast__close"
2608
+ "glow-card"
1777
2609
  ],
1778
2610
  "byProp": {}
1779
2611
  }
1780
2612
  },
1781
- "Separator": {
2613
+ "GlassPanel": {
1782
2614
  "classes": {
1783
2615
  "always": [
1784
- "separator"
2616
+ "glass-panel"
1785
2617
  ],
1786
2618
  "byProp": {
1787
- "orientation": {
1788
- "horizontal": [
1789
- "separator--horizontal"
2619
+ "blur": {
2620
+ "none": [
2621
+ "glass-panel--blur-none"
1790
2622
  ],
1791
- "vertical": [
1792
- "separator--vertical"
2623
+ "sm": [
2624
+ "glass-panel--blur-sm"
2625
+ ],
2626
+ "md": [
2627
+ "glass-panel--blur-md"
2628
+ ],
2629
+ "lg": [
2630
+ "glass-panel--blur-lg"
2631
+ ],
2632
+ "xl": [
2633
+ "glass-panel--blur-xl"
2634
+ ],
2635
+ "2xl": [
2636
+ "glass-panel--blur-2xl"
1793
2637
  ]
1794
2638
  },
1795
- "variant": {
1796
- "default": [
1797
- "separator--default"
2639
+ "size": {
2640
+ "xs": [
2641
+ "glass-panel__content--xs"
1798
2642
  ],
1799
- "secondary": [
1800
- "separator--secondary"
2643
+ "sm": [
2644
+ "glass-panel__content--sm"
1801
2645
  ],
1802
- "tertiary": [
1803
- "separator--tertiary"
2646
+ "md": [
2647
+ "glass-panel__content--md"
2648
+ ],
2649
+ "lg": [
2650
+ "glass-panel__content--lg"
2651
+ ],
2652
+ "xl": [
2653
+ "glass-panel__content--xl"
1804
2654
  ]
1805
- }
1806
- }
1807
- }
1808
- },
1809
- "Accordion.Root": {
1810
- "classes": {
1811
- "always": [
1812
- "accordion"
1813
- ],
1814
- "byProp": {
1815
- "variant": {
1816
- "default": [
1817
- "accordion--default"
2655
+ },
2656
+ "accent": {
2657
+ "primary": [
2658
+ "glass-panel--accent-primary"
1818
2659
  ],
1819
- "surface": [
1820
- "accordion--surface"
2660
+ "secondary": [
2661
+ "glass-panel--accent-secondary"
2662
+ ],
2663
+ "accent": [
2664
+ "glass-panel--accent-accent"
2665
+ ],
2666
+ "info": [
2667
+ "glass-panel--accent-info"
2668
+ ],
2669
+ "success": [
2670
+ "glass-panel--accent-success"
2671
+ ],
2672
+ "warning": [
2673
+ "glass-panel--accent-warning"
2674
+ ],
2675
+ "error": [
2676
+ "glass-panel--accent-error"
2677
+ ],
2678
+ "neutral": [
2679
+ "glass-panel--accent-neutral"
2680
+ ],
2681
+ "ghost": [
2682
+ "glass-panel--accent-ghost"
1821
2683
  ]
1822
- }
1823
- }
1824
- }
1825
- },
1826
- "Accordion.Item": {
1827
- "classes": {
1828
- "always": [
1829
- "accordion__item"
1830
- ],
1831
- "byProp": {
1832
- "expanded": [
1833
- "accordion__item--expanded"
2684
+ },
2685
+ "transparent": [
2686
+ "glass-panel--transparent"
1834
2687
  ],
1835
- "disabled": [
1836
- "accordion__item--disabled"
2688
+ "glow": [
2689
+ "glass-panel--glow"
1837
2690
  ],
1838
- "hideSeparator": [
1839
- "accordion__item--hide-separator"
1840
- ]
1841
- }
1842
- }
1843
- },
1844
- "Accordion.Trigger": {
1845
- "classes": {
1846
- "always": [
1847
- "accordion__trigger"
1848
- ],
1849
- "byProp": {}
1850
- }
1851
- },
1852
- "Accordion.Indicator": {
1853
- "classes": {
1854
- "always": [
1855
- "accordion__indicator"
1856
- ],
1857
- "byProp": {
1858
- "expanded": [
1859
- "accordion__indicator--expanded"
1860
- ]
2691
+ "contentCollapsed": [
2692
+ "glass-panel__content--collapsed"
2693
+ ],
2694
+ "contentCollapsible": [
2695
+ "glass-panel__content--collapsible"
2696
+ ],
2697
+ "contentInnerHidden": [
2698
+ "glass-panel__content-inner--hidden"
2699
+ ],
2700
+ "chevronOpen": [
2701
+ "glass-panel__chevron--open"
2702
+ ],
2703
+ "slot": {
2704
+ "headerButton": [
2705
+ "glass-panel__header-button"
2706
+ ],
2707
+ "headerLabel": [
2708
+ "glass-panel__header-label"
2709
+ ],
2710
+ "chevron": [
2711
+ "glass-panel__chevron"
2712
+ ],
2713
+ "content": [
2714
+ "glass-panel__content"
2715
+ ],
2716
+ "contentInner": [
2717
+ "glass-panel__content-inner"
2718
+ ]
2719
+ }
1861
2720
  }
1862
2721
  }
1863
2722
  },
1864
- "Accordion.Content": {
2723
+ "Radio": {
1865
2724
  "classes": {
1866
2725
  "always": [
1867
- "accordion__content"
2726
+ "radio"
1868
2727
  ],
1869
2728
  "byProp": {
1870
- "expanded": [
1871
- "accordion__content--expanded"
2729
+ "slot": {
2730
+ "input": [
2731
+ "radio__input"
2732
+ ],
2733
+ "control": [
2734
+ "radio__control"
2735
+ ],
2736
+ "indicator": [
2737
+ "radio__indicator"
2738
+ ],
2739
+ "content": [
2740
+ "radio__content"
2741
+ ],
2742
+ "description": [
2743
+ "radio__description"
2744
+ ]
2745
+ },
2746
+ "disabled": [
2747
+ "radio--disabled"
1872
2748
  ]
1873
2749
  }
1874
2750
  }
1875
2751
  },
1876
- "Accordion.Body": {
2752
+ "ErrorMessage": {
1877
2753
  "classes": {
1878
2754
  "always": [
1879
- "accordion__body"
2755
+ "error-message"
1880
2756
  ],
1881
2757
  "byProp": {}
1882
2758
  }
1883
2759
  },
1884
- "Accordion.BodyInner": {
2760
+ "Slider": {
1885
2761
  "classes": {
1886
2762
  "always": [
1887
- "accordion__body-inner"
2763
+ "slider"
1888
2764
  ],
1889
- "byProp": {}
2765
+ "byProp": {
2766
+ "size": {
2767
+ "sm": [
2768
+ "slider--sm"
2769
+ ],
2770
+ "md": [
2771
+ "slider--md"
2772
+ ],
2773
+ "lg": [
2774
+ "slider--lg"
2775
+ ]
2776
+ }
2777
+ }
1890
2778
  }
1891
2779
  },
1892
- "NoiseBackground": {
2780
+ "Alert": {
1893
2781
  "classes": {
1894
2782
  "always": [
1895
- "noise-background"
2783
+ "alert"
1896
2784
  ],
1897
2785
  "byProp": {
1898
- "backdropBlur": [
1899
- "noise-background--backdrop-blur"
1900
- ],
1901
2786
  "slot": {
1902
- "layer0": [
1903
- "noise-background__layer",
1904
- "noise-background__layer--0"
2787
+ "indicator": [
2788
+ "alert__indicator"
1905
2789
  ],
1906
- "layer1": [
1907
- "noise-background__layer",
1908
- "noise-background__layer--1"
2790
+ "content": [
2791
+ "alert__content"
1909
2792
  ],
1910
- "layer2": [
1911
- "noise-background__layer",
1912
- "noise-background__layer--2"
2793
+ "title": [
2794
+ "alert__title"
1913
2795
  ],
1914
- "strip": [
1915
- "noise-background__strip"
2796
+ "description": [
2797
+ "alert__description"
2798
+ ]
2799
+ },
2800
+ "status": {
2801
+ "default": [
2802
+ "alert--default"
1916
2803
  ],
1917
- "noiseWrap": [
1918
- "noise-background__noise-wrap"
2804
+ "accent": [
2805
+ "alert--accent"
1919
2806
  ],
1920
- "noiseImage": [
1921
- "noise-background__noise-image"
2807
+ "success": [
2808
+ "alert--success"
1922
2809
  ],
1923
- "content": [
1924
- "noise-background__content"
2810
+ "warning": [
2811
+ "alert--warning"
2812
+ ],
2813
+ "danger": [
2814
+ "alert--danger"
1925
2815
  ]
1926
2816
  }
1927
2817
  }
1928
2818
  }
1929
2819
  },
1930
- "DateRangePicker.Root": {
2820
+ "ColorField": {
1931
2821
  "classes": {
1932
2822
  "always": [
1933
- "date-range-picker"
2823
+ "color-field"
1934
2824
  ],
1935
2825
  "byProp": {
1936
- "open": [
1937
- "date-range-picker--open"
2826
+ "slot": {
2827
+ "group": [
2828
+ "color-field__group"
2829
+ ],
2830
+ "input": [
2831
+ "color-field__input"
2832
+ ]
2833
+ },
2834
+ "fullWidth": [
2835
+ "color-field--full-width"
1938
2836
  ],
1939
2837
  "disabled": [
1940
- "date-range-picker--disabled"
2838
+ "color-field--disabled"
2839
+ ],
2840
+ "groupFullWidth": [
2841
+ "color-field__group--full-width"
2842
+ ],
2843
+ "groupInvalid": [
2844
+ "color-field__group--invalid"
1941
2845
  ]
1942
2846
  }
1943
2847
  }
1944
2848
  },
1945
- "DateRangePicker.Trigger": {
1946
- "classes": {
1947
- "always": [
1948
- "date-range-picker__trigger"
1949
- ],
1950
- "byProp": {}
1951
- }
1952
- },
1953
- "DateRangePicker.TriggerSegment": {
2849
+ "Link": {
1954
2850
  "classes": {
1955
2851
  "always": [
1956
- "date-range-picker__trigger-segment"
2852
+ "link"
1957
2853
  ],
1958
2854
  "byProp": {
1959
- "placeholder": [
1960
- "date-range-picker__trigger-segment--placeholder"
1961
- ]
2855
+ "variant": {
2856
+ "default": [
2857
+ "link--default"
2858
+ ]
2859
+ },
2860
+ "underline": {
2861
+ "always": [
2862
+ "link--underline-always"
2863
+ ],
2864
+ "hover": [
2865
+ "link--underline-hover"
2866
+ ],
2867
+ "none": [
2868
+ "link--underline-none"
2869
+ ]
2870
+ },
2871
+ "external": [
2872
+ "link--external"
2873
+ ],
2874
+ "disabled": [
2875
+ "link--disabled"
2876
+ ],
2877
+ "slot": {
2878
+ "icon": [
2879
+ "link__icon"
2880
+ ],
2881
+ "iconDefault": [
2882
+ "link__icon-default"
2883
+ ]
2884
+ }
1962
2885
  }
1963
2886
  }
1964
2887
  },
1965
- "DateRangePicker.RangeSeparator": {
2888
+ "LanguageSwitcher": {
1966
2889
  "classes": {
1967
2890
  "always": [
1968
- "date-range-picker__range-separator"
2891
+ "language-switcher"
1969
2892
  ],
1970
2893
  "byProp": {}
1971
2894
  }
1972
2895
  },
1973
- "DateRangePicker.TriggerIndicator": {
2896
+ "Toast.Provider": {
1974
2897
  "classes": {
1975
2898
  "always": [
1976
- "date-range-picker__trigger-indicator"
2899
+ "toast-region"
1977
2900
  ],
1978
- "byProp": {}
2901
+ "byProp": {
2902
+ "item": {
2903
+ "base": [
2904
+ "toast-region__item"
2905
+ ],
2906
+ "placement": [
2907
+ "toast-region__item--bottom",
2908
+ "toast-region__item--bottom-start",
2909
+ "toast-region__item--bottom-end",
2910
+ "toast-region__item--top",
2911
+ "toast-region__item--top-start",
2912
+ "toast-region__item--top-end"
2913
+ ],
2914
+ "state": [
2915
+ "toast-region__item--hidden"
2916
+ ]
2917
+ },
2918
+ "placement": {
2919
+ "bottom": [
2920
+ "toast-region--bottom"
2921
+ ],
2922
+ "bottomStart": [
2923
+ "toast-region--bottom-start"
2924
+ ],
2925
+ "bottomEnd": [
2926
+ "toast-region--bottom-end"
2927
+ ],
2928
+ "top": [
2929
+ "toast-region--top"
2930
+ ],
2931
+ "topStart": [
2932
+ "toast-region--top-start"
2933
+ ],
2934
+ "topEnd": [
2935
+ "toast-region--top-end"
2936
+ ]
2937
+ }
2938
+ }
1979
2939
  }
1980
2940
  },
1981
- "DateRangePicker.TriggerIcon": {
2941
+ "Toast.Item": {
1982
2942
  "classes": {
1983
2943
  "always": [
1984
- "date-range-picker__trigger-icon"
2944
+ "toast"
1985
2945
  ],
1986
- "byProp": {}
2946
+ "byProp": {
2947
+ "variant": {
2948
+ "default": [
2949
+ "toast--default"
2950
+ ],
2951
+ "accent": [
2952
+ "toast--accent"
2953
+ ],
2954
+ "success": [
2955
+ "toast--success"
2956
+ ],
2957
+ "warning": [
2958
+ "toast--warning"
2959
+ ],
2960
+ "danger": [
2961
+ "toast--danger"
2962
+ ]
2963
+ },
2964
+ "state": {
2965
+ "frontmost": [
2966
+ "toast--frontmost"
2967
+ ],
2968
+ "hidden": [
2969
+ "toast--hidden"
2970
+ ],
2971
+ "entering": [
2972
+ "toast--entering"
2973
+ ],
2974
+ "exiting": [
2975
+ "toast--exiting"
2976
+ ]
2977
+ }
2978
+ }
1987
2979
  }
1988
2980
  },
1989
- "DateRangePicker.Popover": {
2981
+ "Toast.Content": {
1990
2982
  "classes": {
1991
2983
  "always": [
1992
- "date-range-picker__popover"
2984
+ "toast__content"
1993
2985
  ],
1994
2986
  "byProp": {}
1995
2987
  }
1996
2988
  },
1997
- "DateRangePicker.Calendar": {
2989
+ "Toast.Indicator": {
1998
2990
  "classes": {
1999
2991
  "always": [
2000
- "date-range-picker__calendar"
2992
+ "toast__indicator"
2001
2993
  ],
2002
2994
  "byProp": {}
2003
2995
  }
2004
2996
  },
2005
- "Card.Root": {
2997
+ "Toast.Spinner": {
2006
2998
  "classes": {
2007
- "always": [
2008
- "card"
2009
- ],
2010
- "byProp": {
2011
- "variant": {
2012
- "default": [
2013
- "card--default"
2014
- ],
2015
- "flat": [
2016
- "card--flat"
2017
- ],
2018
- "bordered": [
2019
- "card--bordered"
2020
- ],
2021
- "shadow": [
2022
- "card--shadow"
2023
- ]
2024
- },
2025
- "isHoverable": [
2026
- "card--hoverable"
2027
- ],
2028
- "isPressable": [
2029
- "card--pressable"
2030
- ]
2031
- }
2999
+ "always": [
3000
+ "toast__spinner"
3001
+ ],
3002
+ "byProp": {}
2032
3003
  }
2033
3004
  },
2034
- "Card.Header": {
3005
+ "Toast.Title": {
2035
3006
  "classes": {
2036
3007
  "always": [
2037
- "card__header"
3008
+ "toast__title"
2038
3009
  ],
2039
3010
  "byProp": {}
2040
3011
  }
2041
3012
  },
2042
- "Card.Body": {
3013
+ "Toast.Description": {
2043
3014
  "classes": {
2044
3015
  "always": [
2045
- "card__body"
3016
+ "toast__description"
2046
3017
  ],
2047
3018
  "byProp": {}
2048
3019
  }
2049
3020
  },
2050
- "Card.Footer": {
3021
+ "Toast.Action": {
2051
3022
  "classes": {
2052
3023
  "always": [
2053
- "card__footer"
3024
+ "toast__action"
2054
3025
  ],
2055
3026
  "byProp": {}
2056
3027
  }
2057
3028
  },
2058
- "ChatBubble": {
3029
+ "Toast.Close": {
2059
3030
  "classes": {
2060
3031
  "always": [
2061
- "chatbubble"
3032
+ "toast__close"
3033
+ ],
3034
+ "byProp": {}
3035
+ }
3036
+ },
3037
+ "LiveChat.bubble": {
3038
+ "classes": {
3039
+ "always": [
3040
+ "live-chat-bubble"
2062
3041
  ],
2063
3042
  "byProp": {
2064
- "align": {
2065
- "start": [
2066
- "chatbubble--start"
3043
+ "position": {
3044
+ "right": [
3045
+ "live-chat-bubble--right"
2067
3046
  ],
2068
- "end": [
2069
- "chatbubble--end"
3047
+ "left": [
3048
+ "live-chat-bubble--left"
2070
3049
  ]
2071
- },
2072
- "slot": {
2073
- "header": [
2074
- "chatbubble__header"
2075
- ],
2076
- "footer": [
2077
- "chatbubble__footer"
2078
- ],
2079
- "avatar": [
2080
- "chatbubble__avatar"
2081
- ],
2082
- "message": [
2083
- "chatbubble__message"
3050
+ }
3051
+ }
3052
+ }
3053
+ },
3054
+ "LiveChat.panel": {
3055
+ "classes": {
3056
+ "always": [
3057
+ "live-chat-panel"
3058
+ ],
3059
+ "byProp": {}
3060
+ }
3061
+ },
3062
+ "FloatingDock": {
3063
+ "classes": {
3064
+ "always": [
3065
+ "floating-dock"
3066
+ ],
3067
+ "byProp": {
3068
+ "barOrientation": {
3069
+ "horizontal": [
3070
+ "floating-dock__bar--horizontal"
2084
3071
  ],
2085
- "time": [
2086
- "chatbubble__time"
3072
+ "vertical": [
3073
+ "floating-dock__bar--vertical"
2087
3074
  ]
2088
3075
  },
2089
- "color": {
2090
- "neutral": [
2091
- "chatbubble__message--neutral"
2092
- ],
2093
- "primary": [
2094
- "chatbubble__message--primary"
2095
- ],
2096
- "secondary": [
2097
- "chatbubble__message--secondary"
2098
- ],
2099
- "accent": [
2100
- "chatbubble__message--accent"
2101
- ],
2102
- "info": [
2103
- "chatbubble__message--info"
3076
+ "mobilePopupDirection": {
3077
+ "top": [
3078
+ "floating-dock__mobile-popup--top"
2104
3079
  ],
2105
- "success": [
2106
- "chatbubble__message--success"
3080
+ "bottom": [
3081
+ "floating-dock__mobile-popup--bottom"
2107
3082
  ],
2108
- "warning": [
2109
- "chatbubble__message--warning"
3083
+ "left": [
3084
+ "floating-dock__mobile-popup--left"
2110
3085
  ],
2111
- "error": [
2112
- "chatbubble__message--error"
3086
+ "right": [
3087
+ "floating-dock__mobile-popup--right"
2113
3088
  ]
2114
3089
  }
2115
3090
  }
@@ -2270,315 +3245,376 @@
2270
3245
  "byProp": {}
2271
3246
  }
2272
3247
  },
2273
- "DateField.Root": {
3248
+ "Table.root": {
2274
3249
  "classes": {
2275
3250
  "always": [
2276
- "date-field"
3251
+ "table-root"
2277
3252
  ],
2278
3253
  "byProp": {
2279
3254
  "variant": {
2280
3255
  "primary": [
2281
- "date-field--primary"
3256
+ "table-root--primary"
2282
3257
  ],
2283
3258
  "secondary": [
2284
- "date-field--secondary"
3259
+ "table-root--secondary"
2285
3260
  ]
2286
- },
2287
- "fullWidth": [
2288
- "date-field--full-width"
2289
- ]
3261
+ }
2290
3262
  }
2291
3263
  }
2292
3264
  },
2293
- "DateField.Group": {
3265
+ "ListBox.Root": {
2294
3266
  "classes": {
2295
3267
  "always": [
2296
- "date-input-group"
3268
+ "list-box"
2297
3269
  ],
2298
3270
  "byProp": {
2299
3271
  "variant": {
2300
- "primary": [
2301
- "date-input-group--primary"
3272
+ "default": [
3273
+ "list-box--default"
2302
3274
  ],
2303
- "secondary": [
2304
- "date-input-group--secondary"
3275
+ "danger": [
3276
+ "list-box--danger"
2305
3277
  ]
2306
- },
2307
- "fullWidth": [
2308
- "date-input-group--full-width"
2309
- ]
3278
+ }
2310
3279
  }
2311
3280
  }
2312
3281
  },
2313
- "DateField.Input": {
2314
- "classes": {
2315
- "always": [
2316
- "date-input-group__input"
2317
- ],
2318
- "byProp": {}
2319
- }
2320
- },
2321
- "DateField.InputContainer": {
2322
- "classes": {
2323
- "always": [
2324
- "date-input-group__input-container"
2325
- ],
2326
- "byProp": {}
2327
- }
2328
- },
2329
- "DateField.Segment": {
2330
- "classes": {
2331
- "always": [
2332
- "date-input-group__segment"
2333
- ],
2334
- "byProp": {}
2335
- }
2336
- },
2337
- "DateField.Prefix": {
2338
- "classes": {
2339
- "always": [
2340
- "date-input-group__prefix"
2341
- ],
2342
- "byProp": {}
2343
- }
2344
- },
2345
- "DateField.Suffix": {
2346
- "classes": {
2347
- "always": [
2348
- "date-input-group__suffix"
2349
- ],
2350
- "byProp": {}
2351
- }
2352
- },
2353
- "LanguageSwitcher": {
2354
- "classes": {
2355
- "always": [
2356
- "language-switcher"
2357
- ],
2358
- "byProp": {}
2359
- }
2360
- },
2361
- "InputOTP.Root": {
3282
+ "ListBox.Item": {
2362
3283
  "classes": {
2363
3284
  "always": [
2364
- "input-otp"
3285
+ "list-box-item"
2365
3286
  ],
2366
3287
  "byProp": {
2367
3288
  "variant": {
2368
- "primary": [
2369
- "input-otp--primary"
3289
+ "default": [
3290
+ "list-box-item--default"
2370
3291
  ],
2371
- "secondary": [
2372
- "input-otp--secondary"
3292
+ "danger": [
3293
+ "list-box-item--danger"
2373
3294
  ]
2374
3295
  }
2375
3296
  }
2376
3297
  }
2377
3298
  },
2378
- "InputOTP.Input": {
2379
- "classes": {
2380
- "always": [
2381
- "input-otp__input"
2382
- ],
2383
- "byProp": {}
2384
- }
2385
- },
2386
- "InputOTP.Group": {
2387
- "classes": {
2388
- "always": [
2389
- "input-otp__group"
2390
- ],
2391
- "byProp": {}
2392
- }
2393
- },
2394
- "InputOTP.Slot": {
2395
- "classes": {
2396
- "always": [
2397
- "input-otp__slot"
2398
- ],
2399
- "byProp": {}
2400
- }
2401
- },
2402
- "InputOTP.Separator": {
2403
- "classes": {
2404
- "always": [
2405
- "input-otp__separator"
2406
- ],
2407
- "byProp": {}
2408
- }
2409
- },
2410
- "Form": {
3299
+ "ListBox.ItemIndicator": {
2411
3300
  "classes": {
2412
3301
  "always": [
2413
- "form"
3302
+ "list-box-item__indicator"
2414
3303
  ],
2415
3304
  "byProp": {}
2416
3305
  }
2417
3306
  },
2418
- "GlowCard": {
3307
+ "ListBox.Section": {
2419
3308
  "classes": {
2420
3309
  "always": [
2421
- "glow-card"
3310
+ "list-box-section"
2422
3311
  ],
2423
3312
  "byProp": {}
2424
3313
  }
2425
3314
  },
2426
- "Footer": {
3315
+ "RadioGroup": {
2427
3316
  "classes": {
2428
3317
  "always": [
2429
- "footer"
3318
+ "radio-group"
2430
3319
  ],
2431
3320
  "byProp": {
2432
- "center": [
2433
- "footer--center"
2434
- ],
2435
- "horizontal": [
2436
- "footer--horizontal"
3321
+ "slot": {
3322
+ "label": [
3323
+ "radio-group__label"
3324
+ ],
3325
+ "description": [
3326
+ "radio-group__description"
3327
+ ],
3328
+ "error": [
3329
+ "radio-group__error"
3330
+ ],
3331
+ "items": [
3332
+ "radio-group__items"
3333
+ ]
3334
+ },
3335
+ "orientation": {
3336
+ "vertical": [
3337
+ "radio-group--vertical"
3338
+ ],
3339
+ "horizontal": [
3340
+ "radio-group--horizontal"
3341
+ ]
3342
+ },
3343
+ "variant": {
3344
+ "primary": [
3345
+ "radio-group--primary"
3346
+ ],
3347
+ "secondary": [
3348
+ "radio-group--secondary"
3349
+ ]
3350
+ },
3351
+ "disabled": [
3352
+ "radio-group--disabled"
2437
3353
  ],
2438
- "vertical": [
2439
- "footer--vertical"
3354
+ "invalid": [
3355
+ "radio-group--invalid"
2440
3356
  ]
2441
3357
  }
2442
3358
  }
2443
3359
  },
2444
- "Navbar.navbar": {
3360
+ "Breadcrumbs.Root": {
2445
3361
  "classes": {
2446
3362
  "always": [
2447
- "navbar"
3363
+ "breadcrumbs"
2448
3364
  ],
2449
3365
  "byProp": {}
2450
3366
  }
2451
3367
  },
2452
- "Navbar.section": {
3368
+ "Breadcrumbs.Item": {
2453
3369
  "classes": {
2454
3370
  "always": [
2455
- "navbar__section"
3371
+ "breadcrumbs__item",
3372
+ "breadcrumbs__link",
3373
+ "breadcrumbs__separator"
2456
3374
  ],
2457
- "byProp": {
2458
- "variant": {
2459
- "start": [
2460
- "navbar__section--start"
2461
- ],
2462
- "center": [
2463
- "navbar__section--center"
2464
- ],
2465
- "end": [
2466
- "navbar__section--end"
2467
- ]
2468
- }
2469
- }
3375
+ "byProp": {}
2470
3376
  }
2471
3377
  },
2472
- "Navbar.stack": {
3378
+ "Join": {
2473
3379
  "classes": {
2474
3380
  "always": [
2475
- "navbar__stack"
3381
+ "join"
2476
3382
  ],
2477
3383
  "byProp": {
2478
- "sticky": [
2479
- "navbar__stack--sticky"
3384
+ "vertical": [
3385
+ "join-vertical"
2480
3386
  ],
2481
- "container": [
2482
- "navbar__stack--container"
3387
+ "horizontal": [
3388
+ "join-horizontal"
3389
+ ],
3390
+ "responsive": [
3391
+ "join-vertical",
3392
+ "lg:join-horizontal"
2483
3393
  ]
2484
3394
  }
2485
3395
  }
2486
3396
  },
2487
- "Navbar.row": {
3397
+ "Checkbox": {
2488
3398
  "classes": {
2489
3399
  "always": [
2490
- "navbar__row"
3400
+ "checkbox"
2491
3401
  ],
2492
3402
  "byProp": {
2493
- "bordered": [
2494
- "navbar__row--bordered"
2495
- ],
2496
- "padded": [
2497
- "navbar__row--padded"
2498
- ],
2499
- "color": {
2500
- "ghost": [
2501
- "navbar__row--ghost"
2502
- ],
2503
- "neutral": [
2504
- "navbar__row--neutral"
2505
- ],
2506
- "primary": [
2507
- "navbar__row--primary"
2508
- ],
2509
- "secondary": [
2510
- "navbar__row--secondary"
3403
+ "slot": {
3404
+ "input": [
3405
+ "checkbox__input"
2511
3406
  ],
2512
- "accent": [
2513
- "navbar__row--accent"
3407
+ "control": [
3408
+ "checkbox__control"
2514
3409
  ],
2515
- "info": [
2516
- "navbar__row--info"
3410
+ "indicator": [
3411
+ "checkbox__indicator"
2517
3412
  ],
2518
- "success": [
2519
- "navbar__row--success"
3413
+ "content": [
3414
+ "checkbox__content"
2520
3415
  ],
2521
- "warning": [
2522
- "navbar__row--warning"
3416
+ "description": [
3417
+ "checkbox__description"
3418
+ ]
3419
+ },
3420
+ "variant": {
3421
+ "primary": [
3422
+ "checkbox--primary"
2523
3423
  ],
2524
- "error": [
2525
- "navbar__row--error"
3424
+ "secondary": [
3425
+ "checkbox--secondary"
2526
3426
  ]
2527
- }
3427
+ },
3428
+ "disabled": [
3429
+ "checkbox--disabled"
3430
+ ]
2528
3431
  }
2529
3432
  }
2530
3433
  },
2531
- "Kbd": {
3434
+ "Tabs": {
2532
3435
  "classes": {
2533
3436
  "always": [
2534
- "kbd"
3437
+ "tabs"
2535
3438
  ],
2536
3439
  "byProp": {
2537
- "variant": {
2538
- "default": [
2539
- "kbd--default"
3440
+ "slot": {
3441
+ "listContainer": [
3442
+ "tabs__list-container"
2540
3443
  ],
2541
- "light": [
2542
- "kbd--light"
3444
+ "list": [
3445
+ "tabs__list"
3446
+ ],
3447
+ "indicator": [
3448
+ "tabs__indicator"
3449
+ ],
3450
+ "tab": [
3451
+ "tabs__tab"
3452
+ ],
3453
+ "panel": [
3454
+ "tabs__panel"
3455
+ ],
3456
+ "separator": [
3457
+ "tabs__separator"
2543
3458
  ]
2544
3459
  },
2545
- "slot": {
2546
- "abbr": [
2547
- "kbd__abbr"
2548
- ],
2549
- "content": [
2550
- "kbd__content"
3460
+ "variant": {
3461
+ "secondary": [
3462
+ "tabs--secondary"
2551
3463
  ]
2552
3464
  }
2553
3465
  }
2554
3466
  }
2555
3467
  },
2556
- "FloatingDock": {
3468
+ "Flex": {
2557
3469
  "classes": {
2558
3470
  "always": [
2559
- "floating-dock"
3471
+ "flex-layout"
2560
3472
  ],
2561
3473
  "byProp": {
2562
- "barOrientation": {
2563
- "horizontal": [
2564
- "floating-dock__bar--horizontal"
3474
+ "direction": {
3475
+ "row": [
3476
+ "flex-row"
2565
3477
  ],
2566
- "vertical": [
2567
- "floating-dock__bar--vertical"
3478
+ "col": [
3479
+ "flex-col"
3480
+ ],
3481
+ "row-reverse": [
3482
+ "flex-row-reverse"
3483
+ ],
3484
+ "col-reverse": [
3485
+ "flex-col-reverse"
2568
3486
  ]
2569
3487
  },
2570
- "mobilePopupDirection": {
2571
- "top": [
2572
- "floating-dock__mobile-popup--top"
3488
+ "justify": {
3489
+ "start": [
3490
+ "justify-start"
2573
3491
  ],
2574
- "bottom": [
2575
- "floating-dock__mobile-popup--bottom"
3492
+ "center": [
3493
+ "justify-center"
2576
3494
  ],
2577
- "left": [
2578
- "floating-dock__mobile-popup--left"
3495
+ "end": [
3496
+ "justify-end"
2579
3497
  ],
2580
- "right": [
2581
- "floating-dock__mobile-popup--right"
3498
+ "between": [
3499
+ "justify-between"
3500
+ ],
3501
+ "around": [
3502
+ "justify-around"
3503
+ ],
3504
+ "evenly": [
3505
+ "justify-evenly"
3506
+ ]
3507
+ },
3508
+ "align": {
3509
+ "start": [
3510
+ "items-start"
3511
+ ],
3512
+ "center": [
3513
+ "items-center"
3514
+ ],
3515
+ "end": [
3516
+ "items-end"
3517
+ ],
3518
+ "stretch": [
3519
+ "items-stretch"
3520
+ ],
3521
+ "baseline": [
3522
+ "items-baseline"
3523
+ ]
3524
+ },
3525
+ "wrap": {
3526
+ "wrap": [
3527
+ "flex-wrap"
3528
+ ],
3529
+ "nowrap": [
3530
+ "flex-nowrap"
3531
+ ],
3532
+ "wrap-reverse": [
3533
+ "flex-wrap-reverse"
3534
+ ]
3535
+ },
3536
+ "gap": {
3537
+ "none": [
3538
+ "gap-0"
3539
+ ],
3540
+ "sm": [
3541
+ "gap-2"
3542
+ ],
3543
+ "md": [
3544
+ "gap-4"
3545
+ ],
3546
+ "lg": [
3547
+ "gap-6"
3548
+ ],
3549
+ "xl": [
3550
+ "gap-8"
3551
+ ]
3552
+ },
3553
+ "gapX": {
3554
+ "none": [
3555
+ "gap-x-0"
3556
+ ],
3557
+ "sm": [
3558
+ "gap-x-2"
3559
+ ],
3560
+ "md": [
3561
+ "gap-x-4"
3562
+ ],
3563
+ "lg": [
3564
+ "gap-x-6"
3565
+ ],
3566
+ "xl": [
3567
+ "gap-x-8"
3568
+ ]
3569
+ },
3570
+ "gapY": {
3571
+ "none": [
3572
+ "gap-y-0"
3573
+ ],
3574
+ "sm": [
3575
+ "gap-y-2"
3576
+ ],
3577
+ "md": [
3578
+ "gap-y-4"
3579
+ ],
3580
+ "lg": [
3581
+ "gap-y-6"
3582
+ ],
3583
+ "xl": [
3584
+ "gap-y-8"
3585
+ ]
3586
+ },
3587
+ "grow": {
3588
+ "true": [
3589
+ "flex-grow"
3590
+ ],
3591
+ "false": [
3592
+ "flex-grow-0"
3593
+ ]
3594
+ },
3595
+ "shrink": {
3596
+ "true": [
3597
+ "flex-shrink"
3598
+ ],
3599
+ "false": [
3600
+ "flex-shrink-0"
3601
+ ]
3602
+ },
3603
+ "basis": {
3604
+ "none": [
3605
+ "basis-0"
3606
+ ],
3607
+ "sm": [
3608
+ "basis-8"
3609
+ ],
3610
+ "md": [
3611
+ "basis-16"
3612
+ ],
3613
+ "lg": [
3614
+ "basis-24"
3615
+ ],
3616
+ "xl": [
3617
+ "basis-32"
2582
3618
  ]
2583
3619
  }
2584
3620
  }