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