@yahoo/uds 3.108.2 → 3.110.0

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 (68) hide show
  1. package/dist/cli/commands/sync.cjs +4 -0
  2. package/dist/cli/commands/sync.js +5 -1
  3. package/dist/cli/dist/commands/editor-rules.cjs +19 -16
  4. package/dist/cli/dist/commands/editor-rules.js +20 -17
  5. package/dist/cli/dist/lib/box.cjs +44 -0
  6. package/dist/cli/dist/lib/box.js +44 -0
  7. package/dist/cli/dist/lib/colors.cjs +2 -0
  8. package/dist/cli/dist/lib/colors.js +2 -1
  9. package/dist/cli/dist/utils/rules/config.cjs +136 -52
  10. package/dist/cli/dist/utils/rules/config.js +137 -54
  11. package/dist/cli/rules/claude/uds/components.md +50 -0
  12. package/dist/cli/rules/claude/uds/elevation.md +33 -0
  13. package/dist/cli/rules/claude/uds/icons.md +4 -0
  14. package/dist/cli/rules/claude/uds/styling.md +18 -0
  15. package/dist/cli/rules/claude/uds/tailwind.md +5 -0
  16. package/dist/components/client/Avatar/AvatarImage.cjs +1 -0
  17. package/dist/components/client/Avatar/AvatarImage.js +1 -0
  18. package/dist/components/client/Toast/ToastContainer.cjs +5 -1
  19. package/dist/components/client/Toast/ToastContainer.js +5 -1
  20. package/dist/components/client/Toast/UDSToastConfigProvider.d.cts +7 -0
  21. package/dist/components/client/Toast/UDSToastConfigProvider.d.ts +7 -0
  22. package/dist/components/experimental/Table.cjs +2 -2
  23. package/dist/components/experimental/Table.js +2 -2
  24. package/dist/config/dist/index.cjs +22687 -19487
  25. package/dist/config/dist/index.js +22687 -19487
  26. package/dist/index.cjs +4 -0
  27. package/dist/index.d.cts +3 -2
  28. package/dist/index.d.ts +3 -2
  29. package/dist/index.js +2 -1
  30. package/dist/runtime/toastConfig.cjs +2 -1
  31. package/dist/runtime/toastConfig.d.cts +3 -0
  32. package/dist/runtime/toastConfig.d.ts +3 -0
  33. package/dist/runtime/toastConfig.js +2 -1
  34. package/dist/styles/styler.d.cts +10 -10
  35. package/dist/styles/styler.d.ts +10 -10
  36. package/dist/tailwind/dist/tailwind/plugins/getTailwindAsUdsColors.cjs +16 -11
  37. package/dist/tailwind/dist/tailwind/plugins/getTailwindAsUdsColors.js +16 -11
  38. package/dist/tailwind/dist/utils/parseTokens.cjs +6 -1
  39. package/dist/tailwind/dist/utils/parseTokens.js +6 -1
  40. package/dist/tokens/index.cjs +4 -0
  41. package/dist/tokens/index.d.cts +3 -2
  42. package/dist/tokens/index.d.ts +3 -2
  43. package/dist/tokens/index.js +2 -1
  44. package/dist/tokens/types.d.cts +2 -2
  45. package/dist/tokens/types.d.ts +2 -2
  46. package/dist/tokens/utils/spectrum.cjs +72 -0
  47. package/dist/tokens/utils/spectrum.d.cts +37 -0
  48. package/dist/tokens/utils/spectrum.d.ts +37 -0
  49. package/dist/tokens/utils/spectrum.js +68 -0
  50. package/dist/types/dist/index.d.cts +11 -2
  51. package/dist/types/dist/index.d.ts +11 -2
  52. package/dist/uds/generated/componentData.cjs +1172 -1174
  53. package/dist/uds/generated/componentData.js +1172 -1174
  54. package/dist/uds/generated/tailwindPurge.cjs +31 -1
  55. package/dist/uds/generated/tailwindPurge.js +31 -1
  56. package/dist/uds/package.cjs +1 -1
  57. package/dist/uds/package.js +1 -1
  58. package/dist/utils/isElevationAlias.cjs +12 -0
  59. package/dist/utils/isElevationAlias.d.cts +7 -0
  60. package/dist/utils/isElevationAlias.d.ts +7 -0
  61. package/dist/utils/isElevationAlias.js +11 -0
  62. package/package.json +2 -2
  63. package/dist/tailwind/dist/tailwind/utils/flattenColorPalette.cjs +0 -8
  64. package/dist/tailwind/dist/tailwind/utils/flattenColorPalette.js +0 -7
  65. package/dist/tokens/configs/spectrum.cjs +0 -732
  66. package/dist/tokens/configs/spectrum.d.cts +0 -9
  67. package/dist/tokens/configs/spectrum.d.ts +0 -9
  68. package/dist/tokens/configs/spectrum.js +0 -729
@@ -1,5 +1,50 @@
1
1
  /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
2
2
  //#region generated/componentData.json
3
+ var Link = {
4
+ "name": "Link",
5
+ "defaultProps": { "variant": "primary" },
6
+ "getStylesLiterals": {
7
+ "display": "inline-flex",
8
+ "alignItems": "center"
9
+ },
10
+ "cxLiterals": [
11
+ "uds-ring",
12
+ "underline",
13
+ "w-[0.7em]",
14
+ "h-[0.7em]"
15
+ ],
16
+ "internalComponents": ["IconSlot"],
17
+ "internalComponentProps": { "IconSlot": { "data-testid": ["start-icon", "end-icon"] } },
18
+ "propToVariantKeys": {
19
+ "textVariant": [
20
+ "linkTextStyleRoot",
21
+ "fontSize",
22
+ "fontFamily",
23
+ "fontWeight",
24
+ "lineHeight",
25
+ "textTransform",
26
+ "linkTextStyleIcon"
27
+ ],
28
+ "variant": [
29
+ "linkVariantRoot",
30
+ "linkVariantIconStart",
31
+ "linkVariantIconEnd"
32
+ ],
33
+ "startIcon": ["icon"],
34
+ "endIcon": ["icon"]
35
+ },
36
+ "motionVarPrefixes": []
37
+ };
38
+ var VStack = {
39
+ "name": "VStack",
40
+ "defaultProps": {},
41
+ "getStylesLiterals": {},
42
+ "cxLiterals": [],
43
+ "internalComponents": ["Box"],
44
+ "internalComponentProps": { "Box": { "flexDirection": ["column"] } },
45
+ "propToVariantKeys": { "gap": ["columnGap", "rowGap"] },
46
+ "motionVarPrefixes": []
47
+ };
3
48
  var Box = {
4
49
  "name": "Box",
5
50
  "defaultProps": {
@@ -18,34 +63,6 @@ var Box = {
18
63
  ] },
19
64
  "motionVarPrefixes": []
20
65
  };
