@yahoo/uds 3.145.0-beta.2 → 3.145.0-beta.4

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 (26) hide show
  1. package/dist/automated-config/dist/generated/generatedConfigs.cjs +2 -2
  2. package/dist/automated-config/dist/generated/generatedConfigs.d.cts +2 -2
  3. package/dist/automated-config/dist/generated/generatedConfigs.d.ts +2 -2
  4. package/dist/automated-config/dist/generated/generatedConfigs.js +2 -2
  5. package/dist/automated-config/dist/utils/getConfigVariantProperties.d.cts +2 -2
  6. package/dist/automated-config/dist/utils/getConfigVariantProperties.d.ts +2 -2
  7. package/dist/components/client/Menu/Menu.ItemCheckbox.d.cts +1 -1
  8. package/dist/components/client/Menu/Menu.ItemCheckbox.d.ts +1 -1
  9. package/dist/components/client/Popover/UDSPopoverConfigProvider.d.cts +1 -1
  10. package/dist/components/client/Popover/UDSPopoverConfigProvider.d.ts +1 -1
  11. package/dist/components/client/Toast/UDSToastConfigProvider.d.cts +1 -1
  12. package/dist/components/client/Toast/UDSToastConfigProvider.d.ts +1 -1
  13. package/dist/css/dist/css/generate.helpers.cjs +1 -5
  14. package/dist/css/dist/css/generate.helpers.js +1 -5
  15. package/dist/styles/styler.d.cts +40 -40
  16. package/dist/styles/styler.d.ts +40 -40
  17. package/dist/tailwind-internal/dist/packages/automated-config/dist/generated/generatedConfigs.cjs +2 -2
  18. package/dist/tailwind-internal/dist/packages/automated-config/dist/generated/generatedConfigs.js +2 -2
  19. package/dist/tailwind-internal/dist/utils/getShadowStyles.d.cts +2 -2
  20. package/dist/tailwind-internal/dist/utils/getShadowStyles.d.ts +2 -2
  21. package/dist/tailwind-internal/dist/utils/parseTokens.cjs +9 -3
  22. package/dist/tailwind-internal/dist/utils/parseTokens.js +9 -3
  23. package/dist/uds/generated/componentData.cjs +1679 -1679
  24. package/dist/uds/generated/componentData.js +1679 -1679
  25. package/generated/componentData.json +2165 -2165
  26. package/package.json +1 -1
package/dist/uds/generated/componentData.js CHANGED
@@ -1,27 +1,5 @@
1
1
  /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
2
2
  //#region generated/componentData.json