21
- var FormLabel = {
22
- "name": "FormLabel",
23
- "defaultProps": {
24
- "color": "muted",
25
- "variant": "label3",
26
- "as": "label"
27
- },
28
- "getStylesLiterals": {},
29
- "cxLiterals": ["cursor-[inherit]"],
30
- "internalComponents": ["Text"],
31
- "internalComponentProps": { "Text": {
32
- "as": ["sup"],
33
- "variant": ["inherit"],
34
- "spacingStart": ["0.5"]
35
- } },
36
- "propToVariantKeys": {},
37
- "motionVarPrefixes": []
38
- };
39
- var HStack = {
40
- "name": "HStack",
41
- "defaultProps": {},
42
- "getStylesLiterals": {},
43
- "cxLiterals": [],
44
- "internalComponents": ["Box"],
45
- "internalComponentProps": { "Box": { "flexDirection": ["row"] } },
46
- "propToVariantKeys": { "gap": ["rowGap", "columnGap"] },
47
- "motionVarPrefixes": []
48
- };
49
66
  var Icon = {
50
67
  "name": "Icon",
51
68
  "defaultProps": {
@@ -60,61 +77,24 @@ var Icon = {
60
77
  "propToVariantKeys": {},
61
78
  "motionVarPrefixes": []
62
79
  };
63
- var IconSlot = {
64
- "name": "IconSlot",
65
- "defaultProps": {},
66
- "getStylesLiterals": {},
67
- "cxLiterals": [],
68
- "internalComponents": ["Icon"],
69
- "internalComponentProps": {},
70
- "propToVariantKeys": {},
71
- "motionVarPrefixes": []
72
- };
73
- var Image = {
74
- "name": "Image",
75
- "defaultProps": {},
80
+ var FormLabel = {
81
+ "name": "FormLabel",
82
+ "defaultProps": {
83
+ "color": "muted",
84
+ "variant": "label3",
85
+ "as": "label"
86
+ },
76
87
  "getStylesLiterals": {},
77
- "cxLiterals": [],
78
- "internalComponents": [],
79
- "internalComponentProps": {},
88
+ "cxLiterals": ["cursor-[inherit]"],
89
+ "internalComponents": ["Text"],
90
+ "internalComponentProps": { "Text": {
91
+ "as": ["sup"],
92
+ "variant": ["inherit"],
93
+ "spacingStart": ["0.5"]
94
+ } },
80
95
  "propToVariantKeys": {},
81
96
  "motionVarPrefixes": []
82
97
  };
83
- var Link = {
84
- "name": "Link",
85
- "defaultProps": { "variant": "primary" },
86
- "getStylesLiterals": {
87
- "display": "inline-flex",
88
- "alignItems": "center"
89
- },
90
- "cxLiterals": [
91
- "uds-ring",
92
- "underline",
93
- "w-[0.7em]",
94
- "h-[0.7em]"
95
- ],
96
- "internalComponents": ["IconSlot"],
97
- "internalComponentProps": { "IconSlot": { "data-testid": ["start-icon", "end-icon"] } },
98
- "propToVariantKeys": {
99
- "textVariant": [
100
- "linkTextStyleRoot",
101
- "fontSize",
102
- "fontFamily",
103
- "fontWeight",
104
- "lineHeight",
105
- "textTransform",
106
- "linkTextStyleIcon"
107
- ],
108
- "variant": [
109
- "linkVariantRoot",
110
- "linkVariantIconStart",
111
- "linkVariantIconEnd"
112
- ],
113
- "startIcon": ["icon"],
114
- "endIcon": ["icon"]
115
- },
116
- "motionVarPrefixes": []
117
- };
118
98
  var Text = {
119
99
  "name": "Text",
120
100
  "defaultProps": {
@@ -135,35 +115,28 @@ var Text = {
135
115
  ] },
136
116
  "motionVarPrefixes": []
137
117
  };
138
- var VStack = {
139
- "name": "VStack",
118
+ var IconSlot = {
119
+ "name": "IconSlot",
140
120
  "defaultProps": {},
141
121
  "getStylesLiterals": {},
142
122
  "cxLiterals": [],
143
- "internalComponents": ["Box"],
144
- "internalComponentProps": { "Box": { "flexDirection": ["column"] } },
145
- "propToVariantKeys": { "gap": ["columnGap", "rowGap"] },
123
+ "internalComponents": ["Icon"],
124
+ "internalComponentProps": {},
125
+ "propToVariantKeys": {},
146
126
  "motionVarPrefixes": []
147
127
  };
148
- var Spinner = {
149
- "name": "Spinner",
150
- "defaultProps": {
151
- "color": "primary",
152
- "size": "lg"
153
- },
128
+ var HStack = {
129
+ "name": "HStack",
130
+ "defaultProps": {},
154
131
  "getStylesLiterals": {},
155
- "cxLiterals": ["self-center", "relative"],
156
- "internalComponents": ["Icon"],
157
- "internalComponentProps": { "Icon": {
158
- "role": ["img"],
159
- "className": ["animate-spin"],
160
- "aria-hidden": ["true"]
161
- } },
162
- "propToVariantKeys": {},
132
+ "cxLiterals": [],
133
+ "internalComponents": ["Box"],
134
+ "internalComponentProps": { "Box": { "flexDirection": ["row"] } },
135
+ "propToVariantKeys": { "gap": ["rowGap", "columnGap"] },
163
136
  "motionVarPrefixes": []
164
137
  };
165
- var Table_mocks = {
166
- "name": "Table.mocks",
138
+ var Image = {
139
+ "name": "Image",
167
140
  "defaultProps": {},
168
141
  "getStylesLiterals": {},
169
142
  "cxLiterals": [],
@@ -172,223 +145,181 @@ var Table_mocks = {
172
145
  "propToVariantKeys": {},
173
146
  "motionVarPrefixes": []
174
147
  };
175
- var Table = {
176
- "name": "Table",
177
- "defaultProps": {
178
- "display": "table-cell",
179
- "overflow": "hidden",
180
- "borderColor": "muted",
181
- "borderRadius": "md",
182
- "spacing": "3",
183
- "borderBottomColor": "muted",
184
- "color": "primary"
185
- },
186
- "getStylesLiterals": { "textAlign": "start" },
187
- "cxLiterals": [],
148
+ var Button = {
149
+ "name": "Button",
150
+ "defaultProps": { "type": "button" },
151
+ "getStylesLiterals": {},
152
+ "cxLiterals": [
153
+ "uds-ring",
154
+ "uds-hit-target",
155
+ "inline-flex",
156
+ "overflow-hidden",
157
+ "justify-center",
158
+ "items-center",
159
+ "whitespace-nowrap",
160
+ "select-none",
161
+ "[transform-origin:center]",
162
+ "[backface-visibility:hidden]",
163
+ "[transition-property:color,background-color,border-color,box-shadow,text-decoration-color,fill,stroke]",
164
+ "[transition-timing-function:cubic-bezier(0,0,0.2,1)]",
165
+ "[transition-duration:220ms]",
166
+ "cursor-not-allowed",
167
+ "uds-button-loading",
168
+ "uds-button-without-effects",
169
+ "withIcon",
170
+ "uds-button-with-gap",
171
+ "animate-spin",
172
+ "truncate"
173
+ ],
188
174
  "internalComponents": [
189
- "CellComponent",
190
- "Box",
191
- "Text",
192
- "Table.Root",
193
- "Table.Header",
194
- "Table.Row",
195
- "Table.Cell",
196
- "Table.Body"
175
+ "Icon",
176
+ "IconSlot",
177
+ "AnimatePresence",
178
+ "SpringMotionConfig",
179
+ "MotionSlot"
197
180
  ],
198
181
  "internalComponentProps": {
199
- "Text": { "borderBottomWidth": ["thin"] },
200
- "Table.Cell": { "asHeaderCell": ["column"] }
182
+ "Icon": { "color": ["current"] },
183
+ "AnimatePresence": { "mode": ["popLayout"] },
184
+ "SpringMotionConfig": { "layoutSpeed": ["3"] },
185
+ "MotionSlot": {
186
+ "whileHover": ["hover"],
187
+ "whileTap": ["pressed"]
188
+ }
201
189
  },
202
- "propToVariantKeys": {},
203
- "motionVarPrefixes": []
190
+ "propToVariantKeys": {
191
+ "size": ["buttonSizeRoot", "buttonSizeIcon"],
192
+ "variant": ["buttonVariantRoot", "buttonVariantIcon"],
193
+ "iconVariant": ["variant"],
194
+ "startIcon": ["icon"],
195
+ "endIcon": ["icon"]
196
+ },
197
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
204
198
  };
205
- var Accordion = {
206
- "name": "Accordion",
199
+ var Checkbox = {
200
+ "name": "Checkbox",
207
201
  "defaultProps": {
208
- "spacingHorizontal": "4",
209
- "spacingVertical": "4"
202
+ "labelPosition": "start",
203
+ "variant": "primary",
204
+ "size": "md"
210
205
  },
211
- "getStylesLiterals": {},
212
- "cxLiterals": ["hover:bg-secondary/80", "w-full"],
213
- "internalComponents": [
214
- "Icon",
215
- "SpringMotionConfig",
216
- "Pressable",
217
- "Text",
218
- "HStack",
219
- "AnimatePresence",
220
- "VStack"
221
- ],
222
- "internalComponentProps": {
223
- "Icon": {
224
- "variant": ["fill"],
225
- "size": ["sm"],
226
- "color": ["primary"]
227
- },
228
- "SpringMotionConfig": {
229
- "layoutVariant": ["smooth"],
230
- "layoutSpeed": ["3"]
231
- },
232
- "Pressable": {
233
- "display": ["flex"],
234
- "flexDirection": ["row"],
235
- "alignItems": ["center"],
236
- "justifyContent": ["space-between"],
237
- "borderRadius": ["md"]
238
- },
239
- "Text": {
240
- "variant": ["title4"],
241
- "color": ["primary"]
242
- },
243
- "HStack": {
244
- "display": ["flex"],
245
- "alignItems": ["center"],
246
- "justifyContent": ["space-between"],
247
- "columnGap": ["2.5"]
248
- }
206
+ "getStylesLiterals": {
207
+ "display": "flex",
208
+ "flexDirection": "row",
209
+ "flexDirection:1": "row-reverse",
210
+ "alignItems": "center"
249
211
  },
250
- "propToVariantKeys": {},
251
- "motionVarPrefixes": ["--uds-motion-smooth-3-"]
252
- };
253
- var AvoidMotionLibraryProvider = {
254
- "name": "AvoidMotionLibraryProvider",
255
- "defaultProps": {},
256
- "getStylesLiterals": {},
257
- "cxLiterals": [],
258
- "internalComponents": [],
259
- "internalComponentProps": {},
260
- "propToVariantKeys": {},
261
- "motionVarPrefixes": []
262
- };
263
- var Modal = {
264
- "name": "Modal",
265
- "defaultProps": {},
266
- "getStylesLiterals": {},
267
212
  "cxLiterals": [
268
- "inset-8",
269
- "top-[250px]",
270
- "z-50",
271
- "mx-auto",
272
- "h-fit",
273
- "w-[600px]",
274
- "origin-center",
275
- "scale-95",
213
+ "cursor-pointer",
214
+ "cursor-default",
215
+ "opacity-50",
216
+ "uds-ring",
217
+ "uds-ring-within",
218
+ "transition-[background-color,border-color,box-shadow]",
219
+ "pointer-events-none",
220
+ "transition-opacity",
221
+ "cursor-[inherit]",
222
+ "absolute",
276
223
  "opacity-0",
277
- "transition",
278
- "duration-150",
279
- "data-[enter]:scale-100",
280
- "data-[enter]:opacity-100"
224
+ "top-1/2",
225
+ "left-1/2",
226
+ "w-[calc(100%+2px)]",
227
+ "h-[calc(100%+2px)]",
228
+ "transform",
229
+ "translate-x-[-50%]",
230
+ "translate-y-[-50%]",
231
+ "text-start",
232
+ "text-end"
281
233
  ],
282
234
  "internalComponents": [
283
- "IconButton",
284
- "Dialog",
285
- "HStack",
286
- "Text",
287
- "VStack"
235
+ "Icon",
236
+ "FormLabel",
237
+ "SpringMotionConfig",
238
+ "RootElement",
239
+ "MotionBox"
288
240
  ],
289
241
  "internalComponentProps": {
290
- "IconButton": {
291
- "aria-label": ["Close"],
292
- "size": ["sm"],
293
- "variant": ["tertiary"]
242
+ "Icon": { "size": ["sm"] },
243
+ "FormLabel": {
244
+ "as": ["div"],
245
+ "variant": ["inherit"],
246
+ "color": ["inherit"]
294
247
  },
295
- "HStack": {
248
+ "RootElement": { "data-testid": ["container"] },
249
+ "MotionBox": {
250
+ "position": ["relative"],
296
251
  "alignItems": ["center"],
297
- "justifyContent": ["space-between"]
298
- },
299
- "Text": {
300
- "variant": ["headline1"],
301
- "color": ["primary"]
302
- },
303
- "VStack": {
304
- "borderRadius": ["md"],
305
- "position": ["fixed"],
306
- "backgroundColor": ["primary"],
307
- "dropShadow": ["md"],
308
- "spacing": ["8"],
309
- "overflow": ["hidden"]
252
+ "justifyContent": ["center"],
253
+ "flex": ["none"]
310
254
  }
311
255
  },
312
- "propToVariantKeys": { "handleClose": ["onClick"] },
313
- "motionVarPrefixes": []
256
+ "propToVariantKeys": {
257
+ "size": ["checkboxSizeRoot", "checkboxSizeCheckbox"],
258
+ "variant": [
259
+ "checkboxVariantRoot",
260
+ "checkboxVariantCheckbox",
261
+ "checkboxVariantCheckboxIcon"
262
+ ],
263
+ "valueState": [
264
+ "checkboxVariantValueRoot",
265
+ "checkboxVariantValueCheckbox",
266
+ "checkboxVariantValueCheckboxIcon"
267
+ ],
268
+ "reduceMotion": ["reducedMotion"]
269
+ },
270
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
314
271
  };
315
- var Popover = {
316
- "name": "Popover",
317
- "defaultProps": {},
272
+ var SpringMotionConfig = {
273
+ "name": "SpringMotionConfig",
274
+ "defaultProps": { "reducedMotion": "user" },
318
275
  "getStylesLiterals": {},
319
276
  "cxLiterals": [],
320
- "internalComponents": [
321
- "HStack",
322
- "Text",
323
- "OriginalPopoverHeading"
324
- ],
325
- "internalComponentProps": { "Text": {
326
- "variant": ["headline1"],
327
- "color": ["primary"]
328
- } },
329
- "propToVariantKeys": {},
277
+ "internalComponents": ["LazyMotion", "MotionConfig"],
278
+ "internalComponentProps": {},
279
+ "propToVariantKeys": { "loadFeatures": ["features"] },
330
280
  "motionVarPrefixes": []
331
281
  };
332
- var SegmentedControl = {
333
- "name": "SegmentedControl",
334
- "defaultProps": {},
335
- "getStylesLiterals": {
336
- "display": "flex",
337
- "alignItems": "center",
338
- "backgroundColor": "primary",
339
- "spacingVertical": "1",
340
- "spacingHorizontal": "3",
341
- "columnGap": "1.5",
342
- "borderWidth": "thin",
343
- "borderRadius": "full",
344
- "borderColor": "muted",
345
- "borderColor:1": "transparent",
346
- "color": "primary",
347
- "color:1": "tertiary",
348
- "color:2": "muted"
349
- },
282
+ var IconButton = {
283
+ "name": "IconButton",
284
+ "defaultProps": { "type": "button" },
285
+ "getStylesLiterals": {},
350
286
  "cxLiterals": [
351
287
  "uds-ring",
288
+ "uds-hit-target",
289
+ "inline-flex",
290
+ "overflow-hidden",
291
+ "justify-center",
292
+ "items-center",
293
+ "[transform-origin:center]",
294
+ "[backface-visibility:hidden]",
295
+ "[transition-property:color,background-color,border-color,",
296
+ "box-shadow,text-decoration-color,fill,stroke]",
297
+ "[transition-timing-function:cubic-bezier(0,0,0.2,1)]",
298
+ "[transition-duration:220ms]",
352
299
  "cursor-not-allowed",
353
- "opacity-50",
354
- "pointer-events-none",
355
- "hover:bg-primary"
300
+ "uds-button-loading",
301
+ "uds-button-without-effects",
302
+ "animate-spin"
356
303
  ],
357
304
  "internalComponents": [
358
- "Radio",
359
305
  "Icon",
360
- "RadioProvider",
361
- "HStack",
362
- "RadioGroup",
363
- "Pressable",
364
- "Text"
306
+ "SpringMotionConfig",
307
+ "AnimatePresence"
365
308
  ],
366
309
  "internalComponentProps": {
367
- "Icon": {
368
- "size": ["sm"],
369
- "color": ["current"],
370
- "aria-hidden": ["true"]
371
- },
372
- "HStack": {
373
- "spacing": ["1"],
374
- "gap": ["1"],
375
- "backgroundColor": ["secondary"],
376
- "borderRadius": ["full"],
377
- "display": ["inline-flex"]
378
- },
379
- "Text": {
380
- "variant": ["label2"],
381
- "color": ["current"]
382
- }
310
+ "Icon": { "color": ["current"] },
311
+ "SpringMotionConfig": { "layoutSpeed": ["3"] },
312
+ "AnimatePresence": { "mode": ["popLayout"] }
383
313
  },
384
314
  "propToVariantKeys": {
385
- "value": ["key"],
386
- "label": ["aria-label"]
315
+ "size": ["iconbuttonSizeRoot", "iconbuttonSizeIcon"],
316
+ "variant": ["buttonVariantRoot", "buttonVariantIcon"],
317
+ "iconVariant": ["variant"]
387
318
  },
388
- "motionVarPrefixes": []
319
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
389
320
  };
390
- var SwitchV2 = {
391
- "name": "SwitchV2",
321
+ var Switch = {
322
+ "name": "Switch",
392
323
  "defaultProps": {
393
324
  "labelPosition": "start",
394
325
  "size": "md"
@@ -397,9 +328,15 @@ var SwitchV2 = {
397
328
  "switchVariantRoot": "default",
398
329
  "switchVariantActiveRoot": "on",
399
330
  "switchVariantActiveRoot:1": "off",
331
+ "display": "flex",
332
+ "flexDirection": "row",
333
+ "flexDirection:1": "row-reverse",
334
+ "alignItems": "center",
400
335
  "switchVariantSwitch": "default",
401
336
  "switchVariantActiveSwitch": "on",
402
337
  "switchVariantActiveSwitch:1": "off",
338
+ "borderRadius": "full",
339
+ "position": "relative",
403
340
  "switchVariantActiveHandle": "on",
404
341
  "switchVariantActiveHandle:1": "off",
405
342
  "switchVariantHandle": "default",
@@ -409,28 +346,24 @@ var SwitchV2 = {
409
346
  },
410
347
  "cxLiterals": [
411
348
  "group",
412
- "flex",
413
- "items-center",
414
- "flex-row",
415
- "flex-row-reverse",
349
+ "cursor-pointer",
350
+ "cursor-default",
351
+ "opacity-50",
416
352
  "uds-ring",
417
353
  "uds-ring-within",
418
- "relative",
419
- "uds-border-radius-full",
420
354
  "transition-[background-color,box-shadow]",
355
+ "relative",
421
356
  "pointer-events-none",
422
- "w-full",
423
- "h-full",
424
- "absolute",
357
+ "uds-border-radius-full",
358
+ "overflow-hidden",
359
+ "absolute",
425
360
  "top-0",
426
- "bottom-0",
427
- "right-0",
428
361
  "left-0",
429
- "overflow-hidden",
430
- "group-hover:scale-105",
362
+ "right-0",
363
+ "bottom-0",
431
364
  "opacity-95",
432
365
  "group-hover:opacity-100",
433
- "transition-[transform,opacity]",
366
+ "transition-[background-color,box-shadow,opacity]",
434
367
  "opacity-0",
435
368
  "top-1/2",
436
369
  "left-1/2",
@@ -460,12 +393,7 @@ var SwitchV2 = {
460
393
  "variant": ["inherit"],
461
394
  "color": ["inherit"]
462
395
  },
463
- "SpringMotionConfig": {
464
- "layoutVariant": ["bouncy"],
465
- "layoutSpeed": ["4"]
466
- },
467
- "RootElement": { "data-testid": ["switch-root"] },
468
- "MotionBox": { "layout": ["position"] }
396
+ "RootElement": { "data-testid": ["container"] }
469
397
  },
470
398
  "propToVariantKeys": {
471
399
  "size": [
@@ -476,64 +404,10 @@ var SwitchV2 = {
476
404
  ],
477
405
  "onIcon": ["icon"],
478
406
  "offIcon": ["icon"],
479
- "reduceMotion": ["reducedMotion"],
480
- "isOn": ["layoutDependency"]
407
+ "reduceMotion": ["reducedMotion"]
481
408
  },
482
409
  "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
483
410
  };
484
- var Tabs = {
485
- "name": "Tabs",
486
- "defaultProps": {},
487
- "getStylesLiterals": {
488
- "display": "flex",
489
- "flexDirection": "row",
490
- "columnGap": "6"
491
- },
492
- "cxLiterals": [
493
- "text-tertiary",
494
- "border-b-transparent",
495
- "aria-selected:border-b-brand",
496
- "aria-selected:text-secondary"
497
- ],
498
- "internalComponents": [
499
- "TabProvider",
500
- "OriginalTabList",
501
- "OriginalTab",
502
- "Icon",
503
- "OriginalTabPanel",
504
- "Pressable",
505
- "Comp",
506
- "Text"
507
- ],
508
- "internalComponentProps": {
509
- "Icon": {
510
- "className": ["text-current"],
511
- "size": ["md"]
512
- },
513
- "Pressable": {
514
- "borderBottomWidth": ["medium"],
515
- "spacingBottom": ["1"],
516
- "spacingTop": ["4"]
517
- },
518
- "Text": {
519
- "className": ["text-current"],
520
- "variant": ["headline1"],
521
- "as": ["span"]
522
- }
523
- },
524
- "propToVariantKeys": {},
525
- "motionVarPrefixes": []
526
- };
527
- var AnimateHeightChange = {
528
- "name": "AnimateHeightChange",
529
- "defaultProps": {},
530
- "getStylesLiterals": {},
531
- "cxLiterals": [],
532
- "internalComponents": ["SpringMotionConfig"],
533
- "internalComponentProps": { "SpringMotionConfig": { "layoutSpeed": ["4"] } },
534
- "propToVariantKeys": { "reduceMotion": ["reducedMotion"] },
535
- "motionVarPrefixes": ["--uds-motion-subtle-4-", "--uds-motion-smooth-3-"]
536
- };
537
411
  var Badge = {
538
412
  "name": "Badge",
539
413
  "defaultProps": {
@@ -559,318 +433,471 @@ var Badge = {
559
433
  },
560
434
  "motionVarPrefixes": []
561
435
  };
562
- var Button = {
563
- "name": "Button",
564
- "defaultProps": { "type": "button" },
436
+ var AnimateHeightChange = {
437
+ "name": "AnimateHeightChange",
438
+ "defaultProps": {},
439
+ "getStylesLiterals": {},
440
+ "cxLiterals": [],
441
+ "internalComponents": ["SpringMotionConfig"],
442
+ "internalComponentProps": { "SpringMotionConfig": { "layoutSpeed": ["4"] } },
443
+ "propToVariantKeys": { "reduceMotion": ["reducedMotion"] },
444
+ "motionVarPrefixes": ["--uds-motion-subtle-4-", "--uds-motion-smooth-3-"]
445
+ };
446
+ var Pressable = {
447
+ "name": "Pressable",
448
+ "defaultProps": {},
449
+ "getStylesLiterals": {},
450
+ "cxLiterals": [],
451
+ "internalComponents": ["Comp"],
452
+ "internalComponentProps": {},
453
+ "propToVariantKeys": {},
454
+ "motionVarPrefixes": []
455
+ };
456
+ var Menu_Item = {
457
+ "name": "Menu.Item",
458
+ "defaultProps": {},
459
+ "getStylesLiterals": {
460
+ "menuitemItemVariantRoot": "default",
461
+ "menuitemItemVariantActiveRoot": "on",
462
+ "menuitemItemVariantActiveRoot:1": "off",
463
+ "menuitemItemVariantText": "default",
464
+ "menuitemItemVariantActiveText": "on",
465
+ "menuitemItemVariantActiveText:1": "off",
466
+ "menuitemItemVariantIcon": "default",
467
+ "menuitemItemVariantActiveIcon": "on",
468
+ "menuitemItemVariantActiveIcon:1": "off"
469
+ },
470
+ "cxLiterals": [],
471
+ "internalComponents": ["MenuItemBase"],
472
+ "internalComponentProps": {},
473
+ "propToVariantKeys": {},
474
+ "motionVarPrefixes": []
475
+ };
476
+ var Menu_Provider = {
477
+ "name": "Menu.Provider",
478
+ "defaultProps": {},
565
479
  "getStylesLiterals": {},
480
+ "cxLiterals": [],
481
+ "internalComponents": ["AriakitMenuProvider", "SpringMotionConfig"],
482
+ "internalComponentProps": {},
483
+ "propToVariantKeys": {},
484
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
485
+ };
486
+ var Menu_ItemBase = {
487
+ "name": "Menu.ItemBase",
488
+ "defaultProps": {
489
+ "spacing": "0",
490
+ "spacingHorizontal": "4",
491
+ "spacingVertical": "3.5",
492
+ "columnGap": "2",
493
+ "alignItems": "center",
494
+ "justifyContent": "space-between"
495
+ },
496
+ "getStylesLiterals": {
497
+ "textAlign": "start",
498
+ "menuitemSizeRoot": "default",
499
+ "flexDirection": "row",
500
+ "menuitemSizeStartIcon": "default",
501
+ "menuitemSizeEndIcon": "default"
502
+ },
566
503
  "cxLiterals": [
504
+ "flex",
505
+ "focus-visible:text-brand",
506
+ "focus-visible:bg-brand-secondary",
507
+ "focus-visible:z-10",
567
508
  "uds-ring",
568
- "uds-hit-target",
569
- "inline-flex",
570
- "overflow-hidden",
571
- "justify-center",
572
- "items-center",
573
- "whitespace-nowrap",
574
- "select-none",
575
- "[transform-origin:center]",
576
- "[backface-visibility:hidden]",
577
- "[transition-property:color,background-color,border-color,box-shadow,text-decoration-color,fill,stroke]",
578
- "[transition-timing-function:cubic-bezier(0,0,0.2,1)]",
579
- "[transition-duration:220ms]",
509
+ "!-outline-offset-2",
510
+ "[&:not([aria-checked])]:cursor-default",
511
+ "opacity-25",
580
512
  "cursor-not-allowed",
581
- "uds-button-loading",
582
- "uds-button-without-effects",
583
- "withIcon",
584
- "uds-button-with-gap",
585
- "animate-spin",
586
- "truncate"
513
+ "duration-20",
514
+ "transition-[font-variation-settings]",
515
+ "ease-in-out",
516
+ "z-0"
587
517
  ],
588
518
  "internalComponents": [
589
- "Icon",
519
+ "Pressable",
590
520
  "IconSlot",
591
- "AnimatePresence",
592
- "SpringMotionConfig",
593
- "MotionSlot"
521
+ "RootComponent",
522
+ "HStack",
523
+ "AnimatePresence"
594
524
  ],
595
525
  "internalComponentProps": {
596
- "Icon": { "color": ["current"] },
597
- "AnimatePresence": { "mode": ["popLayout"] },
598
- "SpringMotionConfig": { "layoutSpeed": ["3"] },
599
- "MotionSlot": {
600
- "whileHover": ["hover"],
601
- "whileTap": ["pressed"]
602
- }
526
+ "HStack": {
527
+ "alignItems": ["center"],
528
+ "width": ["full"]
529
+ },
530
+ "AnimatePresence": { "mode": ["popLayout"] }
603
531
  },
604
532
  "propToVariantKeys": {
605
- "size": ["buttonSizeRoot", "buttonSizeIcon"],
606
- "variant": ["buttonVariantRoot", "buttonVariantIcon"],
607
- "iconVariant": ["variant"],
608
533
  "startIcon": ["icon"],
609
- "endIcon": ["icon"]
534
+ "endIcon": ["icon"],
535
+ "columnGap": ["gap"]
610
536
  },
611
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
537
+ "motionVarPrefixes": []
612
538
  };
613
- var Checkbox = {
614
- "name": "Checkbox",
539
+ var Menu_Trigger = {
540
+ "name": "Menu.Trigger",
541
+ "defaultProps": {},
542
+ "getStylesLiterals": {},
543
+ "cxLiterals": ["uds-menu-trigger"],
544
+ "internalComponents": ["AriakitMenuTrigger", "Box"],
545
+ "internalComponentProps": { "Box": { "className": ["uds-ring h-fit w-fit"] } },
546
+ "propToVariantKeys": {},
547
+ "motionVarPrefixes": []
548
+ };
549
+ var Menu_Content = {
550
+ "name": "Menu.Content",
615
551
  "defaultProps": {
616
- "labelPosition": "start",
617
- "variant": "primary",
618
- "size": "md"
619
- },
620
- "getStylesLiterals": {
621
- "display": "flex",
622
- "flexDirection": "row",
623
- "flexDirection:1": "row-reverse",
624
- "alignItems": "center"
552
+ "size": "default",
553
+ "variant": "default",
554
+ "gutter": "1"
625
555
  },
556
+ "getStylesLiterals": {},
626
557
  "cxLiterals": [
627
- "cursor-pointer",
628
- "cursor-default",
629
- "opacity-50",
558
+ "uds-menu-content",
559
+ "transition-shadow",
560
+ "duration-200",
561
+ "ease-in-out",
562
+ "min-w-60",
563
+ "max-w-lg",
564
+ "max-h-96",
565
+ "overflow-auto",
630
566
  "uds-ring",
631
- "uds-ring-within",
632
- "transition-[background-color,border-color,box-shadow]",
633
- "pointer-events-none",
634
- "transition-opacity",
635
- "cursor-[inherit]",
636
- "absolute",
637
- "opacity-0",
638
- "top-1/2",
639
- "left-1/2",
640
- "w-[calc(100%+2px)]",
641
- "h-[calc(100%+2px)]",
642
- "transform",
643
- "translate-x-[-50%]",
644
- "translate-y-[-50%]",
645
- "text-start",
646
- "text-end"
567
+ "z-10",
568
+ "group"
647
569
  ],
648
570
  "internalComponents": [
649
- "Icon",
650
- "FormLabel",
651
- "SpringMotionConfig",
652
- "RootElement",
653
- "MotionBox"
571
+ "AriakitMenu",
572
+ "AnimatePresence",
573
+ "MotionVStack"
654
574
  ],
655
- "internalComponentProps": {
656
- "Icon": { "size": ["sm"] },
657
- "FormLabel": {
658
- "as": ["div"],
659
- "variant": ["inherit"],
660
- "color": ["inherit"]
661
- },
662
- "RootElement": { "data-testid": ["container"] },
663
- "MotionBox": {
664
- "position": ["relative"],
665
- "alignItems": ["center"],
666
- "justifyContent": ["center"],
667
- "flex": ["none"]
668
- }
669
- },
575
+ "internalComponentProps": {},
670
576
  "propToVariantKeys": {
671
- "size": ["checkboxSizeRoot", "checkboxSizeCheckbox"],
672
- "variant": [
673
- "checkboxVariantRoot",
674
- "checkboxVariantCheckbox",
675
- "checkboxVariantCheckboxIcon"
676
- ],
677
- "valueState": [
678
- "checkboxVariantValueRoot",
679
- "checkboxVariantValueCheckbox",
680
- "checkboxVariantValueCheckboxIcon"
681
- ],
682
- "reduceMotion": ["reducedMotion"]
577
+ "size": ["menucontentSizeRoot"],
578
+ "variant": ["menucontentVariantRoot"]
683
579
  },
684
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
580
+ "motionVarPrefixes": []
685
581
  };
686
- var IconButton = {
687
- "name": "IconButton",
688
- "defaultProps": { "type": "button" },
689
- "getStylesLiterals": {},
690
- "cxLiterals": [
691
- "uds-ring",
692
- "uds-hit-target",
693
- "inline-flex",
694
- "overflow-hidden",
695
- "justify-center",
696
- "items-center",
697
- "[transform-origin:center]",
698
- "[backface-visibility:hidden]",
699
- "[transition-property:color,background-color,border-color,",
700
- "box-shadow,text-decoration-color,fill,stroke]",
701
- "[transition-timing-function:cubic-bezier(0,0,0.2,1)]",
702
- "[transition-duration:220ms]",
703
- "cursor-not-allowed",
704
- "uds-button-loading",
705
- "uds-button-without-effects",
706
- "animate-spin"
707
- ],
708
- "internalComponents": [
709
- "Icon",
710
- "SpringMotionConfig",
711
- "AnimatePresence"
712
- ],
713
- "internalComponentProps": {
714
- "Icon": { "color": ["current"] },
715
- "SpringMotionConfig": { "layoutSpeed": ["3"] },
716
- "AnimatePresence": { "mode": ["popLayout"] }
582
+ var Menu_Divider = {
583
+ "name": "Menu.Divider",
584
+ "defaultProps": {
585
+ "role": "separator",
586
+ "contentPosition": "start",
587
+ "gap": "4"
717
588
  },
718
- "propToVariantKeys": {
719
- "size": ["iconbuttonSizeRoot", "iconbuttonSizeIcon"],
720
- "variant": ["buttonVariantRoot", "buttonVariantIcon"],
721
- "iconVariant": ["variant"]
589
+ "getStylesLiterals": {
590
+ "menuitemDividerVariantRoot": "default",
591
+ "menuitemDividerVariantText": "default",
592
+ "menuitemDividerVariantLine": "default"
722
593
  },
723
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
724
- };
725
- var Pressable = {
726
- "name": "Pressable",
727
- "defaultProps": {},
728
- "getStylesLiterals": {},
729
594
  "cxLiterals": [],
730
- "internalComponents": ["Comp"],
731
- "internalComponentProps": {},
595
+ "internalComponents": ["DividerInternal"],
596
+ "internalComponentProps": { "DividerInternal": { "variant": ["inherit"] } },
732
597
  "propToVariantKeys": {},
733
598
  "motionVarPrefixes": []
734
599
  };
735
- var SpringMotionConfig = {
736
- "name": "SpringMotionConfig",
737
- "defaultProps": { "reducedMotion": "user" },
600
+ var Menu = {
601
+ "name": "Menu",
602
+ "defaultProps": {},
738
603
  "getStylesLiterals": {},
739
604
  "cxLiterals": [],
740
- "internalComponents": ["LazyMotion", "MotionConfig"],
605
+ "internalComponents": [],
741
606
  "internalComponentProps": {},
742
- "propToVariantKeys": { "loadFeatures": ["features"] },
607
+ "propToVariantKeys": {},
743
608
  "motionVarPrefixes": []
744
609
  };
745
- var Switch = {
746
- "name": "Switch",
747
- "defaultProps": {
748
- "labelPosition": "start",
749
- "size": "md"
750
- },
610
+ var Menu_ItemCheckbox = {
611
+ "name": "Menu.ItemCheckbox",
612
+ "defaultProps": {},
751
613
  "getStylesLiterals": {
752
- "switchVariantRoot": "default",
753
- "switchVariantActiveRoot": "on",
754
- "switchVariantActiveRoot:1": "off",
755
- "display": "flex",
756
- "flexDirection": "row",
757
- "flexDirection:1": "row-reverse",
758
- "alignItems": "center",
759
- "switchVariantSwitch": "default",
760
- "switchVariantActiveSwitch": "on",
761
- "switchVariantActiveSwitch:1": "off",
762
- "borderRadius": "full",
763
- "position": "relative",
764
- "switchVariantActiveHandle": "on",
765
- "switchVariantActiveHandle:1": "off",
766
- "switchVariantHandle": "default",
767
- "switchVariantHandleIcon": "default",
768
- "switchVariantActiveHandleIcon": "on",
769
- "switchVariantActiveHandleIcon:1": "off"
770
- },
771
- "cxLiterals": [
772
- "group",
773
- "cursor-pointer",
774
- "cursor-default",
775
- "opacity-50",
776
- "uds-ring",
777
- "uds-ring-within",
778
- "transition-[background-color,box-shadow]",
779
- "relative",
780
- "pointer-events-none",
781
- "uds-border-radius-full",
782
- "overflow-hidden",
783
- "absolute",
784
- "top-0",
785
- "left-0",
786
- "right-0",
787
- "bottom-0",
788
- "opacity-95",
789
- "group-hover:opacity-100",
790
- "transition-[background-color,box-shadow,opacity]",
791
- "opacity-0",
792
- "top-1/2",
793
- "left-1/2",
794
- "transform",
795
- "translate-x-[-50%]",
796
- "translate-y-[-50%]",
797
- "transition-opacity",
798
- "cursor-[inherit]",
799
- "w-[calc(100%+2px)]",
800
- "h-[calc(100%+2px)]",
801
- "text-start",
802
- "text-end",
803
- "opacity-100"
804
- ],
805
- "internalComponents": [
806
- "IconSlot",
807
- "Box",
808
- "FormLabel",
809
- "SpringMotionConfig",
810
- "RootElement",
811
- "MotionBox"
812
- ],
813
- "internalComponentProps": {
814
- "IconSlot": { "data-testid": ["on-icon", "off-icon"] },
815
- "FormLabel": {
816
- "as": ["div"],
817
- "variant": ["inherit"],
818
- "color": ["inherit"]
819
- },
820
- "RootElement": { "data-testid": ["container"] }
821
- },
822
- "propToVariantKeys": {
823
- "size": [
824
- "switchSizeRoot",
825
- "switchSizeSwitch",
826
- "switchSizeHandle",
827
- "switchSizeHandleIcon"
828
- ],
829
- "onIcon": ["icon"],
830
- "offIcon": ["icon"],
831
- "reduceMotion": ["reducedMotion"]
614
+ "menuitemItemCheckboxVariantRoot": "default",
615
+ "menuitemItemCheckboxVariantActiveRoot": "on",
616
+ "menuitemItemCheckboxVariantActiveRoot:1": "off",
617
+ "menuitemItemCheckboxVariantText": "default",
618
+ "menuitemItemCheckboxVariantActiveText": "on",
619
+ "menuitemItemCheckboxVariantActiveText:1": "off",
620
+ "menuitemItemCheckboxVariantStartIcon": "default",
621
+ "menuitemItemCheckboxVariantActiveStartIcon": "on",
622
+ "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
623
+ "menuitemItemCheckboxVariantEndIcon": "default",
624
+ "menuitemItemCheckboxVariantActiveEndIcon": "on",
625
+ "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
832
626
  },
833
- "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
834
- };
835
- var UDSBreakpointsConfigProvider = {
836
- "name": "UDSBreakpointsConfigProvider",
837
- "defaultProps": {},
838
- "getStylesLiterals": {},
839
- "cxLiterals": [],
840
- "internalComponents": ["UDSBreakpointsConfigContext.Provider"],
627
+ "cxLiterals": ["uds-menu-item-checkbox"],
628
+ "internalComponents": ["MenuItemBase"],
841
629
  "internalComponentProps": {},
842
630
  "propToVariantKeys": {},
843
631
  "motionVarPrefixes": []
844
632
  };
845
- var UDSConfigProvider = {
846
- "name": "UDSConfigProvider",
633
+ var ChipLink = {
634
+ "name": "ChipLink",
847
635
  "defaultProps": {},
848
636
  "getStylesLiterals": {},
849
- "cxLiterals": [],
850
- "internalComponents": [
851
- "UDSBreakpointsConfigProvider",
852
- "UDSToastConfigProvider",
853
- "UDSTooltipConfigProvider"
854
- ],
855
- "internalComponentProps": {},
856
- "propToVariantKeys": {},
637
+ "cxLiterals": ["uds-ring"],
638
+ "internalComponents": ["ChipBase"],
639
+ "internalComponentProps": { "ChipBase": { "as": ["a"] } },
640
+ "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
857
641
  "motionVarPrefixes": []
858
642
  };
859
- var Tooltip = {
860
- "name": "Tooltip",
643
+ var ChipDismissible = {
644
+ "name": "ChipDismissible",
861
645
  "defaultProps": {},
862
646
  "getStylesLiterals": {},
863
- "cxLiterals": [],
864
- "internalComponents": ["TooltipInternalContext.Provider", "TooltipProvider"],
647
+ "cxLiterals": ["uds-chip-dismissible-button", "uds-hit-target"],
648
+ "internalComponents": [
649
+ "ChipBase",
650
+ "IconSlot",
651
+ "Pressable"
652
+ ],
865
653
  "internalComponentProps": {},
866
- "propToVariantKeys": {},
654
+ "propToVariantKeys": {
655
+ "variant": ["chipDismissibleVariantRoot", "chipDismissibleVariantIcon"],
656
+ "dismissButtonAriaLabel": ["aria-label"]
657
+ },
867
658
  "motionVarPrefixes": []
868
659
  };
869
- var TooltipContent = {
870
- "name": "TooltipContent",
871
- "defaultProps": {},
660
+ var ChipToggle = {
661
+ "name": "ChipToggle",
662
+ "defaultProps": { "role": "checkbox" },
872
663
  "getStylesLiterals": {
873
- "tooltipSizeRoot": "default",
664
+ "chipToggleVariantActiveRoot": "on",
665
+ "chipToggleVariantActiveRoot:1": "off"
666
+ },
667
+ "cxLiterals": ["uds-ring"],
668
+ "internalComponents": ["ChipBase"],
669
+ "internalComponentProps": { "ChipBase": { "as": ["button"] } },
670
+ "propToVariantKeys": { "variant": ["chipToggleVariantRoot", "chipToggleVariantIcon"] },
671
+ "motionVarPrefixes": []
672
+ };
673
+ var Chip = {
674
+ "name": "Chip",
675
+ "defaultProps": {},
676
+ "getStylesLiterals": {},
677
+ "cxLiterals": [],
678
+ "internalComponents": [
679
+ "ChipDismissible",
680
+ "ChipToggle",
681
+ "ChipLink",
682
+ "ChipButton"
683
+ ],
684
+ "internalComponentProps": {},
685
+ "propToVariantKeys": {},
686
+ "motionVarPrefixes": []
687
+ };
688
+ var ChipBase = {
689
+ "name": "ChipBase",
690
+ "defaultProps": { "as": "div" },
691
+ "getStylesLiterals": {},
692
+ "cxLiterals": [
693
+ "pointer-events-none",
694
+ "cursor-default",
695
+ "opacity-50",
696
+ "inline-flex",
697
+ "items-center",
698
+ "transition-[background-color,outline-color,box-shadow]",
699
+ "truncate",
700
+ "whitespace-nowrap",
701
+ "text-center",
702
+ "flex-1"
703
+ ],
704
+ "internalComponents": [
705
+ "IconSlot",
706
+ "HStack",
707
+ "As",
708
+ "Text"
709
+ ],
710
+ "internalComponentProps": { "Text": {
711
+ "as": ["span"],
712
+ "color": ["current"],
713
+ "variant": ["inherit"]
714
+ } },
715
+ "propToVariantKeys": {
716
+ "size": ["chipSizeRoot", "chipSizeIcon"],
717
+ "startIcon": ["icon"],
718
+ "endIcon": ["icon"]
719
+ },
720
+ "motionVarPrefixes": []
721
+ };
722
+ var ChipButton = {
723
+ "name": "ChipButton",
724
+ "defaultProps": {},
725
+ "getStylesLiterals": {},
726
+ "cxLiterals": ["uds-ring"],
727
+ "internalComponents": ["ChipBase"],
728
+ "internalComponentProps": { "ChipBase": { "as": ["button"] } },
729
+ "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
730
+ "motionVarPrefixes": []
731
+ };
732
+ var UDSConfigProvider = {
733
+ "name": "UDSConfigProvider",
734
+ "defaultProps": {},
735
+ "getStylesLiterals": {},
736
+ "cxLiterals": [],
737
+ "internalComponents": [
738
+ "UDSBreakpointsConfigProvider",
739
+ "UDSToastConfigProvider",
740
+ "UDSTooltipConfigProvider"
741
+ ],
742
+ "internalComponentProps": {},
743
+ "propToVariantKeys": {},
744
+ "motionVarPrefixes": []
745
+ };
746
+ var UDSBreakpointsConfigProvider = {
747
+ "name": "UDSBreakpointsConfigProvider",
748
+ "defaultProps": {},
749
+ "getStylesLiterals": {},
750
+ "cxLiterals": [],
751
+ "internalComponents": ["UDSBreakpointsConfigContext.Provider"],
752
+ "internalComponentProps": {},
753
+ "propToVariantKeys": {},
754
+ "motionVarPrefixes": []
755
+ };
756
+ var Input = {
757
+ "name": "Input",
758
+ "defaultProps": {
759
+ "type": "text",
760
+ "size": "md",
761
+ "width": "full"
762
+ },
763
+ "getStylesLiterals": {
764
+ "inputVariantRoot": "default",
765
+ "inputVariantValueRoot": "empty",
766
+ "inputVariantValueRoot:1": "filled",
767
+ "inputVariantInputWrapper": "default",
768
+ "inputVariantValueInputWrapper": "empty",
769
+ "inputVariantValueInputWrapper:1": "filled",
770
+ "inputVariantInput": "default",
771
+ "inputVariantValueInput": "empty",
772
+ "inputVariantValueInput:1": "filled",
773
+ "inputVariantInputPlaceholder": "default",
774
+ "inputVariantValueInputPlaceholder": "empty",
775
+ "inputVariantValueInputPlaceholder:1": "filled",
776
+ "inputVariantLabel": "default",
777
+ "inputVariantValueLabel": "empty",
778
+ "inputVariantValueLabel:1": "filled",
779
+ "inputVariantLabelRequired": "default",
780
+ "inputVariantValueLabelRequired": "empty",
781
+ "inputVariantValueLabelRequired:1": "filled",
782
+ "inputVariantStartIcon": "default",
783
+ "inputVariantValueStartIcon": "empty",
784
+ "inputVariantValueStartIcon:1": "filled",
785
+ "inputVariantEndIcon": "default",
786
+ "inputVariantValueEndIcon": "empty",
787
+ "inputVariantValueEndIcon:1": "filled"
788
+ },
789
+ "cxLiterals": [
790
+ "opacity-50",
791
+ "min-w-[200px]",
792
+ "grow",
793
+ "uds-hit-target",
794
+ "bg-clip-text",
795
+ "focus:outline-none",
796
+ "cursor-text",
797
+ "cursor-not-allowed"
798
+ ],
799
+ "internalComponents": [
800
+ "IconSlot",
801
+ "StartIcon",
802
+ "EndIcon",
803
+ "HelpTextContent",
804
+ "Box",
805
+ "InputHelpTextInternal",
806
+ "VStack",
807
+ "HStack",
808
+ "AnimateHeightChange"
809
+ ],
810
+ "internalComponentProps": {
811
+ "HelpTextContent": { "spacingTop": ["2"] },
812
+ "Box": {
813
+ "spacingBottom": ["2"],
814
+ "columnGap": ["0.5"],
815
+ "alignItems": ["flex-end", "center"],
816
+ "position": ["relative"]
817
+ },
818
+ "HStack": {
819
+ "alignItems": ["center"],
820
+ "gap": ["1"]
821
+ }
822
+ },
823
+ "propToVariantKeys": {
824
+ "size": [
825
+ "inputSizeRoot",
826
+ "inputSizeInputWrapper",
827
+ "inputSizeInput",
828
+ "inputSizeLabel",
829
+ "inputSizeStartIcon",
830
+ "inputSizeEndIcon"
831
+ ],
832
+ "startIcon": ["icon"],
833
+ "endIcon": ["icon"],
834
+ "helperTextIcon": ["startIcon"]
835
+ },
836
+ "motionVarPrefixes": []
837
+ };
838
+ var InputHelpText = {
839
+ "name": "InputHelpText",
840
+ "defaultProps": { "size": "md" },
841
+ "getStylesLiterals": {
842
+ "inputVariantRoot": "default",
843
+ "inputVariantValueRoot": "empty",
844
+ "inputVariantValueRoot:1": "filled"
845
+ },
846
+ "cxLiterals": [],
847
+ "internalComponents": ["InputHelpTextInternal", "Box"],
848
+ "internalComponentProps": { "Box": { "spacingTop": ["2"] } },
849
+ "propToVariantKeys": { "size": ["inputSizeRoot"] },
850
+ "motionVarPrefixes": []
851
+ };
852
+ var InputHelpTextInternal = {
853
+ "name": "InputHelpTextInternal",
854
+ "defaultProps": {},
855
+ "getStylesLiterals": {
856
+ "inputVariantHelperText": "default",
857
+ "inputVariantValueHelperText": "empty",
858
+ "inputVariantValueHelperText:1": "filled",
859
+ "inputVariantHelperIcon": "default",
860
+ "inputVariantValueHelperIcon": "empty",
861
+ "inputVariantValueHelperIcon:1": "filled"
862
+ },
863
+ "cxLiterals": [],
864
+ "internalComponents": ["IconSlot", "HStack"],
865
+ "internalComponentProps": { "HStack": {
866
+ "gap": ["1"],
867
+ "alignItems": ["center"]
868
+ } },
869
+ "propToVariantKeys": {
870
+ "size": ["inputSizeHelperText", "inputSizeHelperIcon"],
871
+ "startIcon": ["icon"],
872
+ "endIcon": ["icon"]
873
+ },
874
+ "motionVarPrefixes": []
875
+ };
876
+ var UDSTooltipConfigProvider = {
877
+ "name": "UDSTooltipConfigProvider",
878
+ "defaultProps": {},
879
+ "getStylesLiterals": {},
880
+ "cxLiterals": [],
881
+ "internalComponents": ["TooltipContext.Provider"],
882
+ "internalComponentProps": {},
883
+ "propToVariantKeys": {},
884
+ "motionVarPrefixes": []
885
+ };
886
+ var TooltipTrigger = {
887
+ "name": "TooltipTrigger",
888
+ "defaultProps": {},
889
+ "getStylesLiterals": {},
890
+ "cxLiterals": [],
891
+ "internalComponents": ["TooltipAnchor"],
892
+ "internalComponentProps": { "TooltipAnchor": { "className": ["inline"] } },
893
+ "propToVariantKeys": { "children": ["render"] },
894
+ "motionVarPrefixes": []
895
+ };
896
+ var TooltipContent = {
897
+ "name": "TooltipContent",
898
+ "defaultProps": {},
899
+ "getStylesLiterals": {
900
+ "tooltipSizeRoot": "default",
874
901
  "tooltipVariantRoot": "default",
875
902
  "tooltipSizeSvg": "default",
876
903
  "tooltipVariantSvg": "default",
@@ -917,105 +944,37 @@ var TooltipContent = {
917
944
  "propToVariantKeys": { "startTitleIcon": ["icon"] },
918
945
  "motionVarPrefixes": []
919
946
  };
920
- var TooltipTrigger = {
921
- "name": "TooltipTrigger",
947
+ var Tooltip = {
948
+ "name": "Tooltip",
922
949
  "defaultProps": {},
923
950
  "getStylesLiterals": {},
924
951
  "cxLiterals": [],
925
- "internalComponents": ["TooltipAnchor"],
926
- "internalComponentProps": { "TooltipAnchor": { "className": ["inline"] } },
927
- "propToVariantKeys": { "children": ["render"] },
952
+ "internalComponents": ["TooltipInternalContext.Provider", "TooltipProvider"],
953
+ "internalComponentProps": {},
954
+ "propToVariantKeys": {},
928
955
  "motionVarPrefixes": []
929
956
  };
930
- var UDSTooltipConfigProvider = {
931
- "name": "UDSTooltipConfigProvider",
957
+ var RadioGroupStore = {
958
+ "name": "RadioGroupStore",
932
959
  "defaultProps": {},
933
960
  "getStylesLiterals": {},
934
961
  "cxLiterals": [],
935
- "internalComponents": ["TooltipContext.Provider"],
962
+ "internalComponents": [],
936
963
  "internalComponentProps": {},
937
964
  "propToVariantKeys": {},
938
965
  "motionVarPrefixes": []
939
966
  };
940
- var Toast = {
941
- "name": "Toast",
942
- "defaultProps": {},
943
- "getStylesLiterals": {
944
- "className": "flex-none",
945
- "spacing": "2",
946
- "borderRadius": "full"
947
- },
948
- "cxLiterals": [
949
- "transition-[background-color]",
950
- "bg-carbon-15/0",
951
- "hover:bg-carbon-15/10",
952
- "active:bg-carbon-15/15"
953
- ],
954
- "internalComponents": [
955
- "IconSlot",
956
- "ToastContainer",
957
- "Text",
958
- "Button",
959
- "Pressable"
960
- ],
961
- "internalComponentProps": {},
962
- "propToVariantKeys": {
963
- "size": [
964
- "toastSizeLabel",
965
- "toastSizeIcon",
966
- "toastSizeActionButton",
967
- "toastSizeCloseIcon"
968
- ],
969
- "variant": [
970
- "toastVariantIcon",
971
- "toastVariantActionButton",
972
- "toastVariantCloseIcon"
973
- ],
974
- "closeIcon": ["icon"],
975
- "onClickActionButton": ["onClick"]
976
- },
977
- "motionVarPrefixes": []
978
- };
979
- var ToastContainer = {
980
- "name": "ToastContainer",
981
- "defaultProps": {},
982
- "getStylesLiterals": {
983
- "position": "relative",
984
- "alignItems": "center",
985
- "display": "flex",
986
- "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
987
- },
988
- "cxLiterals": ["w-full"],
989
- "internalComponents": ["HStack"],
990
- "internalComponentProps": { "HStack": {
991
- "alignItems": ["center"],
992
- "justifyContent": ["space-between"],
993
- "overflow": ["hidden"],
994
- "position": ["relative"]
995
- } },
996
- "propToVariantKeys": {
997
- "variant": ["toastVariantRoot"],
998
- "size": ["toastSizeRoot"]
999
- },
1000
- "motionVarPrefixes": []
1001
- };
1002
- var ToastPortal = {
1003
- "name": "ToastPortal",
1004
- "defaultProps": {},
1005
- "getStylesLiterals": {},
1006
- "cxLiterals": [],
1007
- "internalComponents": ["ReactToastifyToastContainer"],
1008
- "internalComponentProps": {},
1009
- "propToVariantKeys": {},
1010
- "motionVarPrefixes": []
1011
- };
1012
- var UDSToastConfigProvider = {
1013
- "name": "UDSToastConfigProvider",
967
+ var RadioGroupProvider = {
968
+ "name": "RadioGroupProvider",
1014
969
  "defaultProps": {},
1015
970
  "getStylesLiterals": {},
1016
971
  "cxLiterals": [],
1017
- "internalComponents": ["ToastContext.Provider"],
1018
- "internalComponentProps": {},
972
+ "internalComponents": [
973
+ "DivProps",
974
+ "Comp",
975
+ "RadioGroupContext.Provider"
976
+ ],
977
+ "internalComponentProps": { "Comp": { "role": ["radiogroup"] } },
1019
978
  "propToVariantKeys": {},
1020
979
  "motionVarPrefixes": []
1021
980
  };
@@ -1099,199 +1058,278 @@ var Radio = {
1099
1058
  },
1100
1059
  "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1101
1060
  };
1102
- var RadioGroupProvider = {
1103
- "name": "RadioGroupProvider",
1061
+ var UDSToastConfigProvider = {
1062
+ "name": "UDSToastConfigProvider",
1104
1063
  "defaultProps": {},
1105
1064
  "getStylesLiterals": {},
1106
1065
  "cxLiterals": [],
1066
+ "internalComponents": ["ToastContext.Provider"],
1067
+ "internalComponentProps": {},
1068
+ "propToVariantKeys": {},
1069
+ "motionVarPrefixes": []
1070
+ };
1071
+ var Toast = {
1072
+ "name": "Toast",
1073
+ "defaultProps": {},
1074
+ "getStylesLiterals": {
1075
+ "className": "flex-none",
1076
+ "spacing": "2",
1077
+ "borderRadius": "full"
1078
+ },
1079
+ "cxLiterals": [
1080
+ "transition-[background-color]",
1081
+ "bg-carbon-15/0",
1082
+ "hover:bg-carbon-15/10",
1083
+ "active:bg-carbon-15/15"
1084
+ ],
1107
1085
  "internalComponents": [
1108
- "DivProps",
1109
- "Comp",
1110
- "RadioGroupContext.Provider"
1086
+ "IconSlot",
1087
+ "ToastContainer",
1088
+ "Text",
1089
+ "Button",
1090
+ "Pressable"
1111
1091
  ],
1112
- "internalComponentProps": { "Comp": { "role": ["radiogroup"] } },
1113
- "propToVariantKeys": {},
1092
+ "internalComponentProps": {},
1093
+ "propToVariantKeys": {
1094
+ "size": [
1095
+ "toastSizeLabel",
1096
+ "toastSizeIcon",
1097
+ "toastSizeActionButton",
1098
+ "toastSizeCloseIcon"
1099
+ ],
1100
+ "variant": [
1101
+ "toastVariantIcon",
1102
+ "toastVariantActionButton",
1103
+ "toastVariantCloseIcon"
1104
+ ],
1105
+ "closeIcon": ["icon"],
1106
+ "onClickActionButton": ["onClick"]
1107
+ },
1114
1108
  "motionVarPrefixes": []
1115
1109
  };
1116
- var RadioGroupStore = {
1117
- "name": "RadioGroupStore",
1110
+ var ToastContainer = {
1111
+ "name": "ToastContainer",
1112
+ "defaultProps": {},
1113
+ "getStylesLiterals": {
1114
+ "position": "relative",
1115
+ "alignItems": "center",
1116
+ "display": "flex",
1117
+ "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
1118
+ },
1119
+ "cxLiterals": ["w-full"],
1120
+ "internalComponents": ["HStack"],
1121
+ "internalComponentProps": { "HStack": {
1122
+ "alignItems": ["center"],
1123
+ "justifyContent": ["space-between"],
1124
+ "overflow": ["hidden"],
1125
+ "position": ["relative"]
1126
+ } },
1127
+ "propToVariantKeys": {
1128
+ "variant": ["toastVariantRoot"],
1129
+ "size": ["toastSizeRoot"]
1130
+ },
1131
+ "motionVarPrefixes": []
1132
+ };
1133
+ var ToastPortal = {
1134
+ "name": "ToastPortal",
1118
1135
  "defaultProps": {},
1119
1136
  "getStylesLiterals": {},
1120
1137
  "cxLiterals": [],
1121
- "internalComponents": [],
1138
+ "internalComponents": ["ReactToastifyToastContainer"],
1122
1139
  "internalComponentProps": {},
1123
1140
  "propToVariantKeys": {},
1124
1141
  "motionVarPrefixes": []
1125
1142
  };
1126
- var Menu_Content = {
1127
- "name": "Menu.Content",
1128
- "defaultProps": {
1129
- "size": "default",
1130
- "variant": "default",
1131
- "gutter": "1"
1132
- },
1143
+ var AvatarImage = {
1144
+ "name": "AvatarImage",
1145
+ "defaultProps": {},
1133
1146
  "getStylesLiterals": {},
1134
1147
  "cxLiterals": [
1135
- "uds-menu-content",
1136
- "transition-shadow",
1137
- "duration-200",
1138
- "ease-in-out",
1139
- "min-w-60",
1140
- "max-w-lg",
1141
- "max-h-96",
1142
- "overflow-auto",
1143
- "uds-ring",
1144
- "z-10",
1145
- "group"
1148
+ "overflow-hidden",
1149
+ "w-full",
1150
+ "h-full",
1151
+ "shrink-0",
1152
+ "text-center",
1153
+ "inline-flex",
1154
+ "justify-center",
1155
+ "items-center",
1156
+ "object-cover"
1146
1157
  ],
1147
1158
  "internalComponents": [
1148
- "AriakitMenu",
1149
- "AnimatePresence",
1150
- "MotionVStack"
1159
+ "UDSImage",
1160
+ "AvatarText",
1161
+ "AvatarIcon",
1162
+ "Box"
1151
1163
  ],
1152
1164
  "internalComponentProps": {},
1153
1165
  "propToVariantKeys": {
1154
- "size": ["menucontentSizeRoot"],
1155
- "variant": ["menucontentVariantRoot"]
1166
+ "alt": ["name"],
1167
+ "fallback": ["initials"]
1156
1168
  },
1157
1169
  "motionVarPrefixes": []
1158
1170
  };
1159
- var Menu_Divider = {
1160
- "name": "Menu.Divider",
1161
- "defaultProps": {
1162
- "role": "separator",
1163
- "contentPosition": "start",
1164
- "gap": "4"
1165
- },
1166
- "getStylesLiterals": {
1167
- "menuitemDividerVariantRoot": "default",
1168
- "menuitemDividerVariantText": "default",
1169
- "menuitemDividerVariantLine": "default"
1170
- },
1171
- "cxLiterals": [],
1172
- "internalComponents": ["DividerInternal"],
1173
- "internalComponentProps": { "DividerInternal": { "variant": ["inherit"] } },
1171
+ var AvatarText = {
1172
+ "name": "AvatarText",
1173
+ "defaultProps": {},
1174
+ "getStylesLiterals": {},
1175
+ "cxLiterals": [
1176
+ "overflow-hidden",
1177
+ "truncate",
1178
+ "w-full",
1179
+ "h-full",
1180
+ "shrink-0",
1181
+ "text-center",
1182
+ "inline-flex",
1183
+ "justify-center",
1184
+ "items-center"
1185
+ ],
1186
+ "internalComponents": ["Box", "Text"],
1187
+ "internalComponentProps": { "Text": {
1188
+ "color": ["inherit"],
1189
+ "variant": ["inherit"]
1190
+ } },
1174
1191
  "propToVariantKeys": {},
1175
1192
  "motionVarPrefixes": []
1176
1193
  };
1177
- var Menu_Item = {
1178
- "name": "Menu.Item",
1194
+ var Avatar = {
1195
+ "name": "Avatar",
1179
1196
  "defaultProps": {},
1180
- "getStylesLiterals": {
1181
- "menuitemItemVariantRoot": "default",
1182
- "menuitemItemVariantActiveRoot": "on",
1183
- "menuitemItemVariantActiveRoot:1": "off",
1184
- "menuitemItemVariantText": "default",
1185
- "menuitemItemVariantActiveText": "on",
1186
- "menuitemItemVariantActiveText:1": "off",
1187
- "menuitemItemVariantIcon": "default",
1188
- "menuitemItemVariantActiveIcon": "on",
1189
- "menuitemItemVariantActiveIcon:1": "off"
1190
- },
1197
+ "getStylesLiterals": {},
1191
1198
  "cxLiterals": [],
1192
- "internalComponents": ["MenuItemBase"],
1199
+ "internalComponents": ["AvatarImage"],
1193
1200
  "internalComponentProps": {},
1194
1201
  "propToVariantKeys": {},
1195
1202
  "motionVarPrefixes": []
1196
1203
  };
1197
- var Menu_ItemBase = {
1198
- "name": "Menu.ItemBase",
1199
- "defaultProps": {
1200
- "spacing": "0",
1201
- "spacingHorizontal": "4",
1202
- "spacingVertical": "3.5",
1203
- "columnGap": "2",
1204
- "alignItems": "center",
1205
- "justifyContent": "space-between"
1206
- },
1207
- "getStylesLiterals": {
1208
- "textAlign": "start",
1209
- "menuitemSizeRoot": "default",
1210
- "flexDirection": "row",
1211
- "menuitemSizeStartIcon": "default",
1212
- "menuitemSizeEndIcon": "default"
1213
- },
1204
+ var AvatarIcon = {
1205
+ "name": "AvatarIcon",
1206
+ "defaultProps": {},
1207
+ "getStylesLiterals": {},
1214
1208
  "cxLiterals": [
1215
- "flex",
1216
- "focus-visible:text-brand",
1217
- "focus-visible:bg-brand-secondary",
1218
- "focus-visible:z-10",
1219
- "uds-ring",
1220
- "!-outline-offset-2",
1221
- "[&:not([aria-checked])]:cursor-default",
1222
- "opacity-25",
1223
- "cursor-not-allowed",
1224
- "duration-20",
1225
- "transition-[font-variation-settings]",
1226
- "ease-in-out",
1227
- "z-0"
1209
+ "overflow-hidden",
1210
+ "w-full",
1211
+ "h-full",
1212
+ "shrink-0",
1213
+ "text-center",
1214
+ "inline-flex",
1215
+ "justify-center",
1216
+ "items-center"
1228
1217
  ],
1218
+ "internalComponents": ["IconSlot", "Box"],
1219
+ "internalComponentProps": {},
1220
+ "propToVariantKeys": { "size": ["avatarSizeIcon"] },
1221
+ "motionVarPrefixes": []
1222
+ };
1223
+ var DividerCore = {
1224
+ "name": "DividerCore",
1225
+ "defaultProps": { "contentPosition": "center" },
1226
+ "getStylesLiterals": {},
1227
+ "cxLiterals": [],
1229
1228
  "internalComponents": [
1230
- "Pressable",
1231
- "IconSlot",
1232
- "RootComponent",
1233
- "HStack",
1234
- "AnimatePresence"
1229
+ "Box",
1230
+ "Line",
1231
+ "InternalComponent",
1232
+ "Text"
1235
1233
  ],
1236
1234
  "internalComponentProps": {
1237
- "HStack": {
1238
- "alignItems": ["center"],
1239
- "width": ["full"]
1235
+ "Box": {
1236
+ "flex": ["1", "none"],
1237
+ "display": ["flex"]
1240
1238
  },
1241
- "AnimatePresence": { "mode": ["popLayout"] }
1242
- },
1243
- "propToVariantKeys": {
1244
- "startIcon": ["icon"],
1245
- "endIcon": ["icon"],
1246
- "columnGap": ["gap"]
1239
+ "InternalComponent": {
1240
+ "flex": ["1"],
1241
+ "alignItems": ["center"]
1242
+ },
1243
+ "Text": {
1244
+ "as": ["span"],
1245
+ "color": ["inherit"],
1246
+ "variant": ["inherit"]
1247
+ }
1247
1248
  },
1249
+ "propToVariantKeys": {},
1248
1250
  "motionVarPrefixes": []
1249
1251
  };
1250
- var Menu_ItemCheckbox = {
1251
- "name": "Menu.ItemCheckbox",
1252
+ var DividerInternal = {
1253
+ "name": "DividerInternal",
1254
+ "defaultProps": { "variant": "primary" },
1255
+ "getStylesLiterals": {},
1256
+ "cxLiterals": ["inherit"],
1257
+ "internalComponents": ["DividerCore"],
1258
+ "internalComponentProps": {},
1259
+ "propToVariantKeys": { "variant": [
1260
+ "dividerVariantRoot",
1261
+ "dividerVariantLabel",
1262
+ "dividerVariantLine"
1263
+ ] },
1264
+ "motionVarPrefixes": []
1265
+ };
1266
+ var Divider = {
1267
+ "name": "Divider",
1252
1268
  "defaultProps": {},
1253
- "getStylesLiterals": {
1254
- "menuitemItemCheckboxVariantRoot": "default",
1255
- "menuitemItemCheckboxVariantActiveRoot": "on",
1256
- "menuitemItemCheckboxVariantActiveRoot:1": "off",
1257
- "menuitemItemCheckboxVariantText": "default",
1258
- "menuitemItemCheckboxVariantActiveText": "on",
1259
- "menuitemItemCheckboxVariantActiveText:1": "off",
1260
- "menuitemItemCheckboxVariantStartIcon": "default",
1261
- "menuitemItemCheckboxVariantActiveStartIcon": "on",
1262
- "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
1263
- "menuitemItemCheckboxVariantEndIcon": "default",
1264
- "menuitemItemCheckboxVariantActiveEndIcon": "on",
1265
- "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
1266
- },
1267
- "cxLiterals": ["uds-menu-item-checkbox"],
1268
- "internalComponents": ["MenuItemBase"],
1269
+ "getStylesLiterals": {},
1270
+ "cxLiterals": [],
1271
+ "internalComponents": ["DividerInternal"],
1269
1272
  "internalComponentProps": {},
1270
1273
  "propToVariantKeys": {},
1271
1274
  "motionVarPrefixes": []
1272
1275
  };
1273
- var Menu_Provider = {
1274
- "name": "Menu.Provider",
1276
+ var Table_mocks = {
1277
+ "name": "Table.mocks",
1275
1278
  "defaultProps": {},
1276
1279
  "getStylesLiterals": {},
1277
1280
  "cxLiterals": [],
1278
- "internalComponents": ["AriakitMenuProvider", "SpringMotionConfig"],
1281
+ "internalComponents": [],
1279
1282
  "internalComponentProps": {},
1280
1283
  "propToVariantKeys": {},
1281
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1284
+ "motionVarPrefixes": []
1282
1285
  };
1283
- var Menu_Trigger = {
1284
- "name": "Menu.Trigger",
1285
- "defaultProps": {},
1286
+ var Table = {
1287
+ "name": "Table",
1288
+ "defaultProps": {
1289
+ "display": "table-cell",
1290
+ "overflow": "hidden",
1291
+ "borderColor": "muted",
1292
+ "borderRadius": "md",
1293
+ "spacing": "3",
1294
+ "borderBottomColor": "muted",
1295
+ "borderBottomWidth": "thin",
1296
+ "color": "primary"
1297
+ },
1298
+ "getStylesLiterals": { "textAlign": "start" },
1299
+ "cxLiterals": [],
1300
+ "internalComponents": [
1301
+ "CellComponent",
1302
+ "Box",
1303
+ "Text",
1304
+ "Table.Root",
1305
+ "Table.Header",
1306
+ "Table.Row",
1307
+ "Table.Cell",
1308
+ "Table.Body"
1309
+ ],
1310
+ "internalComponentProps": { "Table.Cell": { "asHeaderCell": ["column"] } },
1311
+ "propToVariantKeys": {},
1312
+ "motionVarPrefixes": []
1313
+ };
1314
+ var Spinner = {
1315
+ "name": "Spinner",
1316
+ "defaultProps": {
1317
+ "color": "primary",
1318
+ "size": "lg"
1319
+ },
1286
1320
  "getStylesLiterals": {},
1287
- "cxLiterals": ["uds-menu-trigger"],
1288
- "internalComponents": ["AriakitMenuTrigger", "Box"],
1289
- "internalComponentProps": { "Box": { "className": ["uds-ring h-fit w-fit"] } },
1321
+ "cxLiterals": ["self-center", "relative"],
1322
+ "internalComponents": ["Icon"],
1323
+ "internalComponentProps": { "Icon": {
1324
+ "role": ["img"],
1325
+ "className": ["animate-spin"],
1326
+ "aria-hidden": ["true"]
1327
+ } },
1290
1328
  "propToVariantKeys": {},
1291
1329
  "motionVarPrefixes": []
1292
1330
  };
1293
- var Menu = {
1294
- "name": "Menu",
1331
+ var AvoidMotionLibraryProvider = {
1332
+ "name": "AvoidMotionLibraryProvider",
1295
1333
  "defaultProps": {},
1296
1334
  "getStylesLiterals": {},
1297
1335
  "cxLiterals": [],
@@ -1300,423 +1338,383 @@ var Menu = {
1300
1338
  "propToVariantKeys": {},
1301
1339
  "motionVarPrefixes": []
1302
1340
  };
1303
- var Input = {
1304
- "name": "Input",
1305
- "defaultProps": {
1306
- "type": "text",
1307
- "size": "md",
1308
- "width": "full"
1309
- },
1341
+ var SegmentedControl = {
1342
+ "name": "SegmentedControl",
1343
+ "defaultProps": {},
1310
1344
  "getStylesLiterals": {
1311
- "inputVariantRoot": "default",
1312
- "inputVariantValueRoot": "empty",
1313
- "inputVariantValueRoot:1": "filled",
1314
- "inputVariantInputWrapper": "default",
1315
- "inputVariantValueInputWrapper": "empty",
1316
- "inputVariantValueInputWrapper:1": "filled",
1317
- "inputVariantInput": "default",
1318
- "inputVariantValueInput": "empty",
1319
- "inputVariantValueInput:1": "filled",
1320
- "inputVariantInputPlaceholder": "default",
1321
- "inputVariantValueInputPlaceholder": "empty",
1322
- "inputVariantValueInputPlaceholder:1": "filled",
1323
- "inputVariantLabel": "default",
1324
- "inputVariantValueLabel": "empty",
1325
- "inputVariantValueLabel:1": "filled",
1326
- "inputVariantLabelRequired": "default",
1327
- "inputVariantValueLabelRequired": "empty",
1328
- "inputVariantValueLabelRequired:1": "filled",
1329
- "inputVariantStartIcon": "default",
1330
- "inputVariantValueStartIcon": "empty",
1331
- "inputVariantValueStartIcon:1": "filled",
1332
- "inputVariantEndIcon": "default",
1333
- "inputVariantValueEndIcon": "empty",
1334
- "inputVariantValueEndIcon:1": "filled"
1345
+ "display": "flex",
1346
+ "alignItems": "center",
1347
+ "backgroundColor": "primary",
1348
+ "spacingVertical": "1",
1349
+ "spacingHorizontal": "3",
1350
+ "columnGap": "1.5",
1351
+ "borderWidth": "thin",
1352
+ "borderRadius": "full",
1353
+ "borderColor": "muted",
1354
+ "borderColor:1": "transparent",
1355
+ "color": "primary",
1356
+ "color:1": "tertiary",
1357
+ "color:2": "muted"
1335
1358
  },
1336
1359
  "cxLiterals": [
1360
+ "uds-ring",
1361
+ "cursor-not-allowed",
1337
1362
  "opacity-50",
1338
- "min-w-[200px]",
1339
- "grow",
1340
- "uds-hit-target",
1341
- "bg-clip-text",
1342
- "focus:outline-none",
1343
- "cursor-text",
1344
- "cursor-not-allowed"
1363
+ "pointer-events-none",
1364
+ "hover:bg-primary"
1345
1365
  ],
1346
1366
  "internalComponents": [
1347
- "IconSlot",
1348
- "StartIcon",
1349
- "EndIcon",
1350
- "HelpTextContent",
1351
- "Box",
1352
- "InputHelpTextInternal",
1353
- "VStack",
1367
+ "Radio",
1368
+ "Icon",
1369
+ "RadioProvider",
1354
1370
  "HStack",
1355
- "AnimateHeightChange"
1371
+ "RadioGroup",
1372
+ "Pressable",
1373
+ "Text"
1356
1374
  ],
1357
1375
  "internalComponentProps": {
1358
- "HelpTextContent": { "spacingTop": ["2"] },
1359
- "Box": {
1360
- "spacingBottom": ["2"],
1361
- "columnGap": ["0.5"],
1362
- "alignItems": ["flex-end", "center"],
1363
- "position": ["relative"]
1376
+ "Icon": {
1377
+ "size": ["sm"],
1378
+ "color": ["current"],
1379
+ "aria-hidden": ["true"]
1364
1380
  },
1365
1381
  "HStack": {
1366
- "alignItems": ["center"],
1367
- "gap": ["1"]
1382
+ "spacing": ["1"],
1383
+ "gap": ["1"],
1384
+ "backgroundColor": ["secondary"],
1385
+ "borderRadius": ["full"],
1386
+ "display": ["inline-flex"]
1387
+ },
1388
+ "Text": {
1389
+ "variant": ["label2"],
1390
+ "color": ["current"]
1368
1391
  }
1369
1392
  },
1370
1393
  "propToVariantKeys": {
1371
- "size": [
1372
- "inputSizeRoot",
1373
- "inputSizeInputWrapper",
1374
- "inputSizeInput",
1375
- "inputSizeLabel",
1376
- "inputSizeStartIcon",
1377
- "inputSizeEndIcon"
1378
- ],
1379
- "startIcon": ["icon"],
1380
- "endIcon": ["icon"],
1381
- "helperTextIcon": ["startIcon"]
1382
- },
1383
- "motionVarPrefixes": []
1384
- };
1385
- var InputHelpText = {
1386
- "name": "InputHelpText",
1387
- "defaultProps": { "size": "md" },
1388
- "getStylesLiterals": {
1389
- "inputVariantRoot": "default",
1390
- "inputVariantValueRoot": "empty",
1391
- "inputVariantValueRoot:1": "filled"
1392
- },
1393
- "cxLiterals": [],
1394
- "internalComponents": ["InputHelpTextInternal", "Box"],
1395
- "internalComponentProps": { "Box": { "spacingTop": ["2"] } },
1396
- "propToVariantKeys": { "size": ["inputSizeRoot"] },
1397
- "motionVarPrefixes": []
1398
- };
1399
- var InputHelpTextInternal = {
1400
- "name": "InputHelpTextInternal",
1401
- "defaultProps": {},
1402
- "getStylesLiterals": {
1403
- "inputVariantHelperText": "default",
1404
- "inputVariantValueHelperText": "empty",
1405
- "inputVariantValueHelperText:1": "filled",
1406
- "inputVariantHelperIcon": "default",
1407
- "inputVariantValueHelperIcon": "empty",
1408
- "inputVariantValueHelperIcon:1": "filled"
1409
- },
1410
- "cxLiterals": [],
1411
- "internalComponents": ["IconSlot", "HStack"],
1412
- "internalComponentProps": { "HStack": {
1413
- "gap": ["1"],
1414
- "alignItems": ["center"]
1415
- } },
1416
- "propToVariantKeys": {
1417
- "size": ["inputSizeHelperText", "inputSizeHelperIcon"],
1418
- "startIcon": ["icon"],
1419
- "endIcon": ["icon"]
1394
+ "value": ["key"],
1395
+ "label": ["aria-label"]
1420
1396
  },
1421
1397
  "motionVarPrefixes": []
1422
1398
  };
1423
- var Chip = {
1424
- "name": "Chip",
1399
+ var Popover = {
1400
+ "name": "Popover",
1425
1401
  "defaultProps": {},
1426
1402
  "getStylesLiterals": {},
1427
1403
  "cxLiterals": [],
1428
1404
  "internalComponents": [
1429
- "ChipDismissible",
1430
- "ChipToggle",
1431
- "ChipLink",
1432
- "ChipButton"
1405
+ "HStack",
1406
+ "Text",
1407
+ "OriginalPopoverHeading"
1433
1408
  ],
1434
- "internalComponentProps": {},
1409
+ "internalComponentProps": { "Text": {
1410
+ "variant": ["headline1"],
1411
+ "color": ["primary"]
1412
+ } },
1435
1413
  "propToVariantKeys": {},
1436
1414
  "motionVarPrefixes": []
1437
1415
  };
1438
- var ChipBase = {
1439
- "name": "ChipBase",
1440
- "defaultProps": { "as": "div" },
1441
- "getStylesLiterals": {},
1416
+ var SwitchV2 = {
1417
+ "name": "SwitchV2",
1418
+ "defaultProps": {
1419
+ "labelPosition": "start",
1420
+ "size": "md"
1421
+ },
1422
+ "getStylesLiterals": {
1423
+ "switchVariantRoot": "default",
1424
+ "switchVariantActiveRoot": "on",
1425
+ "switchVariantActiveRoot:1": "off",
1426
+ "switchVariantSwitch": "default",
1427
+ "switchVariantActiveSwitch": "on",
1428
+ "switchVariantActiveSwitch:1": "off",
1429
+ "switchVariantActiveHandle": "on",
1430
+ "switchVariantActiveHandle:1": "off",
1431
+ "switchVariantHandle": "default",
1432
+ "switchVariantHandleIcon": "default",
1433
+ "switchVariantActiveHandleIcon": "on",
1434
+ "switchVariantActiveHandleIcon:1": "off"
1435
+ },
1442
1436
  "cxLiterals": [
1443
- "pointer-events-none",
1444
- "cursor-default",
1445
- "opacity-50",
1446
- "inline-flex",
1437
+ "group",
1438
+ "flex",
1447
1439
  "items-center",
1448
- "transition-[background-color,outline-color,box-shadow]",
1449
- "truncate",
1450
- "whitespace-nowrap",
1451
- "text-center",
1452
- "flex-1"
1440
+ "flex-row",
1441
+ "flex-row-reverse",
1442
+ "uds-ring",
1443
+ "uds-ring-within",
1444
+ "relative",
1445
+ "uds-border-radius-full",
1446
+ "transition-[background-color,box-shadow]",
1447
+ "pointer-events-none",
1448
+ "w-full",
1449
+ "h-full",
1450
+ "absolute",
1451
+ "top-0",
1452
+ "bottom-0",
1453
+ "right-0",
1454
+ "left-0",
1455
+ "overflow-hidden",
1456
+ "group-hover:scale-105",
1457
+ "opacity-95",
1458
+ "group-hover:opacity-100",
1459
+ "transition-[transform,opacity]",
1460
+ "opacity-0",
1461
+ "top-1/2",
1462
+ "left-1/2",
1463
+ "transform",
1464
+ "translate-x-[-50%]",
1465
+ "translate-y-[-50%]",
1466
+ "transition-opacity",
1467
+ "cursor-[inherit]",
1468
+ "w-[calc(100%+2px)]",
1469
+ "h-[calc(100%+2px)]",
1470
+ "text-start",
1471
+ "text-end",
1472
+ "opacity-100"
1453
1473
  ],
1454
1474
  "internalComponents": [
1455
1475
  "IconSlot",
1456
- "HStack",
1457
- "As",
1458
- "Text"
1476
+ "Box",
1477
+ "FormLabel",
1478
+ "SpringMotionConfig",
1479
+ "RootElement",
1480
+ "MotionBox"
1459
1481
  ],
1460
- "internalComponentProps": { "Text": {
1461
- "as": ["span"],
1462
- "color": ["current"],
1463
- "variant": ["inherit"]
1464
- } },
1465
- "propToVariantKeys": {
1466
- "size": ["chipSizeRoot", "chipSizeIcon"],
1467
- "startIcon": ["icon"],
1468
- "endIcon": ["icon"]
1482
+ "internalComponentProps": {
1483
+ "IconSlot": { "data-testid": ["on-icon", "off-icon"] },
1484
+ "FormLabel": {
1485
+ "as": ["div"],
1486
+ "variant": ["inherit"],
1487
+ "color": ["inherit"]
1488
+ },
1489
+ "SpringMotionConfig": {
1490
+ "layoutVariant": ["bouncy"],
1491
+ "layoutSpeed": ["4"]
1492
+ },
1493
+ "RootElement": { "data-testid": ["switch-root"] },
1494
+ "MotionBox": { "layout": ["position"] }
1469
1495
  },
1470
- "motionVarPrefixes": []
1471
- };
1472
- var ChipButton = {
1473
- "name": "ChipButton",
1474
- "defaultProps": {},
1475
- "getStylesLiterals": {},
1476
- "cxLiterals": ["uds-ring"],
1477
- "internalComponents": ["ChipBase"],
1478
- "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1479
- "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1480
- "motionVarPrefixes": []
1481
- };
1482
- var ChipDismissible = {
1483
- "name": "ChipDismissible",
1484
- "defaultProps": {},
1485
- "getStylesLiterals": {},
1486
- "cxLiterals": ["uds-chip-dismissible-button", "uds-hit-target"],
1487
- "internalComponents": [
1488
- "ChipBase",
1489
- "IconSlot",
1490
- "Pressable"
1491
- ],
1492
- "internalComponentProps": {},
1493
1496
  "propToVariantKeys": {
1494
- "variant": ["chipDismissibleVariantRoot", "chipDismissibleVariantIcon"],
1495
- "dismissButtonAriaLabel": ["aria-label"]
1497
+ "size": [
1498
+ "switchSizeRoot",
1499
+ "switchSizeSwitch",
1500
+ "switchSizeHandle",
1501
+ "switchSizeHandleIcon"
1502
+ ],
1503
+ "onIcon": ["icon"],
1504
+ "offIcon": ["icon"],
1505
+ "reduceMotion": ["reducedMotion"],
1506
+ "isOn": ["layoutDependency"]
1496
1507
  },
1497
- "motionVarPrefixes": []
1508
+ "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
1498
1509
  };
1499
- var ChipLink = {
1500
- "name": "ChipLink",
1510
+ var Tabs = {
1511
+ "name": "Tabs",
1501
1512
  "defaultProps": {},
1502
- "getStylesLiterals": {},
1503
- "cxLiterals": ["uds-ring"],
1504
- "internalComponents": ["ChipBase"],
1505
- "internalComponentProps": { "ChipBase": { "as": ["a"] } },
1506
- "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1507
- "motionVarPrefixes": []
1508
- };
1509
- var ChipToggle = {
1510
- "name": "ChipToggle",
1511
- "defaultProps": { "role": "checkbox" },
1512
1513
  "getStylesLiterals": {
1513
- "chipToggleVariantActiveRoot": "on",
1514
- "chipToggleVariantActiveRoot:1": "off"
1514
+ "display": "flex",
1515
+ "flexDirection": "row",
1516
+ "columnGap": "6"
1515
1517
  },
1516
- "cxLiterals": ["uds-ring"],
1517
- "internalComponents": ["ChipBase"],
1518
- "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1519
- "propToVariantKeys": { "variant": ["chipToggleVariantRoot", "chipToggleVariantIcon"] },
1520
- "motionVarPrefixes": []
1521
- };
1522
- var Avatar = {
1523
- "name": "Avatar",
1524
- "defaultProps": {},
1525
- "getStylesLiterals": {},
1526
- "cxLiterals": [],
1527
- "internalComponents": ["AvatarImage"],
1528
- "internalComponentProps": {},
1529
- "propToVariantKeys": {},
1530
- "motionVarPrefixes": []
1531
- };
1532
- var AvatarIcon = {
1533
- "name": "AvatarIcon",
1534
- "defaultProps": {},
1535
- "getStylesLiterals": {},
1536
1518
  "cxLiterals": [
1537
- "overflow-hidden",
1538
- "w-full",
1539
- "h-full",
1540
- "shrink-0",
1541
- "text-center",
1542
- "inline-flex",
1543
- "justify-center",
1544
- "items-center"
1519
+ "text-tertiary",
1520
+ "border-b-transparent",
1521
+ "aria-selected:border-b-brand",
1522
+ "aria-selected:text-secondary"
1545
1523
  ],
1546
- "internalComponents": ["IconSlot", "Box"],
1547
- "internalComponentProps": {},
1548
- "propToVariantKeys": { "size": ["avatarSizeIcon"] },
1524
+ "internalComponents": [
1525
+ "TabProvider",
1526
+ "OriginalTabList",
1527
+ "OriginalTab",
1528
+ "Icon",
1529
+ "OriginalTabPanel",
1530
+ "Pressable",
1531
+ "Comp",
1532
+ "Text"
1533
+ ],
1534
+ "internalComponentProps": {
1535
+ "Icon": {
1536
+ "className": ["text-current"],
1537
+ "size": ["md"]
1538
+ },
1539
+ "Pressable": {
1540
+ "borderBottomWidth": ["medium"],
1541
+ "spacingBottom": ["1"],
1542
+ "spacingTop": ["4"]
1543
+ },
1544
+ "Text": {
1545
+ "className": ["text-current"],
1546
+ "variant": ["headline1"],
1547
+ "as": ["span"]
1548
+ }
1549
+ },
1550
+ "propToVariantKeys": {},
1549
1551
  "motionVarPrefixes": []
1550
1552
  };
1551
- var AvatarImage = {
1552
- "name": "AvatarImage",
1553
+ var Modal = {
1554
+ "name": "Modal",
1553
1555
  "defaultProps": {},
1554
1556
  "getStylesLiterals": {},
1555
1557
  "cxLiterals": [
1556
- "overflow-hidden",
1557
- "w-full",
1558
- "h-full",
1559
- "shrink-0",
1560
- "text-center",
1561
- "inline-flex",
1562
- "justify-center",
1563
- "items-center",
1564
- "object-cover"
1558
+ "inset-8",
1559
+ "top-[250px]",
1560
+ "z-50",
1561
+ "mx-auto",
1562
+ "h-fit",
1563
+ "w-[600px]",
1564
+ "origin-center",
1565
+ "scale-95",
1566
+ "opacity-0",
1567
+ "transition",
1568
+ "duration-150",
1569
+ "data-[enter]:scale-100",
1570
+ "data-[enter]:opacity-100"
1565
1571
  ],
1566
1572
  "internalComponents": [
1567
- "UDSImage",
1568
- "AvatarText",
1569
- "AvatarIcon",
1570
- "Box"
1573
+ "IconButton",
1574
+ "Dialog",
1575
+ "HStack",
1576
+ "Text",
1577
+ "VStack"
1571
1578
  ],
1572
- "internalComponentProps": {},
1573
- "propToVariantKeys": {
1574
- "alt": ["name"],
1575
- "fallback": ["initials"]
1579
+ "internalComponentProps": {
1580
+ "IconButton": {
1581
+ "aria-label": ["Close"],
1582
+ "size": ["sm"],
1583
+ "variant": ["tertiary"]
1584
+ },
1585
+ "HStack": {
1586
+ "alignItems": ["center"],
1587
+ "justifyContent": ["space-between"]
1588
+ },
1589
+ "Text": {
1590
+ "variant": ["headline1"],
1591
+ "color": ["primary"]
1592
+ },
1593
+ "VStack": {
1594
+ "borderRadius": ["md"],
1595
+ "position": ["fixed"],
1596
+ "backgroundColor": ["primary"],
1597
+ "dropShadow": ["md"],
1598
+ "spacing": ["8"],
1599
+ "overflow": ["hidden"]
1600
+ }
1576
1601
  },
1602
+ "propToVariantKeys": { "handleClose": ["onClick"] },
1577
1603
  "motionVarPrefixes": []
1578
1604
  };
1579
- var AvatarText = {
1580
- "name": "AvatarText",
1581
- "defaultProps": {},
1582
- "getStylesLiterals": {},
1583
- "cxLiterals": [
1584
- "overflow-hidden",
1585
- "truncate",
1586
- "w-full",
1587
- "h-full",
1588
- "shrink-0",
1589
- "text-center",
1590
- "inline-flex",
1591
- "justify-center",
1592
- "items-center"
1593
- ],
1594
- "internalComponents": ["Box", "Text"],
1595
- "internalComponentProps": { "Text": {
1596
- "color": ["inherit"],
1597
- "variant": ["inherit"]
1598
- } },
1599
- "propToVariantKeys": {},
1600
- "motionVarPrefixes": []
1601
- };
1602
- var Divider = {
1603
- "name": "Divider",
1604
- "defaultProps": {},
1605
- "getStylesLiterals": {},
1606
- "cxLiterals": [],
1607
- "internalComponents": ["DividerInternal"],
1608
- "internalComponentProps": {},
1609
- "propToVariantKeys": {},
1610
- "motionVarPrefixes": []
1611
- };
1612
- var DividerCore = {
1613
- "name": "DividerCore",
1614
- "defaultProps": { "contentPosition": "center" },
1605
+ var Accordion = {
1606
+ "name": "Accordion",
1607
+ "defaultProps": {
1608
+ "spacingHorizontal": "4",
1609
+ "spacingVertical": "4"
1610
+ },
1615
1611
  "getStylesLiterals": {},
1616
- "cxLiterals": [],
1612
+ "cxLiterals": ["hover:bg-secondary/80", "w-full"],
1617
1613
  "internalComponents": [
1618
- "Box",
1619
- "Line",
1620
- "InternalComponent",
1621
- "Text"
1614
+ "Icon",
1615
+ "SpringMotionConfig",
1616
+ "Pressable",
1617
+ "Text",
1618
+ "HStack",
1619
+ "AnimatePresence",
1620
+ "VStack"
1622
1621
  ],
1623
1622
  "internalComponentProps": {
1624
- "Box": {
1625
- "flex": ["1", "none"],
1626
- "display": ["flex"]
1623
+ "Icon": {
1624
+ "variant": ["fill"],
1625
+ "size": ["sm"],
1626
+ "color": ["primary"]
1627
1627
  },
1628
- "InternalComponent": {
1629
- "flex": ["1"],
1630
- "alignItems": ["center"]
1628
+ "SpringMotionConfig": {
1629
+ "layoutVariant": ["smooth"],
1630
+ "layoutSpeed": ["3"]
1631
+ },
1632
+ "Pressable": {
1633
+ "display": ["flex"],
1634
+ "flexDirection": ["row"],
1635
+ "alignItems": ["center"],
1636
+ "justifyContent": ["space-between"],
1637
+ "borderRadius": ["md"]
1631
1638
  },
1632
1639
  "Text": {
1633
- "as": ["span"],
1634
- "color": ["inherit"],
1635
- "variant": ["inherit"]
1640
+ "variant": ["title4"],
1641
+ "color": ["primary"]
1642
+ },
1643
+ "HStack": {
1644
+ "display": ["flex"],
1645
+ "alignItems": ["center"],
1646
+ "justifyContent": ["space-between"],
1647
+ "columnGap": ["2.5"]
1636
1648
  }
1637
1649
  },
1638
1650
  "propToVariantKeys": {},
1639
- "motionVarPrefixes": []
1640
- };
1641
- var DividerInternal = {
1642
- "name": "DividerInternal",
1643
- "defaultProps": { "variant": "primary" },
1644
- "getStylesLiterals": {},
1645
- "cxLiterals": ["inherit"],
1646
- "internalComponents": ["DividerCore"],
1647
- "internalComponentProps": {},
1648
- "propToVariantKeys": { "variant": [
1649
- "dividerVariantRoot",
1650
- "dividerVariantLabel",
1651
- "dividerVariantLine"
1652
- ] },
1653
- "motionVarPrefixes": []
1651
+ "motionVarPrefixes": ["--uds-motion-smooth-3-"]
1654
1652
  };
1655
1653
  var componentData_default = {
1654
+ Link,
1655
+ VStack,
1656
1656
  Box,
1657
- FormLabel,
1658
- HStack,
1659
1657
  Icon,
1658
+ FormLabel,
1659
+ Text,
1660
1660
  IconSlot,
1661
+ HStack,
1661
1662
  Image,
1662
- Link,
1663
- Text,
1664
- VStack,
1665
- Spinner,
1666
- "Table.mocks": Table_mocks,
1667
- Table,
1668
- Accordion,
1669
- AvoidMotionLibraryProvider,
1670
- Modal,
1671
- Popover,
1672
- SegmentedControl,
1673
- SwitchV2,
1674
- Tabs,
1675
- AnimateHeightChange,
1676
- Badge,
1677
1663
  Button,
1678
1664
  Checkbox,
1679
- IconButton,
1680
- Pressable,
1681
1665
  SpringMotionConfig,
1666
+ IconButton,
1682
1667
  Switch,
1683
- UDSBreakpointsConfigProvider,
1684
- UDSConfigProvider,
1685
- Tooltip,
1686
- TooltipContent,
1687
- TooltipTrigger,
1688
- UDSTooltipConfigProvider,
1689
- Toast,
1690
- ToastContainer,
1691
- ToastPortal,
1692
- UDSToastConfigProvider,
1693
- Radio,
1694
- RadioGroupProvider,
1695
- RadioGroupStore,
1696
- "Menu.Content": Menu_Content,
1697
- "Menu.Divider": Menu_Divider,
1668
+ Badge,
1669
+ AnimateHeightChange,
1670
+ Pressable,
1698
1671
  "Menu.Item": Menu_Item,
1699
- "Menu.ItemBase": Menu_ItemBase,
1700
- "Menu.ItemCheckbox": Menu_ItemCheckbox,
1701
1672
  "Menu.Provider": Menu_Provider,
1673
+ "Menu.ItemBase": Menu_ItemBase,
1702
1674
  "Menu.Trigger": Menu_Trigger,
1675
+ "Menu.Content": Menu_Content,
1676
+ "Menu.Divider": Menu_Divider,
1703
1677
  Menu,
1704
- Input,
1705
- InputHelpText,
1706
- InputHelpTextInternal,
1678
+ "Menu.ItemCheckbox": Menu_ItemCheckbox,
1679
+ ChipLink,
1680
+ ChipDismissible,
1681
+ ChipToggle,
1707
1682
  Chip,
1708
1683
  ChipBase,
1709
1684
  ChipButton,
1710
- ChipDismissible,
1711
- ChipLink,
1712
- ChipToggle,
1713
- Avatar,
1714
- AvatarIcon,
1685
+ UDSConfigProvider,
1686
+ UDSBreakpointsConfigProvider,
1687
+ Input,
1688
+ InputHelpText,
1689
+ InputHelpTextInternal,
1690
+ UDSTooltipConfigProvider,
1691
+ TooltipTrigger,
1692
+ TooltipContent,
1693
+ Tooltip,
1694
+ RadioGroupStore,
1695
+ RadioGroupProvider,
1696
+ Radio,
1697
+ UDSToastConfigProvider,
1698
+ Toast,
1699
+ ToastContainer,
1700
+ ToastPortal,
1715
1701
  AvatarImage,
1716
1702
  AvatarText,
1717
- Divider,
1703
+ Avatar,
1704
+ AvatarIcon,
1718
1705
  DividerCore,
1719
- DividerInternal
1706
+ DividerInternal,
1707
+ Divider,
1708
+ "Table.mocks": Table_mocks,
1709
+ Table,
1710
+ Spinner,
1711
+ AvoidMotionLibraryProvider,
1712
+ SegmentedControl,
1713
+ Popover,
1714
+ SwitchV2,
1715
+ Tabs,
1716
+ Modal,
1717
+ Accordion
1720
1718
  };
1721
1719
 
1722
1720
  //#endregion