3
- var Box = {
4
- "name": "Box",
5
- "defaultProps": {
6
- "as": "div",
7
- "display": "flex"
8
- },
9
- "getStylesLiterals": {},
10
- "cxLiterals": [],
11
- "internalComponents": ["Comp"],
12
- "internalComponentProps": {},
13
- "propToVariantKeys": { "elevationAlias": [
14
- "backgroundColor",
15
- "borderColor",
16
- "borderWidth",
17
- "dropShadow",
18
- "insetShadow"
19
- ] },
20
- "runtimeConfigDefaultProps": {},
21
- "runtimeConfigGetStyles": {},
22
- "runtimeConfigInternalComponentProps": {},
23
- "motionVarPrefixes": []
24
- };
25
3
  var FormLabel = {
26
4
  "name": "FormLabel",
27
5
  "defaultProps": {
@@ -43,14 +21,63 @@ var FormLabel = {
43
21
  "runtimeConfigInternalComponentProps": {},
44
22
  "motionVarPrefixes": []
45
23
  };
46
- var HStack = {
47
- "name": "HStack",
48
- "defaultProps": {},
24
+ var SvgFloatingOverlay = {
25
+ "name": "SvgFloatingOverlay",
26
+ "defaultProps": { "contentOverflow": "auto" },
49
27
  "getStylesLiterals": {},
50
- "cxLiterals": [],
28
+ "cxLiterals": [
29
+ "absolute",
30
+ "top-0",
31
+ "left-0",
32
+ "w-full",
33
+ "h-full",
34
+ "overflow-visible",
35
+ "pointer-events-none",
36
+ "z-[2]",
37
+ "z-[3]",
38
+ "max-h-full",
39
+ "gap-[inherit]"
40
+ ],
41
+ "internalComponents": ["Box", "Fragment"],
42
+ "internalComponentProps": { "Box": {
43
+ "position": ["relative"],
44
+ "flexGrow": ["1"],
45
+ "overflow": ["hidden"],
46
+ "display": ["block"],
47
+ "className": ["max-h-full gap-[inherit]"]
48
+ } },
49
+ "propToVariantKeys": {
50
+ "blurClassName": ["className"],
51
+ "contentOverflow": ["overflow"]
52
+ },
53
+ "runtimeConfigDefaultProps": {},
54
+ "runtimeConfigGetStyles": {},
55
+ "runtimeConfigInternalComponentProps": {},
56
+ "motionVarPrefixes": []
57
+ };
58
+ var Scrim = {
59
+ "name": "Scrim",
60
+ "defaultProps": {
61
+ "variant": "default",
62
+ "position": "fixed"
63
+ },
64
+ "getStylesLiterals": {},
65
+ "cxLiterals": [
66
+ "fixed",
67
+ "absolute",
68
+ "inset-0",
69
+ "z-40",
70
+ "transition-opacity",
71
+ "duration-150",
72
+ "motion-reduce:transition-none",
73
+ "data-[enter]:opacity-100",
74
+ "[&:not([data-enter])]:opacity-0",
75
+ "opacity-100",
76
+ "uds-bgBlurFallback"
77
+ ],
51
78
  "internalComponents": ["Box"],
52
- "internalComponentProps": { "Box": { "flexDirection": ["row"] } },
53
- "propToVariantKeys": { "gap": ["rowGap", "columnGap"] },
79
+ "internalComponentProps": { "Box": { "display": ["block"] } },
80
+ "propToVariantKeys": { "variant": ["scrimVariantRoot"] },
54
81
  "runtimeConfigDefaultProps": {},
55
82
  "runtimeConfigGetStyles": {},
56
83
  "runtimeConfigInternalComponentProps": {},
@@ -73,27 +100,59 @@ var Icon = {
73
100
  "runtimeConfigInternalComponentProps": {},
74
101
  "motionVarPrefixes": []
75
102
  };
76
- var IconSlot = {
77
- "name": "IconSlot",
78
- "defaultProps": {},
103
+ var Text = {
104
+ "name": "Text",
105
+ "defaultProps": {
106
+ "color": "primary",
107
+ "variant": "body1"
108
+ },
79
109
  "getStylesLiterals": {},
80
110
  "cxLiterals": [],
81
- "internalComponents": ["Icon"],
111
+ "internalComponents": ["Comp"],
82
112
  "internalComponentProps": {},
83
- "propToVariantKeys": {},
113
+ "propToVariantKeys": { "variant": [
114
+ "fontFamily",
115
+ "fontSize",
116
+ "fontWeight",
117
+ "lineHeight",
118
+ "textTransform",
119
+ "letterSpacing"
120
+ ] },
84
121
  "runtimeConfigDefaultProps": {},
85
122
  "runtimeConfigGetStyles": {},
86
123
  "runtimeConfigInternalComponentProps": {},
87
124
  "motionVarPrefixes": []
88
125
  };
89
- var Image = {
90
- "name": "Image",
126
+ var VStack = {
127
+ "name": "VStack",
91
128
  "defaultProps": {},
92
129
  "getStylesLiterals": {},
93
130
  "cxLiterals": [],
94
- "internalComponents": [],
131
+ "internalComponents": ["Box"],
132
+ "internalComponentProps": { "Box": { "flexDirection": ["column"] } },
133
+ "propToVariantKeys": { "gap": ["columnGap", "rowGap"] },
134
+ "runtimeConfigDefaultProps": {},
135
+ "runtimeConfigGetStyles": {},
136
+ "runtimeConfigInternalComponentProps": {},
137
+ "motionVarPrefixes": []
138
+ };
139
+ var Box = {
140
+ "name": "Box",
141
+ "defaultProps": {
142
+ "as": "div",
143
+ "display": "flex"
144
+ },
145
+ "getStylesLiterals": {},
146
+ "cxLiterals": [],
147
+ "internalComponents": ["Comp"],
95
148
  "internalComponentProps": {},
96
- "propToVariantKeys": {},
149
+ "propToVariantKeys": { "elevationAlias": [
150
+ "backgroundColor",
151
+ "borderColor",
152
+ "borderWidth",
153
+ "dropShadow",
154
+ "insetShadow"
155
+ ] },
97
156
  "runtimeConfigDefaultProps": {},
98
157
  "runtimeConfigGetStyles": {},
99
158
  "runtimeConfigInternalComponentProps": {},
@@ -137,339 +196,327 @@ var Link = {
137
196
  "runtimeConfigInternalComponentProps": {},
138
197
  "motionVarPrefixes": []
139
198
  };
140
- var Scrim = {
141
- "name": "Scrim",
142
- "defaultProps": {
143
- "variant": "default",
144
- "position": "fixed"
145
- },
146
- "getStylesLiterals": {},
147
- "cxLiterals": [
148
- "fixed",
149
- "absolute",
150
- "inset-0",
151
- "z-40",
152
- "transition-opacity",
153
- "duration-150",
154
- "motion-reduce:transition-none",
155
- "data-[enter]:opacity-100",
156
- "[&:not([data-enter])]:opacity-0",
157
- "opacity-100",
158
- "uds-bgBlurFallback"
159
- ],
160
- "internalComponents": ["Box"],
161
- "internalComponentProps": { "Box": { "display": ["block"] } },
162
- "propToVariantKeys": { "variant": ["scrimVariantRoot"] },
163
- "runtimeConfigDefaultProps": {},
164
- "runtimeConfigGetStyles": {},
165
- "runtimeConfigInternalComponentProps": {},
166
- "motionVarPrefixes": []
167
- };
168
- var SvgFloatingOverlay = {
169
- "name": "SvgFloatingOverlay",
170
- "defaultProps": { "contentOverflow": "auto" },
199
+ var IconSlot = {
200
+ "name": "IconSlot",
201
+ "defaultProps": {},
171
202
  "getStylesLiterals": {},
172
- "cxLiterals": [
173
- "absolute",
174
- "top-0",
175
- "left-0",
176
- "w-full",
177
- "h-full",
178
- "overflow-visible",
179
- "pointer-events-none",
180
- "z-[2]",
181
- "z-[3]",
182
- "max-h-full",
183
- "gap-[inherit]"
184
- ],
185
- "internalComponents": ["Box", "Fragment"],
186
- "internalComponentProps": { "Box": {
187
- "position": ["relative"],
188
- "flexGrow": ["1"],
189
- "overflow": ["hidden"],
190
- "display": ["block"],
191
- "className": ["max-h-full gap-[inherit]"]
192
- } },
193
- "propToVariantKeys": {
194
- "blurClassName": ["className"],
195
- "contentOverflow": ["overflow"]
196
- },
203
+ "cxLiterals": [],
204
+ "internalComponents": ["Icon"],
205
+ "internalComponentProps": {},
206
+ "propToVariantKeys": {},
197
207
  "runtimeConfigDefaultProps": {},
198
208
  "runtimeConfigGetStyles": {},
199
209
  "runtimeConfigInternalComponentProps": {},
200
210
  "motionVarPrefixes": []
201
211
  };
202
- var Text = {
203
- "name": "Text",
204
- "defaultProps": {
205
- "color": "primary",
206
- "variant": "body1"
207
- },
212
+ var Image = {
213
+ "name": "Image",
214
+ "defaultProps": {},
208
215
  "getStylesLiterals": {},
209
216
  "cxLiterals": [],
210
- "internalComponents": ["Comp"],
217
+ "internalComponents": [],
211
218
  "internalComponentProps": {},
212
- "propToVariantKeys": { "variant": [
213
- "fontFamily",
214
- "fontSize",
215
- "fontWeight",
216
- "lineHeight",
217
- "textTransform",
218
- "letterSpacing"
219
- ] },
219
+ "propToVariantKeys": {},
220
220
  "runtimeConfigDefaultProps": {},
221
221
  "runtimeConfigGetStyles": {},
222
222
  "runtimeConfigInternalComponentProps": {},
223
223
  "motionVarPrefixes": []
224
224
  };
225
- var VStack = {
226
- "name": "VStack",
225
+ var HStack = {
226
+ "name": "HStack",
227
227
  "defaultProps": {},
228
228
  "getStylesLiterals": {},
229
229
  "cxLiterals": [],
230
230
  "internalComponents": ["Box"],
231
- "internalComponentProps": { "Box": { "flexDirection": ["column"] } },
232
- "propToVariantKeys": { "gap": ["columnGap", "rowGap"] },
231
+ "internalComponentProps": { "Box": { "flexDirection": ["row"] } },
232
+ "propToVariantKeys": { "gap": ["rowGap", "columnGap"] },
233
233
  "runtimeConfigDefaultProps": {},
234
234
  "runtimeConfigGetStyles": {},
235
235
  "runtimeConfigInternalComponentProps": {},
236
236
  "motionVarPrefixes": []
237
237
  };
238
- var Banner = {
239
- "name": "Banner",
238
+ var Checkbox = {
239
+ "name": "Checkbox",
240
240
  "defaultProps": {
241
+ "labelPosition": "start",
241
242
  "variant": "primary",
242
- "size": "default",
243
- "dismissAriaLabel": "Dismiss"
243
+ "size": "md"
244
244
  },
245
245
  "getStylesLiterals": {
246
- "className": "truncate",
247
- "className:1": "line-clamp-3",
248
- "spacing": "2",
249
- "borderRadius": "full",
250
- "color": "primary"
246
+ "display": "flex",
247
+ "flexDirection": "row",
248
+ "flexDirection:1": "row-reverse",
249
+ "alignItems": "center"
251
250
  },
252
251
  "cxLiterals": [
253
- "flex",
254
- "flex-row",
255
- "items-center",
256
- "items-start",
257
- "min-w-[300px]",
258
- "transition-[background-color]",
259
- "motion-safe:duration-120",
260
- "bg-carbon-15/0",
261
- "hover:bg-carbon-15/10",
262
- "active:bg-carbon-15/15",
252
+ "cursor-pointer",
253
+ "cursor-default",
254
+ "opacity-50",
263
255
  "uds-ring",
264
- "shrink-0",
265
- "self-start",
266
- "flex-1",
267
- "min-w-0",
268
- "flex-col",
269
- "gap-[inherit]",
270
- "uds-sm:flex-row",
271
- "uds-sm:items-center",
272
- "self-stretch",
273
- "gap-0.5",
274
- "w-full",
275
- "truncate",
276
- "leading-none",
277
- "line-clamp-3",
278
- "gap-1.5",
279
- "uds-sm:self-center",
280
- "uds-sm:shrink-0"
256
+ "uds-ring-within",
257
+ "transition-[background-color,border-color,box-shadow]",
258
+ "pointer-events-none",
259
+ "transition-opacity",
260
+ "cursor-[inherit]",
261
+ "absolute",
262
+ "opacity-0",
263
+ "top-1/2",
264
+ "left-1/2",
265
+ "w-[calc(100%+2px)]",
266
+ "h-[calc(100%+2px)]",
267
+ "transform",
268
+ "translate-x-[-50%]",
269
+ "translate-y-[-50%]",
270
+ "text-start",
271
+ "text-end"
281
272
  ],
282
273
  "internalComponents": [
283
- "IconSlot",
284
- "Text",
285
- "Pressable"
274
+ "Icon",
275
+ "FormLabel",
276
+ "SpringMotionConfig",
277
+ "RootElement",
278
+ "MotionBox"
286
279
  ],
287
280
  "internalComponentProps": {
288
- "IconSlot": { "data-testid": ["banner-start-icon"] },
289
- "Text": { "data-testid": ["banner-title", "banner-description"] },
290
- "Pressable": { "data-testid": ["banner-dismiss"] }
281
+ "Icon": { "size": ["sm"] },
282
+ "FormLabel": {
283
+ "as": ["div"],
284
+ "variant": ["inherit"],
285
+ "color": ["inherit"]
286
+ },
287
+ "RootElement": { "data-testid": ["container"] },
288
+ "MotionBox": {
289
+ "position": ["relative"],
290
+ "alignItems": ["center"],
291
+ "justifyContent": ["center"],
292
+ "flex": ["none"]
293
+ }
291
294
  },
292
295
  "propToVariantKeys": {
296
+ "size": ["checkboxSizeRoot", "checkboxSizeCheckbox"],
293
297
  "variant": [
294
- "bannerVariantRoot",
295
- "bannerVariantIcon",
296
- "bannerVariantTitle",
297
- "bannerVariantDescription"
298
+ "checkboxVariantRoot",
299
+ "checkboxVariantCheckbox",
300
+ "checkboxVariantCheckboxIcon"
298
301
  ],
299
- "size": [
300
- "bannerSizeRoot",
301
- "bannerSizeIcon",
302
- "bannerSizeTitle",
303
- "bannerSizeDescription",
304
- "bannerSizeClose"
302
+ "valueState": [
303
+ "checkboxVariantValueRoot",
304
+ "checkboxVariantValueCheckbox",
305
+ "checkboxVariantValueCheckboxIcon"
305
306
  ],
306
- "startIcon": ["icon"],
307
- "dismissAriaLabel": ["aria-label"],
308
- "onDismiss": ["onClick"]
307
+ "reduceMotion": ["reducedMotion"]
309
308
  },
310
309
  "runtimeConfigDefaultProps": {},
311
310
  "runtimeConfigGetStyles": {},
312
311
  "runtimeConfigInternalComponentProps": {},
313
- "motionVarPrefixes": []
312
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
314
313
  };
315
- var BannerContent = {
316
- "name": "BannerContent",
317
- "defaultProps": {},
314
+ var SpringMotionConfig = {
315
+ "name": "SpringMotionConfig",
316
+ "defaultProps": { "reducedMotion": "user" },
318
317
  "getStylesLiterals": {},
319
- "cxLiterals": [
320
- "flex",
321
- "flex-col",
322
- "items-start",
323
- "self-stretch",
324
- "flex-1",
325
- "min-w-0"
326
- ],
327
- "internalComponents": [],
328
- "internalComponentProps": {},
329
- "propToVariantKeys": {},
330
- "runtimeConfigDefaultProps": {},
331
- "runtimeConfigGetStyles": {},
332
- "runtimeConfigInternalComponentProps": {},
333
- "motionVarPrefixes": []
334
- };
335
- var BannerDescription = {
336
- "name": "BannerDescription",
337
- "defaultProps": {},
338
- "getStylesLiterals": {
339
- "bannerSizeDescription": "default",
340
- "className": "w-full line-clamp-3"
341
- },
342
318
  "cxLiterals": [],
343
- "internalComponents": ["Text"],
319
+ "internalComponents": ["LazyMotion", "MotionConfig"],
344
320
  "internalComponentProps": {},
345
- "propToVariantKeys": {},
321
+ "propToVariantKeys": { "loadFeatures": ["features"] },
346
322
  "runtimeConfigDefaultProps": {},
347
323
  "runtimeConfigGetStyles": {},
348
324
  "runtimeConfigInternalComponentProps": {},
349
325
  "motionVarPrefixes": []
350
326
  };
351
- var BannerTitle = {
352
- "name": "BannerTitle",
327
+ var AnimateHeightChange = {
328
+ "name": "AnimateHeightChange",
353
329
  "defaultProps": {},
354
- "getStylesLiterals": { "bannerSizeTitle": "default" },
355
- "cxLiterals": ["w-full", "truncate"],
356
- "internalComponents": ["Text"],
357
- "internalComponentProps": {},
358
- "propToVariantKeys": {},
330
+ "getStylesLiterals": {},
331
+ "cxLiterals": ["overflow-hidden"],
332
+ "internalComponents": ["SpringMotionConfig"],
333
+ "internalComponentProps": { "SpringMotionConfig": { "layoutSpeed": ["4"] } },
334
+ "propToVariantKeys": { "reduceMotion": ["reducedMotion"] },
359
335
  "runtimeConfigDefaultProps": {},
360
336
  "runtimeConfigGetStyles": {},
361
337
  "runtimeConfigInternalComponentProps": {},
362
- "motionVarPrefixes": []
338
+ "motionVarPrefixes": ["--uds-motion-subtle-4-", "--uds-motion-smooth-3-"]
363
339
  };
364
- var Divider = {
365
- "name": "Divider",
340
+ var Switch = {
341
+ "name": "Switch",
366
342
  "defaultProps": {
367
- "variant": "primary",
368
- "contentPosition": "center"
343
+ "labelPosition": "start",
344
+ "size": "md"
369
345
  },
370
- "getStylesLiterals": {},
371
- "cxLiterals": ["inherit"],
346
+ "getStylesLiterals": {
347
+ "switchVariantRoot": "default",
348
+ "switchVariantActiveRoot": "on",
349
+ "switchVariantActiveRoot:1": "off",
350
+ "display": "flex",
351
+ "flexDirection": "row",
352
+ "flexDirection:1": "row-reverse",
353
+ "alignItems": "center",
354
+ "switchVariantSwitch": "default",
355
+ "switchVariantActiveSwitch": "on",
356
+ "switchVariantActiveSwitch:1": "off",
357
+ "borderRadius": "full",
358
+ "position": "relative",
359
+ "switchVariantActiveHandle": "on",
360
+ "switchVariantActiveHandle:1": "off",
361
+ "switchVariantHandle": "default",
362
+ "switchVariantHandleIcon": "default",
363
+ "switchVariantActiveHandleIcon": "on",
364
+ "switchVariantActiveHandleIcon:1": "off"
365
+ },
366
+ "cxLiterals": [
367
+ "group",
368
+ "cursor-pointer",
369
+ "cursor-default",
370
+ "opacity-50",
371
+ "uds-ring",
372
+ "uds-ring-within",
373
+ "transition-[background-color,box-shadow]",
374
+ "relative",
375
+ "pointer-events-none",
376
+ "uds-border-radius-full",
377
+ "overflow-hidden",
378
+ "absolute",
379
+ "top-0",
380
+ "left-0",
381
+ "right-0",
382
+ "bottom-0",
383
+ "opacity-95",
384
+ "group-hover:opacity-100",
385
+ "transition-[background-color,box-shadow,opacity]",
386
+ "opacity-0",
387
+ "top-1/2",
388
+ "left-1/2",
389
+ "transform",
390
+ "translate-x-[-50%]",
391
+ "translate-y-[-50%]",
392
+ "transition-opacity",
393
+ "cursor-[inherit]",
394
+ "w-[calc(100%+2px)]",
395
+ "h-[calc(100%+2px)]",
396
+ "text-start",
397
+ "text-end",
398
+ "opacity-100"
399
+ ],
372
400
  "internalComponents": [
373
- "DividerLine",
374
- "DividerLabel",
375
- "InternalComponent",
376
- "Box"
401
+ "IconSlot",
402
+ "Box",
403
+ "FormLabel",
404
+ "SpringMotionConfig",
405
+ "RootElement",
406
+ "MotionBox"
377
407
  ],
378
408
  "internalComponentProps": {
379
- "InternalComponent": {
380
- "alignItems": ["center"],
381
- "flex": ["1"]
409
+ "IconSlot": { "data-testid": ["on-icon", "off-icon"] },
410
+ "FormLabel": {
411
+ "as": ["div"],
412
+ "variant": ["inherit"],
413
+ "color": ["inherit"]
382
414
  },
383
- "Box": {
384
- "display": ["flex"],
385
- "flex": ["none"]
386
- }
415
+ "RootElement": { "data-testid": ["container"] }
416
+ },
417
+ "propToVariantKeys": {
418
+ "size": [
419
+ "switchSizeRoot",
420
+ "switchSizeSwitch",
421
+ "switchSizeHandle",
422
+ "switchSizeHandleIcon"
423
+ ],
424
+ "onIcon": ["icon"],
425
+ "offIcon": ["icon"],
426
+ "reduceMotion": ["reducedMotion"]
387
427
  },
388
- "propToVariantKeys": { "variant": ["dividerVariantRoot"] },
389
428
  "runtimeConfigDefaultProps": {},
390
429
  "runtimeConfigGetStyles": {},
391
430
  "runtimeConfigInternalComponentProps": {},
392
- "motionVarPrefixes": []
431
+ "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
393
432
  };
394
- var DividerLabel = {
395
- "name": "DividerLabel",
433
+ var Badge = {
434
+ "name": "Badge",
396
435
  "defaultProps": {
397
436
  "variant": "primary",
398
- "textVariant": "inherit",
399
- "color": "inherit",
400
- "as": "span"
437
+ "size": "md"
401
438
  },
402
439
  "getStylesLiterals": {},
403
- "cxLiterals": ["inherit"],
404
- "internalComponents": ["Text"],
405
- "internalComponentProps": {},
440
+ "cxLiterals": [
441
+ "flex-1",
442
+ "truncate",
443
+ "whitespace-nowrap",
444
+ "text-center"
445
+ ],
446
+ "internalComponents": ["IconSlot", "HStack"],
447
+ "internalComponentProps": {
448
+ "IconSlot": { "data-testid": ["start-icon", "end-icon"] },
449
+ "HStack": {
450
+ "gap": ["2"],
451
+ "display": ["inline-flex"],
452
+ "alignItems": ["center"]
453
+ }
454
+ },
406
455
  "propToVariantKeys": {
407
- "variant": ["dividerVariantLabel"],
408
- "textVariant": ["variant"]
456
+ "size": ["badgeSizeRoot", "badgeSizeIcon"],
457
+ "variant": ["badgeVariantRoot", "badgeVariantIcon"],
458
+ "startIcon": ["icon"],
459
+ "endIcon": ["icon"]
409
460
  },
410
461
  "runtimeConfigDefaultProps": {},
411
462
  "runtimeConfigGetStyles": {},
412
463
  "runtimeConfigInternalComponentProps": {},
413
464
  "motionVarPrefixes": []
414
465
  };
415
- var DividerLine = {
416
- "name": "DividerLine",
417
- "defaultProps": { "variant": "primary" },
418
- "getStylesLiterals": {},
419
- "cxLiterals": ["inherit"],
420
- "internalComponents": ["Box"],
421
- "internalComponentProps": { "Box": { "flex": ["1"] } },
422
- "propToVariantKeys": { "variant": ["dividerVariantLine"] },
423
- "runtimeConfigDefaultProps": {},
424
- "runtimeConfigGetStyles": {},
425
- "runtimeConfigInternalComponentProps": {},
426
- "motionVarPrefixes": []
427
- };
428
- var AnimateHeightChange = {
429
- "name": "AnimateHeightChange",
466
+ var Pressable = {
467
+ "name": "Pressable",
430
468
  "defaultProps": {},
431
469
  "getStylesLiterals": {},
432
- "cxLiterals": ["overflow-hidden"],
433
- "internalComponents": ["SpringMotionConfig"],
434
- "internalComponentProps": { "SpringMotionConfig": { "layoutSpeed": ["4"] } },
435
- "propToVariantKeys": { "reduceMotion": ["reducedMotion"] },
470
+ "cxLiterals": [],
471
+ "internalComponents": ["Comp"],
472
+ "internalComponentProps": {},
473
+ "propToVariantKeys": {},
436
474
  "runtimeConfigDefaultProps": {},
437
475
  "runtimeConfigGetStyles": {},
438
476
  "runtimeConfigInternalComponentProps": {},
439
- "motionVarPrefixes": ["--uds-motion-subtle-4-", "--uds-motion-smooth-3-"]
477
+ "motionVarPrefixes": []
440
478
  };
441
- var Badge = {
442
- "name": "Badge",
443
- "defaultProps": {
444
- "variant": "primary",
445
- "size": "md"
446
- },
479
+ var IconButton = {
480
+ "name": "IconButton",
481
+ "defaultProps": { "type": "button" },
447
482
  "getStylesLiterals": {},
448
483
  "cxLiterals": [
449
- "flex-1",
450
- "truncate",
451
- "whitespace-nowrap",
452
- "text-center"
484
+ "uds-ring",
485
+ "uds-hit-target",
486
+ "inline-flex",
487
+ "overflow-hidden",
488
+ "justify-center",
489
+ "items-center",
490
+ "[transform-origin:center]",
491
+ "[backface-visibility:hidden]",
492
+ "[transition-property:color,background-color,border-color,",
493
+ "box-shadow,text-decoration-color,fill,stroke]",
494
+ "[transition-timing-function:cubic-bezier(0,0,0.2,1)]",
495
+ "[transition-duration:220ms]",
496
+ "cursor-not-allowed",
497
+ "uds-button-loading",
498
+ "uds-button-without-effects",
499
+ "animate-spin"
500
+ ],
501
+ "internalComponents": [
502
+ "Icon",
503
+ "SpringMotionConfig",
504
+ "AnimatePresence"
453
505
  ],
454
- "internalComponents": ["IconSlot", "HStack"],
455
506
  "internalComponentProps": {
456
- "IconSlot": { "data-testid": ["start-icon", "end-icon"] },
457
- "HStack": {
458
- "gap": ["2"],
459
- "display": ["inline-flex"],
460
- "alignItems": ["center"]
461
- }
507
+ "Icon": { "color": ["current"] },
508
+ "SpringMotionConfig": { "layoutSpeed": ["3"] },
509
+ "AnimatePresence": { "mode": ["popLayout"] }
462
510
  },
463
511
  "propToVariantKeys": {
464
- "size": ["badgeSizeRoot", "badgeSizeIcon"],
465
- "variant": ["badgeVariantRoot", "badgeVariantIcon"],
466
- "startIcon": ["icon"],
467
- "endIcon": ["icon"]
512
+ "size": ["iconbuttonSizeRoot", "iconbuttonSizeIcon"],
513
+ "variant": ["buttonVariantRoot", "buttonVariantIcon"],
514
+ "iconVariant": ["variant"]
468
515
  },
469
516
  "runtimeConfigDefaultProps": {},
470
517
  "runtimeConfigGetStyles": {},
471
518
  "runtimeConfigInternalComponentProps": {},
472
- "motionVarPrefixes": []
519
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
473
520
  };
474
521
  var Button = {
475
522
  "name": "Button",
@@ -525,130 +572,79 @@ var Button = {
525
572
  "runtimeConfigInternalComponentProps": {},
526
573
  "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
527
574
  };
528
- var Checkbox = {
529
- "name": "Checkbox",
575
+ var Divider = {
576
+ "name": "Divider",
530
577
  "defaultProps": {
531
- "labelPosition": "start",
532
578
  "variant": "primary",
533
- "size": "md"
534
- },
535
- "getStylesLiterals": {
536
- "display": "flex",
537
- "flexDirection": "row",
538
- "flexDirection:1": "row-reverse",
539
- "alignItems": "center"
579
+ "contentPosition": "center"
540
580
  },
541
- "cxLiterals": [
542
- "cursor-pointer",
543
- "cursor-default",
544
- "opacity-50",
545
- "uds-ring",
546
- "uds-ring-within",
547
- "transition-[background-color,border-color,box-shadow]",
548
- "pointer-events-none",
549
- "transition-opacity",
550
- "cursor-[inherit]",
551
- "absolute",
552
- "opacity-0",
553
- "top-1/2",
554
- "left-1/2",
555
- "w-[calc(100%+2px)]",
556
- "h-[calc(100%+2px)]",
557
- "transform",
558
- "translate-x-[-50%]",
559
- "translate-y-[-50%]",
560
- "text-start",
561
- "text-end"
562
- ],
581
+ "getStylesLiterals": {},
582
+ "cxLiterals": ["inherit"],
563
583
  "internalComponents": [
564
- "Icon",
565
- "FormLabel",
566
- "SpringMotionConfig",
567
- "RootElement",
568
- "MotionBox"
584
+ "DividerLine",
585
+ "DividerLabel",
586
+ "InternalComponent",
587
+ "Box"
569
588
  ],
570
589
  "internalComponentProps": {
571
- "Icon": { "size": ["sm"] },
572
- "FormLabel": {
573
- "as": ["div"],
574
- "variant": ["inherit"],
575
- "color": ["inherit"]
576
- },
577
- "RootElement": { "data-testid": ["container"] },
578
- "MotionBox": {
579
- "position": ["relative"],
590
+ "InternalComponent": {
580
591
  "alignItems": ["center"],
581
- "justifyContent": ["center"],
592
+ "flex": ["1"]
593
+ },
594
+ "Box": {
595
+ "display": ["flex"],
582
596
  "flex": ["none"]
583
597
  }
584
598
  },
585
- "propToVariantKeys": {
586
- "size": ["checkboxSizeRoot", "checkboxSizeCheckbox"],
587
- "variant": [
588
- "checkboxVariantRoot",
589
- "checkboxVariantCheckbox",
590
- "checkboxVariantCheckboxIcon"
591
- ],
592
- "valueState": [
593
- "checkboxVariantValueRoot",
594
- "checkboxVariantValueCheckbox",
595
- "checkboxVariantValueCheckboxIcon"
596
- ],
597
- "reduceMotion": ["reducedMotion"]
598
- },
599
+ "propToVariantKeys": { "variant": ["dividerVariantRoot"] },
599
600
  "runtimeConfigDefaultProps": {},
600
601
  "runtimeConfigGetStyles": {},
601
602
  "runtimeConfigInternalComponentProps": {},
602
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
603
+ "motionVarPrefixes": []
603
604
  };
604
- var IconButton = {
605
- "name": "IconButton",
606
- "defaultProps": { "type": "button" },
605
+ var DividerLine = {
606
+ "name": "DividerLine",
607
+ "defaultProps": { "variant": "primary" },
607
608
  "getStylesLiterals": {},
608
- "cxLiterals": [
609
- "uds-ring",
610
- "uds-hit-target",
611
- "inline-flex",
612
- "overflow-hidden",
613
- "justify-center",
614
- "items-center",
615
- "[transform-origin:center]",
616
- "[backface-visibility:hidden]",
617
- "[transition-property:color,background-color,border-color,",
618
- "box-shadow,text-decoration-color,fill,stroke]",
619
- "[transition-timing-function:cubic-bezier(0,0,0.2,1)]",
620
- "[transition-duration:220ms]",
621
- "cursor-not-allowed",
622
- "uds-button-loading",
623
- "uds-button-without-effects",
624
- "animate-spin"
625
- ],
626
- "internalComponents": [
627
- "Icon",
628
- "SpringMotionConfig",
629
- "AnimatePresence"
630
- ],
631
- "internalComponentProps": {
632
- "Icon": { "color": ["current"] },
633
- "SpringMotionConfig": { "layoutSpeed": ["3"] },
634
- "AnimatePresence": { "mode": ["popLayout"] }
609
+ "cxLiterals": ["inherit"],
610
+ "internalComponents": ["Box"],
611
+ "internalComponentProps": { "Box": { "flex": ["1"] } },
612
+ "propToVariantKeys": { "variant": ["dividerVariantLine"] },
613
+ "runtimeConfigDefaultProps": {},
614
+ "runtimeConfigGetStyles": {},
615
+ "runtimeConfigInternalComponentProps": {},
616
+ "motionVarPrefixes": []
617
+ };
618
+ var DividerLabel = {
619
+ "name": "DividerLabel",
620
+ "defaultProps": {
621
+ "variant": "primary",
622
+ "textVariant": "inherit",
623
+ "color": "inherit",
624
+ "as": "span"
635
625
  },
626
+ "getStylesLiterals": {},
627
+ "cxLiterals": ["inherit"],
628
+ "internalComponents": ["Text"],
629
+ "internalComponentProps": {},
636
630
  "propToVariantKeys": {
637
- "size": ["iconbuttonSizeRoot", "iconbuttonSizeIcon"],
638
- "variant": ["buttonVariantRoot", "buttonVariantIcon"],
639
- "iconVariant": ["variant"]
631
+ "variant": ["dividerVariantLabel"],
632
+ "textVariant": ["variant"]
640
633
  },
641
634
  "runtimeConfigDefaultProps": {},
642
635
  "runtimeConfigGetStyles": {},
643
636
  "runtimeConfigInternalComponentProps": {},
644
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
637
+ "motionVarPrefixes": []
645
638
  };
646
- var Pressable = {
647
- "name": "Pressable",
639
+ var BannerDescription = {
640
+ "name": "BannerDescription",
648
641
  "defaultProps": {},
649
- "getStylesLiterals": {},
642
+ "getStylesLiterals": {
643
+ "bannerSizeDescription": "default",
644
+ "className": "w-full line-clamp-3"
645
+ },
650
646
  "cxLiterals": [],
651
- "internalComponents": ["Comp"],
647
+ "internalComponents": ["Text"],
652
648
  "internalComponentProps": {},
653
649
  "propToVariantKeys": {},
654
650
  "runtimeConfigDefaultProps": {},
@@ -656,111 +652,128 @@ var Pressable = {
656
652
  "runtimeConfigInternalComponentProps": {},
657
653
  "motionVarPrefixes": []
658
654
  };
659
- var SpringMotionConfig = {
660
- "name": "SpringMotionConfig",
661
- "defaultProps": { "reducedMotion": "user" },
662
- "getStylesLiterals": {},
663
- "cxLiterals": [],
664
- "internalComponents": ["LazyMotion", "MotionConfig"],
655
+ var BannerTitle = {
656
+ "name": "BannerTitle",
657
+ "defaultProps": {},
658
+ "getStylesLiterals": { "bannerSizeTitle": "default" },
659
+ "cxLiterals": ["w-full", "truncate"],
660
+ "internalComponents": ["Text"],
665
661
  "internalComponentProps": {},
666
- "propToVariantKeys": { "loadFeatures": ["features"] },
662
+ "propToVariantKeys": {},
667
663
  "runtimeConfigDefaultProps": {},
668
664
  "runtimeConfigGetStyles": {},
669
665
  "runtimeConfigInternalComponentProps": {},
670
666
  "motionVarPrefixes": []
671
667
  };
672
- var Switch = {
673
- "name": "Switch",
668
+ var Banner = {
669
+ "name": "Banner",
674
670
  "defaultProps": {
675
- "labelPosition": "start",
676
- "size": "md"
677
- },
678
- "getStylesLiterals": {
679
- "switchVariantRoot": "default",
680
- "switchVariantActiveRoot": "on",
681
- "switchVariantActiveRoot:1": "off",
682
- "display": "flex",
683
- "flexDirection": "row",
684
- "flexDirection:1": "row-reverse",
685
- "alignItems": "center",
686
- "switchVariantSwitch": "default",
687
- "switchVariantActiveSwitch": "on",
688
- "switchVariantActiveSwitch:1": "off",
671
+ "variant": "primary",
672
+ "size": "default",
673
+ "dismissAriaLabel": "Dismiss"
674
+ },
675
+ "getStylesLiterals": {
676
+ "className": "truncate",
677
+ "className:1": "line-clamp-3",
678
+ "spacing": "2",
689
679
  "borderRadius": "full",
690
- "position": "relative",
691
- "switchVariantActiveHandle": "on",
692
- "switchVariantActiveHandle:1": "off",
693
- "switchVariantHandle": "default",
694
- "switchVariantHandleIcon": "default",
695
- "switchVariantActiveHandleIcon": "on",
696
- "switchVariantActiveHandleIcon:1": "off"
680
+ "color": "primary"
697
681
  },
698
682
  "cxLiterals": [
699
- "group",
700
- "cursor-pointer",
701
- "cursor-default",
702
- "opacity-50",
683
+ "flex",
684
+ "flex-row",
685
+ "items-center",
686
+ "items-start",
687
+ "min-w-[300px]",
688
+ "transition-[background-color]",
689
+ "motion-safe:duration-120",
690
+ "bg-carbon-15/0",
691
+ "hover:bg-carbon-15/10",
692
+ "active:bg-carbon-15/15",
703
693
  "uds-ring",
704
- "uds-ring-within",
705
- "transition-[background-color,box-shadow]",
706
- "relative",
707
- "pointer-events-none",
708
- "uds-border-radius-full",
709
- "overflow-hidden",
710
- "absolute",
711
- "top-0",
712
- "left-0",
713
- "right-0",
714
- "bottom-0",
715
- "opacity-95",
716
- "group-hover:opacity-100",
717
- "transition-[background-color,box-shadow,opacity]",
718
- "opacity-0",
719
- "top-1/2",
720
- "left-1/2",
721
- "transform",
722
- "translate-x-[-50%]",
723
- "translate-y-[-50%]",
724
- "transition-opacity",
725
- "cursor-[inherit]",
726
- "w-[calc(100%+2px)]",
727
- "h-[calc(100%+2px)]",
728
- "text-start",
729
- "text-end",
730
- "opacity-100"
694
+ "shrink-0",
695
+ "self-start",
696
+ "flex-1",
697
+ "min-w-0",
698
+ "flex-col",
699
+ "gap-[inherit]",
700
+ "uds-sm:flex-row",
701
+ "uds-sm:items-center",
702
+ "self-stretch",
703
+ "gap-0.5",
704
+ "w-full",
705
+ "truncate",
706
+ "leading-none",
707
+ "line-clamp-3",
708
+ "gap-1.5",
709
+ "uds-sm:self-center",
710
+ "uds-sm:shrink-0"
731
711
  ],
732
712
  "internalComponents": [
733
713
  "IconSlot",
734
- "Box",
735
- "FormLabel",
736
- "SpringMotionConfig",
737
- "RootElement",
738
- "MotionBox"
714
+ "Text",
715
+ "Pressable"
739
716
  ],
740
717
  "internalComponentProps": {
741
- "IconSlot": { "data-testid": ["on-icon", "off-icon"] },
742
- "FormLabel": {
743
- "as": ["div"],
744
- "variant": ["inherit"],
745
- "color": ["inherit"]
746
- },
747
- "RootElement": { "data-testid": ["container"] }
718
+ "IconSlot": { "data-testid": ["banner-start-icon"] },
719
+ "Text": { "data-testid": ["banner-title", "banner-description"] },
720
+ "Pressable": { "data-testid": ["banner-dismiss"] }
748
721
  },
749
722
  "propToVariantKeys": {
723
+ "variant": [
724
+ "bannerVariantRoot",
725
+ "bannerVariantIcon",
726
+ "bannerVariantTitle",
727
+ "bannerVariantDescription"
728
+ ],
750
729
  "size": [
751
- "switchSizeRoot",
752
- "switchSizeSwitch",
753
- "switchSizeHandle",
754
- "switchSizeHandleIcon"
730
+ "bannerSizeRoot",
731
+ "bannerSizeIcon",
732
+ "bannerSizeTitle",
733
+ "bannerSizeDescription",
734
+ "bannerSizeClose"
755
735
  ],
756
- "onIcon": ["icon"],
757
- "offIcon": ["icon"],
758
- "reduceMotion": ["reducedMotion"]
736
+ "startIcon": ["icon"],
737
+ "dismissAriaLabel": ["aria-label"],
738
+ "onDismiss": ["onClick"]
759
739
  },
760
740
  "runtimeConfigDefaultProps": {},
761
741
  "runtimeConfigGetStyles": {},
762
742
  "runtimeConfigInternalComponentProps": {},
763
- "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
743
+ "motionVarPrefixes": []
744
+ };
745
+ var BannerContent = {
746
+ "name": "BannerContent",
747
+ "defaultProps": {},
748
+ "getStylesLiterals": {},
749
+ "cxLiterals": [
750
+ "flex",
751
+ "flex-col",
752
+ "items-start",
753
+ "self-stretch",
754
+ "flex-1",
755
+ "min-w-0"
756
+ ],
757
+ "internalComponents": [],
758
+ "internalComponentProps": {},
759
+ "propToVariantKeys": {},
760
+ "runtimeConfigDefaultProps": {},
761
+ "runtimeConfigGetStyles": {},
762
+ "runtimeConfigInternalComponentProps": {},
763
+ "motionVarPrefixes": []
764
+ };
765
+ var Table_mocks = {
766
+ "name": "Table.mocks",
767
+ "defaultProps": {},
768
+ "getStylesLiterals": {},
769
+ "cxLiterals": [],
770
+ "internalComponents": [],
771
+ "internalComponentProps": {},
772
+ "propToVariantKeys": {},
773
+ "runtimeConfigDefaultProps": {},
774
+ "runtimeConfigGetStyles": {},
775
+ "runtimeConfigInternalComponentProps": {},
776
+ "motionVarPrefixes": []
764
777
  };
765
778
  var Spinner = {
766
779
  "name": "Spinner",
@@ -786,19 +799,6 @@ var Spinner = {
786
799
  "runtimeConfigInternalComponentProps": {},
787
800
  "motionVarPrefixes": []
788
801
  };
789
- var Table_mocks = {
790
- "name": "Table.mocks",
791
- "defaultProps": {},
792
- "getStylesLiterals": {},
793
- "cxLiterals": [],
794
- "internalComponents": [],
795
- "internalComponentProps": {},
796
- "propToVariantKeys": {},
797
- "runtimeConfigDefaultProps": {},
798
- "runtimeConfigGetStyles": {},
799
- "runtimeConfigInternalComponentProps": {},
800
- "motionVarPrefixes": []
801
- };
802
802
  var Table = {
803
803
  "name": "Table",
804
804
  "defaultProps": {
@@ -830,12 +830,34 @@ var Table = {
830
830
  "runtimeConfigInternalComponentProps": {},
831
831
  "motionVarPrefixes": []
832
832
  };
833
- var Avatar = {
834
- "name": "Avatar",
833
+ var ModalDescription = {
834
+ "name": "ModalDescription",
835
835
  "defaultProps": {},
836
836
  "getStylesLiterals": {},
837
837
  "cxLiterals": [],
838
- "internalComponents": ["AvatarImage"],
838
+ "internalComponents": ["Text", "DialogDescription"],
839
+ "internalComponentProps": { "Text": { "as": ["span"] } },
840
+ "propToVariantKeys": {
841
+ "size": ["modalSizeDescription"],
842
+ "variant": ["modalVariantDescription"]
843
+ },
844
+ "runtimeConfigDefaultProps": {
845
+ "size": "modal.defaultSize",
846
+ "variant": "modal.defaultVariant"
847
+ },
848
+ "runtimeConfigGetStyles": {
849
+ "modalSizeDescription": ["modal.defaultSize"],
850
+ "modalVariantDescription": ["modal.defaultVariant"]
851
+ },
852
+ "runtimeConfigInternalComponentProps": {},
853
+ "motionVarPrefixes": []
854
+ };
855
+ var ModalContext = {
856
+ "name": "ModalContext",
857
+ "defaultProps": {},
858
+ "getStylesLiterals": {},
859
+ "cxLiterals": [],
860
+ "internalComponents": [],
839
861
  "internalComponentProps": {},
840
862
  "propToVariantKeys": {},
841
863
  "runtimeConfigDefaultProps": {},
@@ -843,89 +865,223 @@ var Avatar = {
843
865
  "runtimeConfigInternalComponentProps": {},
844
866
  "motionVarPrefixes": []
845
867
  };
846
- var AvatarIcon = {
847
- "name": "AvatarIcon",
848
- "defaultProps": {
849
- "size": "md",
850
- "variant": "primary"
868
+ var ModalContent = {
869
+ "name": "ModalContent",
870
+ "defaultProps": {},
871
+ "getStylesLiterals": {
872
+ "overflowY": "auto",
873
+ "display": "block",
874
+ "flexGrow": "1"
851
875
  },
852
- "getStylesLiterals": {},
853
- "cxLiterals": [
854
- "overflow-hidden",
855
- "w-full",
856
- "h-full",
857
- "shrink-0",
858
- "text-center",
859
- "inline-flex",
860
- "justify-center",
861
- "items-center"
862
- ],
863
- "internalComponents": ["IconSlot", "Box"],
876
+ "cxLiterals": [],
877
+ "internalComponents": ["Box"],
864
878
  "internalComponentProps": {},
865
- "propToVariantKeys": { "size": ["avatarSizeIcon"] },
866
- "runtimeConfigDefaultProps": {},
867
- "runtimeConfigGetStyles": {},
879
+ "propToVariantKeys": { "size": ["modalSizeSpacingHorizontal"] },
880
+ "runtimeConfigDefaultProps": {
881
+ "size": "modal.defaultSize",
882
+ "variant": "modal.defaultVariant"
883
+ },
884
+ "runtimeConfigGetStyles": { "modalSizeSpacingHorizontal": ["modal.defaultSize"] },
868
885
  "runtimeConfigInternalComponentProps": {},
869
886
  "motionVarPrefixes": []
870
887
  };
871
- var AvatarImage = {
872
- "name": "AvatarImage",
888
+ var Modal = {
889
+ "name": "Modal",
873
890
  "defaultProps": {
874
- "size": "md",
875
- "variant": "primary"
891
+ "closeAriaLabel": "Close",
892
+ "maxWidth": "auto",
893
+ "maxHeight": "auto",
894
+ "scrollBehavior": "outside"
895
+ },
896
+ "getStylesLiterals": {
897
+ "flexDirection": "row-reverse",
898
+ "justifyContent": "space-between",
899
+ "alignItems": "flex-end",
900
+ "alignItems:1": "flex-start",
901
+ "borderRadius": "full"
876
902
  },
877
- "getStylesLiterals": {},
878
903
  "cxLiterals": [
904
+ "fixed",
905
+ "inset-0",
906
+ "z-40",
907
+ "overflow-y-auto",
879
908
  "overflow-hidden",
880
- "w-full",
909
+ "transition-[opacity,visibility]",
910
+ "visible",
911
+ "opacity-100",
912
+ "invisible",
913
+ "opacity-0",
914
+ "pointer-events-none",
915
+ "uds-bgBlurFallback",
916
+ "w-full",
917
+ "w-fit",
881
918
  "h-full",
882
- "shrink-0",
883
- "text-center",
884
- "inline-flex",
885
- "justify-center",
886
- "items-center",
887
- "object-cover"
919
+ "h-fit",
920
+ "m-auto",
921
+ "pointer-events-auto",
922
+ "inside",
923
+ "max-h-full",
924
+ "transition-transform",
925
+ "duration-0",
926
+ "duration-120",
927
+ "transition-[background-color]",
928
+ "bg-carbon-15/0",
929
+ "hover:bg-carbon-15/10",
930
+ "active:bg-carbon-15/15",
931
+ "uds-ring",
932
+ "[translate:50%_-50%]"
888
933
  ],
889
934
  "internalComponents": [
890
- "UDSImage",
891
- "AvatarText",
892
- "AvatarIcon",
893
- "Box"
935
+ "Scrim",
936
+ "VStack",
937
+ "Pressable",
938
+ "IconSlot",
939
+ "Box",
940
+ "Dialog",
941
+ "ModalContext.Provider",
942
+ "HStack",
943
+ "DialogDismiss",
944
+ "ModalTitle",
945
+ "ModalDescription",
946
+ "ModalContent",
947
+ "ModalActions"
894
948
  ],
895
- "internalComponentProps": {},
949
+ "internalComponentProps": { "Box": { "flexGrow": ["1"] } },
896
950
  "propToVariantKeys": {
897
- "alt": ["name"],
898
- "fallback": ["initials"]
951
+ "gutter": ["spacing"],
952
+ "size": [
953
+ "modalSizeRoot",
954
+ "modalSizeSpacingHorizontal",
955
+ "modalSizeHeader",
956
+ "modalSizeTitleDescriptionWrapper",
957
+ "modalSizeCloseIconContainer",
958
+ "modalSizeCloseIcon"
959
+ ],
960
+ "variant": ["modalVariantRoot", "modalVariantCloseIcon"],
961
+ "closeAriaLabel": ["aria-label"],
962
+ "closeIcon": ["icon"]
963
+ },
964
+ "runtimeConfigDefaultProps": {
965
+ "size": "modal.defaultSize",
966
+ "variant": "modal.defaultVariant"
967
+ },
968
+ "runtimeConfigGetStyles": {
969
+ "spacing": ["modal.gutter.${size}"],
970
+ "modalSizeRoot": ["modal.defaultSize"],
971
+ "modalVariantRoot": ["modal.defaultVariant"],
972
+ "modalSizeSpacingHorizontal": ["modal.defaultSize"],
973
+ "modalSizeHeader": ["modal.defaultSize"],
974
+ "modalSizeTitleDescriptionWrapper": ["modal.defaultSize"],
975
+ "modalSizeCloseIconContainer": ["modal.defaultSize"],
976
+ "modalSizeCloseIcon": ["modal.defaultSize"],
977
+ "modalVariantCloseIcon": ["modal.defaultVariant"]
899
978
  },
979
+ "runtimeConfigInternalComponentProps": {},
980
+ "motionVarPrefixes": []
981
+ };
982
+ var UDSModalConfigProvider = {
983
+ "name": "UDSModalConfigProvider",
984
+ "defaultProps": {},
985
+ "getStylesLiterals": {},
986
+ "cxLiterals": [],
987
+ "internalComponents": ["ModalContext.Provider"],
988
+ "internalComponentProps": {},
989
+ "propToVariantKeys": {},
900
990
  "runtimeConfigDefaultProps": {},
901
991
  "runtimeConfigGetStyles": {},
902
992
  "runtimeConfigInternalComponentProps": {},
903
993
  "motionVarPrefixes": []
904
994
  };
905
- var AvatarText = {
906
- "name": "AvatarText",
907
- "defaultProps": {
908
- "size": "md",
909
- "variant": "primary"
995
+ var ModalTitle = {
996
+ "name": "ModalTitle",
997
+ "defaultProps": {},
998
+ "getStylesLiterals": {},
999
+ "cxLiterals": [],
1000
+ "internalComponents": ["Text", "DialogHeading"],
1001
+ "internalComponentProps": { "Text": { "as": ["span"] } },
1002
+ "propToVariantKeys": {
1003
+ "size": ["modalSizeTitle"],
1004
+ "variant": ["modalVariantTitle"]
1005
+ },
1006
+ "runtimeConfigDefaultProps": {
1007
+ "size": "modal.defaultSize",
1008
+ "variant": "modal.defaultVariant"
1009
+ },
1010
+ "runtimeConfigGetStyles": {
1011
+ "modalSizeTitle": ["modal.defaultSize"],
1012
+ "modalVariantTitle": ["modal.defaultVariant"]
1013
+ },
1014
+ "runtimeConfigInternalComponentProps": {},
1015
+ "motionVarPrefixes": []
1016
+ };
1017
+ var ModalActions = {
1018
+ "name": "ModalActions",
1019
+ "defaultProps": {},
1020
+ "getStylesLiterals": {
1021
+ "flexDirection": "row-reverse",
1022
+ "justifyContent": "space-between",
1023
+ "alignItems": "center"
1024
+ },
1025
+ "cxLiterals": ["gap-[inherit]"],
1026
+ "internalComponents": ["HStack"],
1027
+ "internalComponentProps": {},
1028
+ "propToVariantKeys": { "size": ["modalSizeSpacingHorizontal", "modalSizeActions"] },
1029
+ "runtimeConfigDefaultProps": {
1030
+ "size": "modal.defaultSize",
1031
+ "variant": "modal.defaultVariant"
1032
+ },
1033
+ "runtimeConfigGetStyles": {
1034
+ "modalSizeSpacingHorizontal": ["modal.defaultSize"],
1035
+ "modalSizeActions": ["modal.defaultSize"]
910
1036
  },
1037
+ "runtimeConfigInternalComponentProps": {},
1038
+ "motionVarPrefixes": []
1039
+ };
1040
+ var BottomSheetProvider = {
1041
+ "name": "BottomSheetProvider",
1042
+ "defaultProps": {},
1043
+ "getStylesLiterals": {},
1044
+ "cxLiterals": [],
1045
+ "internalComponents": ["AriakitDialogProvider"],
1046
+ "internalComponentProps": {},
1047
+ "propToVariantKeys": {},
1048
+ "runtimeConfigDefaultProps": {},
1049
+ "runtimeConfigGetStyles": {},
1050
+ "runtimeConfigInternalComponentProps": {},
1051
+ "motionVarPrefixes": []
1052
+ };
1053
+ var BottomSheetHeader = {
1054
+ "name": "BottomSheetHeader",
1055
+ "defaultProps": { "variant": "default" },
911
1056
  "getStylesLiterals": {},
912
1057
  "cxLiterals": [
913
- "overflow-hidden",
914
- "truncate",
1058
+ "grid-cols-[40px_1fr_40px]",
1059
+ "items-center",
915
1060
  "w-full",
916
- "h-full",
917
- "shrink-0",
918
- "text-center",
919
- "inline-flex",
920
- "justify-center",
921
- "items-center"
1061
+ "min-h-10",
1062
+ "mt-2"
922
1063
  ],
923
- "internalComponents": ["Box", "Text"],
924
- "internalComponentProps": { "Text": {
925
- "color": ["inherit"],
926
- "variant": ["inherit"]
927
- } },
928
- "propToVariantKeys": {},
1064
+ "internalComponents": [
1065
+ "Box",
1066
+ "Text",
1067
+ "DialogHeading"
1068
+ ],
1069
+ "internalComponentProps": {
1070
+ "Box": {
1071
+ "className": ["h-10 w-10 opacity-0 pointer-events-none"],
1072
+ "display": ["grid", "flex"],
1073
+ "justifyContent": ["flex-start", "flex-end"]
1074
+ },
1075
+ "Text": {
1076
+ "as": ["p"],
1077
+ "variant": ["inherit"],
1078
+ "color": ["inherit"],
1079
+ "textAlign": ["center"],
1080
+ "className": ["m-0 w-full"]
1081
+ },
1082
+ "DialogHeading": { "role": ["heading"] }
1083
+ },
1084
+ "propToVariantKeys": { "variant": ["bottomsheetVariantHeader"] },
929
1085
  "runtimeConfigDefaultProps": {},
930
1086
  "runtimeConfigGetStyles": {},
931
1087
  "runtimeConfigInternalComponentProps": {},
@@ -976,6 +1132,19 @@ var BottomSheet = {
976
1132
  "runtimeConfigInternalComponentProps": {},
977
1133
  "motionVarPrefixes": []
978
1134
  };
1135
+ var BottomSheetTrigger = {
1136
+ "name": "BottomSheetTrigger",
1137
+ "defaultProps": {},
1138
+ "getStylesLiterals": {},
1139
+ "cxLiterals": [],
1140
+ "internalComponents": ["AriakitDialogDisclosure"],
1141
+ "internalComponentProps": {},
1142
+ "propToVariantKeys": {},
1143
+ "runtimeConfigDefaultProps": {},
1144
+ "runtimeConfigGetStyles": {},
1145
+ "runtimeConfigInternalComponentProps": {},
1146
+ "motionVarPrefixes": []
1147
+ };
979
1148
  var BottomSheetContent = {
980
1149
  "name": "BottomSheetContent",
981
1150
  "defaultProps": {},
@@ -995,6 +1164,19 @@ var BottomSheetContent = {
995
1164
  "runtimeConfigInternalComponentProps": {},
996
1165
  "motionVarPrefixes": []
997
1166
  };
1167
+ var UDSBottomSheetConfigProvider = {
1168
+ "name": "UDSBottomSheetConfigProvider",
1169
+ "defaultProps": {},
1170
+ "getStylesLiterals": {},
1171
+ "cxLiterals": [],
1172
+ "internalComponents": ["BottomSheetContext.Provider"],
1173
+ "internalComponentProps": {},
1174
+ "propToVariantKeys": {},
1175
+ "runtimeConfigDefaultProps": {},
1176
+ "runtimeConfigGetStyles": {},
1177
+ "runtimeConfigInternalComponentProps": {},
1178
+ "motionVarPrefixes": []
1179
+ };
998
1180
  var BottomSheetDismiss = {
999
1181
  "name": "BottomSheetDismiss",
1000
1182
  "defaultProps": {},
@@ -1039,43 +1221,6 @@ var BottomSheetHandle = {
1039
1221
  "runtimeConfigInternalComponentProps": {},
1040
1222
  "motionVarPrefixes": []
1041
1223
  };
1042
- var BottomSheetHeader = {
1043
- "name": "BottomSheetHeader",
1044
- "defaultProps": { "variant": "default" },
1045
- "getStylesLiterals": {},
1046
- "cxLiterals": [
1047
- "grid-cols-[40px_1fr_40px]",
1048
- "items-center",
1049
- "w-full",
1050
- "min-h-10",
1051
- "mt-2"
1052
- ],
1053
- "internalComponents": [
1054
- "Box",
1055
- "Text",
1056
- "DialogHeading"
1057
- ],
1058
- "internalComponentProps": {
1059
- "Box": {
1060
- "className": ["h-10 w-10 opacity-0 pointer-events-none"],
1061
- "display": ["grid", "flex"],
1062
- "justifyContent": ["flex-start", "flex-end"]
1063
- },
1064
- "Text": {
1065
- "as": ["p"],
1066
- "variant": ["inherit"],
1067
- "color": ["inherit"],
1068
- "textAlign": ["center"],
1069
- "className": ["m-0 w-full"]
1070
- },
1071
- "DialogHeading": { "role": ["heading"] }
1072
- },
1073
- "propToVariantKeys": { "variant": ["bottomsheetVariantHeader"] },
1074
- "runtimeConfigDefaultProps": {},
1075
- "runtimeConfigGetStyles": {},
1076
- "runtimeConfigInternalComponentProps": {},
1077
- "motionVarPrefixes": []
1078
- };
1079
1224
  var BottomSheetInternalContext = {
1080
1225
  "name": "BottomSheetInternalContext",
1081
1226
  "defaultProps": {},
@@ -1089,12 +1234,25 @@ var BottomSheetInternalContext = {
1089
1234
  "runtimeConfigInternalComponentProps": {},
1090
1235
  "motionVarPrefixes": []
1091
1236
  };
1092
- var BottomSheetProvider = {
1093
- "name": "BottomSheetProvider",
1237
+ var Menu_ItemCheckbox = {
1238
+ "name": "Menu.ItemCheckbox",
1094
1239
  "defaultProps": {},
1095
- "getStylesLiterals": {},
1096
- "cxLiterals": [],
1097
- "internalComponents": ["AriakitDialogProvider"],
1240
+ "getStylesLiterals": {
1241
+ "menuitemItemCheckboxVariantRoot": "default",
1242
+ "menuitemItemCheckboxVariantActiveRoot": "on",
1243
+ "menuitemItemCheckboxVariantActiveRoot:1": "off",
1244
+ "menuitemItemCheckboxVariantText": "default",
1245
+ "menuitemItemCheckboxVariantActiveText": "on",
1246
+ "menuitemItemCheckboxVariantActiveText:1": "off",
1247
+ "menuitemItemCheckboxVariantStartIcon": "default",
1248
+ "menuitemItemCheckboxVariantActiveStartIcon": "on",
1249
+ "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
1250
+ "menuitemItemCheckboxVariantEndIcon": "default",
1251
+ "menuitemItemCheckboxVariantActiveEndIcon": "on",
1252
+ "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
1253
+ },
1254
+ "cxLiterals": ["uds-menu-item-checkbox"],
1255
+ "internalComponents": ["MenuItemBase"],
1098
1256
  "internalComponentProps": {},
1099
1257
  "propToVariantKeys": {},
1100
1258
  "runtimeConfigDefaultProps": {},
@@ -1102,12 +1260,12 @@ var BottomSheetProvider = {
1102
1260
  "runtimeConfigInternalComponentProps": {},
1103
1261
  "motionVarPrefixes": []
1104
1262
  };
1105
- var BottomSheetTrigger = {
1106
- "name": "BottomSheetTrigger",
1263
+ var Menu = {
1264
+ "name": "Menu",
1107
1265
  "defaultProps": {},
1108
1266
  "getStylesLiterals": {},
1109
1267
  "cxLiterals": [],
1110
- "internalComponents": ["AriakitDialogDisclosure"],
1268
+ "internalComponents": [],
1111
1269
  "internalComponentProps": {},
1112
1270
  "propToVariantKeys": {},
1113
1271
  "runtimeConfigDefaultProps": {},
@@ -1115,12 +1273,48 @@ var BottomSheetTrigger = {
1115
1273
  "runtimeConfigInternalComponentProps": {},
1116
1274
  "motionVarPrefixes": []
1117
1275
  };
1118
- var UDSBottomSheetConfigProvider = {
1119
- "name": "UDSBottomSheetConfigProvider",
1276
+ var Menu_Trigger = {
1277
+ "name": "Menu.Trigger",
1278
+ "defaultProps": {},
1279
+ "getStylesLiterals": {},
1280
+ "cxLiterals": ["uds-menu-trigger"],
1281
+ "internalComponents": ["AriakitMenuTrigger", "Box"],
1282
+ "internalComponentProps": { "Box": { "className": ["uds-ring h-fit w-fit"] } },
1283
+ "propToVariantKeys": {},
1284
+ "runtimeConfigDefaultProps": {},
1285
+ "runtimeConfigGetStyles": {},
1286
+ "runtimeConfigInternalComponentProps": {},
1287
+ "motionVarPrefixes": []
1288
+ };
1289
+ var Menu_Provider = {
1290
+ "name": "Menu.Provider",
1120
1291
  "defaultProps": {},
1121
1292
  "getStylesLiterals": {},
1122
1293
  "cxLiterals": [],
1123
- "internalComponents": ["BottomSheetContext.Provider"],
1294
+ "internalComponents": ["AriakitMenuProvider", "SpringMotionConfig"],
1295
+ "internalComponentProps": {},
1296
+ "propToVariantKeys": {},
1297
+ "runtimeConfigDefaultProps": {},
1298
+ "runtimeConfigGetStyles": {},
1299
+ "runtimeConfigInternalComponentProps": {},
1300
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1301
+ };
1302
+ var Menu_Item = {
1303
+ "name": "Menu.Item",
1304
+ "defaultProps": {},
1305
+ "getStylesLiterals": {
1306
+ "menuitemItemVariantRoot": "default",
1307
+ "menuitemItemVariantActiveRoot": "on",
1308
+ "menuitemItemVariantActiveRoot:1": "off",
1309
+ "menuitemItemVariantText": "default",
1310
+ "menuitemItemVariantActiveText": "on",
1311
+ "menuitemItemVariantActiveText:1": "off",
1312
+ "menuitemItemVariantIcon": "default",
1313
+ "menuitemItemVariantActiveIcon": "on",
1314
+ "menuitemItemVariantActiveIcon:1": "off"
1315
+ },
1316
+ "cxLiterals": [],
1317
+ "internalComponents": ["MenuItemBase"],
1124
1318
  "internalComponentProps": {},
1125
1319
  "propToVariantKeys": {},
1126
1320
  "runtimeConfigDefaultProps": {},
@@ -1128,17 +1322,12 @@ var UDSBottomSheetConfigProvider = {
1128
1322
  "runtimeConfigInternalComponentProps": {},
1129
1323
  "motionVarPrefixes": []
1130
1324
  };
1131
- var Chip = {
1132
- "name": "Chip",
1325
+ var Menu_index = {
1326
+ "name": "Menu.index",
1133
1327
  "defaultProps": {},
1134
1328
  "getStylesLiterals": {},
1135
1329
  "cxLiterals": [],
1136
- "internalComponents": [
1137
- "ChipDismissible",
1138
- "ChipToggle",
1139
- "ChipLink",
1140
- "ChipButton"
1141
- ],
1330
+ "internalComponents": [],
1142
1331
  "internalComponentProps": {},
1143
1332
  "propToVariantKeys": {},
1144
1333
  "runtimeConfigDefaultProps": {},
@@ -1146,666 +1335,219 @@ var Chip = {
1146
1335
  "runtimeConfigInternalComponentProps": {},
1147
1336
  "motionVarPrefixes": []
1148
1337
  };
1149
- var ChipBase = {
1150
- "name": "ChipBase",
1338
+ var Menu_ItemBase = {
1339
+ "name": "Menu.ItemBase",
1151
1340
  "defaultProps": {
1152
- "size": "md",
1153
- "as": "div"
1341
+ "spacing": "0",
1342
+ "spacingHorizontal": "4",
1343
+ "spacingVertical": "3.5",
1344
+ "columnGap": "2",
1345
+ "alignItems": "center",
1346
+ "justifyContent": "space-between"
1347
+ },
1348
+ "getStylesLiterals": {
1349
+ "textAlign": "start",
1350
+ "menuitemSizeRoot": "default",
1351
+ "flexDirection": "row",
1352
+ "menuitemSizeStartIcon": "default",
1353
+ "menuitemSizeEndIcon": "default"
1154
1354
  },
1155
- "getStylesLiterals": {},
1156
1355
  "cxLiterals": [
1157
- "pointer-events-none",
1158
- "cursor-default",
1159
- "opacity-50",
1160
- "inline-flex",
1161
- "items-center",
1162
- "transition-[background-color,outline-color,box-shadow]",
1163
- "truncate",
1164
- "whitespace-nowrap",
1165
- "text-center",
1166
- "flex-1"
1356
+ "flex",
1357
+ "focus-visible:text-brand",
1358
+ "focus-visible:bg-brand-secondary",
1359
+ "focus-visible:z-10",
1360
+ "uds-ring",
1361
+ "!-outline-offset-2",
1362
+ "[&:not([aria-checked])]:cursor-default",
1363
+ "opacity-25",
1364
+ "cursor-not-allowed",
1365
+ "duration-20",
1366
+ "transition-[font-variation-settings]",
1367
+ "ease-in-out",
1368
+ "z-0",
1369
+ "uds-start-icon",
1370
+ "uds-end-icon"
1167
1371
  ],
1168
1372
  "internalComponents": [
1373
+ "Pressable",
1169
1374
  "IconSlot",
1375
+ "RootComponent",
1170
1376
  "HStack",
1171
- "As",
1172
- "Text"
1377
+ "AnimatePresence"
1173
1378
  ],
1174
- "internalComponentProps": { "Text": {
1175
- "as": ["span"],
1176
- "color": ["current"],
1177
- "variant": ["inherit"]
1178
- } },
1379
+ "internalComponentProps": {
1380
+ "HStack": {
1381
+ "alignItems": ["center"],
1382
+ "width": ["full"]
1383
+ },
1384
+ "AnimatePresence": { "mode": ["popLayout"] }
1385
+ },
1179
1386
  "propToVariantKeys": {
1180
- "size": ["chipSizeRoot", "chipSizeIcon"],
1387
+ "startIconClassName": ["className"],
1388
+ "endIconClassName": ["className"],
1181
1389
  "startIcon": ["icon"],
1182
- "endIcon": ["icon"]
1390
+ "endIcon": ["icon"],
1391
+ "columnGap": ["gap"]
1183
1392
  },
1184
1393
  "runtimeConfigDefaultProps": {},
1185
1394
  "runtimeConfigGetStyles": {},
1186
1395
  "runtimeConfigInternalComponentProps": {},
1187
1396
  "motionVarPrefixes": []
1188
1397
  };
1189
- var ChipButton = {
1190
- "name": "ChipButton",
1191
- "defaultProps": { "variant": "primary" },
1192
- "getStylesLiterals": {},
1193
- "cxLiterals": ["uds-ring"],
1194
- "internalComponents": ["ChipBase"],
1195
- "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1196
- "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1398
+ var Menu_Divider = {
1399
+ "name": "Menu.Divider",
1400
+ "defaultProps": {
1401
+ "role": "separator",
1402
+ "contentPosition": "start",
1403
+ "gap": "4"
1404
+ },
1405
+ "getStylesLiterals": {
1406
+ "menuitemDividerVariantRoot": "default",
1407
+ "menuitemDividerVariantText": "default",
1408
+ "menuitemDividerVariantLine": "default"
1409
+ },
1410
+ "cxLiterals": [],
1411
+ "internalComponents": ["Divider"],
1412
+ "internalComponentProps": { "Divider": { "variant": ["inherit"] } },
1413
+ "propToVariantKeys": {},
1197
1414
  "runtimeConfigDefaultProps": {},
1198
1415
  "runtimeConfigGetStyles": {},
1199
1416
  "runtimeConfigInternalComponentProps": {},
1200
1417
  "motionVarPrefixes": []
1201
1418
  };
1202
- var ChipDismissible = {
1203
- "name": "ChipDismissible",
1204
- "defaultProps": { "variant": "primary" },
1419
+ var Menu_Content = {
1420
+ "name": "Menu.Content",
1421
+ "defaultProps": {
1422
+ "size": "default",
1423
+ "variant": "default",
1424
+ "gutter": "1"
1425
+ },
1205
1426
  "getStylesLiterals": {},
1206
1427
  "cxLiterals": [
1207
- "uds-chip-dismissible-button",
1208
- "uds-hit-target",
1428
+ "uds-menu-content",
1429
+ "transition-shadow",
1430
+ "duration-200",
1431
+ "ease-in-out",
1432
+ "min-w-60",
1433
+ "max-w-lg",
1434
+ "max-h-96",
1435
+ "overflow-auto",
1209
1436
  "uds-ring",
1210
- "rounded-full"
1437
+ "z-10",
1438
+ "group"
1211
1439
  ],
1212
1440
  "internalComponents": [
1213
- "ChipBase",
1214
- "IconSlot",
1215
- "Pressable"
1441
+ "AriakitMenu",
1442
+ "AnimatePresence",
1443
+ "MotionVStack"
1216
1444
  ],
1217
1445
  "internalComponentProps": {},
1218
1446
  "propToVariantKeys": {
1219
- "variant": ["chipDismissibleVariantRoot", "chipDismissibleVariantIcon"],
1220
- "dismissButtonAriaLabel": ["aria-label"]
1447
+ "size": ["menucontentSizeRoot"],
1448
+ "variant": ["menucontentVariantRoot"]
1221
1449
  },
1222
1450
  "runtimeConfigDefaultProps": {},
1223
1451
  "runtimeConfigGetStyles": {},
1224
1452
  "runtimeConfigInternalComponentProps": {},
1225
1453
  "motionVarPrefixes": []
1226
1454
  };
1227
- var ChipLink = {
1228
- "name": "ChipLink",
1229
- "defaultProps": { "variant": "primary" },
1455
+ var Avatar = {
1456
+ "name": "Avatar",
1457
+ "defaultProps": {},
1230
1458
  "getStylesLiterals": {},
1231
- "cxLiterals": ["uds-ring"],
1232
- "internalComponents": ["ChipBase"],
1233
- "internalComponentProps": { "ChipBase": { "as": ["a"] } },
1234
- "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1459
+ "cxLiterals": [],
1460
+ "internalComponents": ["AvatarImage"],
1461
+ "internalComponentProps": {},
1462
+ "propToVariantKeys": {},
1235
1463
  "runtimeConfigDefaultProps": {},
1236
1464
  "runtimeConfigGetStyles": {},
1237
1465
  "runtimeConfigInternalComponentProps": {},
1238
1466
  "motionVarPrefixes": []
1239
1467
  };
1240
- var ChipToggle = {
1241
- "name": "ChipToggle",
1468
+ var AvatarText = {
1469
+ "name": "AvatarText",
1242
1470
  "defaultProps": {
1243
- "variant": "primary",
1244
- "role": "checkbox"
1245
- },
1246
- "getStylesLiterals": {
1247
- "chipToggleVariantActiveRoot": "on",
1248
- "chipToggleVariantActiveRoot:1": "off"
1471
+ "size": "md",
1472
+ "variant": "primary"
1249
1473
  },
1250
- "cxLiterals": ["uds-ring"],
1251
- "internalComponents": ["ChipBase"],
1252
- "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1253
- "propToVariantKeys": { "variant": ["chipToggleVariantRoot", "chipToggleVariantIcon"] },
1474
+ "getStylesLiterals": {},
1475
+ "cxLiterals": [
1476
+ "overflow-hidden",
1477
+ "truncate",
1478
+ "w-full",
1479
+ "h-full",
1480
+ "shrink-0",
1481
+ "text-center",
1482
+ "inline-flex",
1483
+ "justify-center",
1484
+ "items-center"
1485
+ ],
1486
+ "internalComponents": ["Box", "Text"],
1487
+ "internalComponentProps": { "Text": {
1488
+ "color": ["inherit"],
1489
+ "variant": ["inherit"]
1490
+ } },
1491
+ "propToVariantKeys": {},
1254
1492
  "runtimeConfigDefaultProps": {},
1255
1493
  "runtimeConfigGetStyles": {},
1256
1494
  "runtimeConfigInternalComponentProps": {},
1257
1495
  "motionVarPrefixes": []
1258
1496
  };
1259
- var Input = {
1260
- "name": "Input",
1261
- "defaultProps": {
1262
- "type": "text",
1263
- "size": "md",
1264
- "width": "full"
1265
- },
1266
- "getStylesLiterals": {
1267
- "inputVariantRoot": "default",
1268
- "inputVariantValueRoot": "empty",
1269
- "inputVariantValueRoot:1": "filled",
1270
- "inputVariantInputWrapper": "default",
1271
- "inputVariantValueInputWrapper": "empty",
1272
- "inputVariantValueInputWrapper:1": "filled",
1273
- "inputVariantInput": "default",
1274
- "inputVariantValueInput": "empty",
1275
- "inputVariantValueInput:1": "filled",
1276
- "inputVariantInputPlaceholder": "default",
1277
- "inputVariantValueInputPlaceholder": "empty",
1278
- "inputVariantValueInputPlaceholder:1": "filled",
1279
- "inputVariantLabel": "default",
1280
- "inputVariantValueLabel": "empty",
1281
- "inputVariantValueLabel:1": "filled",
1282
- "inputVariantLabelRequired": "default",
1283
- "inputVariantValueLabelRequired": "empty",
1284
- "inputVariantValueLabelRequired:1": "filled",
1285
- "inputVariantStartIcon": "default",
1286
- "inputVariantValueStartIcon": "empty",
1287
- "inputVariantValueStartIcon:1": "filled",
1288
- "inputVariantEndIcon": "default",
1289
- "inputVariantValueEndIcon": "empty",
1290
- "inputVariantValueEndIcon:1": "filled"
1291
- },
1292
- "cxLiterals": [
1293
- "opacity-50",
1294
- "min-w-[200px]",
1295
- "grow",
1296
- "uds-hit-target",
1297
- "bg-clip-text",
1298
- "focus:outline-none",
1299
- "cursor-text",
1300
- "cursor-not-allowed"
1301
- ],
1302
- "internalComponents": [
1303
- "IconSlot",
1304
- "StartIcon",
1305
- "EndIcon",
1306
- "HelpTextContent",
1307
- "Box",
1308
- "InputHelpTextInternal",
1309
- "VStack",
1310
- "HStack",
1311
- "AnimateHeightChange"
1312
- ],
1313
- "internalComponentProps": {
1314
- "HelpTextContent": { "spacingTop": ["2"] },
1315
- "Box": {
1316
- "spacingBottom": ["2"],
1317
- "columnGap": ["0.5"],
1318
- "alignItems": ["flex-end", "center"],
1319
- "position": ["relative"]
1320
- },
1321
- "HStack": {
1322
- "alignItems": ["center"],
1323
- "gap": ["1"]
1324
- }
1325
- },
1326
- "propToVariantKeys": {
1327
- "size": [
1328
- "inputSizeRoot",
1329
- "inputSizeInputWrapper",
1330
- "inputSizeInput",
1331
- "inputSizeLabel",
1332
- "inputSizeStartIcon",
1333
- "inputSizeEndIcon"
1334
- ],
1335
- "startIcon": ["icon"],
1336
- "endIcon": ["icon"],
1337
- "slotProps": ["helperTextSlotProps"],
1338
- "helperTextIcon": ["startIcon"]
1339
- },
1340
- "runtimeConfigDefaultProps": {},
1341
- "runtimeConfigGetStyles": {},
1342
- "runtimeConfigInternalComponentProps": {},
1343
- "motionVarPrefixes": []
1344
- };
1345
- var InputHelpText = {
1346
- "name": "InputHelpText",
1347
- "defaultProps": { "size": "md" },
1348
- "getStylesLiterals": {
1349
- "inputVariantRoot": "default",
1350
- "inputVariantValueRoot": "empty",
1351
- "inputVariantValueRoot:1": "filled"
1352
- },
1353
- "cxLiterals": [],
1354
- "internalComponents": ["InputHelpTextInternal", "Box"],
1355
- "internalComponentProps": { "Box": { "spacingTop": ["2"] } },
1356
- "propToVariantKeys": { "size": ["inputSizeRoot"] },
1357
- "runtimeConfigDefaultProps": {},
1358
- "runtimeConfigGetStyles": {},
1359
- "runtimeConfigInternalComponentProps": {},
1360
- "motionVarPrefixes": []
1361
- };
1362
- var InputHelpTextInternal = {
1363
- "name": "InputHelpTextInternal",
1364
- "defaultProps": {},
1365
- "getStylesLiterals": {
1366
- "inputVariantHelperText": "default",
1367
- "inputVariantValueHelperText": "empty",
1368
- "inputVariantValueHelperText:1": "filled",
1369
- "inputVariantHelperIcon": "default",
1370
- "inputVariantValueHelperIcon": "empty",
1371
- "inputVariantValueHelperIcon:1": "filled"
1372
- },
1373
- "cxLiterals": [],
1374
- "internalComponents": ["IconSlot", "HStack"],
1375
- "internalComponentProps": { "HStack": {
1376
- "gap": ["1"],
1377
- "alignItems": ["center"]
1378
- } },
1379
- "propToVariantKeys": {
1380
- "size": ["inputSizeHelperText", "inputSizeHelperIcon"],
1381
- "startIcon": ["icon"],
1382
- "endIcon": ["icon"]
1383
- },
1384
- "runtimeConfigDefaultProps": {},
1385
- "runtimeConfigGetStyles": {},
1386
- "runtimeConfigInternalComponentProps": {},
1387
- "motionVarPrefixes": []
1388
- };
1389
- var Menu_Content = {
1390
- "name": "Menu.Content",
1391
- "defaultProps": {
1392
- "size": "default",
1393
- "variant": "default",
1394
- "gutter": "1"
1395
- },
1396
- "getStylesLiterals": {},
1397
- "cxLiterals": [
1398
- "uds-menu-content",
1399
- "transition-shadow",
1400
- "duration-200",
1401
- "ease-in-out",
1402
- "min-w-60",
1403
- "max-w-lg",
1404
- "max-h-96",
1405
- "overflow-auto",
1406
- "uds-ring",
1407
- "z-10",
1408
- "group"
1409
- ],
1410
- "internalComponents": [
1411
- "AriakitMenu",
1412
- "AnimatePresence",
1413
- "MotionVStack"
1414
- ],
1415
- "internalComponentProps": {},
1416
- "propToVariantKeys": {
1417
- "size": ["menucontentSizeRoot"],
1418
- "variant": ["menucontentVariantRoot"]
1419
- },
1420
- "runtimeConfigDefaultProps": {},
1421
- "runtimeConfigGetStyles": {},
1422
- "runtimeConfigInternalComponentProps": {},
1423
- "motionVarPrefixes": []
1424
- };
1425
- var Menu_Divider = {
1426
- "name": "Menu.Divider",
1427
- "defaultProps": {
1428
- "role": "separator",
1429
- "contentPosition": "start",
1430
- "gap": "4"
1431
- },
1432
- "getStylesLiterals": {
1433
- "menuitemDividerVariantRoot": "default",
1434
- "menuitemDividerVariantText": "default",
1435
- "menuitemDividerVariantLine": "default"
1436
- },
1437
- "cxLiterals": [],
1438
- "internalComponents": ["Divider"],
1439
- "internalComponentProps": { "Divider": { "variant": ["inherit"] } },
1440
- "propToVariantKeys": {},
1441
- "runtimeConfigDefaultProps": {},
1442
- "runtimeConfigGetStyles": {},
1443
- "runtimeConfigInternalComponentProps": {},
1444
- "motionVarPrefixes": []
1445
- };
1446
- var Menu_Item = {
1447
- "name": "Menu.Item",
1448
- "defaultProps": {},
1449
- "getStylesLiterals": {
1450
- "menuitemItemVariantRoot": "default",
1451
- "menuitemItemVariantActiveRoot": "on",
1452
- "menuitemItemVariantActiveRoot:1": "off",
1453
- "menuitemItemVariantText": "default",
1454
- "menuitemItemVariantActiveText": "on",
1455
- "menuitemItemVariantActiveText:1": "off",
1456
- "menuitemItemVariantIcon": "default",
1457
- "menuitemItemVariantActiveIcon": "on",
1458
- "menuitemItemVariantActiveIcon:1": "off"
1459
- },
1460
- "cxLiterals": [],
1461
- "internalComponents": ["MenuItemBase"],
1462
- "internalComponentProps": {},
1463
- "propToVariantKeys": {},
1464
- "runtimeConfigDefaultProps": {},
1465
- "runtimeConfigGetStyles": {},
1466
- "runtimeConfigInternalComponentProps": {},
1467
- "motionVarPrefixes": []
1468
- };
1469
- var Menu_ItemBase = {
1470
- "name": "Menu.ItemBase",
1471
- "defaultProps": {
1472
- "spacing": "0",
1473
- "spacingHorizontal": "4",
1474
- "spacingVertical": "3.5",
1475
- "columnGap": "2",
1476
- "alignItems": "center",
1477
- "justifyContent": "space-between"
1478
- },
1479
- "getStylesLiterals": {
1480
- "textAlign": "start",
1481
- "menuitemSizeRoot": "default",
1482
- "flexDirection": "row",
1483
- "menuitemSizeStartIcon": "default",
1484
- "menuitemSizeEndIcon": "default"
1485
- },
1486
- "cxLiterals": [
1487
- "flex",
1488
- "focus-visible:text-brand",
1489
- "focus-visible:bg-brand-secondary",
1490
- "focus-visible:z-10",
1491
- "uds-ring",
1492
- "!-outline-offset-2",
1493
- "[&:not([aria-checked])]:cursor-default",
1494
- "opacity-25",
1495
- "cursor-not-allowed",
1496
- "duration-20",
1497
- "transition-[font-variation-settings]",
1498
- "ease-in-out",
1499
- "z-0",
1500
- "uds-start-icon",
1501
- "uds-end-icon"
1502
- ],
1503
- "internalComponents": [
1504
- "Pressable",
1505
- "IconSlot",
1506
- "RootComponent",
1507
- "HStack",
1508
- "AnimatePresence"
1509
- ],
1510
- "internalComponentProps": {
1511
- "HStack": {
1512
- "alignItems": ["center"],
1513
- "width": ["full"]
1514
- },
1515
- "AnimatePresence": { "mode": ["popLayout"] }
1516
- },
1517
- "propToVariantKeys": {
1518
- "startIconClassName": ["className"],
1519
- "endIconClassName": ["className"],
1520
- "startIcon": ["icon"],
1521
- "endIcon": ["icon"],
1522
- "columnGap": ["gap"]
1523
- },
1524
- "runtimeConfigDefaultProps": {},
1525
- "runtimeConfigGetStyles": {},
1526
- "runtimeConfigInternalComponentProps": {},
1527
- "motionVarPrefixes": []
1528
- };
1529
- var Menu_ItemCheckbox = {
1530
- "name": "Menu.ItemCheckbox",
1531
- "defaultProps": {},
1532
- "getStylesLiterals": {
1533
- "menuitemItemCheckboxVariantRoot": "default",
1534
- "menuitemItemCheckboxVariantActiveRoot": "on",
1535
- "menuitemItemCheckboxVariantActiveRoot:1": "off",
1536
- "menuitemItemCheckboxVariantText": "default",
1537
- "menuitemItemCheckboxVariantActiveText": "on",
1538
- "menuitemItemCheckboxVariantActiveText:1": "off",
1539
- "menuitemItemCheckboxVariantStartIcon": "default",
1540
- "menuitemItemCheckboxVariantActiveStartIcon": "on",
1541
- "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
1542
- "menuitemItemCheckboxVariantEndIcon": "default",
1543
- "menuitemItemCheckboxVariantActiveEndIcon": "on",
1544
- "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
1545
- },
1546
- "cxLiterals": ["uds-menu-item-checkbox"],
1547
- "internalComponents": ["MenuItemBase"],
1548
- "internalComponentProps": {},
1549
- "propToVariantKeys": {},
1550
- "runtimeConfigDefaultProps": {},
1551
- "runtimeConfigGetStyles": {},
1552
- "runtimeConfigInternalComponentProps": {},
1553
- "motionVarPrefixes": []
1554
- };
1555
- var Menu_Provider = {
1556
- "name": "Menu.Provider",
1557
- "defaultProps": {},
1558
- "getStylesLiterals": {},
1559
- "cxLiterals": [],
1560
- "internalComponents": ["AriakitMenuProvider", "SpringMotionConfig"],
1561
- "internalComponentProps": {},
1562
- "propToVariantKeys": {},
1563
- "runtimeConfigDefaultProps": {},
1564
- "runtimeConfigGetStyles": {},
1565
- "runtimeConfigInternalComponentProps": {},
1566
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1567
- };
1568
- var Menu_Trigger = {
1569
- "name": "Menu.Trigger",
1570
- "defaultProps": {},
1571
- "getStylesLiterals": {},
1572
- "cxLiterals": ["uds-menu-trigger"],
1573
- "internalComponents": ["AriakitMenuTrigger", "Box"],
1574
- "internalComponentProps": { "Box": { "className": ["uds-ring h-fit w-fit"] } },
1575
- "propToVariantKeys": {},
1576
- "runtimeConfigDefaultProps": {},
1577
- "runtimeConfigGetStyles": {},
1578
- "runtimeConfigInternalComponentProps": {},
1579
- "motionVarPrefixes": []
1580
- };
1581
- var Menu_index = {
1582
- "name": "Menu.index",
1583
- "defaultProps": {},
1584
- "getStylesLiterals": {},
1585
- "cxLiterals": [],
1586
- "internalComponents": [],
1587
- "internalComponentProps": {},
1588
- "propToVariantKeys": {},
1589
- "runtimeConfigDefaultProps": {},
1590
- "runtimeConfigGetStyles": {},
1591
- "runtimeConfigInternalComponentProps": {},
1592
- "motionVarPrefixes": []
1593
- };
1594
- var Menu = {
1595
- "name": "Menu",
1596
- "defaultProps": {},
1597
- "getStylesLiterals": {},
1598
- "cxLiterals": [],
1599
- "internalComponents": [],
1600
- "internalComponentProps": {},
1601
- "propToVariantKeys": {},
1602
- "runtimeConfigDefaultProps": {},
1603
- "runtimeConfigGetStyles": {},
1604
- "runtimeConfigInternalComponentProps": {},
1605
- "motionVarPrefixes": []
1606
- };
1607
- var Modal = {
1608
- "name": "Modal",
1609
- "defaultProps": {
1610
- "closeAriaLabel": "Close",
1611
- "maxWidth": "auto",
1612
- "maxHeight": "auto",
1613
- "scrollBehavior": "outside"
1614
- },
1615
- "getStylesLiterals": {
1616
- "flexDirection": "row-reverse",
1617
- "justifyContent": "space-between",
1618
- "alignItems": "flex-end",
1619
- "alignItems:1": "flex-start",
1620
- "borderRadius": "full"
1621
- },
1622
- "cxLiterals": [
1623
- "fixed",
1624
- "inset-0",
1625
- "z-40",
1626
- "overflow-y-auto",
1627
- "overflow-hidden",
1628
- "transition-[opacity,visibility]",
1629
- "visible",
1630
- "opacity-100",
1631
- "invisible",
1632
- "opacity-0",
1633
- "pointer-events-none",
1634
- "uds-bgBlurFallback",
1635
- "w-full",
1636
- "w-fit",
1637
- "h-full",
1638
- "h-fit",
1639
- "m-auto",
1640
- "pointer-events-auto",
1641
- "inside",
1642
- "max-h-full",
1643
- "transition-transform",
1644
- "duration-0",
1645
- "duration-120",
1646
- "transition-[background-color]",
1647
- "bg-carbon-15/0",
1648
- "hover:bg-carbon-15/10",
1649
- "active:bg-carbon-15/15",
1650
- "uds-ring",
1651
- "[translate:50%_-50%]"
1652
- ],
1653
- "internalComponents": [
1654
- "Scrim",
1655
- "VStack",
1656
- "Pressable",
1657
- "IconSlot",
1658
- "Box",
1659
- "Dialog",
1660
- "ModalContext.Provider",
1661
- "HStack",
1662
- "DialogDismiss",
1663
- "ModalTitle",
1664
- "ModalDescription",
1665
- "ModalContent",
1666
- "ModalActions"
1667
- ],
1668
- "internalComponentProps": { "Box": { "flexGrow": ["1"] } },
1669
- "propToVariantKeys": {
1670
- "gutter": ["spacing"],
1671
- "size": [
1672
- "modalSizeRoot",
1673
- "modalSizeSpacingHorizontal",
1674
- "modalSizeHeader",
1675
- "modalSizeTitleDescriptionWrapper",
1676
- "modalSizeCloseIconContainer",
1677
- "modalSizeCloseIcon"
1678
- ],
1679
- "variant": ["modalVariantRoot", "modalVariantCloseIcon"],
1680
- "closeAriaLabel": ["aria-label"],
1681
- "closeIcon": ["icon"]
1682
- },
1683
- "runtimeConfigDefaultProps": {
1684
- "size": "modal.defaultSize",
1685
- "variant": "modal.defaultVariant"
1686
- },
1687
- "runtimeConfigGetStyles": {
1688
- "spacing": ["modal.gutter.${size}"],
1689
- "modalSizeRoot": ["modal.defaultSize"],
1690
- "modalVariantRoot": ["modal.defaultVariant"],
1691
- "modalSizeSpacingHorizontal": ["modal.defaultSize"],
1692
- "modalSizeHeader": ["modal.defaultSize"],
1693
- "modalSizeTitleDescriptionWrapper": ["modal.defaultSize"],
1694
- "modalSizeCloseIconContainer": ["modal.defaultSize"],
1695
- "modalSizeCloseIcon": ["modal.defaultSize"],
1696
- "modalVariantCloseIcon": ["modal.defaultVariant"]
1697
- },
1698
- "runtimeConfigInternalComponentProps": {},
1699
- "motionVarPrefixes": []
1700
- };
1701
- var ModalActions = {
1702
- "name": "ModalActions",
1703
- "defaultProps": {},
1704
- "getStylesLiterals": {
1705
- "flexDirection": "row-reverse",
1706
- "justifyContent": "space-between",
1707
- "alignItems": "center"
1708
- },
1709
- "cxLiterals": ["gap-[inherit]"],
1710
- "internalComponents": ["HStack"],
1711
- "internalComponentProps": {},
1712
- "propToVariantKeys": { "size": ["modalSizeSpacingHorizontal", "modalSizeActions"] },
1713
- "runtimeConfigDefaultProps": {
1714
- "size": "modal.defaultSize",
1715
- "variant": "modal.defaultVariant"
1716
- },
1717
- "runtimeConfigGetStyles": {
1718
- "modalSizeSpacingHorizontal": ["modal.defaultSize"],
1719
- "modalSizeActions": ["modal.defaultSize"]
1720
- },
1721
- "runtimeConfigInternalComponentProps": {},
1722
- "motionVarPrefixes": []
1723
- };
1724
- var ModalContent = {
1725
- "name": "ModalContent",
1726
- "defaultProps": {},
1727
- "getStylesLiterals": {
1728
- "overflowY": "auto",
1729
- "display": "block",
1730
- "flexGrow": "1"
1731
- },
1732
- "cxLiterals": [],
1733
- "internalComponents": ["Box"],
1734
- "internalComponentProps": {},
1735
- "propToVariantKeys": { "size": ["modalSizeSpacingHorizontal"] },
1736
- "runtimeConfigDefaultProps": {
1737
- "size": "modal.defaultSize",
1738
- "variant": "modal.defaultVariant"
1739
- },
1740
- "runtimeConfigGetStyles": { "modalSizeSpacingHorizontal": ["modal.defaultSize"] },
1741
- "runtimeConfigInternalComponentProps": {},
1742
- "motionVarPrefixes": []
1743
- };
1744
- var ModalContext = {
1745
- "name": "ModalContext",
1746
- "defaultProps": {},
1747
- "getStylesLiterals": {},
1748
- "cxLiterals": [],
1749
- "internalComponents": [],
1750
- "internalComponentProps": {},
1751
- "propToVariantKeys": {},
1752
- "runtimeConfigDefaultProps": {},
1753
- "runtimeConfigGetStyles": {},
1754
- "runtimeConfigInternalComponentProps": {},
1755
- "motionVarPrefixes": []
1756
- };
1757
- var ModalDescription = {
1758
- "name": "ModalDescription",
1759
- "defaultProps": {},
1760
- "getStylesLiterals": {},
1761
- "cxLiterals": [],
1762
- "internalComponents": ["Text", "DialogDescription"],
1763
- "internalComponentProps": { "Text": { "as": ["span"] } },
1764
- "propToVariantKeys": {
1765
- "size": ["modalSizeDescription"],
1766
- "variant": ["modalVariantDescription"]
1767
- },
1768
- "runtimeConfigDefaultProps": {
1769
- "size": "modal.defaultSize",
1770
- "variant": "modal.defaultVariant"
1771
- },
1772
- "runtimeConfigGetStyles": {
1773
- "modalSizeDescription": ["modal.defaultSize"],
1774
- "modalVariantDescription": ["modal.defaultVariant"]
1775
- },
1776
- "runtimeConfigInternalComponentProps": {},
1777
- "motionVarPrefixes": []
1778
- };
1779
- var ModalTitle = {
1780
- "name": "ModalTitle",
1781
- "defaultProps": {},
1782
- "getStylesLiterals": {},
1783
- "cxLiterals": [],
1784
- "internalComponents": ["Text", "DialogHeading"],
1785
- "internalComponentProps": { "Text": { "as": ["span"] } },
1786
- "propToVariantKeys": {
1787
- "size": ["modalSizeTitle"],
1788
- "variant": ["modalVariantTitle"]
1789
- },
1790
- "runtimeConfigDefaultProps": {
1791
- "size": "modal.defaultSize",
1792
- "variant": "modal.defaultVariant"
1793
- },
1794
- "runtimeConfigGetStyles": {
1795
- "modalSizeTitle": ["modal.defaultSize"],
1796
- "modalVariantTitle": ["modal.defaultVariant"]
1497
+ var AvatarIcon = {
1498
+ "name": "AvatarIcon",
1499
+ "defaultProps": {
1500
+ "size": "md",
1501
+ "variant": "primary"
1797
1502
  },
1503
+ "getStylesLiterals": {},
1504
+ "cxLiterals": [
1505
+ "overflow-hidden",
1506
+ "w-full",
1507
+ "h-full",
1508
+ "shrink-0",
1509
+ "text-center",
1510
+ "inline-flex",
1511
+ "justify-center",
1512
+ "items-center"
1513
+ ],
1514
+ "internalComponents": ["IconSlot", "Box"],
1515
+ "internalComponentProps": {},
1516
+ "propToVariantKeys": { "size": ["avatarSizeIcon"] },
1517
+ "runtimeConfigDefaultProps": {},
1518
+ "runtimeConfigGetStyles": {},
1798
1519
  "runtimeConfigInternalComponentProps": {},
1799
1520
  "motionVarPrefixes": []
1800
1521
  };
1801
- var UDSModalConfigProvider = {
1802
- "name": "UDSModalConfigProvider",
1803
- "defaultProps": {},
1522
+ var AvatarImage = {
1523
+ "name": "AvatarImage",
1524
+ "defaultProps": {
1525
+ "size": "md",
1526
+ "variant": "primary"
1527
+ },
1804
1528
  "getStylesLiterals": {},
1805
- "cxLiterals": [],
1806
- "internalComponents": ["ModalContext.Provider"],
1529
+ "cxLiterals": [
1530
+ "overflow-hidden",
1531
+ "w-full",
1532
+ "h-full",
1533
+ "shrink-0",
1534
+ "text-center",
1535
+ "inline-flex",
1536
+ "justify-center",
1537
+ "items-center",
1538
+ "object-cover"
1539
+ ],
1540
+ "internalComponents": [
1541
+ "UDSImage",
1542
+ "AvatarText",
1543
+ "AvatarIcon",
1544
+ "Box"
1545
+ ],
1807
1546
  "internalComponentProps": {},
1808
- "propToVariantKeys": {},
1547
+ "propToVariantKeys": {
1548
+ "alt": ["name"],
1549
+ "fallback": ["initials"]
1550
+ },
1809
1551
  "runtimeConfigDefaultProps": {},
1810
1552
  "runtimeConfigGetStyles": {},
1811
1553
  "runtimeConfigInternalComponentProps": {},
@@ -1898,6 +1640,32 @@ var PopoverContent = {
1898
1640
  "runtimeConfigInternalComponentProps": { "SvgFloatingOverlay": { "borderRadius": ["popover.borderRadius.${size}"] } },
1899
1641
  "motionVarPrefixes": []
1900
1642
  };
1643
+ var PopoverTrigger = {
1644
+ "name": "PopoverTrigger",
1645
+ "defaultProps": {},
1646
+ "getStylesLiterals": {},
1647
+ "cxLiterals": [],
1648
+ "internalComponents": ["PopoverDisclosure"],
1649
+ "internalComponentProps": { "PopoverDisclosure": { "className": ["inline"] } },
1650
+ "propToVariantKeys": { "children": ["render"] },
1651
+ "runtimeConfigDefaultProps": {},
1652
+ "runtimeConfigGetStyles": {},
1653
+ "runtimeConfigInternalComponentProps": {},
1654
+ "motionVarPrefixes": []
1655
+ };
1656
+ var UDSPopoverConfigProvider = {
1657
+ "name": "UDSPopoverConfigProvider",
1658
+ "defaultProps": {},
1659
+ "getStylesLiterals": {},
1660
+ "cxLiterals": [],
1661
+ "internalComponents": ["PopoverContext.Provider"],
1662
+ "internalComponentProps": {},
1663
+ "propToVariantKeys": {},
1664
+ "runtimeConfigDefaultProps": {},
1665
+ "runtimeConfigGetStyles": {},
1666
+ "runtimeConfigInternalComponentProps": {},
1667
+ "motionVarPrefixes": []
1668
+ };
1901
1669
  var PopoverContext = {
1902
1670
  "name": "PopoverContext",
1903
1671
  "defaultProps": {},
@@ -1911,25 +1679,77 @@ var PopoverContext = {
1911
1679
  "runtimeConfigInternalComponentProps": {},
1912
1680
  "motionVarPrefixes": []
1913
1681
  };
1914
- var PopoverTrigger = {
1915
- "name": "PopoverTrigger",
1682
+ var TooltipTrigger = {
1683
+ "name": "TooltipTrigger",
1916
1684
  "defaultProps": {},
1917
1685
  "getStylesLiterals": {},
1918
1686
  "cxLiterals": [],
1919
- "internalComponents": ["PopoverDisclosure"],
1920
- "internalComponentProps": { "PopoverDisclosure": { "className": ["inline"] } },
1687
+ "internalComponents": ["TooltipAnchor"],
1688
+ "internalComponentProps": { "TooltipAnchor": { "className": ["inline"] } },
1921
1689
  "propToVariantKeys": { "children": ["render"] },
1922
1690
  "runtimeConfigDefaultProps": {},
1923
1691
  "runtimeConfigGetStyles": {},
1924
1692
  "runtimeConfigInternalComponentProps": {},
1925
1693
  "motionVarPrefixes": []
1926
1694
  };
1927
- var UDSPopoverConfigProvider = {
1928
- "name": "UDSPopoverConfigProvider",
1695
+ var TooltipContent = {
1696
+ "name": "TooltipContent",
1697
+ "defaultProps": {},
1698
+ "getStylesLiterals": {
1699
+ "tooltipSizeRoot": "default",
1700
+ "tooltipVariantRoot": "default",
1701
+ "tooltipSizeSvg": "default",
1702
+ "tooltipVariantSvg": "default",
1703
+ "tooltipVariantBlur": "default",
1704
+ "position": "absolute",
1705
+ "width": "full",
1706
+ "height": "full",
1707
+ "tooltipSizeTitle": "default",
1708
+ "tooltipSizeBody": "default",
1709
+ "tooltipSizeEndContent": "default",
1710
+ "tooltipSizeIcon": "default",
1711
+ "tooltipVariantIcon": "default"
1712
+ },
1713
+ "cxLiterals": [
1714
+ "max-w-lg",
1715
+ "flex",
1716
+ "z-[9999]",
1717
+ "uds-bgBlurFillFallback",
1718
+ "uds-bgBlurFallback",
1719
+ "top-0",
1720
+ "left-0",
1721
+ "z-[1]"
1722
+ ],
1723
+ "internalComponents": [
1724
+ "IconSlot",
1725
+ "TooltipArrow",
1726
+ "Tooltip",
1727
+ "SvgFloatingOverlay",
1728
+ "VStack",
1729
+ "Box",
1730
+ "Text"
1731
+ ],
1732
+ "internalComponentProps": {
1733
+ "SvgFloatingOverlay": { "contentOverflow": ["visible"] },
1734
+ "VStack": { "className": ["gap-[inherit]"] },
1735
+ "Box": {
1736
+ "alignItems": ["center"],
1737
+ "columnGap": ["1", "1.5"]
1738
+ },
1739
+ "Text": { "color": ["inherit"] }
1740
+ },
1741
+ "propToVariantKeys": { "startTitleIcon": ["icon"] },
1742
+ "runtimeConfigDefaultProps": {},
1743
+ "runtimeConfigGetStyles": {},
1744
+ "runtimeConfigInternalComponentProps": {},
1745
+ "motionVarPrefixes": []
1746
+ };
1747
+ var UDSTooltipConfigProvider = {
1748
+ "name": "UDSTooltipConfigProvider",
1929
1749
  "defaultProps": {},
1930
1750
  "getStylesLiterals": {},
1931
1751
  "cxLiterals": [],
1932
- "internalComponents": ["PopoverContext.Provider"],
1752
+ "internalComponents": ["TooltipContext.Provider"],
1933
1753
  "internalComponentProps": {},
1934
1754
  "propToVariantKeys": {},
1935
1755
  "runtimeConfigDefaultProps": {},
@@ -1937,112 +1757,213 @@ var UDSPopoverConfigProvider = {
1937
1757
  "runtimeConfigInternalComponentProps": {},
1938
1758
  "motionVarPrefixes": []
1939
1759
  };
1940
- var Radio = {
1941
- "name": "Radio",
1942
- "defaultProps": {
1943
- "labelPosition": "start",
1944
- "variant": "primary",
1945
- "size": "md",
1946
- "value": ""
1760
+ var Tooltip = {
1761
+ "name": "Tooltip",
1762
+ "defaultProps": {},
1763
+ "getStylesLiterals": {},
1764
+ "cxLiterals": [],
1765
+ "internalComponents": ["TooltipInternalContext.Provider", "TooltipProvider"],
1766
+ "internalComponentProps": {},
1767
+ "propToVariantKeys": {},
1768
+ "runtimeConfigDefaultProps": {},
1769
+ "runtimeConfigGetStyles": {},
1770
+ "runtimeConfigInternalComponentProps": { "TooltipProvider": { "animated": ["tooltip.animationDuration"] } },
1771
+ "motionVarPrefixes": []
1772
+ };
1773
+ var UDSConfigProvider = {
1774
+ "name": "UDSConfigProvider",
1775
+ "defaultProps": {},
1776
+ "getStylesLiterals": {},
1777
+ "cxLiterals": [],
1778
+ "internalComponents": [
1779
+ "UDSBreakpointsConfigProvider",
1780
+ "UDSBottomSheetConfigProvider",
1781
+ "UDSToastConfigProvider",
1782
+ "UDSTooltipConfigProvider",
1783
+ "UDSPopoverConfigProvider",
1784
+ "UDSModalConfigProvider"
1785
+ ],
1786
+ "internalComponentProps": {},
1787
+ "propToVariantKeys": {},
1788
+ "runtimeConfigDefaultProps": {},
1789
+ "runtimeConfigGetStyles": {},
1790
+ "runtimeConfigInternalComponentProps": {},
1791
+ "motionVarPrefixes": []
1792
+ };
1793
+ var UDSBreakpointsConfigProvider = {
1794
+ "name": "UDSBreakpointsConfigProvider",
1795
+ "defaultProps": {},
1796
+ "getStylesLiterals": {},
1797
+ "cxLiterals": [],
1798
+ "internalComponents": ["UDSBreakpointsConfigContext.Provider"],
1799
+ "internalComponentProps": {},
1800
+ "propToVariantKeys": {},
1801
+ "runtimeConfigDefaultProps": {},
1802
+ "runtimeConfigGetStyles": {},
1803
+ "runtimeConfigInternalComponentProps": {},
1804
+ "motionVarPrefixes": []
1805
+ };
1806
+ var ToastPortal = {
1807
+ "name": "ToastPortal",
1808
+ "defaultProps": {},
1809
+ "getStylesLiterals": {},
1810
+ "cxLiterals": [],
1811
+ "internalComponents": ["ReactToastifyToastContainer"],
1812
+ "internalComponentProps": {},
1813
+ "propToVariantKeys": {},
1814
+ "runtimeConfigDefaultProps": {
1815
+ "size": "toast.defaultSize",
1816
+ "variant": "toast.defaultVariant"
1817
+ },
1818
+ "runtimeConfigGetStyles": {},
1819
+ "runtimeConfigInternalComponentProps": { "ReactToastifyToastContainer": { "autoClose": ["toast.autoClose"] } },
1820
+ "motionVarPrefixes": []
1821
+ };
1822
+ var UDSToastConfigProvider = {
1823
+ "name": "UDSToastConfigProvider",
1824
+ "defaultProps": {},
1825
+ "getStylesLiterals": {},
1826
+ "cxLiterals": [],
1827
+ "internalComponents": ["ToastContext.Provider"],
1828
+ "internalComponentProps": {},
1829
+ "propToVariantKeys": {},
1830
+ "runtimeConfigDefaultProps": {},
1831
+ "runtimeConfigGetStyles": {},
1832
+ "runtimeConfigInternalComponentProps": {},
1833
+ "motionVarPrefixes": []
1834
+ };
1835
+ var ToastContainer = {
1836
+ "name": "ToastContainer",
1837
+ "defaultProps": {},
1838
+ "getStylesLiterals": {
1839
+ "position": "relative",
1840
+ "alignItems": "center",
1841
+ "display": "flex",
1842
+ "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
1843
+ },
1844
+ "cxLiterals": ["w-full"],
1845
+ "internalComponents": ["HStack"],
1846
+ "internalComponentProps": { "HStack": {
1847
+ "alignItems": ["center"],
1848
+ "justifyContent": ["space-between"],
1849
+ "overflow": ["hidden"],
1850
+ "position": ["relative"]
1851
+ } },
1852
+ "propToVariantKeys": {
1853
+ "variant": ["toastVariantRoot"],
1854
+ "size": ["toastSizeRoot"]
1855
+ },
1856
+ "runtimeConfigDefaultProps": {
1857
+ "size": "toast.defaultSize",
1858
+ "variant": "toast.defaultVariant"
1859
+ },
1860
+ "runtimeConfigGetStyles": {
1861
+ "toastVariantRoot": ["toast.defaultVariant"],
1862
+ "toastSizeRoot": ["toast.defaultSize"]
1947
1863
  },
1864
+ "runtimeConfigInternalComponentProps": { "HStack": { "backgroundColor": ["toast.backgroundColor.${variant}"] } },
1865
+ "motionVarPrefixes": []
1866
+ };
1867
+ var Toast = {
1868
+ "name": "Toast",
1869
+ "defaultProps": {},
1948
1870
  "getStylesLiterals": {
1949
- "radioVariantValueRoot": "checked",
1950
- "radioVariantValueRoot:1": "unchecked",
1951
- "display": "flex",
1952
- "flexDirection": "row",
1953
- "flexDirection:1": "row-reverse",
1954
- "alignItems": "center",
1955
- "radioVariantValueRadio": "checked",
1956
- "radioVariantValueRadio:1": "unchecked",
1957
- "radioVariantValueRadioCircle": "checked",
1958
- "radioVariantValueRadioCircle:1": "unchecked"
1871
+ "className": "animate-spin",
1872
+ "className:1": "flex-none",
1873
+ "spacing": "2",
1874
+ "borderRadius": "full"
1959
1875
  },
1960
1876
  "cxLiterals": [
1961
- "cursor-pointer",
1962
- "cursor-default",
1963
- "opacity-50",
1964
- "border",
1965
- "uds-ring",
1966
- "uds-ring-within",
1967
- "transition-[background-color,border-color]",
1968
- "transition-shadow",
1969
- "pointer-events-none",
1970
- "w-[8px]",
1971
- "h-[8px]",
1972
- "transition-opacity",
1973
- "cursor-[inherit]",
1974
- "absolute",
1975
- "opacity-0",
1976
- "top-1/2",
1977
- "left-1/2",
1978
- "w-[calc(100%+2px)]",
1979
- "h-[calc(100%+2px)]",
1980
- "transform",
1981
- "translate-x-[-50%]",
1982
- "translate-y-[-50%]",
1983
- "text-start",
1984
- "text-end"
1877
+ "duration-0",
1878
+ "duration-120",
1879
+ "transition-[background-color]",
1880
+ "bg-carbon-15/0",
1881
+ "hover:bg-carbon-15/10",
1882
+ "active:bg-carbon-15/15",
1883
+ "uds-ring"
1985
1884
  ],
1986
1885
  "internalComponents": [
1987
- "Box",
1988
- "FormLabel",
1989
- "SpringMotionConfig",
1990
- "RootElement",
1991
- "MotionBox"
1886
+ "IconSlot",
1887
+ "ToastContainer",
1888
+ "Text",
1889
+ "Button",
1890
+ "Pressable"
1992
1891
  ],
1993
- "internalComponentProps": {
1994
- "Box": { "borderRadius": ["full"] },
1995
- "FormLabel": {
1996
- "as": ["div"],
1997
- "variant": ["inherit"],
1998
- "color": ["inherit"]
1999
- },
2000
- "RootElement": { "data-testid": ["container"] },
2001
- "MotionBox": {
2002
- "position": ["relative"],
2003
- "borderRadius": ["full"],
2004
- "alignItems": ["center"],
2005
- "justifyContent": ["center"],
2006
- "flex": ["none"]
2007
- }
2008
- },
1892
+ "internalComponentProps": {},
2009
1893
  "propToVariantKeys": {
2010
- "size": ["radioSizeRoot", "radioSizeRadio"],
1894
+ "size": [
1895
+ "toastSizeLabel",
1896
+ "toastSizeIcon",
1897
+ "toastSizeActionButton",
1898
+ "toastSizeCloseIcon"
1899
+ ],
2011
1900
  "variant": [
2012
- "radioVariantRoot",
2013
- "radioVariantRadio",
2014
- "radioVariantRadioCircle"
1901
+ "toastVariantIcon",
1902
+ "toastVariantActionButton",
1903
+ "toastVariantCloseIcon"
2015
1904
  ],
2016
- "reduceMotion": ["reducedMotion"]
1905
+ "closeIcon": ["icon"],
1906
+ "onClickActionButton": ["onClick"]
2017
1907
  },
2018
- "runtimeConfigDefaultProps": {},
2019
- "runtimeConfigGetStyles": {},
2020
- "runtimeConfigInternalComponentProps": {},
2021
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1908
+ "runtimeConfigDefaultProps": {
1909
+ "size": "toast.defaultSize",
1910
+ "variant": "toast.defaultVariant"
1911
+ },
1912
+ "runtimeConfigGetStyles": {
1913
+ "toastSizeLabel": ["toast.defaultSize"],
1914
+ "toastVariantIcon": ["toast.defaultVariant"],
1915
+ "toastSizeIcon": ["toast.defaultSize"],
1916
+ "toastSizeActionButton": ["toast.defaultSize"],
1917
+ "toastVariantActionButton": ["toast.defaultVariant"],
1918
+ "toastVariantCloseIcon": ["toast.defaultVariant"],
1919
+ "toastSizeCloseIcon": ["toast.defaultSize"]
1920
+ },
1921
+ "runtimeConfigInternalComponentProps": {
1922
+ "ToastContainer": {
1923
+ "size": ["toast.defaultSize"],
1924
+ "variant": ["toast.defaultVariant"]
1925
+ },
1926
+ "Text": {
1927
+ "variant": ["toast.textVariant.${size}"],
1928
+ "color": ["toast.textColor.${variant}"]
1929
+ },
1930
+ "Button": {
1931
+ "size": ["toast.buttonSize.${size}"],
1932
+ "variant": ["toast.buttonVariant.${variant}"]
1933
+ }
1934
+ },
1935
+ "motionVarPrefixes": []
2022
1936
  };
2023
- var RadioGroupProvider = {
2024
- "name": "RadioGroupProvider",
2025
- "defaultProps": {},
2026
- "getStylesLiterals": {},
2027
- "cxLiterals": [],
2028
- "internalComponents": [
2029
- "DivProps",
2030
- "Comp",
2031
- "RadioGroupContext.Provider"
2032
- ],
2033
- "internalComponentProps": { "Comp": { "role": ["radiogroup"] } },
2034
- "propToVariantKeys": {},
1937
+ var ChipToggle = {
1938
+ "name": "ChipToggle",
1939
+ "defaultProps": {
1940
+ "variant": "primary",
1941
+ "role": "checkbox"
1942
+ },
1943
+ "getStylesLiterals": {
1944
+ "chipToggleVariantActiveRoot": "on",
1945
+ "chipToggleVariantActiveRoot:1": "off"
1946
+ },
1947
+ "cxLiterals": ["uds-ring"],
1948
+ "internalComponents": ["ChipBase"],
1949
+ "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1950
+ "propToVariantKeys": { "variant": ["chipToggleVariantRoot", "chipToggleVariantIcon"] },
2035
1951
  "runtimeConfigDefaultProps": {},
2036
1952
  "runtimeConfigGetStyles": {},
2037
1953
  "runtimeConfigInternalComponentProps": {},
2038
1954
  "motionVarPrefixes": []
2039
1955
  };
2040
- var RadioGroupStore = {
2041
- "name": "RadioGroupStore",
1956
+ var Chip = {
1957
+ "name": "Chip",
2042
1958
  "defaultProps": {},
2043
1959
  "getStylesLiterals": {},
2044
1960
  "cxLiterals": [],
2045
- "internalComponents": [],
1961
+ "internalComponents": [
1962
+ "ChipDismissible",
1963
+ "ChipToggle",
1964
+ "ChipLink",
1965
+ "ChipButton"
1966
+ ],
2046
1967
  "internalComponentProps": {},
2047
1968
  "propToVariantKeys": {},
2048
1969
  "runtimeConfigDefaultProps": {},
@@ -2050,447 +1971,462 @@ var RadioGroupStore = {
2050
1971
  "runtimeConfigInternalComponentProps": {},
2051
1972
  "motionVarPrefixes": []
2052
1973
  };
2053
- var Tab = {
2054
- "name": "Tab",
1974
+ var ChipDismissible = {
1975
+ "name": "ChipDismissible",
2055
1976
  "defaultProps": { "variant": "primary" },
2056
- "getStylesLiterals": {
2057
- "tabSizeRoot": "default",
2058
- "tabVariantActiveRoot": "off",
2059
- "tabVariantActiveRoot:1": "on",
2060
- "tabSizeIcon": "default"
2061
- },
1977
+ "getStylesLiterals": {},
2062
1978
  "cxLiterals": [
2063
- "pointer-events-none",
2064
- "absolute",
2065
- "bottom-0",
2066
- "left-0",
2067
- "right-0",
2068
- "h-[var(--uds-tab-underline-width,0px)]",
2069
- "bg-[var(--uds-tab-underline-color,transparent)]",
2070
- "transition-[height,background-color]",
2071
- "duration-[240ms]",
2072
- "ease-[cubic-bezier(0.2,0,0,1)]",
2073
- "!bg-transparent",
2074
- "!shadow-none",
2075
- "inline-flex",
2076
- "items-center",
2077
- "shrink-0",
2078
- "box-border",
2079
- "relative",
2080
- "z-[1]",
2081
- "cursor-pointer",
2082
- "select-none",
2083
- "whitespace-nowrap",
1979
+ "uds-chip-dismissible-button",
1980
+ "uds-hit-target",
2084
1981
  "uds-ring",
2085
- "opacity-50",
2086
- "cursor-default",
2087
- "border-solid",
2088
- "border-b-solid",
2089
- "transition-colors"
1982
+ "rounded-full"
2090
1983
  ],
2091
1984
  "internalComponents": [
1985
+ "ChipBase",
2092
1986
  "IconSlot",
2093
- "AriakitTab",
2094
- "Text"
1987
+ "Pressable"
2095
1988
  ],
2096
- "internalComponentProps": { "Text": {
2097
- "variant": ["inherit"],
2098
- "as": ["span"],
2099
- "color": ["current"]
2100
- } },
1989
+ "internalComponentProps": {},
2101
1990
  "propToVariantKeys": {
2102
- "variant": ["tabVariantRoot", "tabVariantIcon"],
2103
- "activeState": ["tabVariantActiveIcon"],
2104
- "startIcon": ["icon"],
2105
- "endIcon": ["icon"]
1991
+ "variant": ["chipDismissibleVariantRoot", "chipDismissibleVariantIcon"],
1992
+ "dismissButtonAriaLabel": ["aria-label"]
2106
1993
  },
2107
1994
  "runtimeConfigDefaultProps": {},
2108
1995
  "runtimeConfigGetStyles": {},
2109
1996
  "runtimeConfigInternalComponentProps": {},
2110
1997
  "motionVarPrefixes": []
2111
1998
  };
2112
- var TabList = {
2113
- "name": "TabList",
2114
- "defaultProps": { "variant": "primary" },
2115
- "getStylesLiterals": {
2116
- "tabSizeRoot": "default",
2117
- "tabVariantActiveRoot": "on"
1999
+ var ChipBase = {
2000
+ "name": "ChipBase",
2001
+ "defaultProps": {
2002
+ "size": "md",
2003
+ "as": "div"
2118
2004
  },
2005
+ "getStylesLiterals": {},
2119
2006
  "cxLiterals": [
2120
2007
  "pointer-events-none",
2121
- "absolute",
2122
- "bottom-0",
2123
- "left-0",
2124
- "right-0",
2125
- "h-[var(--uds-tab-underline-width,0px)]",
2126
- "bg-[var(--uds-tab-underline-color,transparent)]",
2127
- "transition-[height,background-color]",
2128
- "duration-[240ms]",
2129
- "ease-[cubic-bezier(0.2,0,0,1)]",
2130
- "!m-0",
2131
- "!p-0",
2132
- "!gap-0",
2133
- "box-border",
2134
- "z-0",
2135
- "min-w-0",
2136
- "min-h-0",
2137
- "flex",
2138
- "flex-row",
2139
- "items-center",
2140
- "overflow-x-auto",
2141
- "overflow-y-clip",
2142
- "scrollbar-none",
2143
- "[overflow-clip-margin:6px]",
2144
- "overflow-clip",
2145
- "[overflow-clip-margin:8px]",
2146
- "relative"
2008
+ "cursor-default",
2009
+ "opacity-50",
2010
+ "inline-flex",
2011
+ "items-center",
2012
+ "transition-[background-color,outline-color,box-shadow]",
2013
+ "truncate",
2014
+ "whitespace-nowrap",
2015
+ "text-center",
2016
+ "flex-1"
2147
2017
  ],
2148
- "internalComponents": ["AriakitTabList"],
2149
- "internalComponentProps": {},
2150
- "propToVariantKeys": { "variant": ["tabsVariantRoot", "tabVariantRoot"] },
2018
+ "internalComponents": [
2019
+ "IconSlot",
2020
+ "HStack",
2021
+ "As",
2022
+ "Text"
2023
+ ],
2024
+ "internalComponentProps": { "Text": {
2025
+ "as": ["span"],
2026
+ "color": ["current"],
2027
+ "variant": ["inherit"]
2028
+ } },
2029
+ "propToVariantKeys": {
2030
+ "size": ["chipSizeRoot", "chipSizeIcon"],
2031
+ "startIcon": ["icon"],
2032
+ "endIcon": ["icon"]
2033
+ },
2151
2034
  "runtimeConfigDefaultProps": {},
2152
2035
  "runtimeConfigGetStyles": {},
2153
2036
  "runtimeConfigInternalComponentProps": {},
2154
2037
  "motionVarPrefixes": []
2155
2038
  };
2156
- var TabPanel = {
2157
- "name": "TabPanel",
2158
- "defaultProps": {},
2039
+ var ChipLink = {
2040
+ "name": "ChipLink",
2041
+ "defaultProps": { "variant": "primary" },
2159
2042
  "getStylesLiterals": {},
2160
- "cxLiterals": [],
2161
- "internalComponents": ["AriakitTabPanel"],
2162
- "internalComponentProps": {},
2163
- "propToVariantKeys": {},
2043
+ "cxLiterals": ["uds-ring"],
2044
+ "internalComponents": ["ChipBase"],
2045
+ "internalComponentProps": { "ChipBase": { "as": ["a"] } },
2046
+ "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
2164
2047
  "runtimeConfigDefaultProps": {},
2165
2048
  "runtimeConfigGetStyles": {},
2166
2049
  "runtimeConfigInternalComponentProps": {},
2167
2050
  "motionVarPrefixes": []
2168
2051
  };
2169
- var Tabs = {
2170
- "name": "Tabs",
2052
+ var ChipButton = {
2053
+ "name": "ChipButton",
2171
2054
  "defaultProps": { "variant": "primary" },
2172
2055
  "getStylesLiterals": {},
2173
- "cxLiterals": [],
2174
- "internalComponents": ["TabsContext.Provider", "TabProvider"],
2175
- "internalComponentProps": {},
2176
- "propToVariantKeys": { "onSelectionChange": ["setSelectedId"] },
2056
+ "cxLiterals": ["uds-ring"],
2057
+ "internalComponents": ["ChipBase"],
2058
+ "internalComponentProps": { "ChipBase": { "as": ["button"] } },
2059
+ "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
2177
2060
  "runtimeConfigDefaultProps": {},
2178
2061
  "runtimeConfigGetStyles": {},
2179
2062
  "runtimeConfigInternalComponentProps": {},
2180
2063
  "motionVarPrefixes": []
2181
2064
  };
2182
- var Toast = {
2183
- "name": "Toast",
2184
- "defaultProps": {},
2065
+ var Input = {
2066
+ "name": "Input",
2067
+ "defaultProps": {
2068
+ "type": "text",
2069
+ "size": "md",
2070
+ "width": "full"
2071
+ },
2185
2072
  "getStylesLiterals": {
2186
- "className": "animate-spin",
2187
- "className:1": "flex-none",
2188
- "spacing": "2",
2189
- "borderRadius": "full"
2073
+ "inputVariantRoot": "default",
2074
+ "inputVariantValueRoot": "empty",
2075
+ "inputVariantValueRoot:1": "filled",
2076
+ "inputVariantInputWrapper": "default",
2077
+ "inputVariantValueInputWrapper": "empty",
2078
+ "inputVariantValueInputWrapper:1": "filled",
2079
+ "inputVariantInput": "default",
2080
+ "inputVariantValueInput": "empty",
2081
+ "inputVariantValueInput:1": "filled",
2082
+ "inputVariantInputPlaceholder": "default",
2083
+ "inputVariantValueInputPlaceholder": "empty",
2084
+ "inputVariantValueInputPlaceholder:1": "filled",
2085
+ "inputVariantLabel": "default",
2086
+ "inputVariantValueLabel": "empty",
2087
+ "inputVariantValueLabel:1": "filled",
2088
+ "inputVariantLabelRequired": "default",
2089
+ "inputVariantValueLabelRequired": "empty",
2090
+ "inputVariantValueLabelRequired:1": "filled",
2091
+ "inputVariantStartIcon": "default",
2092
+ "inputVariantValueStartIcon": "empty",
2093
+ "inputVariantValueStartIcon:1": "filled",
2094
+ "inputVariantEndIcon": "default",
2095
+ "inputVariantValueEndIcon": "empty",
2096
+ "inputVariantValueEndIcon:1": "filled"
2190
2097
  },
2191
2098
  "cxLiterals": [
2192
- "duration-0",
2193
- "duration-120",
2194
- "transition-[background-color]",
2195
- "bg-carbon-15/0",
2196
- "hover:bg-carbon-15/10",
2197
- "active:bg-carbon-15/15",
2198
- "uds-ring"
2099
+ "opacity-50",
2100
+ "min-w-[200px]",
2101
+ "grow",
2102
+ "uds-hit-target",
2103
+ "bg-clip-text",
2104
+ "focus:outline-none",
2105
+ "cursor-text",
2106
+ "cursor-not-allowed"
2199
2107
  ],
2200
2108
  "internalComponents": [
2201
2109
  "IconSlot",
2202
- "ToastContainer",
2203
- "Text",
2204
- "Button",
2205
- "Pressable"
2110
+ "StartIcon",
2111
+ "EndIcon",
2112
+ "HelpTextContent",
2113
+ "Box",
2114
+ "InputHelpTextInternal",
2115
+ "VStack",
2116
+ "HStack",
2117
+ "AnimateHeightChange"
2206
2118
  ],
2207
- "internalComponentProps": {},
2208
- "propToVariantKeys": {
2209
- "size": [
2210
- "toastSizeLabel",
2211
- "toastSizeIcon",
2212
- "toastSizeActionButton",
2213
- "toastSizeCloseIcon"
2214
- ],
2215
- "variant": [
2216
- "toastVariantIcon",
2217
- "toastVariantActionButton",
2218
- "toastVariantCloseIcon"
2219
- ],
2220
- "closeIcon": ["icon"],
2221
- "onClickActionButton": ["onClick"]
2222
- },
2223
- "runtimeConfigDefaultProps": {
2224
- "size": "toast.defaultSize",
2225
- "variant": "toast.defaultVariant"
2226
- },
2227
- "runtimeConfigGetStyles": {
2228
- "toastSizeLabel": ["toast.defaultSize"],
2229
- "toastVariantIcon": ["toast.defaultVariant"],
2230
- "toastSizeIcon": ["toast.defaultSize"],
2231
- "toastSizeActionButton": ["toast.defaultSize"],
2232
- "toastVariantActionButton": ["toast.defaultVariant"],
2233
- "toastVariantCloseIcon": ["toast.defaultVariant"],
2234
- "toastSizeCloseIcon": ["toast.defaultSize"]
2235
- },
2236
- "runtimeConfigInternalComponentProps": {
2237
- "ToastContainer": {
2238
- "size": ["toast.defaultSize"],
2239
- "variant": ["toast.defaultVariant"]
2240
- },
2241
- "Text": {
2242
- "variant": ["toast.textVariant.${size}"],
2243
- "color": ["toast.textColor.${variant}"]
2119
+ "internalComponentProps": {
2120
+ "HelpTextContent": { "spacingTop": ["2"] },
2121
+ "Box": {
2122
+ "spacingBottom": ["2"],
2123
+ "columnGap": ["0.5"],
2124
+ "alignItems": ["flex-end", "center"],
2125
+ "position": ["relative"]
2244
2126
  },
2245
- "Button": {
2246
- "size": ["toast.buttonSize.${size}"],
2247
- "variant": ["toast.buttonVariant.${variant}"]
2127
+ "HStack": {
2128
+ "alignItems": ["center"],
2129
+ "gap": ["1"]
2248
2130
  }
2249
2131
  },
2250
- "motionVarPrefixes": []
2251
- };
2252
- var ToastContainer = {
2253
- "name": "ToastContainer",
2254
- "defaultProps": {},
2255
- "getStylesLiterals": {
2256
- "position": "relative",
2257
- "alignItems": "center",
2258
- "display": "flex",
2259
- "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
2260
- },
2261
- "cxLiterals": ["w-full"],
2262
- "internalComponents": ["HStack"],
2263
- "internalComponentProps": { "HStack": {
2264
- "alignItems": ["center"],
2265
- "justifyContent": ["space-between"],
2266
- "overflow": ["hidden"],
2267
- "position": ["relative"]
2268
- } },
2269
2132
  "propToVariantKeys": {
2270
- "variant": ["toastVariantRoot"],
2271
- "size": ["toastSizeRoot"]
2272
- },
2273
- "runtimeConfigDefaultProps": {
2274
- "size": "toast.defaultSize",
2275
- "variant": "toast.defaultVariant"
2276
- },
2277
- "runtimeConfigGetStyles": {
2278
- "toastVariantRoot": ["toast.defaultVariant"],
2279
- "toastSizeRoot": ["toast.defaultSize"]
2280
- },
2281
- "runtimeConfigInternalComponentProps": { "HStack": { "backgroundColor": ["toast.backgroundColor.${variant}"] } },
2282
- "motionVarPrefixes": []
2283
- };
2284
- var ToastPortal = {
2285
- "name": "ToastPortal",
2286
- "defaultProps": {},
2287
- "getStylesLiterals": {},
2288
- "cxLiterals": [],
2289
- "internalComponents": ["ReactToastifyToastContainer"],
2290
- "internalComponentProps": {},
2291
- "propToVariantKeys": {},
2292
- "runtimeConfigDefaultProps": {
2293
- "size": "toast.defaultSize",
2294
- "variant": "toast.defaultVariant"
2133
+ "size": [
2134
+ "inputSizeRoot",
2135
+ "inputSizeInputWrapper",
2136
+ "inputSizeInput",
2137
+ "inputSizeLabel",
2138
+ "inputSizeStartIcon",
2139
+ "inputSizeEndIcon"
2140
+ ],
2141
+ "startIcon": ["icon"],
2142
+ "endIcon": ["icon"],
2143
+ "slotProps": ["helperTextSlotProps"],
2144
+ "helperTextIcon": ["startIcon"]
2295
2145
  },
2146
+ "runtimeConfigDefaultProps": {},
2296
2147
  "runtimeConfigGetStyles": {},
2297
- "runtimeConfigInternalComponentProps": { "ReactToastifyToastContainer": { "autoClose": ["toast.autoClose"] } },
2148
+ "runtimeConfigInternalComponentProps": {},
2298
2149
  "motionVarPrefixes": []
2299
2150
  };
2300
- var UDSToastConfigProvider = {
2301
- "name": "UDSToastConfigProvider",
2302
- "defaultProps": {},
2303
- "getStylesLiterals": {},
2151
+ var InputHelpText = {
2152
+ "name": "InputHelpText",
2153
+ "defaultProps": { "size": "md" },
2154
+ "getStylesLiterals": {
2155
+ "inputVariantRoot": "default",
2156
+ "inputVariantValueRoot": "empty",
2157
+ "inputVariantValueRoot:1": "filled"
2158
+ },
2304
2159
  "cxLiterals": [],
2305
- "internalComponents": ["ToastContext.Provider"],
2306
- "internalComponentProps": {},
2307
- "propToVariantKeys": {},
2160
+ "internalComponents": ["InputHelpTextInternal", "Box"],
2161
+ "internalComponentProps": { "Box": { "spacingTop": ["2"] } },
2162
+ "propToVariantKeys": { "size": ["inputSizeRoot"] },
2308
2163
  "runtimeConfigDefaultProps": {},
2309
2164
  "runtimeConfigGetStyles": {},
2310
2165
  "runtimeConfigInternalComponentProps": {},
2311
2166
  "motionVarPrefixes": []
2312
2167
  };
2313
- var Tooltip = {
2314
- "name": "Tooltip",
2168
+ var InputHelpTextInternal = {
2169
+ "name": "InputHelpTextInternal",
2315
2170
  "defaultProps": {},
2316
- "getStylesLiterals": {},
2171
+ "getStylesLiterals": {
2172
+ "inputVariantHelperText": "default",
2173
+ "inputVariantValueHelperText": "empty",
2174
+ "inputVariantValueHelperText:1": "filled",
2175
+ "inputVariantHelperIcon": "default",
2176
+ "inputVariantValueHelperIcon": "empty",
2177
+ "inputVariantValueHelperIcon:1": "filled"
2178
+ },
2317
2179
  "cxLiterals": [],
2318
- "internalComponents": ["TooltipInternalContext.Provider", "TooltipProvider"],
2319
- "internalComponentProps": {},
2320
- "propToVariantKeys": {},
2180
+ "internalComponents": ["IconSlot", "HStack"],
2181
+ "internalComponentProps": { "HStack": {
2182
+ "gap": ["1"],
2183
+ "alignItems": ["center"]
2184
+ } },
2185
+ "propToVariantKeys": {
2186
+ "size": ["inputSizeHelperText", "inputSizeHelperIcon"],
2187
+ "startIcon": ["icon"],
2188
+ "endIcon": ["icon"]
2189
+ },
2321
2190
  "runtimeConfigDefaultProps": {},
2322
2191
  "runtimeConfigGetStyles": {},
2323
- "runtimeConfigInternalComponentProps": { "TooltipProvider": { "animated": ["tooltip.animationDuration"] } },
2192
+ "runtimeConfigInternalComponentProps": {},
2324
2193
  "motionVarPrefixes": []
2325
2194
  };
2326
- var TooltipContent = {
2327
- "name": "TooltipContent",
2328
- "defaultProps": {},
2195
+ var Radio = {
2196
+ "name": "Radio",
2197
+ "defaultProps": {
2198
+ "labelPosition": "start",
2199
+ "variant": "primary",
2200
+ "size": "md",
2201
+ "value": ""
2202
+ },
2329
2203
  "getStylesLiterals": {
2330
- "tooltipSizeRoot": "default",
2331
- "tooltipVariantRoot": "default",
2332
- "tooltipSizeSvg": "default",
2333
- "tooltipVariantSvg": "default",
2334
- "tooltipVariantBlur": "default",
2335
- "position": "absolute",
2336
- "width": "full",
2337
- "height": "full",
2338
- "tooltipSizeTitle": "default",
2339
- "tooltipSizeBody": "default",
2340
- "tooltipSizeEndContent": "default",
2341
- "tooltipSizeIcon": "default",
2342
- "tooltipVariantIcon": "default"
2204
+ "radioVariantValueRoot": "checked",
2205
+ "radioVariantValueRoot:1": "unchecked",
2206
+ "display": "flex",
2207
+ "flexDirection": "row",
2208
+ "flexDirection:1": "row-reverse",
2209
+ "alignItems": "center",
2210
+ "radioVariantValueRadio": "checked",
2211
+ "radioVariantValueRadio:1": "unchecked",
2212
+ "radioVariantValueRadioCircle": "checked",
2213
+ "radioVariantValueRadioCircle:1": "unchecked"
2343
2214
  },
2344
2215
  "cxLiterals": [
2345
- "max-w-lg",
2346
- "flex",
2347
- "z-[9999]",
2348
- "uds-bgBlurFillFallback",
2349
- "uds-bgBlurFallback",
2350
- "top-0",
2351
- "left-0",
2352
- "z-[1]"
2216
+ "cursor-pointer",
2217
+ "cursor-default",
2218
+ "opacity-50",
2219
+ "border",
2220
+ "uds-ring",
2221
+ "uds-ring-within",
2222
+ "transition-[background-color,border-color]",
2223
+ "transition-shadow",
2224
+ "pointer-events-none",
2225
+ "w-[8px]",
2226
+ "h-[8px]",
2227
+ "transition-opacity",
2228
+ "cursor-[inherit]",
2229
+ "absolute",
2230
+ "opacity-0",
2231
+ "top-1/2",
2232
+ "left-1/2",
2233
+ "w-[calc(100%+2px)]",
2234
+ "h-[calc(100%+2px)]",
2235
+ "transform",
2236
+ "translate-x-[-50%]",
2237
+ "translate-y-[-50%]",
2238
+ "text-start",
2239
+ "text-end"
2353
2240
  ],
2354
2241
  "internalComponents": [
2355
- "IconSlot",
2356
- "TooltipArrow",
2357
- "Tooltip",
2358
- "SvgFloatingOverlay",
2359
- "VStack",
2360
2242
  "Box",
2361
- "Text"
2243
+ "FormLabel",
2244
+ "SpringMotionConfig",
2245
+ "RootElement",
2246
+ "MotionBox"
2362
2247
  ],
2363
2248
  "internalComponentProps": {
2364
- "SvgFloatingOverlay": { "contentOverflow": ["visible"] },
2365
- "VStack": { "className": ["gap-[inherit]"] },
2366
- "Box": {
2367
- "alignItems": ["center"],
2368
- "columnGap": ["1", "1.5"]
2249
+ "Box": { "borderRadius": ["full"] },
2250
+ "FormLabel": {
2251
+ "as": ["div"],
2252
+ "variant": ["inherit"],
2253
+ "color": ["inherit"]
2369
2254
  },
2370
- "Text": { "color": ["inherit"] }
2255
+ "RootElement": { "data-testid": ["container"] },
2256
+ "MotionBox": {
2257
+ "position": ["relative"],
2258
+ "borderRadius": ["full"],
2259
+ "alignItems": ["center"],
2260
+ "justifyContent": ["center"],
2261
+ "flex": ["none"]
2262
+ }
2263
+ },
2264
+ "propToVariantKeys": {
2265
+ "size": ["radioSizeRoot", "radioSizeRadio"],
2266
+ "variant": [
2267
+ "radioVariantRoot",
2268
+ "radioVariantRadio",
2269
+ "radioVariantRadioCircle"
2270
+ ],
2271
+ "reduceMotion": ["reducedMotion"]
2371
2272
  },
2372
- "propToVariantKeys": { "startTitleIcon": ["icon"] },
2373
2273
  "runtimeConfigDefaultProps": {},
2374
2274
  "runtimeConfigGetStyles": {},
2375
2275
  "runtimeConfigInternalComponentProps": {},
2376
- "motionVarPrefixes": []
2276
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
2377
2277
  };
2378
- var TooltipTrigger = {
2379
- "name": "TooltipTrigger",
2278
+ var RadioGroupStore = {
2279
+ "name": "RadioGroupStore",
2380
2280
  "defaultProps": {},
2381
2281
  "getStylesLiterals": {},
2382
2282
  "cxLiterals": [],
2383
- "internalComponents": ["TooltipAnchor"],
2384
- "internalComponentProps": { "TooltipAnchor": { "className": ["inline"] } },
2385
- "propToVariantKeys": { "children": ["render"] },
2283
+ "internalComponents": [],
2284
+ "internalComponentProps": {},
2285
+ "propToVariantKeys": {},
2386
2286
  "runtimeConfigDefaultProps": {},
2387
2287
  "runtimeConfigGetStyles": {},
2388
2288
  "runtimeConfigInternalComponentProps": {},
2389
2289
  "motionVarPrefixes": []
2390
2290
  };
2391
- var UDSTooltipConfigProvider = {
2392
- "name": "UDSTooltipConfigProvider",
2291
+ var RadioGroupProvider = {
2292
+ "name": "RadioGroupProvider",
2393
2293
  "defaultProps": {},
2394
2294
  "getStylesLiterals": {},
2395
2295
  "cxLiterals": [],
2396
- "internalComponents": ["TooltipContext.Provider"],
2397
- "internalComponentProps": {},
2296
+ "internalComponents": [
2297
+ "DivProps",
2298
+ "Comp",
2299
+ "RadioGroupContext.Provider"
2300
+ ],
2301
+ "internalComponentProps": { "Comp": { "role": ["radiogroup"] } },
2398
2302
  "propToVariantKeys": {},
2399
2303
  "runtimeConfigDefaultProps": {},
2400
2304
  "runtimeConfigGetStyles": {},
2401
2305
  "runtimeConfigInternalComponentProps": {},
2402
2306
  "motionVarPrefixes": []
2403
2307
  };
2404
- var UDSBreakpointsConfigProvider = {
2405
- "name": "UDSBreakpointsConfigProvider",
2406
- "defaultProps": {},
2308
+ var Tabs = {
2309
+ "name": "Tabs",
2310
+ "defaultProps": { "variant": "primary" },
2407
2311
  "getStylesLiterals": {},
2408
2312
  "cxLiterals": [],
2409
- "internalComponents": ["UDSBreakpointsConfigContext.Provider"],
2313
+ "internalComponents": ["TabsContext.Provider", "TabProvider"],
2410
2314
  "internalComponentProps": {},
2411
- "propToVariantKeys": {},
2315
+ "propToVariantKeys": { "onSelectionChange": ["setSelectedId"] },
2412
2316
  "runtimeConfigDefaultProps": {},
2413
2317
  "runtimeConfigGetStyles": {},
2414
2318
  "runtimeConfigInternalComponentProps": {},
2415
2319
  "motionVarPrefixes": []
2416
2320
  };
2417
- var UDSConfigProvider = {
2418
- "name": "UDSConfigProvider",
2419
- "defaultProps": {},
2420
- "getStylesLiterals": {},
2421
- "cxLiterals": [],
2321
+ var Tab = {
2322
+ "name": "Tab",
2323
+ "defaultProps": { "variant": "primary" },
2324
+ "getStylesLiterals": {
2325
+ "tabSizeRoot": "default",
2326
+ "tabVariantActiveRoot": "off",
2327
+ "tabVariantActiveRoot:1": "on",
2328
+ "tabSizeIcon": "default"
2329
+ },
2330
+ "cxLiterals": [
2331
+ "pointer-events-none",
2332
+ "absolute",
2333
+ "bottom-0",
2334
+ "left-0",
2335
+ "right-0",
2336
+ "h-[var(--uds-tab-underline-width,0px)]",
2337
+ "bg-[var(--uds-tab-underline-color,transparent)]",
2338
+ "transition-[height,background-color]",
2339
+ "duration-[240ms]",
2340
+ "ease-[cubic-bezier(0.2,0,0,1)]",
2341
+ "!bg-transparent",
2342
+ "!shadow-none",
2343
+ "inline-flex",
2344
+ "items-center",
2345
+ "shrink-0",
2346
+ "box-border",
2347
+ "relative",
2348
+ "z-[1]",
2349
+ "cursor-pointer",
2350
+ "select-none",
2351
+ "whitespace-nowrap",
2352
+ "uds-ring",
2353
+ "opacity-50",
2354
+ "cursor-default",
2355
+ "border-solid",
2356
+ "border-b-solid",
2357
+ "transition-colors"
2358
+ ],
2422
2359
  "internalComponents": [
2423
- "UDSBreakpointsConfigProvider",
2424
- "UDSBottomSheetConfigProvider",
2425
- "UDSToastConfigProvider",
2426
- "UDSTooltipConfigProvider",
2427
- "UDSPopoverConfigProvider",
2428
- "UDSModalConfigProvider"
2360
+ "IconSlot",
2361
+ "AriakitTab",
2362
+ "Text"
2363
+ ],
2364
+ "internalComponentProps": { "Text": {
2365
+ "variant": ["inherit"],
2366
+ "as": ["span"],
2367
+ "color": ["current"]
2368
+ } },
2369
+ "propToVariantKeys": {
2370
+ "variant": ["tabVariantRoot", "tabVariantIcon"],
2371
+ "activeState": ["tabVariantActiveIcon"],
2372
+ "startIcon": ["icon"],
2373
+ "endIcon": ["icon"]
2374
+ },
2375
+ "runtimeConfigDefaultProps": {},
2376
+ "runtimeConfigGetStyles": {},
2377
+ "runtimeConfigInternalComponentProps": {},
2378
+ "motionVarPrefixes": []
2379
+ };
2380
+ var TabList = {
2381
+ "name": "TabList",
2382
+ "defaultProps": { "variant": "primary" },
2383
+ "getStylesLiterals": {
2384
+ "tabSizeRoot": "default",
2385
+ "tabVariantActiveRoot": "on"
2386
+ },
2387
+ "cxLiterals": [
2388
+ "pointer-events-none",
2389
+ "absolute",
2390
+ "bottom-0",
2391
+ "left-0",
2392
+ "right-0",
2393
+ "h-[var(--uds-tab-underline-width,0px)]",
2394
+ "bg-[var(--uds-tab-underline-color,transparent)]",
2395
+ "transition-[height,background-color]",
2396
+ "duration-[240ms]",
2397
+ "ease-[cubic-bezier(0.2,0,0,1)]",
2398
+ "!m-0",
2399
+ "!p-0",
2400
+ "!gap-0",
2401
+ "box-border",
2402
+ "z-0",
2403
+ "min-w-0",
2404
+ "min-h-0",
2405
+ "flex",
2406
+ "flex-row",
2407
+ "items-center",
2408
+ "overflow-x-auto",
2409
+ "overflow-y-clip",
2410
+ "scrollbar-none",
2411
+ "[overflow-clip-margin:6px]",
2412
+ "overflow-clip",
2413
+ "[overflow-clip-margin:8px]",
2414
+ "relative"
2429
2415
  ],
2416
+ "internalComponents": ["AriakitTabList"],
2430
2417
  "internalComponentProps": {},
2431
- "propToVariantKeys": {},
2418
+ "propToVariantKeys": { "variant": ["tabsVariantRoot", "tabVariantRoot"] },
2432
2419
  "runtimeConfigDefaultProps": {},
2433
2420
  "runtimeConfigGetStyles": {},
2434
2421
  "runtimeConfigInternalComponentProps": {},
2435
2422
  "motionVarPrefixes": []
2436
2423
  };
2437
- var Accordion = {
2438
- "name": "Accordion",
2439
- "defaultProps": {
2440
- "spacingHorizontal": "4",
2441
- "spacingVertical": "4"
2442
- },
2443
- "getStylesLiterals": {},
2444
- "cxLiterals": ["hover:bg-secondary/80", "w-full"],
2445
- "internalComponents": [
2446
- "Icon",
2447
- "SpringMotionConfig",
2448
- "Pressable",
2449
- "Text",
2450
- "HStack",
2451
- "AnimatePresence",
2452
- "VStack"
2453
- ],
2454
- "internalComponentProps": {
2455
- "Icon": {
2456
- "variant": ["fill"],
2457
- "size": ["sm"],
2458
- "color": ["primary"]
2459
- },
2460
- "SpringMotionConfig": {
2461
- "layoutVariant": ["smooth"],
2462
- "layoutSpeed": ["3"]
2463
- },
2464
- "Pressable": {
2465
- "display": ["flex"],
2466
- "flexDirection": ["row"],
2467
- "alignItems": ["center"],
2468
- "justifyContent": ["space-between"],
2469
- "borderRadius": ["md"]
2470
- },
2471
- "Text": {
2472
- "variant": ["title4"],
2473
- "color": ["primary"]
2474
- },
2475
- "HStack": {
2476
- "display": ["flex"],
2477
- "alignItems": ["center"],
2478
- "justifyContent": ["space-between"],
2479
- "columnGap": ["2.5"]
2480
- }
2481
- },
2482
- "propToVariantKeys": {},
2483
- "runtimeConfigDefaultProps": {},
2484
- "runtimeConfigGetStyles": {},
2485
- "runtimeConfigInternalComponentProps": {},
2486
- "motionVarPrefixes": ["--uds-motion-smooth-3-"]
2487
- };
2488
- var AvoidMotionLibraryProvider = {
2489
- "name": "AvoidMotionLibraryProvider",
2424
+ var TabPanel = {
2425
+ "name": "TabPanel",
2490
2426
  "defaultProps": {},
2491
2427
  "getStylesLiterals": {},
2492
2428
  "cxLiterals": [],
2493
- "internalComponents": [],
2429
+ "internalComponents": ["AriakitTabPanel"],
2494
2430
  "internalComponentProps": {},
2495
2431
  "propToVariantKeys": {},
2496
2432
  "runtimeConfigDefaultProps": {},
@@ -2557,6 +2493,57 @@ var SegmentedControl = {
2557
2493
  "runtimeConfigInternalComponentProps": {},
2558
2494
  "motionVarPrefixes": []
2559
2495
  };
2496
+ var Accordion = {
2497
+ "name": "Accordion",
2498
+ "defaultProps": {
2499
+ "spacingHorizontal": "4",
2500
+ "spacingVertical": "4"
2501
+ },
2502
+ "getStylesLiterals": {},
2503
+ "cxLiterals": ["hover:bg-secondary/80", "w-full"],
2504
+ "internalComponents": [
2505
+ "Icon",
2506
+ "SpringMotionConfig",
2507
+ "Pressable",
2508
+ "Text",
2509
+ "HStack",
2510
+ "AnimatePresence",
2511
+ "VStack"
2512
+ ],
2513
+ "internalComponentProps": {
2514
+ "Icon": {
2515
+ "variant": ["fill"],
2516
+ "size": ["sm"],
2517
+ "color": ["primary"]
2518
+ },
2519
+ "SpringMotionConfig": {
2520
+ "layoutVariant": ["smooth"],
2521
+ "layoutSpeed": ["3"]
2522
+ },
2523
+ "Pressable": {
2524
+ "display": ["flex"],
2525
+ "flexDirection": ["row"],
2526
+ "alignItems": ["center"],
2527
+ "justifyContent": ["space-between"],
2528
+ "borderRadius": ["md"]
2529
+ },
2530
+ "Text": {
2531
+ "variant": ["title4"],
2532
+ "color": ["primary"]
2533
+ },
2534
+ "HStack": {
2535
+ "display": ["flex"],
2536
+ "alignItems": ["center"],
2537
+ "justifyContent": ["space-between"],
2538
+ "columnGap": ["2.5"]
2539
+ }
2540
+ },
2541
+ "propToVariantKeys": {},
2542
+ "runtimeConfigDefaultProps": {},
2543
+ "runtimeConfigGetStyles": {},
2544
+ "runtimeConfigInternalComponentProps": {},
2545
+ "motionVarPrefixes": ["--uds-motion-smooth-3-"]
2546
+ };
2560
2547
  var SwitchV2 = {
2561
2548
  "name": "SwitchV2",
2562
2549
  "defaultProps": {
@@ -2654,100 +2641,113 @@ var SwitchV2 = {
2654
2641
  "runtimeConfigInternalComponentProps": {},
2655
2642
  "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
2656
2643
  };
2644
+ var AvoidMotionLibraryProvider = {
2645
+ "name": "AvoidMotionLibraryProvider",
2646
+ "defaultProps": {},
2647
+ "getStylesLiterals": {},
2648
+ "cxLiterals": [],
2649
+ "internalComponents": [],
2650
+ "internalComponentProps": {},
2651
+ "propToVariantKeys": {},
2652
+ "runtimeConfigDefaultProps": {},
2653
+ "runtimeConfigGetStyles": {},
2654
+ "runtimeConfigInternalComponentProps": {},
2655
+ "motionVarPrefixes": []
2656
+ };
2657
2657
  var componentData_default = {
2658
- Box,
2659
2658
  FormLabel,
2660
- HStack,
2661
- Icon,
2662
- IconSlot,
2663
- Image,
2664
- Link,
2665
- Scrim,
2666
2659
  SvgFloatingOverlay,
2660
+ Scrim,
2661
+ Icon,
2667
2662
  Text,
2668
2663
  VStack,
2669
- Banner,
2670
- BannerContent,
2671
- BannerDescription,
2672
- BannerTitle,
2673
- Divider,
2674
- DividerLabel,
2675
- DividerLine,
2676
- AnimateHeightChange,
2677
- Badge,
2678
- Button,
2664
+ Box,
2665
+ Link,
2666
+ IconSlot,
2667
+ Image,
2668
+ HStack,
2679
2669
  Checkbox,
2680
- IconButton,
2681
- Pressable,
2682
2670
  SpringMotionConfig,
2671
+ AnimateHeightChange,
2683
2672
  Switch,
2684
- Spinner,
2673
+ Badge,
2674
+ Pressable,
2675
+ IconButton,
2676
+ Button,
2677
+ Divider,
2678
+ DividerLine,
2679
+ DividerLabel,
2680
+ BannerDescription,
2681
+ BannerTitle,
2682
+ Banner,
2683
+ BannerContent,
2685
2684
  "Table.mocks": Table_mocks,
2685
+ Spinner,
2686
2686
  Table,
2687
- Avatar,
2688
- AvatarIcon,
2689
- AvatarImage,
2690
- AvatarText,
2687
+ ModalDescription,
2688
+ ModalContext,
2689
+ ModalContent,
2690
+ Modal,
2691
+ UDSModalConfigProvider,
2692
+ ModalTitle,
2693
+ ModalActions,
2694
+ BottomSheetProvider,
2695
+ BottomSheetHeader,
2691
2696
  BottomSheet,
2697
+ BottomSheetTrigger,
2692
2698
  BottomSheetContent,
2699
+ UDSBottomSheetConfigProvider,
2693
2700
  BottomSheetDismiss,
2694
2701
  BottomSheetHandle,
2695
- BottomSheetHeader,
2696
2702
  BottomSheetInternalContext,
2697
- BottomSheetProvider,
2698
- BottomSheetTrigger,
2699
- UDSBottomSheetConfigProvider,
2700
- Chip,
2701
- ChipBase,
2702
- ChipButton,
2703
- ChipDismissible,
2704
- ChipLink,
2705
- ChipToggle,
2706
- Input,
2707
- InputHelpText,
2708
- InputHelpTextInternal,
2709
- "Menu.Content": Menu_Content,
2710
- "Menu.Divider": Menu_Divider,
2711
- "Menu.Item": Menu_Item,
2712
- "Menu.ItemBase": Menu_ItemBase,
2713
2703
  "Menu.ItemCheckbox": Menu_ItemCheckbox,
2714
- "Menu.Provider": Menu_Provider,
2704
+ Menu,
2715
2705
  "Menu.Trigger": Menu_Trigger,
2706
+ "Menu.Provider": Menu_Provider,
2707
+ "Menu.Item": Menu_Item,
2716
2708
  "Menu.index": Menu_index,
2717
- Menu,
2718
- Modal,
2719
- ModalActions,
2720
- ModalContent,
2721
- ModalContext,
2722
- ModalDescription,
2723
- ModalTitle,
2724
- UDSModalConfigProvider,
2709
+ "Menu.ItemBase": Menu_ItemBase,
2710
+ "Menu.Divider": Menu_Divider,
2711
+ "Menu.Content": Menu_Content,
2712
+ Avatar,
2713
+ AvatarText,
2714
+ AvatarIcon,
2715
+ AvatarImage,
2725
2716
  Popover,
2726
2717
  PopoverContent,
2727
- PopoverContext,
2728
2718
  PopoverTrigger,
2729
2719
  UDSPopoverConfigProvider,
2720
+ PopoverContext,
2721
+ TooltipTrigger,
2722
+ TooltipContent,
2723
+ UDSTooltipConfigProvider,
2724
+ Tooltip,
2725
+ UDSConfigProvider,
2726
+ UDSBreakpointsConfigProvider,
2727
+ ToastPortal,
2728
+ UDSToastConfigProvider,
2729
+ ToastContainer,
2730
+ Toast,
2731
+ ChipToggle,
2732
+ Chip,
2733
+ ChipDismissible,
2734
+ ChipBase,
2735
+ ChipLink,
2736
+ ChipButton,
2737
+ Input,
2738
+ InputHelpText,
2739
+ InputHelpTextInternal,
2730
2740
  Radio,
2731
- RadioGroupProvider,
2732
2741
  RadioGroupStore,
2742
+ RadioGroupProvider,
2743
+ Tabs,
2733
2744
  Tab,
2734
2745
  TabList,
2735
2746
  TabPanel,
2736
- Tabs,
2737
- Toast,
2738
- ToastContainer,
2739
- ToastPortal,
2740
- UDSToastConfigProvider,
2741
- Tooltip,
2742
- TooltipContent,
2743
- TooltipTrigger,
2744
- UDSTooltipConfigProvider,
2745
- UDSBreakpointsConfigProvider,
2746
- UDSConfigProvider,
2747
- Accordion,
2748
- AvoidMotionLibraryProvider,
2749
2747
  SegmentedControl,
2750
- SwitchV2
2748
+ Accordion,
2749
+ SwitchV2,
2750
+ AvoidMotionLibraryProvider
2751
2751
  };
2752
2752
  //#endregion
2753
2753
  export { Accordion, AnimateHeightChange, Avatar, AvatarIcon, AvatarImage, AvatarText, AvoidMotionLibraryProvider, Badge, Banner, BannerContent, BannerDescription, BannerTitle, BottomSheet, BottomSheetContent, BottomSheetDismiss, BottomSheetHandle, BottomSheetHeader, BottomSheetInternalContext, BottomSheetProvider, BottomSheetTrigger, Box, Button, Checkbox, Chip, ChipBase, ChipButton, ChipDismissible, ChipLink, ChipToggle, Divider, DividerLabel, DividerLine, FormLabel, HStack, Icon, IconButton, IconSlot, Image, Input, InputHelpText, InputHelpTextInternal, Link, Menu, Menu_Content as "Menu.Content", Menu_Divider as "Menu.Divider", Menu_Item as "Menu.Item", Menu_ItemBase as "Menu.ItemBase", Menu_ItemCheckbox as "Menu.ItemCheckbox", Menu_Provider as "Menu.Provider", Menu_Trigger as "Menu.Trigger", Menu_index as "Menu.index", Modal, ModalActions, ModalContent, ModalContext, ModalDescription, ModalTitle, Popover, PopoverContent, PopoverContext, PopoverTrigger, Pressable, Radio, RadioGroupProvider, RadioGroupStore, Scrim, SegmentedControl, Spinner, SpringMotionConfig, SvgFloatingOverlay, Switch, SwitchV2, Tab, TabList, TabPanel, Table, Table_mocks as "Table.mocks", Tabs, Text, Toast, ToastContainer, ToastPortal, Tooltip, TooltipContent, TooltipTrigger, UDSBottomSheetConfigProvider, UDSBreakpointsConfigProvider, UDSConfigProvider, UDSModalConfigProvider, UDSPopoverConfigProvider, UDSToastConfigProvider, UDSTooltipConfigProvider, VStack, componentData_default as default };