@yahoo/uds 3.145.0-beta.3 → 3.145.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,5 +1,27 @@
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
+ };
3
25
  var FormLabel = {
4
26
  "name": "FormLabel",
5
27
  "defaultProps": {
@@ -21,63 +43,14 @@ var FormLabel = {
21
43
  "runtimeConfigInternalComponentProps": {},
22
44
  "motionVarPrefixes": []
23
45
  };
24
- var SvgFloatingOverlay = {
25
- "name": "SvgFloatingOverlay",
26
- "defaultProps": { "contentOverflow": "auto" },
27
- "getStylesLiterals": {},
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
- },
46
+ var HStack = {
47
+ "name": "HStack",
48
+ "defaultProps": {},
64
49
  "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
- ],
50
+ "cxLiterals": [],
78
51
  "internalComponents": ["Box"],
79
- "internalComponentProps": { "Box": { "display": ["block"] } },
80
- "propToVariantKeys": { "variant": ["scrimVariantRoot"] },
52
+ "internalComponentProps": { "Box": { "flexDirection": ["row"] } },
53
+ "propToVariantKeys": { "gap": ["rowGap", "columnGap"] },
81
54
  "runtimeConfigDefaultProps": {},
82
55
  "runtimeConfigGetStyles": {},
83
56
  "runtimeConfigInternalComponentProps": {},
@@ -100,59 +73,27 @@ var Icon = {
100
73
  "runtimeConfigInternalComponentProps": {},
101
74
  "motionVarPrefixes": []
102
75
  };
103
- var Text = {
104
- "name": "Text",
105
- "defaultProps": {
106
- "color": "primary",
107
- "variant": "body1"
108
- },
76
+ var IconSlot = {
77
+ "name": "IconSlot",
78
+ "defaultProps": {},
109
79
  "getStylesLiterals": {},
110
80
  "cxLiterals": [],
111
- "internalComponents": ["Comp"],
81
+ "internalComponents": ["Icon"],
112
82
  "internalComponentProps": {},
113
- "propToVariantKeys": { "variant": [
114
- "fontFamily",
115
- "fontSize",
116
- "fontWeight",
117
- "lineHeight",
118
- "textTransform",
119
- "letterSpacing"
120
- ] },
83
+ "propToVariantKeys": {},
121
84
  "runtimeConfigDefaultProps": {},
122
85
  "runtimeConfigGetStyles": {},
123
86
  "runtimeConfigInternalComponentProps": {},
124
87
  "motionVarPrefixes": []
125
88
  };
126
- var VStack = {
127
- "name": "VStack",
89
+ var Image = {
90
+ "name": "Image",
128
91
  "defaultProps": {},
129
92
  "getStylesLiterals": {},
130
93
  "cxLiterals": [],
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"],
94
+ "internalComponents": [],
148
95
  "internalComponentProps": {},
149
- "propToVariantKeys": { "elevationAlias": [
150
- "backgroundColor",
151
- "borderColor",
152
- "borderWidth",
153
- "dropShadow",
154
- "insetShadow"
155
- ] },
96
+ "propToVariantKeys": {},
156
97
  "runtimeConfigDefaultProps": {},
157
98
  "runtimeConfigGetStyles": {},
158
99
  "runtimeConfigInternalComponentProps": {},
@@ -196,327 +137,339 @@ var Link = {
196
137
  "runtimeConfigInternalComponentProps": {},
197
138
  "motionVarPrefixes": []
198
139
  };
199
- var IconSlot = {
200
- "name": "IconSlot",
201
- "defaultProps": {},
140
+ var Scrim = {
141
+ "name": "Scrim",
142
+ "defaultProps": {
143
+ "variant": "default",
144
+ "position": "fixed"
145
+ },
202
146
  "getStylesLiterals": {},
203
- "cxLiterals": [],
204
- "internalComponents": ["Icon"],
205
- "internalComponentProps": {},
206
- "propToVariantKeys": {},
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"] },
207
163
  "runtimeConfigDefaultProps": {},
208
164
  "runtimeConfigGetStyles": {},
209
165
  "runtimeConfigInternalComponentProps": {},
210
166
  "motionVarPrefixes": []
211
167
  };
212
- var Image = {
213
- "name": "Image",
214
- "defaultProps": {},
168
+ var SvgFloatingOverlay = {
169
+ "name": "SvgFloatingOverlay",
170
+ "defaultProps": { "contentOverflow": "auto" },
171
+ "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
+ },
197
+ "runtimeConfigDefaultProps": {},
198
+ "runtimeConfigGetStyles": {},
199
+ "runtimeConfigInternalComponentProps": {},
200
+ "motionVarPrefixes": []
201
+ };
202
+ var Text = {
203
+ "name": "Text",
204
+ "defaultProps": {
205
+ "color": "primary",
206
+ "variant": "body1"
207
+ },
215
208
  "getStylesLiterals": {},
216
209
  "cxLiterals": [],
217
- "internalComponents": [],
210
+ "internalComponents": ["Comp"],
218
211
  "internalComponentProps": {},
219
- "propToVariantKeys": {},
212
+ "propToVariantKeys": { "variant": [
213
+ "fontFamily",
214
+ "fontSize",
215
+ "fontWeight",
216
+ "lineHeight",
217
+ "textTransform",
218
+ "letterSpacing"
219
+ ] },
220
220
  "runtimeConfigDefaultProps": {},
221
221
  "runtimeConfigGetStyles": {},
222
222
  "runtimeConfigInternalComponentProps": {},
223
223
  "motionVarPrefixes": []
224
224
  };
225
- var HStack = {
226
- "name": "HStack",
225
+ var VStack = {
226
+ "name": "VStack",
227
227
  "defaultProps": {},
228
228
  "getStylesLiterals": {},
229
229
  "cxLiterals": [],
230
230
  "internalComponents": ["Box"],
231
- "internalComponentProps": { "Box": { "flexDirection": ["row"] } },
232
- "propToVariantKeys": { "gap": ["rowGap", "columnGap"] },
231
+ "internalComponentProps": { "Box": { "flexDirection": ["column"] } },
232
+ "propToVariantKeys": { "gap": ["columnGap", "rowGap"] },
233
233
  "runtimeConfigDefaultProps": {},
234
234
  "runtimeConfigGetStyles": {},
235
235
  "runtimeConfigInternalComponentProps": {},
236
236
  "motionVarPrefixes": []
237
237
  };
238
- var Checkbox = {
239
- "name": "Checkbox",
238
+ var Banner = {
239
+ "name": "Banner",
240
240
  "defaultProps": {
241
- "labelPosition": "start",
242
241
  "variant": "primary",
243
- "size": "md"
242
+ "size": "default",
243
+ "dismissAriaLabel": "Dismiss"
244
244
  },
245
245
  "getStylesLiterals": {
246
- "display": "flex",
247
- "flexDirection": "row",
248
- "flexDirection:1": "row-reverse",
249
- "alignItems": "center"
246
+ "className": "truncate",
247
+ "className:1": "line-clamp-3",
248
+ "spacing": "2",
249
+ "borderRadius": "full",
250
+ "color": "primary"
250
251
  },
251
252
  "cxLiterals": [
252
- "cursor-pointer",
253
- "cursor-default",
254
- "opacity-50",
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",
255
263
  "uds-ring",
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"
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"
272
281
  ],
273
282
  "internalComponents": [
274
- "Icon",
275
- "FormLabel",
276
- "SpringMotionConfig",
277
- "RootElement",
278
- "MotionBox"
283
+ "IconSlot",
284
+ "Text",
285
+ "Pressable"
279
286
  ],
280
287
  "internalComponentProps": {
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
- }
288
+ "IconSlot": { "data-testid": ["banner-start-icon"] },
289
+ "Text": { "data-testid": ["banner-title", "banner-description"] },
290
+ "Pressable": { "data-testid": ["banner-dismiss"] }
294
291
  },
295
292
  "propToVariantKeys": {
296
- "size": ["checkboxSizeRoot", "checkboxSizeCheckbox"],
297
293
  "variant": [
298
- "checkboxVariantRoot",
299
- "checkboxVariantCheckbox",
300
- "checkboxVariantCheckboxIcon"
294
+ "bannerVariantRoot",
295
+ "bannerVariantIcon",
296
+ "bannerVariantTitle",
297
+ "bannerVariantDescription"
301
298
  ],
302
- "valueState": [
303
- "checkboxVariantValueRoot",
304
- "checkboxVariantValueCheckbox",
305
- "checkboxVariantValueCheckboxIcon"
299
+ "size": [
300
+ "bannerSizeRoot",
301
+ "bannerSizeIcon",
302
+ "bannerSizeTitle",
303
+ "bannerSizeDescription",
304
+ "bannerSizeClose"
306
305
  ],
307
- "reduceMotion": ["reducedMotion"]
306
+ "startIcon": ["icon"],
307
+ "dismissAriaLabel": ["aria-label"],
308
+ "onDismiss": ["onClick"]
308
309
  },
309
310
  "runtimeConfigDefaultProps": {},
310
311
  "runtimeConfigGetStyles": {},
311
312
  "runtimeConfigInternalComponentProps": {},
312
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
313
+ "motionVarPrefixes": []
313
314
  };
314
- var SpringMotionConfig = {
315
- "name": "SpringMotionConfig",
316
- "defaultProps": { "reducedMotion": "user" },
315
+ var BannerContent = {
316
+ "name": "BannerContent",
317
+ "defaultProps": {},
317
318
  "getStylesLiterals": {},
318
- "cxLiterals": [],
319
- "internalComponents": ["LazyMotion", "MotionConfig"],
319
+ "cxLiterals": [
320
+ "flex",
321
+ "flex-col",
322
+ "items-start",
323
+ "self-stretch",
324
+ "flex-1",
325
+ "min-w-0"
326
+ ],
327
+ "internalComponents": [],
320
328
  "internalComponentProps": {},
321
- "propToVariantKeys": { "loadFeatures": ["features"] },
329
+ "propToVariantKeys": {},
322
330
  "runtimeConfigDefaultProps": {},
323
331
  "runtimeConfigGetStyles": {},
324
332
  "runtimeConfigInternalComponentProps": {},
325
333
  "motionVarPrefixes": []
326
334
  };
327
- var AnimateHeightChange = {
328
- "name": "AnimateHeightChange",
335
+ var BannerDescription = {
336
+ "name": "BannerDescription",
329
337
  "defaultProps": {},
330
- "getStylesLiterals": {},
331
- "cxLiterals": ["overflow-hidden"],
332
- "internalComponents": ["SpringMotionConfig"],
333
- "internalComponentProps": { "SpringMotionConfig": { "layoutSpeed": ["4"] } },
334
- "propToVariantKeys": { "reduceMotion": ["reducedMotion"] },
338
+ "getStylesLiterals": {
339
+ "bannerSizeDescription": "default",
340
+ "className": "w-full line-clamp-3"
341
+ },
342
+ "cxLiterals": [],
343
+ "internalComponents": ["Text"],
344
+ "internalComponentProps": {},
345
+ "propToVariantKeys": {},
335
346
  "runtimeConfigDefaultProps": {},
336
347
  "runtimeConfigGetStyles": {},
337
348
  "runtimeConfigInternalComponentProps": {},
338
- "motionVarPrefixes": ["--uds-motion-subtle-4-", "--uds-motion-smooth-3-"]
349
+ "motionVarPrefixes": []
339
350
  };
340
- var Switch = {
341
- "name": "Switch",
342
- "defaultProps": {
343
- "labelPosition": "start",
344
- "size": "md"
345
- },
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
- ],
400
- "internalComponents": [
401
- "IconSlot",
402
- "Box",
403
- "FormLabel",
404
- "SpringMotionConfig",
405
- "RootElement",
406
- "MotionBox"
407
- ],
408
- "internalComponentProps": {
409
- "IconSlot": { "data-testid": ["on-icon", "off-icon"] },
410
- "FormLabel": {
411
- "as": ["div"],
412
- "variant": ["inherit"],
413
- "color": ["inherit"]
414
- },
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"]
427
- },
351
+ var BannerTitle = {
352
+ "name": "BannerTitle",
353
+ "defaultProps": {},
354
+ "getStylesLiterals": { "bannerSizeTitle": "default" },
355
+ "cxLiterals": ["w-full", "truncate"],
356
+ "internalComponents": ["Text"],
357
+ "internalComponentProps": {},
358
+ "propToVariantKeys": {},
428
359
  "runtimeConfigDefaultProps": {},
429
360
  "runtimeConfigGetStyles": {},
430
361
  "runtimeConfigInternalComponentProps": {},
431
- "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
362
+ "motionVarPrefixes": []
432
363
  };
433
- var Badge = {
434
- "name": "Badge",
364
+ var Divider = {
365
+ "name": "Divider",
435
366
  "defaultProps": {
436
367
  "variant": "primary",
437
- "size": "md"
368
+ "contentPosition": "center"
438
369
  },
439
370
  "getStylesLiterals": {},
440
- "cxLiterals": [
441
- "flex-1",
442
- "truncate",
443
- "whitespace-nowrap",
444
- "text-center"
371
+ "cxLiterals": ["inherit"],
372
+ "internalComponents": [
373
+ "DividerLine",
374
+ "DividerLabel",
375
+ "InternalComponent",
376
+ "Box"
445
377
  ],
446
- "internalComponents": ["IconSlot", "HStack"],
447
378
  "internalComponentProps": {
448
- "IconSlot": { "data-testid": ["start-icon", "end-icon"] },
449
- "HStack": {
450
- "gap": ["2"],
451
- "display": ["inline-flex"],
452
- "alignItems": ["center"]
379
+ "InternalComponent": {
380
+ "alignItems": ["center"],
381
+ "flex": ["1"]
382
+ },
383
+ "Box": {
384
+ "display": ["flex"],
385
+ "flex": ["none"]
453
386
  }
454
387
  },
455
- "propToVariantKeys": {
456
- "size": ["badgeSizeRoot", "badgeSizeIcon"],
457
- "variant": ["badgeVariantRoot", "badgeVariantIcon"],
458
- "startIcon": ["icon"],
459
- "endIcon": ["icon"]
460
- },
388
+ "propToVariantKeys": { "variant": ["dividerVariantRoot"] },
461
389
  "runtimeConfigDefaultProps": {},
462
390
  "runtimeConfigGetStyles": {},
463
391
  "runtimeConfigInternalComponentProps": {},
464
392
  "motionVarPrefixes": []
465
393
  };
466
- var Pressable = {
467
- "name": "Pressable",
468
- "defaultProps": {},
469
- "getStylesLiterals": {},
470
- "cxLiterals": [],
471
- "internalComponents": ["Comp"],
394
+ var DividerLabel = {
395
+ "name": "DividerLabel",
396
+ "defaultProps": {
397
+ "variant": "primary",
398
+ "textVariant": "inherit",
399
+ "color": "inherit",
400
+ "as": "span"
401
+ },
402
+ "getStylesLiterals": {},
403
+ "cxLiterals": ["inherit"],
404
+ "internalComponents": ["Text"],
472
405
  "internalComponentProps": {},
473
- "propToVariantKeys": {},
406
+ "propToVariantKeys": {
407
+ "variant": ["dividerVariantLabel"],
408
+ "textVariant": ["variant"]
409
+ },
474
410
  "runtimeConfigDefaultProps": {},
475
411
  "runtimeConfigGetStyles": {},
476
412
  "runtimeConfigInternalComponentProps": {},
477
413
  "motionVarPrefixes": []
478
414
  };
479
- var IconButton = {
480
- "name": "IconButton",
481
- "defaultProps": { "type": "button" },
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",
430
+ "defaultProps": {},
431
+ "getStylesLiterals": {},
432
+ "cxLiterals": ["overflow-hidden"],
433
+ "internalComponents": ["SpringMotionConfig"],
434
+ "internalComponentProps": { "SpringMotionConfig": { "layoutSpeed": ["4"] } },
435
+ "propToVariantKeys": { "reduceMotion": ["reducedMotion"] },
436
+ "runtimeConfigDefaultProps": {},
437
+ "runtimeConfigGetStyles": {},
438
+ "runtimeConfigInternalComponentProps": {},
439
+ "motionVarPrefixes": ["--uds-motion-subtle-4-", "--uds-motion-smooth-3-"]
440
+ };
441
+ var Badge = {
442
+ "name": "Badge",
443
+ "defaultProps": {
444
+ "variant": "primary",
445
+ "size": "md"
446
+ },
482
447
  "getStylesLiterals": {},
483
448
  "cxLiterals": [
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"
449
+ "flex-1",
450
+ "truncate",
451
+ "whitespace-nowrap",
452
+ "text-center"
505
453
  ],
454
+ "internalComponents": ["IconSlot", "HStack"],
506
455
  "internalComponentProps": {
507
- "Icon": { "color": ["current"] },
508
- "SpringMotionConfig": { "layoutSpeed": ["3"] },
509
- "AnimatePresence": { "mode": ["popLayout"] }
456
+ "IconSlot": { "data-testid": ["start-icon", "end-icon"] },
457
+ "HStack": {
458
+ "gap": ["2"],
459
+ "display": ["inline-flex"],
460
+ "alignItems": ["center"]
461
+ }
510
462
  },
511
463
  "propToVariantKeys": {
512
- "size": ["iconbuttonSizeRoot", "iconbuttonSizeIcon"],
513
- "variant": ["buttonVariantRoot", "buttonVariantIcon"],
514
- "iconVariant": ["variant"]
464
+ "size": ["badgeSizeRoot", "badgeSizeIcon"],
465
+ "variant": ["badgeVariantRoot", "badgeVariantIcon"],
466
+ "startIcon": ["icon"],
467
+ "endIcon": ["icon"]
515
468
  },
516
469
  "runtimeConfigDefaultProps": {},
517
470
  "runtimeConfigGetStyles": {},
518
471
  "runtimeConfigInternalComponentProps": {},
519
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
472
+ "motionVarPrefixes": []
520
473
  };
521
474
  var Button = {
522
475
  "name": "Button",
@@ -572,208 +525,242 @@ var Button = {
572
525
  "runtimeConfigInternalComponentProps": {},
573
526
  "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
574
527
  };
575
- var Divider = {
576
- "name": "Divider",
528
+ var Checkbox = {
529
+ "name": "Checkbox",
577
530
  "defaultProps": {
531
+ "labelPosition": "start",
578
532
  "variant": "primary",
579
- "contentPosition": "center"
533
+ "size": "md"
580
534
  },
581
- "getStylesLiterals": {},
582
- "cxLiterals": ["inherit"],
535
+ "getStylesLiterals": {
536
+ "display": "flex",
537
+ "flexDirection": "row",
538
+ "flexDirection:1": "row-reverse",
539
+ "alignItems": "center"
540
+ },
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
+ ],
583
563
  "internalComponents": [
584
- "DividerLine",
585
- "DividerLabel",
586
- "InternalComponent",
587
- "Box"
564
+ "Icon",
565
+ "FormLabel",
566
+ "SpringMotionConfig",
567
+ "RootElement",
568
+ "MotionBox"
588
569
  ],
589
570
  "internalComponentProps": {
590
- "InternalComponent": {
591
- "alignItems": ["center"],
592
- "flex": ["1"]
571
+ "Icon": { "size": ["sm"] },
572
+ "FormLabel": {
573
+ "as": ["div"],
574
+ "variant": ["inherit"],
575
+ "color": ["inherit"]
593
576
  },
594
- "Box": {
595
- "display": ["flex"],
577
+ "RootElement": { "data-testid": ["container"] },
578
+ "MotionBox": {
579
+ "position": ["relative"],
580
+ "alignItems": ["center"],
581
+ "justifyContent": ["center"],
596
582
  "flex": ["none"]
597
583
  }
598
584
  },
599
- "propToVariantKeys": { "variant": ["dividerVariantRoot"] },
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
+ },
600
599
  "runtimeConfigDefaultProps": {},
601
600
  "runtimeConfigGetStyles": {},
602
601
  "runtimeConfigInternalComponentProps": {},
603
- "motionVarPrefixes": []
602
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
604
603
  };
605
- var DividerLine = {
606
- "name": "DividerLine",
607
- "defaultProps": { "variant": "primary" },
604
+ var IconButton = {
605
+ "name": "IconButton",
606
+ "defaultProps": { "type": "button" },
608
607
  "getStylesLiterals": {},
609
- "cxLiterals": ["inherit"],
610
- "internalComponents": ["Box"],
611
- "internalComponentProps": { "Box": { "flex": ["1"] } },
612
- "propToVariantKeys": { "variant": ["dividerVariantLine"] },
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"] }
635
+ },
636
+ "propToVariantKeys": {
637
+ "size": ["iconbuttonSizeRoot", "iconbuttonSizeIcon"],
638
+ "variant": ["buttonVariantRoot", "buttonVariantIcon"],
639
+ "iconVariant": ["variant"]
640
+ },
613
641
  "runtimeConfigDefaultProps": {},
614
642
  "runtimeConfigGetStyles": {},
615
643
  "runtimeConfigInternalComponentProps": {},
616
- "motionVarPrefixes": []
644
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
617
645
  };
618
- var DividerLabel = {
619
- "name": "DividerLabel",
620
- "defaultProps": {
621
- "variant": "primary",
622
- "textVariant": "inherit",
623
- "color": "inherit",
624
- "as": "span"
625
- },
646
+ var Pressable = {
647
+ "name": "Pressable",
648
+ "defaultProps": {},
626
649
  "getStylesLiterals": {},
627
- "cxLiterals": ["inherit"],
628
- "internalComponents": ["Text"],
650
+ "cxLiterals": [],
651
+ "internalComponents": ["Comp"],
629
652
  "internalComponentProps": {},
630
- "propToVariantKeys": {
631
- "variant": ["dividerVariantLabel"],
632
- "textVariant": ["variant"]
633
- },
653
+ "propToVariantKeys": {},
634
654
  "runtimeConfigDefaultProps": {},
635
655
  "runtimeConfigGetStyles": {},
636
656
  "runtimeConfigInternalComponentProps": {},
637
657
  "motionVarPrefixes": []
638
658
  };
639
- var BannerDescription = {
640
- "name": "BannerDescription",
641
- "defaultProps": {},
642
- "getStylesLiterals": {
643
- "bannerSizeDescription": "default",
644
- "className": "w-full line-clamp-3"
645
- },
659
+ var SpringMotionConfig = {
660
+ "name": "SpringMotionConfig",
661
+ "defaultProps": { "reducedMotion": "user" },
662
+ "getStylesLiterals": {},
646
663
  "cxLiterals": [],
647
- "internalComponents": ["Text"],
664
+ "internalComponents": ["LazyMotion", "MotionConfig"],
648
665
  "internalComponentProps": {},
649
- "propToVariantKeys": {},
666
+ "propToVariantKeys": { "loadFeatures": ["features"] },
650
667
  "runtimeConfigDefaultProps": {},
651
668
  "runtimeConfigGetStyles": {},
652
669
  "runtimeConfigInternalComponentProps": {},
653
670
  "motionVarPrefixes": []
654
671
  };
655
- var BannerTitle = {
656
- "name": "BannerTitle",
657
- "defaultProps": {},
658
- "getStylesLiterals": { "bannerSizeTitle": "default" },
659
- "cxLiterals": ["w-full", "truncate"],
660
- "internalComponents": ["Text"],
661
- "internalComponentProps": {},
662
- "propToVariantKeys": {},
663
- "runtimeConfigDefaultProps": {},
664
- "runtimeConfigGetStyles": {},
665
- "runtimeConfigInternalComponentProps": {},
666
- "motionVarPrefixes": []
667
- };
668
- var Banner = {
669
- "name": "Banner",
672
+ var Switch = {
673
+ "name": "Switch",
670
674
  "defaultProps": {
671
- "variant": "primary",
672
- "size": "default",
673
- "dismissAriaLabel": "Dismiss"
675
+ "labelPosition": "start",
676
+ "size": "md"
674
677
  },
675
678
  "getStylesLiterals": {
676
- "className": "truncate",
677
- "className:1": "line-clamp-3",
678
- "spacing": "2",
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",
679
689
  "borderRadius": "full",
680
- "color": "primary"
690
+ "position": "relative",
691
+ "switchVariantActiveHandle": "on",
692
+ "switchVariantActiveHandle:1": "off",
693
+ "switchVariantHandle": "default",
694
+ "switchVariantHandleIcon": "default",
695
+ "switchVariantActiveHandleIcon": "on",
696
+ "switchVariantActiveHandleIcon:1": "off"
681
697
  },
682
698
  "cxLiterals": [
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",
699
+ "group",
700
+ "cursor-pointer",
701
+ "cursor-default",
702
+ "opacity-50",
693
703
  "uds-ring",
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"
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"
711
731
  ],
712
732
  "internalComponents": [
713
733
  "IconSlot",
714
- "Text",
715
- "Pressable"
734
+ "Box",
735
+ "FormLabel",
736
+ "SpringMotionConfig",
737
+ "RootElement",
738
+ "MotionBox"
716
739
  ],
717
740
  "internalComponentProps": {
718
- "IconSlot": { "data-testid": ["banner-start-icon"] },
719
- "Text": { "data-testid": ["banner-title", "banner-description"] },
720
- "Pressable": { "data-testid": ["banner-dismiss"] }
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"] }
721
748
  },
722
749
  "propToVariantKeys": {
723
- "variant": [
724
- "bannerVariantRoot",
725
- "bannerVariantIcon",
726
- "bannerVariantTitle",
727
- "bannerVariantDescription"
728
- ],
729
750
  "size": [
730
- "bannerSizeRoot",
731
- "bannerSizeIcon",
732
- "bannerSizeTitle",
733
- "bannerSizeDescription",
734
- "bannerSizeClose"
751
+ "switchSizeRoot",
752
+ "switchSizeSwitch",
753
+ "switchSizeHandle",
754
+ "switchSizeHandleIcon"
735
755
  ],
736
- "startIcon": ["icon"],
737
- "dismissAriaLabel": ["aria-label"],
738
- "onDismiss": ["onClick"]
756
+ "onIcon": ["icon"],
757
+ "offIcon": ["icon"],
758
+ "reduceMotion": ["reducedMotion"]
739
759
  },
740
760
  "runtimeConfigDefaultProps": {},
741
761
  "runtimeConfigGetStyles": {},
742
762
  "runtimeConfigInternalComponentProps": {},
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": []
763
+ "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
777
764
  };
778
765
  var Spinner = {
779
766
  "name": "Spinner",
@@ -799,6 +786,19 @@ var Spinner = {
799
786
  "runtimeConfigInternalComponentProps": {},
800
787
  "motionVarPrefixes": []
801
788
  };
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,34 +830,12 @@ var Table = {
830
830
  "runtimeConfigInternalComponentProps": {},
831
831
  "motionVarPrefixes": []
832
832
  };
833
- var ModalDescription = {
834
- "name": "ModalDescription",
835
- "defaultProps": {},
836
- "getStylesLiterals": {},
837
- "cxLiterals": [],
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",
833
+ var Avatar = {
834
+ "name": "Avatar",
857
835
  "defaultProps": {},
858
836
  "getStylesLiterals": {},
859
837
  "cxLiterals": [],
860
- "internalComponents": [],
838
+ "internalComponents": ["AvatarImage"],
861
839
  "internalComponentProps": {},
862
840
  "propToVariantKeys": {},
863
841
  "runtimeConfigDefaultProps": {},
@@ -865,223 +843,89 @@ var ModalContext = {
865
843
  "runtimeConfigInternalComponentProps": {},
866
844
  "motionVarPrefixes": []
867
845
  };
868
- var ModalContent = {
869
- "name": "ModalContent",
870
- "defaultProps": {},
871
- "getStylesLiterals": {
872
- "overflowY": "auto",
873
- "display": "block",
874
- "flexGrow": "1"
846
+ var AvatarIcon = {
847
+ "name": "AvatarIcon",
848
+ "defaultProps": {
849
+ "size": "md",
850
+ "variant": "primary"
875
851
  },
876
- "cxLiterals": [],
877
- "internalComponents": ["Box"],
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"],
878
864
  "internalComponentProps": {},
879
- "propToVariantKeys": { "size": ["modalSizeSpacingHorizontal"] },
880
- "runtimeConfigDefaultProps": {
881
- "size": "modal.defaultSize",
882
- "variant": "modal.defaultVariant"
883
- },
884
- "runtimeConfigGetStyles": { "modalSizeSpacingHorizontal": ["modal.defaultSize"] },
865
+ "propToVariantKeys": { "size": ["avatarSizeIcon"] },
866
+ "runtimeConfigDefaultProps": {},
867
+ "runtimeConfigGetStyles": {},
885
868
  "runtimeConfigInternalComponentProps": {},
886
869
  "motionVarPrefixes": []
887
870
  };
888
- var Modal = {
889
- "name": "Modal",
871
+ var AvatarImage = {
872
+ "name": "AvatarImage",
890
873
  "defaultProps": {
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"
874
+ "size": "md",
875
+ "variant": "primary"
902
876
  },
877
+ "getStylesLiterals": {},
903
878
  "cxLiterals": [
904
- "fixed",
905
- "inset-0",
906
- "z-40",
907
- "overflow-y-auto",
908
879
  "overflow-hidden",
909
- "transition-[opacity,visibility]",
910
- "visible",
911
- "opacity-100",
912
- "invisible",
913
- "opacity-0",
914
- "pointer-events-none",
915
- "uds-bgBlurFallback",
916
880
  "w-full",
917
- "w-fit",
918
881
  "h-full",
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%]"
882
+ "shrink-0",
883
+ "text-center",
884
+ "inline-flex",
885
+ "justify-center",
886
+ "items-center",
887
+ "object-cover"
933
888
  ],
934
889
  "internalComponents": [
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"
890
+ "UDSImage",
891
+ "AvatarText",
892
+ "AvatarIcon",
893
+ "Box"
948
894
  ],
949
- "internalComponentProps": { "Box": { "flexGrow": ["1"] } },
950
- "propToVariantKeys": {
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"]
978
- },
979
- "runtimeConfigInternalComponentProps": {},
980
- "motionVarPrefixes": []
981
- };
982
- var UDSModalConfigProvider = {
983
- "name": "UDSModalConfigProvider",
984
- "defaultProps": {},
985
- "getStylesLiterals": {},
986
- "cxLiterals": [],
987
- "internalComponents": ["ModalContext.Provider"],
988
895
  "internalComponentProps": {},
989
- "propToVariantKeys": {},
990
- "runtimeConfigDefaultProps": {},
991
- "runtimeConfigGetStyles": {},
992
- "runtimeConfigInternalComponentProps": {},
993
- "motionVarPrefixes": []
994
- };
995
- var ModalTitle = {
996
- "name": "ModalTitle",
997
- "defaultProps": {},
998
- "getStylesLiterals": {},
999
- "cxLiterals": [],
1000
- "internalComponents": ["Text", "DialogHeading"],
1001
- "internalComponentProps": { "Text": { "as": ["span"] } },
1002
896
  "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"]
897
+ "alt": ["name"],
898
+ "fallback": ["initials"]
1036
899
  },
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
900
  "runtimeConfigDefaultProps": {},
1049
901
  "runtimeConfigGetStyles": {},
1050
902
  "runtimeConfigInternalComponentProps": {},
1051
903
  "motionVarPrefixes": []
1052
904
  };
1053
- var BottomSheetHeader = {
1054
- "name": "BottomSheetHeader",
1055
- "defaultProps": { "variant": "default" },
905
+ var AvatarText = {
906
+ "name": "AvatarText",
907
+ "defaultProps": {
908
+ "size": "md",
909
+ "variant": "primary"
910
+ },
1056
911
  "getStylesLiterals": {},
1057
912
  "cxLiterals": [
1058
- "grid-cols-[40px_1fr_40px]",
1059
- "items-center",
913
+ "overflow-hidden",
914
+ "truncate",
1060
915
  "w-full",
1061
- "min-h-10",
1062
- "mt-2"
1063
- ],
1064
- "internalComponents": [
1065
- "Box",
1066
- "Text",
1067
- "DialogHeading"
916
+ "h-full",
917
+ "shrink-0",
918
+ "text-center",
919
+ "inline-flex",
920
+ "justify-center",
921
+ "items-center"
1068
922
  ],
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"] },
923
+ "internalComponents": ["Box", "Text"],
924
+ "internalComponentProps": { "Text": {
925
+ "color": ["inherit"],
926
+ "variant": ["inherit"]
927
+ } },
928
+ "propToVariantKeys": {},
1085
929
  "runtimeConfigDefaultProps": {},
1086
930
  "runtimeConfigGetStyles": {},
1087
931
  "runtimeConfigInternalComponentProps": {},
@@ -1132,19 +976,6 @@ var BottomSheet = {
1132
976
  "runtimeConfigInternalComponentProps": {},
1133
977
  "motionVarPrefixes": []
1134
978
  };
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
- };
1148
979
  var BottomSheetContent = {
1149
980
  "name": "BottomSheetContent",
1150
981
  "defaultProps": {},
@@ -1164,19 +995,6 @@ var BottomSheetContent = {
1164
995
  "runtimeConfigInternalComponentProps": {},
1165
996
  "motionVarPrefixes": []
1166
997
  };
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
- };
1180
998
  var BottomSheetDismiss = {
1181
999
  "name": "BottomSheetDismiss",
1182
1000
  "defaultProps": {},
@@ -1221,47 +1039,45 @@ var BottomSheetHandle = {
1221
1039
  "runtimeConfigInternalComponentProps": {},
1222
1040
  "motionVarPrefixes": []
1223
1041
  };
1224
- var BottomSheetInternalContext = {
1225
- "name": "BottomSheetInternalContext",
1226
- "defaultProps": {},
1042
+ var BottomSheetHeader = {
1043
+ "name": "BottomSheetHeader",
1044
+ "defaultProps": { "variant": "default" },
1227
1045
  "getStylesLiterals": {},
1228
- "cxLiterals": [],
1229
- "internalComponents": [],
1230
- "internalComponentProps": {},
1231
- "propToVariantKeys": {},
1232
- "runtimeConfigDefaultProps": {},
1233
- "runtimeConfigGetStyles": {},
1234
- "runtimeConfigInternalComponentProps": {},
1235
- "motionVarPrefixes": []
1236
- };
1237
- var Menu_ItemCheckbox = {
1238
- "name": "Menu.ItemCheckbox",
1239
- "defaultProps": {},
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"
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"] }
1253
1072
  },
1254
- "cxLiterals": ["uds-menu-item-checkbox"],
1255
- "internalComponents": ["MenuItemBase"],
1256
- "internalComponentProps": {},
1257
- "propToVariantKeys": {},
1073
+ "propToVariantKeys": { "variant": ["bottomsheetVariantHeader"] },
1258
1074
  "runtimeConfigDefaultProps": {},
1259
1075
  "runtimeConfigGetStyles": {},
1260
1076
  "runtimeConfigInternalComponentProps": {},
1261
1077
  "motionVarPrefixes": []
1262
1078
  };
1263
- var Menu = {
1264
- "name": "Menu",
1079
+ var BottomSheetInternalContext = {
1080
+ "name": "BottomSheetInternalContext",
1265
1081
  "defaultProps": {},
1266
1082
  "getStylesLiterals": {},
1267
1083
  "cxLiterals": [],
@@ -1273,48 +1089,38 @@ var Menu = {
1273
1089
  "runtimeConfigInternalComponentProps": {},
1274
1090
  "motionVarPrefixes": []
1275
1091
  };
1276
- var Menu_Trigger = {
1277
- "name": "Menu.Trigger",
1092
+ var BottomSheetProvider = {
1093
+ "name": "BottomSheetProvider",
1278
1094
  "defaultProps": {},
1279
1095
  "getStylesLiterals": {},
1280
- "cxLiterals": ["uds-menu-trigger"],
1281
- "internalComponents": ["AriakitMenuTrigger", "Box"],
1282
- "internalComponentProps": { "Box": { "className": ["uds-ring h-fit w-fit"] } },
1096
+ "cxLiterals": [],
1097
+ "internalComponents": ["AriakitDialogProvider"],
1098
+ "internalComponentProps": {},
1283
1099
  "propToVariantKeys": {},
1284
1100
  "runtimeConfigDefaultProps": {},
1285
1101
  "runtimeConfigGetStyles": {},
1286
1102
  "runtimeConfigInternalComponentProps": {},
1287
1103
  "motionVarPrefixes": []
1288
1104
  };
1289
- var Menu_Provider = {
1290
- "name": "Menu.Provider",
1105
+ var BottomSheetTrigger = {
1106
+ "name": "BottomSheetTrigger",
1291
1107
  "defaultProps": {},
1292
1108
  "getStylesLiterals": {},
1293
1109
  "cxLiterals": [],
1294
- "internalComponents": ["AriakitMenuProvider", "SpringMotionConfig"],
1110
+ "internalComponents": ["AriakitDialogDisclosure"],
1295
1111
  "internalComponentProps": {},
1296
1112
  "propToVariantKeys": {},
1297
1113
  "runtimeConfigDefaultProps": {},
1298
1114
  "runtimeConfigGetStyles": {},
1299
1115
  "runtimeConfigInternalComponentProps": {},
1300
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1116
+ "motionVarPrefixes": []
1301
1117
  };
1302
- var Menu_Item = {
1303
- "name": "Menu.Item",
1118
+ var UDSBottomSheetConfigProvider = {
1119
+ "name": "UDSBottomSheetConfigProvider",
1304
1120
  "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
- },
1121
+ "getStylesLiterals": {},
1316
1122
  "cxLiterals": [],
1317
- "internalComponents": ["MenuItemBase"],
1123
+ "internalComponents": ["BottomSheetContext.Provider"],
1318
1124
  "internalComponentProps": {},
1319
1125
  "propToVariantKeys": {},
1320
1126
  "runtimeConfigDefaultProps": {},
@@ -1322,12 +1128,17 @@ var Menu_Item = {
1322
1128
  "runtimeConfigInternalComponentProps": {},
1323
1129
  "motionVarPrefixes": []
1324
1130
  };
1325
- var Menu_index = {
1326
- "name": "Menu.index",
1131
+ var Chip = {
1132
+ "name": "Chip",
1327
1133
  "defaultProps": {},
1328
1134
  "getStylesLiterals": {},
1329
1135
  "cxLiterals": [],
1330
- "internalComponents": [],
1136
+ "internalComponents": [
1137
+ "ChipDismissible",
1138
+ "ChipToggle",
1139
+ "ChipLink",
1140
+ "ChipButton"
1141
+ ],
1331
1142
  "internalComponentProps": {},
1332
1143
  "propToVariantKeys": {},
1333
1144
  "runtimeConfigDefaultProps": {},
@@ -1335,343 +1146,319 @@ var Menu_index = {
1335
1146
  "runtimeConfigInternalComponentProps": {},
1336
1147
  "motionVarPrefixes": []
1337
1148
  };
1338
- var Menu_ItemBase = {
1339
- "name": "Menu.ItemBase",
1149
+ var ChipBase = {
1150
+ "name": "ChipBase",
1340
1151
  "defaultProps": {
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"
1152
+ "size": "md",
1153
+ "as": "div"
1354
1154
  },
1155
+ "getStylesLiterals": {},
1355
1156
  "cxLiterals": [
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"
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"
1371
1167
  ],
1372
1168
  "internalComponents": [
1373
- "Pressable",
1374
1169
  "IconSlot",
1375
- "RootComponent",
1376
1170
  "HStack",
1377
- "AnimatePresence"
1171
+ "As",
1172
+ "Text"
1378
1173
  ],
1379
- "internalComponentProps": {
1380
- "HStack": {
1381
- "alignItems": ["center"],
1382
- "width": ["full"]
1383
- },
1384
- "AnimatePresence": { "mode": ["popLayout"] }
1385
- },
1174
+ "internalComponentProps": { "Text": {
1175
+ "as": ["span"],
1176
+ "color": ["current"],
1177
+ "variant": ["inherit"]
1178
+ } },
1386
1179
  "propToVariantKeys": {
1387
- "startIconClassName": ["className"],
1388
- "endIconClassName": ["className"],
1180
+ "size": ["chipSizeRoot", "chipSizeIcon"],
1389
1181
  "startIcon": ["icon"],
1390
- "endIcon": ["icon"],
1391
- "columnGap": ["gap"]
1182
+ "endIcon": ["icon"]
1392
1183
  },
1393
1184
  "runtimeConfigDefaultProps": {},
1394
1185
  "runtimeConfigGetStyles": {},
1395
1186
  "runtimeConfigInternalComponentProps": {},
1396
1187
  "motionVarPrefixes": []
1397
1188
  };
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": {},
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"] },
1414
1197
  "runtimeConfigDefaultProps": {},
1415
1198
  "runtimeConfigGetStyles": {},
1416
1199
  "runtimeConfigInternalComponentProps": {},
1417
1200
  "motionVarPrefixes": []
1418
1201
  };
1419
- var Menu_Content = {
1420
- "name": "Menu.Content",
1421
- "defaultProps": {
1422
- "size": "default",
1423
- "variant": "default",
1424
- "gutter": "1"
1425
- },
1202
+ var ChipDismissible = {
1203
+ "name": "ChipDismissible",
1204
+ "defaultProps": { "variant": "primary" },
1426
1205
  "getStylesLiterals": {},
1427
1206
  "cxLiterals": [
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",
1207
+ "uds-chip-dismissible-button",
1208
+ "uds-hit-target",
1436
1209
  "uds-ring",
1437
- "z-10",
1438
- "group"
1210
+ "rounded-full"
1439
1211
  ],
1440
1212
  "internalComponents": [
1441
- "AriakitMenu",
1442
- "AnimatePresence",
1443
- "MotionVStack"
1213
+ "ChipBase",
1214
+ "IconSlot",
1215
+ "Pressable"
1444
1216
  ],
1445
1217
  "internalComponentProps": {},
1446
1218
  "propToVariantKeys": {
1447
- "size": ["menucontentSizeRoot"],
1448
- "variant": ["menucontentVariantRoot"]
1219
+ "variant": ["chipDismissibleVariantRoot", "chipDismissibleVariantIcon"],
1220
+ "dismissButtonAriaLabel": ["aria-label"]
1449
1221
  },
1450
1222
  "runtimeConfigDefaultProps": {},
1451
1223
  "runtimeConfigGetStyles": {},
1452
1224
  "runtimeConfigInternalComponentProps": {},
1453
1225
  "motionVarPrefixes": []
1454
1226
  };
1455
- var Avatar = {
1456
- "name": "Avatar",
1457
- "defaultProps": {},
1227
+ var ChipLink = {
1228
+ "name": "ChipLink",
1229
+ "defaultProps": { "variant": "primary" },
1458
1230
  "getStylesLiterals": {},
1459
- "cxLiterals": [],
1460
- "internalComponents": ["AvatarImage"],
1461
- "internalComponentProps": {},
1462
- "propToVariantKeys": {},
1231
+ "cxLiterals": ["uds-ring"],
1232
+ "internalComponents": ["ChipBase"],
1233
+ "internalComponentProps": { "ChipBase": { "as": ["a"] } },
1234
+ "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1463
1235
  "runtimeConfigDefaultProps": {},
1464
1236
  "runtimeConfigGetStyles": {},
1465
1237
  "runtimeConfigInternalComponentProps": {},
1466
1238
  "motionVarPrefixes": []
1467
1239
  };
1468
- var AvatarText = {
1469
- "name": "AvatarText",
1240
+ var ChipToggle = {
1241
+ "name": "ChipToggle",
1242
+ "defaultProps": {
1243
+ "variant": "primary",
1244
+ "role": "checkbox"
1245
+ },
1246
+ "getStylesLiterals": {
1247
+ "chipToggleVariantActiveRoot": "on",
1248
+ "chipToggleVariantActiveRoot:1": "off"
1249
+ },
1250
+ "cxLiterals": ["uds-ring"],
1251
+ "internalComponents": ["ChipBase"],
1252
+ "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1253
+ "propToVariantKeys": { "variant": ["chipToggleVariantRoot", "chipToggleVariantIcon"] },
1254
+ "runtimeConfigDefaultProps": {},
1255
+ "runtimeConfigGetStyles": {},
1256
+ "runtimeConfigInternalComponentProps": {},
1257
+ "motionVarPrefixes": []
1258
+ };
1259
+ var Input = {
1260
+ "name": "Input",
1470
1261
  "defaultProps": {
1262
+ "type": "text",
1471
1263
  "size": "md",
1472
- "variant": "primary"
1264
+ "width": "full"
1473
1265
  },
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": {},
1492
- "runtimeConfigDefaultProps": {},
1493
- "runtimeConfigGetStyles": {},
1494
- "runtimeConfigInternalComponentProps": {},
1495
- "motionVarPrefixes": []
1496
- };
1497
- var AvatarIcon = {
1498
- "name": "AvatarIcon",
1499
- "defaultProps": {
1500
- "size": "md",
1501
- "variant": "primary"
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"
1502
1291
  },
1503
- "getStylesLiterals": {},
1504
1292
  "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"
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"
1513
1301
  ],
1514
- "internalComponents": ["IconSlot", "Box"],
1515
- "internalComponentProps": {},
1516
- "propToVariantKeys": { "size": ["avatarSizeIcon"] },
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
+ },
1517
1340
  "runtimeConfigDefaultProps": {},
1518
1341
  "runtimeConfigGetStyles": {},
1519
1342
  "runtimeConfigInternalComponentProps": {},
1520
1343
  "motionVarPrefixes": []
1521
1344
  };
1522
- var AvatarImage = {
1523
- "name": "AvatarImage",
1524
- "defaultProps": {
1525
- "size": "md",
1526
- "variant": "primary"
1527
- },
1528
- "getStylesLiterals": {},
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
- ],
1546
- "internalComponentProps": {},
1547
- "propToVariantKeys": {
1548
- "alt": ["name"],
1549
- "fallback": ["initials"]
1345
+ var InputHelpText = {
1346
+ "name": "InputHelpText",
1347
+ "defaultProps": { "size": "md" },
1348
+ "getStylesLiterals": {
1349
+ "inputVariantRoot": "default",
1350
+ "inputVariantValueRoot": "empty",
1351
+ "inputVariantValueRoot:1": "filled"
1550
1352
  },
1353
+ "cxLiterals": [],
1354
+ "internalComponents": ["InputHelpTextInternal", "Box"],
1355
+ "internalComponentProps": { "Box": { "spacingTop": ["2"] } },
1356
+ "propToVariantKeys": { "size": ["inputSizeRoot"] },
1551
1357
  "runtimeConfigDefaultProps": {},
1552
1358
  "runtimeConfigGetStyles": {},
1553
1359
  "runtimeConfigInternalComponentProps": {},
1554
1360
  "motionVarPrefixes": []
1555
1361
  };
1556
- var Popover = {
1557
- "name": "Popover",
1362
+ var InputHelpTextInternal = {
1363
+ "name": "InputHelpTextInternal",
1558
1364
  "defaultProps": {},
1559
- "getStylesLiterals": {},
1365
+ "getStylesLiterals": {
1366
+ "inputVariantHelperText": "default",
1367
+ "inputVariantValueHelperText": "empty",
1368
+ "inputVariantValueHelperText:1": "filled",
1369
+ "inputVariantHelperIcon": "default",
1370
+ "inputVariantValueHelperIcon": "empty",
1371
+ "inputVariantValueHelperIcon:1": "filled"
1372
+ },
1560
1373
  "cxLiterals": [],
1561
- "internalComponents": ["PopoverInternalContext.Provider", "PopoverProvider"],
1562
- "internalComponentProps": {},
1563
- "propToVariantKeys": {},
1564
- "runtimeConfigDefaultProps": {
1565
- "size": "popover.defaultSize",
1566
- "variant": "popover.defaultVariant"
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"]
1567
1383
  },
1384
+ "runtimeConfigDefaultProps": {},
1568
1385
  "runtimeConfigGetStyles": {},
1569
1386
  "runtimeConfigInternalComponentProps": {},
1570
1387
  "motionVarPrefixes": []
1571
1388
  };
1572
- var PopoverContent = {
1573
- "name": "PopoverContent",
1574
- "defaultProps": {},
1575
- "getStylesLiterals": {
1576
- "popoverSizeRoot": "default",
1577
- "popoverVariantRoot": "default",
1578
- "display": "flex",
1579
- "position": "relative",
1580
- "display:1": "block",
1581
- "spacingTop": "0",
1582
- "spacingStart": "0",
1583
- "spacingBottom": "0",
1584
- "spacingEnd": "0",
1585
- "popoverSizeSvgBase": "default",
1586
- "popoverVariantSvgBase": "default",
1587
- "popoverSizeSvgBorder": "default",
1588
- "popoverVariantSvgBorder": "default",
1589
- "popoverVariantBlur": "default",
1590
- "position:1": "absolute",
1591
- "width": "full",
1592
- "height": "full",
1593
- "flexShrink": "0",
1594
- "borderRadius": "full",
1595
- "alignItems": "center",
1596
- "justifyContent": "center",
1597
- "popoverVariantCloseIcon": "default",
1598
- "popoverSizeCloseIcon": "default"
1389
+ var Menu_Content = {
1390
+ "name": "Menu.Content",
1391
+ "defaultProps": {
1392
+ "size": "default",
1393
+ "variant": "default",
1394
+ "gutter": "1"
1599
1395
  },
1396
+ "getStylesLiterals": {},
1600
1397
  "cxLiterals": [
1601
- "z-[9999]",
1602
- "outline-none",
1603
- "focus-visible:outline-none",
1604
- "uds-bgBlurFillFallback",
1605
- "uds-bgBlurFallback",
1606
- "top-0",
1607
- "left-0",
1608
- "z-[1]",
1609
- "duration-0",
1610
- "duration-120",
1611
- "transition-[background-color]",
1612
- "bg-carbon-15/0",
1613
- "hover:bg-carbon-15/10",
1614
- "active:bg-carbon-15/15",
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",
1615
1406
  "uds-ring",
1616
- "absolute",
1617
- "z-[4]"
1407
+ "z-10",
1408
+ "group"
1618
1409
  ],
1619
1410
  "internalComponents": [
1620
- "PopoverDismiss",
1621
- "IconSlot",
1622
- "PopoverArrow",
1623
- "Popover",
1624
- "SvgFloatingOverlay",
1625
- "Box",
1626
- "Pressable"
1411
+ "AriakitMenu",
1412
+ "AnimatePresence",
1413
+ "MotionVStack"
1627
1414
  ],
1628
1415
  "internalComponentProps": {},
1629
- "propToVariantKeys": { "closeIcon": ["icon"] },
1630
- "runtimeConfigDefaultProps": {
1631
- "size": "popover.defaultSize",
1632
- "variant": "popover.defaultVariant"
1633
- },
1634
- "runtimeConfigGetStyles": {
1635
- "spacingTop": ["popover.spacingVertical.${size}"],
1636
- "spacingStart": ["popover.spacingHorizontal.${size}"],
1637
- "spacingBottom": ["popover.spacingVertical.${size}"],
1638
- "spacingEnd": ["popover.spacingHorizontal.${size}"]
1416
+ "propToVariantKeys": {
1417
+ "size": ["menucontentSizeRoot"],
1418
+ "variant": ["menucontentVariantRoot"]
1639
1419
  },
1640
- "runtimeConfigInternalComponentProps": { "SvgFloatingOverlay": { "borderRadius": ["popover.borderRadius.${size}"] } },
1641
- "motionVarPrefixes": []
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
1420
  "runtimeConfigDefaultProps": {},
1652
1421
  "runtimeConfigGetStyles": {},
1653
1422
  "runtimeConfigInternalComponentProps": {},
1654
1423
  "motionVarPrefixes": []
1655
1424
  };
1656
- var UDSPopoverConfigProvider = {
1657
- "name": "UDSPopoverConfigProvider",
1658
- "defaultProps": {},
1659
- "getStylesLiterals": {},
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
+ },
1660
1437
  "cxLiterals": [],
1661
- "internalComponents": ["PopoverContext.Provider"],
1662
- "internalComponentProps": {},
1438
+ "internalComponents": ["Divider"],
1439
+ "internalComponentProps": { "Divider": { "variant": ["inherit"] } },
1663
1440
  "propToVariantKeys": {},
1664
1441
  "runtimeConfigDefaultProps": {},
1665
1442
  "runtimeConfigGetStyles": {},
1666
1443
  "runtimeConfigInternalComponentProps": {},
1667
1444
  "motionVarPrefixes": []
1668
1445
  };
1669
- var PopoverContext = {
1670
- "name": "PopoverContext",
1446
+ var Menu_Item = {
1447
+ "name": "Menu.Item",
1671
1448
  "defaultProps": {},
1672
- "getStylesLiterals": {},
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
+ },
1673
1460
  "cxLiterals": [],
1674
- "internalComponents": [],
1461
+ "internalComponents": ["MenuItemBase"],
1675
1462
  "internalComponentProps": {},
1676
1463
  "propToVariantKeys": {},
1677
1464
  "runtimeConfigDefaultProps": {},
@@ -1679,77 +1466,85 @@ var PopoverContext = {
1679
1466
  "runtimeConfigInternalComponentProps": {},
1680
1467
  "motionVarPrefixes": []
1681
1468
  };
1682
- var TooltipTrigger = {
1683
- "name": "TooltipTrigger",
1684
- "defaultProps": {},
1685
- "getStylesLiterals": {},
1686
- "cxLiterals": [],
1687
- "internalComponents": ["TooltipAnchor"],
1688
- "internalComponentProps": { "TooltipAnchor": { "className": ["inline"] } },
1689
- "propToVariantKeys": { "children": ["render"] },
1690
- "runtimeConfigDefaultProps": {},
1691
- "runtimeConfigGetStyles": {},
1692
- "runtimeConfigInternalComponentProps": {},
1693
- "motionVarPrefixes": []
1694
- };
1695
- var TooltipContent = {
1696
- "name": "TooltipContent",
1697
- "defaultProps": {},
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
+ },
1698
1479
  "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"
1480
+ "textAlign": "start",
1481
+ "menuitemSizeRoot": "default",
1482
+ "flexDirection": "row",
1483
+ "menuitemSizeStartIcon": "default",
1484
+ "menuitemSizeEndIcon": "default"
1712
1485
  },
1713
1486
  "cxLiterals": [
1714
- "max-w-lg",
1715
1487
  "flex",
1716
- "z-[9999]",
1717
- "uds-bgBlurFillFallback",
1718
- "uds-bgBlurFallback",
1719
- "top-0",
1720
- "left-0",
1721
- "z-[1]"
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"
1722
1502
  ],
1723
1503
  "internalComponents": [
1504
+ "Pressable",
1724
1505
  "IconSlot",
1725
- "TooltipArrow",
1726
- "Tooltip",
1727
- "SvgFloatingOverlay",
1728
- "VStack",
1729
- "Box",
1730
- "Text"
1506
+ "RootComponent",
1507
+ "HStack",
1508
+ "AnimatePresence"
1731
1509
  ],
1732
1510
  "internalComponentProps": {
1733
- "SvgFloatingOverlay": { "contentOverflow": ["visible"] },
1734
- "VStack": { "className": ["gap-[inherit]"] },
1735
- "Box": {
1511
+ "HStack": {
1736
1512
  "alignItems": ["center"],
1737
- "columnGap": ["1", "1.5"]
1513
+ "width": ["full"]
1738
1514
  },
1739
- "Text": { "color": ["inherit"] }
1515
+ "AnimatePresence": { "mode": ["popLayout"] }
1516
+ },
1517
+ "propToVariantKeys": {
1518
+ "startIconClassName": ["className"],
1519
+ "endIconClassName": ["className"],
1520
+ "startIcon": ["icon"],
1521
+ "endIcon": ["icon"],
1522
+ "columnGap": ["gap"]
1740
1523
  },
1741
- "propToVariantKeys": { "startTitleIcon": ["icon"] },
1742
1524
  "runtimeConfigDefaultProps": {},
1743
1525
  "runtimeConfigGetStyles": {},
1744
1526
  "runtimeConfigInternalComponentProps": {},
1745
1527
  "motionVarPrefixes": []
1746
1528
  };
1747
- var UDSTooltipConfigProvider = {
1748
- "name": "UDSTooltipConfigProvider",
1529
+ var Menu_ItemCheckbox = {
1530
+ "name": "Menu.ItemCheckbox",
1749
1531
  "defaultProps": {},
1750
- "getStylesLiterals": {},
1751
- "cxLiterals": [],
1752
- "internalComponents": ["TooltipContext.Provider"],
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"],
1753
1548
  "internalComponentProps": {},
1754
1549
  "propToVariantKeys": {},
1755
1550
  "runtimeConfigDefaultProps": {},
@@ -1757,74 +1552,51 @@ var UDSTooltipConfigProvider = {
1757
1552
  "runtimeConfigInternalComponentProps": {},
1758
1553
  "motionVarPrefixes": []
1759
1554
  };
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",
1555
+ var Menu_Provider = {
1556
+ "name": "Menu.Provider",
1775
1557
  "defaultProps": {},
1776
1558
  "getStylesLiterals": {},
1777
1559
  "cxLiterals": [],
1778
- "internalComponents": [
1779
- "UDSBreakpointsConfigProvider",
1780
- "UDSBottomSheetConfigProvider",
1781
- "UDSToastConfigProvider",
1782
- "UDSTooltipConfigProvider",
1783
- "UDSPopoverConfigProvider",
1784
- "UDSModalConfigProvider"
1785
- ],
1560
+ "internalComponents": ["AriakitMenuProvider", "SpringMotionConfig"],
1786
1561
  "internalComponentProps": {},
1787
1562
  "propToVariantKeys": {},
1788
1563
  "runtimeConfigDefaultProps": {},
1789
1564
  "runtimeConfigGetStyles": {},
1790
1565
  "runtimeConfigInternalComponentProps": {},
1791
- "motionVarPrefixes": []
1566
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1792
1567
  };
1793
- var UDSBreakpointsConfigProvider = {
1794
- "name": "UDSBreakpointsConfigProvider",
1568
+ var Menu_Trigger = {
1569
+ "name": "Menu.Trigger",
1795
1570
  "defaultProps": {},
1796
1571
  "getStylesLiterals": {},
1797
- "cxLiterals": [],
1798
- "internalComponents": ["UDSBreakpointsConfigContext.Provider"],
1799
- "internalComponentProps": {},
1572
+ "cxLiterals": ["uds-menu-trigger"],
1573
+ "internalComponents": ["AriakitMenuTrigger", "Box"],
1574
+ "internalComponentProps": { "Box": { "className": ["uds-ring h-fit w-fit"] } },
1800
1575
  "propToVariantKeys": {},
1801
1576
  "runtimeConfigDefaultProps": {},
1802
1577
  "runtimeConfigGetStyles": {},
1803
1578
  "runtimeConfigInternalComponentProps": {},
1804
1579
  "motionVarPrefixes": []
1805
1580
  };
1806
- var ToastPortal = {
1807
- "name": "ToastPortal",
1581
+ var Menu_index = {
1582
+ "name": "Menu.index",
1808
1583
  "defaultProps": {},
1809
1584
  "getStylesLiterals": {},
1810
1585
  "cxLiterals": [],
1811
- "internalComponents": ["ReactToastifyToastContainer"],
1586
+ "internalComponents": [],
1812
1587
  "internalComponentProps": {},
1813
1588
  "propToVariantKeys": {},
1814
- "runtimeConfigDefaultProps": {
1815
- "size": "toast.defaultSize",
1816
- "variant": "toast.defaultVariant"
1817
- },
1589
+ "runtimeConfigDefaultProps": {},
1818
1590
  "runtimeConfigGetStyles": {},
1819
- "runtimeConfigInternalComponentProps": { "ReactToastifyToastContainer": { "autoClose": ["toast.autoClose"] } },
1591
+ "runtimeConfigInternalComponentProps": {},
1820
1592
  "motionVarPrefixes": []
1821
1593
  };
1822
- var UDSToastConfigProvider = {
1823
- "name": "UDSToastConfigProvider",
1594
+ var Menu = {
1595
+ "name": "Menu",
1824
1596
  "defaultProps": {},
1825
1597
  "getStylesLiterals": {},
1826
1598
  "cxLiterals": [],
1827
- "internalComponents": ["ToastContext.Provider"],
1599
+ "internalComponents": [],
1828
1600
  "internalComponentProps": {},
1829
1601
  "propToVariantKeys": {},
1830
1602
  "runtimeConfigDefaultProps": {},
@@ -1832,138 +1604,149 @@ var UDSToastConfigProvider = {
1832
1604
  "runtimeConfigInternalComponentProps": {},
1833
1605
  "motionVarPrefixes": []
1834
1606
  };
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"]
1607
+ var Modal = {
1608
+ "name": "Modal",
1609
+ "defaultProps": {
1610
+ "closeAriaLabel": "Close",
1611
+ "maxWidth": "auto",
1612
+ "maxHeight": "auto",
1613
+ "scrollBehavior": "outside"
1863
1614
  },
1864
- "runtimeConfigInternalComponentProps": { "HStack": { "backgroundColor": ["toast.backgroundColor.${variant}"] } },
1865
- "motionVarPrefixes": []
1866
- };
1867
- var Toast = {
1868
- "name": "Toast",
1869
- "defaultProps": {},
1870
1615
  "getStylesLiterals": {
1871
- "className": "animate-spin",
1872
- "className:1": "flex-none",
1873
- "spacing": "2",
1616
+ "flexDirection": "row-reverse",
1617
+ "justifyContent": "space-between",
1618
+ "alignItems": "flex-end",
1619
+ "alignItems:1": "flex-start",
1874
1620
  "borderRadius": "full"
1875
1621
  },
1876
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",
1877
1644
  "duration-0",
1878
1645
  "duration-120",
1879
1646
  "transition-[background-color]",
1880
1647
  "bg-carbon-15/0",
1881
1648
  "hover:bg-carbon-15/10",
1882
1649
  "active:bg-carbon-15/15",
1883
- "uds-ring"
1650
+ "uds-ring",
1651
+ "[translate:50%_-50%]"
1884
1652
  ],
1885
1653
  "internalComponents": [
1654
+ "Scrim",
1655
+ "VStack",
1656
+ "Pressable",
1886
1657
  "IconSlot",
1887
- "ToastContainer",
1888
- "Text",
1889
- "Button",
1890
- "Pressable"
1658
+ "Box",
1659
+ "Dialog",
1660
+ "ModalContext.Provider",
1661
+ "HStack",
1662
+ "DialogDismiss",
1663
+ "ModalTitle",
1664
+ "ModalDescription",
1665
+ "ModalContent",
1666
+ "ModalActions"
1891
1667
  ],
1892
- "internalComponentProps": {},
1668
+ "internalComponentProps": { "Box": { "flexGrow": ["1"] } },
1893
1669
  "propToVariantKeys": {
1670
+ "gutter": ["spacing"],
1894
1671
  "size": [
1895
- "toastSizeLabel",
1896
- "toastSizeIcon",
1897
- "toastSizeActionButton",
1898
- "toastSizeCloseIcon"
1899
- ],
1900
- "variant": [
1901
- "toastVariantIcon",
1902
- "toastVariantActionButton",
1903
- "toastVariantCloseIcon"
1672
+ "modalSizeRoot",
1673
+ "modalSizeSpacingHorizontal",
1674
+ "modalSizeHeader",
1675
+ "modalSizeTitleDescriptionWrapper",
1676
+ "modalSizeCloseIconContainer",
1677
+ "modalSizeCloseIcon"
1904
1678
  ],
1905
- "closeIcon": ["icon"],
1906
- "onClickActionButton": ["onClick"]
1679
+ "variant": ["modalVariantRoot", "modalVariantCloseIcon"],
1680
+ "closeAriaLabel": ["aria-label"],
1681
+ "closeIcon": ["icon"]
1907
1682
  },
1908
1683
  "runtimeConfigDefaultProps": {
1909
- "size": "toast.defaultSize",
1910
- "variant": "toast.defaultVariant"
1684
+ "size": "modal.defaultSize",
1685
+ "variant": "modal.defaultVariant"
1911
1686
  },
1912
1687
  "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
- }
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"]
1934
1697
  },
1698
+ "runtimeConfigInternalComponentProps": {},
1935
1699
  "motionVarPrefixes": []
1936
1700
  };
1937
- var ChipToggle = {
1938
- "name": "ChipToggle",
1939
- "defaultProps": {
1940
- "variant": "primary",
1941
- "role": "checkbox"
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"]
1942
1720
  },
1721
+ "runtimeConfigInternalComponentProps": {},
1722
+ "motionVarPrefixes": []
1723
+ };
1724
+ var ModalContent = {
1725
+ "name": "ModalContent",
1726
+ "defaultProps": {},
1943
1727
  "getStylesLiterals": {
1944
- "chipToggleVariantActiveRoot": "on",
1945
- "chipToggleVariantActiveRoot:1": "off"
1728
+ "overflowY": "auto",
1729
+ "display": "block",
1730
+ "flexGrow": "1"
1946
1731
  },
1947
- "cxLiterals": ["uds-ring"],
1948
- "internalComponents": ["ChipBase"],
1949
- "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1950
- "propToVariantKeys": { "variant": ["chipToggleVariantRoot", "chipToggleVariantIcon"] },
1951
- "runtimeConfigDefaultProps": {},
1952
- "runtimeConfigGetStyles": {},
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"] },
1953
1741
  "runtimeConfigInternalComponentProps": {},
1954
1742
  "motionVarPrefixes": []
1955
1743
  };
1956
- var Chip = {
1957
- "name": "Chip",
1744
+ var ModalContext = {
1745
+ "name": "ModalContext",
1958
1746
  "defaultProps": {},
1959
1747
  "getStylesLiterals": {},
1960
1748
  "cxLiterals": [],
1961
- "internalComponents": [
1962
- "ChipDismissible",
1963
- "ChipToggle",
1964
- "ChipLink",
1965
- "ChipButton"
1966
- ],
1749
+ "internalComponents": [],
1967
1750
  "internalComponentProps": {},
1968
1751
  "propToVariantKeys": {},
1969
1752
  "runtimeConfigDefaultProps": {},
@@ -1971,222 +1754,184 @@ var Chip = {
1971
1754
  "runtimeConfigInternalComponentProps": {},
1972
1755
  "motionVarPrefixes": []
1973
1756
  };
1974
- var ChipDismissible = {
1975
- "name": "ChipDismissible",
1976
- "defaultProps": { "variant": "primary" },
1757
+ var ModalDescription = {
1758
+ "name": "ModalDescription",
1759
+ "defaultProps": {},
1977
1760
  "getStylesLiterals": {},
1978
- "cxLiterals": [
1979
- "uds-chip-dismissible-button",
1980
- "uds-hit-target",
1981
- "uds-ring",
1982
- "rounded-full"
1983
- ],
1984
- "internalComponents": [
1985
- "ChipBase",
1986
- "IconSlot",
1987
- "Pressable"
1988
- ],
1989
- "internalComponentProps": {},
1761
+ "cxLiterals": [],
1762
+ "internalComponents": ["Text", "DialogDescription"],
1763
+ "internalComponentProps": { "Text": { "as": ["span"] } },
1990
1764
  "propToVariantKeys": {
1991
- "variant": ["chipDismissibleVariantRoot", "chipDismissibleVariantIcon"],
1992
- "dismissButtonAriaLabel": ["aria-label"]
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"]
1993
1775
  },
1994
- "runtimeConfigDefaultProps": {},
1995
- "runtimeConfigGetStyles": {},
1996
1776
  "runtimeConfigInternalComponentProps": {},
1997
1777
  "motionVarPrefixes": []
1998
1778
  };
1999
- var ChipBase = {
2000
- "name": "ChipBase",
2001
- "defaultProps": {
2002
- "size": "md",
2003
- "as": "div"
2004
- },
1779
+ var ModalTitle = {
1780
+ "name": "ModalTitle",
1781
+ "defaultProps": {},
2005
1782
  "getStylesLiterals": {},
2006
- "cxLiterals": [
2007
- "pointer-events-none",
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"
2017
- ],
2018
- "internalComponents": [
2019
- "IconSlot",
2020
- "HStack",
2021
- "As",
2022
- "Text"
2023
- ],
2024
- "internalComponentProps": { "Text": {
2025
- "as": ["span"],
2026
- "color": ["current"],
2027
- "variant": ["inherit"]
2028
- } },
1783
+ "cxLiterals": [],
1784
+ "internalComponents": ["Text", "DialogHeading"],
1785
+ "internalComponentProps": { "Text": { "as": ["span"] } },
2029
1786
  "propToVariantKeys": {
2030
- "size": ["chipSizeRoot", "chipSizeIcon"],
2031
- "startIcon": ["icon"],
2032
- "endIcon": ["icon"]
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"]
2033
1797
  },
2034
- "runtimeConfigDefaultProps": {},
2035
- "runtimeConfigGetStyles": {},
2036
1798
  "runtimeConfigInternalComponentProps": {},
2037
1799
  "motionVarPrefixes": []
2038
1800
  };
2039
- var ChipLink = {
2040
- "name": "ChipLink",
2041
- "defaultProps": { "variant": "primary" },
1801
+ var UDSModalConfigProvider = {
1802
+ "name": "UDSModalConfigProvider",
1803
+ "defaultProps": {},
2042
1804
  "getStylesLiterals": {},
2043
- "cxLiterals": ["uds-ring"],
2044
- "internalComponents": ["ChipBase"],
2045
- "internalComponentProps": { "ChipBase": { "as": ["a"] } },
2046
- "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1805
+ "cxLiterals": [],
1806
+ "internalComponents": ["ModalContext.Provider"],
1807
+ "internalComponentProps": {},
1808
+ "propToVariantKeys": {},
2047
1809
  "runtimeConfigDefaultProps": {},
2048
1810
  "runtimeConfigGetStyles": {},
2049
1811
  "runtimeConfigInternalComponentProps": {},
2050
1812
  "motionVarPrefixes": []
2051
1813
  };
2052
- var ChipButton = {
2053
- "name": "ChipButton",
2054
- "defaultProps": { "variant": "primary" },
1814
+ var Popover = {
1815
+ "name": "Popover",
1816
+ "defaultProps": {},
2055
1817
  "getStylesLiterals": {},
2056
- "cxLiterals": ["uds-ring"],
2057
- "internalComponents": ["ChipBase"],
2058
- "internalComponentProps": { "ChipBase": { "as": ["button"] } },
2059
- "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
2060
- "runtimeConfigDefaultProps": {},
1818
+ "cxLiterals": [],
1819
+ "internalComponents": ["PopoverInternalContext.Provider", "PopoverProvider"],
1820
+ "internalComponentProps": {},
1821
+ "propToVariantKeys": {},
1822
+ "runtimeConfigDefaultProps": {
1823
+ "size": "popover.defaultSize",
1824
+ "variant": "popover.defaultVariant"
1825
+ },
2061
1826
  "runtimeConfigGetStyles": {},
2062
1827
  "runtimeConfigInternalComponentProps": {},
2063
1828
  "motionVarPrefixes": []
2064
1829
  };
2065
- var Input = {
2066
- "name": "Input",
2067
- "defaultProps": {
2068
- "type": "text",
2069
- "size": "md",
2070
- "width": "full"
2071
- },
1830
+ var PopoverContent = {
1831
+ "name": "PopoverContent",
1832
+ "defaultProps": {},
2072
1833
  "getStylesLiterals": {
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"
1834
+ "popoverSizeRoot": "default",
1835
+ "popoverVariantRoot": "default",
1836
+ "display": "flex",
1837
+ "position": "relative",
1838
+ "display:1": "block",
1839
+ "spacingTop": "0",
1840
+ "spacingStart": "0",
1841
+ "spacingBottom": "0",
1842
+ "spacingEnd": "0",
1843
+ "popoverSizeSvgBase": "default",
1844
+ "popoverVariantSvgBase": "default",
1845
+ "popoverSizeSvgBorder": "default",
1846
+ "popoverVariantSvgBorder": "default",
1847
+ "popoverVariantBlur": "default",
1848
+ "position:1": "absolute",
1849
+ "width": "full",
1850
+ "height": "full",
1851
+ "flexShrink": "0",
1852
+ "borderRadius": "full",
1853
+ "alignItems": "center",
1854
+ "justifyContent": "center",
1855
+ "popoverVariantCloseIcon": "default",
1856
+ "popoverSizeCloseIcon": "default"
2097
1857
  },
2098
1858
  "cxLiterals": [
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"
1859
+ "z-[9999]",
1860
+ "outline-none",
1861
+ "focus-visible:outline-none",
1862
+ "uds-bgBlurFillFallback",
1863
+ "uds-bgBlurFallback",
1864
+ "top-0",
1865
+ "left-0",
1866
+ "z-[1]",
1867
+ "duration-0",
1868
+ "duration-120",
1869
+ "transition-[background-color]",
1870
+ "bg-carbon-15/0",
1871
+ "hover:bg-carbon-15/10",
1872
+ "active:bg-carbon-15/15",
1873
+ "uds-ring",
1874
+ "absolute",
1875
+ "z-[4]"
2107
1876
  ],
2108
1877
  "internalComponents": [
1878
+ "PopoverDismiss",
2109
1879
  "IconSlot",
2110
- "StartIcon",
2111
- "EndIcon",
2112
- "HelpTextContent",
1880
+ "PopoverArrow",
1881
+ "Popover",
1882
+ "SvgFloatingOverlay",
2113
1883
  "Box",
2114
- "InputHelpTextInternal",
2115
- "VStack",
2116
- "HStack",
2117
- "AnimateHeightChange"
1884
+ "Pressable"
2118
1885
  ],
2119
- "internalComponentProps": {
2120
- "HelpTextContent": { "spacingTop": ["2"] },
2121
- "Box": {
2122
- "spacingBottom": ["2"],
2123
- "columnGap": ["0.5"],
2124
- "alignItems": ["flex-end", "center"],
2125
- "position": ["relative"]
2126
- },
2127
- "HStack": {
2128
- "alignItems": ["center"],
2129
- "gap": ["1"]
2130
- }
1886
+ "internalComponentProps": {},
1887
+ "propToVariantKeys": { "closeIcon": ["icon"] },
1888
+ "runtimeConfigDefaultProps": {
1889
+ "size": "popover.defaultSize",
1890
+ "variant": "popover.defaultVariant"
2131
1891
  },
2132
- "propToVariantKeys": {
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"]
1892
+ "runtimeConfigGetStyles": {
1893
+ "spacingTop": ["popover.spacingVertical.${size}"],
1894
+ "spacingStart": ["popover.spacingHorizontal.${size}"],
1895
+ "spacingBottom": ["popover.spacingVertical.${size}"],
1896
+ "spacingEnd": ["popover.spacingHorizontal.${size}"]
2145
1897
  },
1898
+ "runtimeConfigInternalComponentProps": { "SvgFloatingOverlay": { "borderRadius": ["popover.borderRadius.${size}"] } },
1899
+ "motionVarPrefixes": []
1900
+ };
1901
+ var PopoverContext = {
1902
+ "name": "PopoverContext",
1903
+ "defaultProps": {},
1904
+ "getStylesLiterals": {},
1905
+ "cxLiterals": [],
1906
+ "internalComponents": [],
1907
+ "internalComponentProps": {},
1908
+ "propToVariantKeys": {},
2146
1909
  "runtimeConfigDefaultProps": {},
2147
1910
  "runtimeConfigGetStyles": {},
2148
1911
  "runtimeConfigInternalComponentProps": {},
2149
1912
  "motionVarPrefixes": []
2150
1913
  };
2151
- var InputHelpText = {
2152
- "name": "InputHelpText",
2153
- "defaultProps": { "size": "md" },
2154
- "getStylesLiterals": {
2155
- "inputVariantRoot": "default",
2156
- "inputVariantValueRoot": "empty",
2157
- "inputVariantValueRoot:1": "filled"
2158
- },
1914
+ var PopoverTrigger = {
1915
+ "name": "PopoverTrigger",
1916
+ "defaultProps": {},
1917
+ "getStylesLiterals": {},
2159
1918
  "cxLiterals": [],
2160
- "internalComponents": ["InputHelpTextInternal", "Box"],
2161
- "internalComponentProps": { "Box": { "spacingTop": ["2"] } },
2162
- "propToVariantKeys": { "size": ["inputSizeRoot"] },
1919
+ "internalComponents": ["PopoverDisclosure"],
1920
+ "internalComponentProps": { "PopoverDisclosure": { "className": ["inline"] } },
1921
+ "propToVariantKeys": { "children": ["render"] },
2163
1922
  "runtimeConfigDefaultProps": {},
2164
1923
  "runtimeConfigGetStyles": {},
2165
1924
  "runtimeConfigInternalComponentProps": {},
2166
1925
  "motionVarPrefixes": []
2167
1926
  };
2168
- var InputHelpTextInternal = {
2169
- "name": "InputHelpTextInternal",
2170
- "defaultProps": {},
2171
- "getStylesLiterals": {
2172
- "inputVariantHelperText": "default",
2173
- "inputVariantValueHelperText": "empty",
2174
- "inputVariantValueHelperText:1": "filled",
2175
- "inputVariantHelperIcon": "default",
2176
- "inputVariantValueHelperIcon": "empty",
2177
- "inputVariantValueHelperIcon:1": "filled"
2178
- },
1927
+ var UDSPopoverConfigProvider = {
1928
+ "name": "UDSPopoverConfigProvider",
1929
+ "defaultProps": {},
1930
+ "getStylesLiterals": {},
2179
1931
  "cxLiterals": [],
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
- },
1932
+ "internalComponents": ["PopoverContext.Provider"],
1933
+ "internalComponentProps": {},
1934
+ "propToVariantKeys": {},
2190
1935
  "runtimeConfigDefaultProps": {},
2191
1936
  "runtimeConfigGetStyles": {},
2192
1937
  "runtimeConfigInternalComponentProps": {},
@@ -2252,181 +1997,500 @@ var Radio = {
2252
1997
  "variant": ["inherit"],
2253
1998
  "color": ["inherit"]
2254
1999
  },
2255
- "RootElement": { "data-testid": ["container"] },
2256
- "MotionBox": {
2257
- "position": ["relative"],
2258
- "borderRadius": ["full"],
2259
- "alignItems": ["center"],
2260
- "justifyContent": ["center"],
2261
- "flex": ["none"]
2000
+ "RootElement": { "data-testid": ["container"] },
2001
+ "MotionBox": {
2002
+ "position": ["relative"],
2003
+ "borderRadius": ["full"],
2004
+ "alignItems": ["center"],
2005
+ "justifyContent": ["center"],
2006
+ "flex": ["none"]
2007
+ }
2008
+ },
2009
+ "propToVariantKeys": {
2010
+ "size": ["radioSizeRoot", "radioSizeRadio"],
2011
+ "variant": [
2012
+ "radioVariantRoot",
2013
+ "radioVariantRadio",
2014
+ "radioVariantRadioCircle"
2015
+ ],
2016
+ "reduceMotion": ["reducedMotion"]
2017
+ },
2018
+ "runtimeConfigDefaultProps": {},
2019
+ "runtimeConfigGetStyles": {},
2020
+ "runtimeConfigInternalComponentProps": {},
2021
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
2022
+ };
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": {},
2035
+ "runtimeConfigDefaultProps": {},
2036
+ "runtimeConfigGetStyles": {},
2037
+ "runtimeConfigInternalComponentProps": {},
2038
+ "motionVarPrefixes": []
2039
+ };
2040
+ var RadioGroupStore = {
2041
+ "name": "RadioGroupStore",
2042
+ "defaultProps": {},
2043
+ "getStylesLiterals": {},
2044
+ "cxLiterals": [],
2045
+ "internalComponents": [],
2046
+ "internalComponentProps": {},
2047
+ "propToVariantKeys": {},
2048
+ "runtimeConfigDefaultProps": {},
2049
+ "runtimeConfigGetStyles": {},
2050
+ "runtimeConfigInternalComponentProps": {},
2051
+ "motionVarPrefixes": []
2052
+ };
2053
+ var Tab = {
2054
+ "name": "Tab",
2055
+ "defaultProps": { "variant": "primary" },
2056
+ "getStylesLiterals": {
2057
+ "tabSizeRoot": "default",
2058
+ "tabVariantActiveRoot": "off",
2059
+ "tabVariantActiveRoot:1": "on",
2060
+ "tabSizeIcon": "default"
2061
+ },
2062
+ "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",
2084
+ "uds-ring",
2085
+ "opacity-50",
2086
+ "cursor-default",
2087
+ "border-solid",
2088
+ "border-b-solid",
2089
+ "transition-colors"
2090
+ ],
2091
+ "internalComponents": [
2092
+ "IconSlot",
2093
+ "AriakitTab",
2094
+ "Text"
2095
+ ],
2096
+ "internalComponentProps": { "Text": {
2097
+ "variant": ["inherit"],
2098
+ "as": ["span"],
2099
+ "color": ["current"]
2100
+ } },
2101
+ "propToVariantKeys": {
2102
+ "variant": ["tabVariantRoot", "tabVariantIcon"],
2103
+ "activeState": ["tabVariantActiveIcon"],
2104
+ "startIcon": ["icon"],
2105
+ "endIcon": ["icon"]
2106
+ },
2107
+ "runtimeConfigDefaultProps": {},
2108
+ "runtimeConfigGetStyles": {},
2109
+ "runtimeConfigInternalComponentProps": {},
2110
+ "motionVarPrefixes": []
2111
+ };
2112
+ var TabList = {
2113
+ "name": "TabList",
2114
+ "defaultProps": { "variant": "primary" },
2115
+ "getStylesLiterals": {
2116
+ "tabSizeRoot": "default",
2117
+ "tabVariantActiveRoot": "on"
2118
+ },
2119
+ "cxLiterals": [
2120
+ "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"
2147
+ ],
2148
+ "internalComponents": ["AriakitTabList"],
2149
+ "internalComponentProps": {},
2150
+ "propToVariantKeys": { "variant": ["tabsVariantRoot", "tabVariantRoot"] },
2151
+ "runtimeConfigDefaultProps": {},
2152
+ "runtimeConfigGetStyles": {},
2153
+ "runtimeConfigInternalComponentProps": {},
2154
+ "motionVarPrefixes": []
2155
+ };
2156
+ var TabPanel = {
2157
+ "name": "TabPanel",
2158
+ "defaultProps": {},
2159
+ "getStylesLiterals": {},
2160
+ "cxLiterals": [],
2161
+ "internalComponents": ["AriakitTabPanel"],
2162
+ "internalComponentProps": {},
2163
+ "propToVariantKeys": {},
2164
+ "runtimeConfigDefaultProps": {},
2165
+ "runtimeConfigGetStyles": {},
2166
+ "runtimeConfigInternalComponentProps": {},
2167
+ "motionVarPrefixes": []
2168
+ };
2169
+ var Tabs = {
2170
+ "name": "Tabs",
2171
+ "defaultProps": { "variant": "primary" },
2172
+ "getStylesLiterals": {},
2173
+ "cxLiterals": [],
2174
+ "internalComponents": ["TabsContext.Provider", "TabProvider"],
2175
+ "internalComponentProps": {},
2176
+ "propToVariantKeys": { "onSelectionChange": ["setSelectedId"] },
2177
+ "runtimeConfigDefaultProps": {},
2178
+ "runtimeConfigGetStyles": {},
2179
+ "runtimeConfigInternalComponentProps": {},
2180
+ "motionVarPrefixes": []
2181
+ };
2182
+ var Toast = {
2183
+ "name": "Toast",
2184
+ "defaultProps": {},
2185
+ "getStylesLiterals": {
2186
+ "className": "animate-spin",
2187
+ "className:1": "flex-none",
2188
+ "spacing": "2",
2189
+ "borderRadius": "full"
2190
+ },
2191
+ "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"
2199
+ ],
2200
+ "internalComponents": [
2201
+ "IconSlot",
2202
+ "ToastContainer",
2203
+ "Text",
2204
+ "Button",
2205
+ "Pressable"
2206
+ ],
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}"]
2244
+ },
2245
+ "Button": {
2246
+ "size": ["toast.buttonSize.${size}"],
2247
+ "variant": ["toast.buttonVariant.${variant}"]
2262
2248
  }
2263
2249
  },
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
+ } },
2264
2269
  "propToVariantKeys": {
2265
- "size": ["radioSizeRoot", "radioSizeRadio"],
2266
- "variant": [
2267
- "radioVariantRoot",
2268
- "radioVariantRadio",
2269
- "radioVariantRadioCircle"
2270
- ],
2271
- "reduceMotion": ["reducedMotion"]
2270
+ "variant": ["toastVariantRoot"],
2271
+ "size": ["toastSizeRoot"]
2272
2272
  },
2273
- "runtimeConfigDefaultProps": {},
2274
- "runtimeConfigGetStyles": {},
2275
- "runtimeConfigInternalComponentProps": {},
2276
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
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": []
2277
2283
  };
2278
- var RadioGroupStore = {
2279
- "name": "RadioGroupStore",
2284
+ var ToastPortal = {
2285
+ "name": "ToastPortal",
2280
2286
  "defaultProps": {},
2281
2287
  "getStylesLiterals": {},
2282
2288
  "cxLiterals": [],
2283
- "internalComponents": [],
2289
+ "internalComponents": ["ReactToastifyToastContainer"],
2284
2290
  "internalComponentProps": {},
2285
2291
  "propToVariantKeys": {},
2286
- "runtimeConfigDefaultProps": {},
2292
+ "runtimeConfigDefaultProps": {
2293
+ "size": "toast.defaultSize",
2294
+ "variant": "toast.defaultVariant"
2295
+ },
2287
2296
  "runtimeConfigGetStyles": {},
2288
- "runtimeConfigInternalComponentProps": {},
2297
+ "runtimeConfigInternalComponentProps": { "ReactToastifyToastContainer": { "autoClose": ["toast.autoClose"] } },
2289
2298
  "motionVarPrefixes": []
2290
2299
  };
2291
- var RadioGroupProvider = {
2292
- "name": "RadioGroupProvider",
2300
+ var UDSToastConfigProvider = {
2301
+ "name": "UDSToastConfigProvider",
2293
2302
  "defaultProps": {},
2294
2303
  "getStylesLiterals": {},
2295
2304
  "cxLiterals": [],
2296
- "internalComponents": [
2297
- "DivProps",
2298
- "Comp",
2299
- "RadioGroupContext.Provider"
2300
- ],
2301
- "internalComponentProps": { "Comp": { "role": ["radiogroup"] } },
2305
+ "internalComponents": ["ToastContext.Provider"],
2306
+ "internalComponentProps": {},
2302
2307
  "propToVariantKeys": {},
2303
2308
  "runtimeConfigDefaultProps": {},
2304
2309
  "runtimeConfigGetStyles": {},
2305
2310
  "runtimeConfigInternalComponentProps": {},
2306
2311
  "motionVarPrefixes": []
2307
2312
  };
2308
- var Tabs = {
2309
- "name": "Tabs",
2310
- "defaultProps": { "variant": "primary" },
2313
+ var Tooltip = {
2314
+ "name": "Tooltip",
2315
+ "defaultProps": {},
2311
2316
  "getStylesLiterals": {},
2312
2317
  "cxLiterals": [],
2313
- "internalComponents": ["TabsContext.Provider", "TabProvider"],
2318
+ "internalComponents": ["TooltipInternalContext.Provider", "TooltipProvider"],
2314
2319
  "internalComponentProps": {},
2315
- "propToVariantKeys": { "onSelectionChange": ["setSelectedId"] },
2320
+ "propToVariantKeys": {},
2316
2321
  "runtimeConfigDefaultProps": {},
2317
2322
  "runtimeConfigGetStyles": {},
2318
- "runtimeConfigInternalComponentProps": {},
2323
+ "runtimeConfigInternalComponentProps": { "TooltipProvider": { "animated": ["tooltip.animationDuration"] } },
2319
2324
  "motionVarPrefixes": []
2320
2325
  };
2321
- var Tab = {
2322
- "name": "Tab",
2323
- "defaultProps": { "variant": "primary" },
2326
+ var TooltipContent = {
2327
+ "name": "TooltipContent",
2328
+ "defaultProps": {},
2324
2329
  "getStylesLiterals": {
2325
- "tabSizeRoot": "default",
2326
- "tabVariantActiveRoot": "off",
2327
- "tabVariantActiveRoot:1": "on",
2328
- "tabSizeIcon": "default"
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"
2329
2343
  },
2330
2344
  "cxLiterals": [
2331
- "pointer-events-none",
2332
- "absolute",
2333
- "bottom-0",
2345
+ "max-w-lg",
2346
+ "flex",
2347
+ "z-[9999]",
2348
+ "uds-bgBlurFillFallback",
2349
+ "uds-bgBlurFallback",
2350
+ "top-0",
2334
2351
  "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"
2352
+ "z-[1]"
2358
2353
  ],
2359
2354
  "internalComponents": [
2360
2355
  "IconSlot",
2361
- "AriakitTab",
2356
+ "TooltipArrow",
2357
+ "Tooltip",
2358
+ "SvgFloatingOverlay",
2359
+ "VStack",
2360
+ "Box",
2362
2361
  "Text"
2363
2362
  ],
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"]
2363
+ "internalComponentProps": {
2364
+ "SvgFloatingOverlay": { "contentOverflow": ["visible"] },
2365
+ "VStack": { "className": ["gap-[inherit]"] },
2366
+ "Box": {
2367
+ "alignItems": ["center"],
2368
+ "columnGap": ["1", "1.5"]
2369
+ },
2370
+ "Text": { "color": ["inherit"] }
2374
2371
  },
2372
+ "propToVariantKeys": { "startTitleIcon": ["icon"] },
2375
2373
  "runtimeConfigDefaultProps": {},
2376
2374
  "runtimeConfigGetStyles": {},
2377
2375
  "runtimeConfigInternalComponentProps": {},
2378
2376
  "motionVarPrefixes": []
2379
2377
  };
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"
2378
+ var TooltipTrigger = {
2379
+ "name": "TooltipTrigger",
2380
+ "defaultProps": {},
2381
+ "getStylesLiterals": {},
2382
+ "cxLiterals": [],
2383
+ "internalComponents": ["TooltipAnchor"],
2384
+ "internalComponentProps": { "TooltipAnchor": { "className": ["inline"] } },
2385
+ "propToVariantKeys": { "children": ["render"] },
2386
+ "runtimeConfigDefaultProps": {},
2387
+ "runtimeConfigGetStyles": {},
2388
+ "runtimeConfigInternalComponentProps": {},
2389
+ "motionVarPrefixes": []
2390
+ };
2391
+ var UDSTooltipConfigProvider = {
2392
+ "name": "UDSTooltipConfigProvider",
2393
+ "defaultProps": {},
2394
+ "getStylesLiterals": {},
2395
+ "cxLiterals": [],
2396
+ "internalComponents": ["TooltipContext.Provider"],
2397
+ "internalComponentProps": {},
2398
+ "propToVariantKeys": {},
2399
+ "runtimeConfigDefaultProps": {},
2400
+ "runtimeConfigGetStyles": {},
2401
+ "runtimeConfigInternalComponentProps": {},
2402
+ "motionVarPrefixes": []
2403
+ };
2404
+ var UDSBreakpointsConfigProvider = {
2405
+ "name": "UDSBreakpointsConfigProvider",
2406
+ "defaultProps": {},
2407
+ "getStylesLiterals": {},
2408
+ "cxLiterals": [],
2409
+ "internalComponents": ["UDSBreakpointsConfigContext.Provider"],
2410
+ "internalComponentProps": {},
2411
+ "propToVariantKeys": {},
2412
+ "runtimeConfigDefaultProps": {},
2413
+ "runtimeConfigGetStyles": {},
2414
+ "runtimeConfigInternalComponentProps": {},
2415
+ "motionVarPrefixes": []
2416
+ };
2417
+ var UDSConfigProvider = {
2418
+ "name": "UDSConfigProvider",
2419
+ "defaultProps": {},
2420
+ "getStylesLiterals": {},
2421
+ "cxLiterals": [],
2422
+ "internalComponents": [
2423
+ "UDSBreakpointsConfigProvider",
2424
+ "UDSBottomSheetConfigProvider",
2425
+ "UDSToastConfigProvider",
2426
+ "UDSTooltipConfigProvider",
2427
+ "UDSPopoverConfigProvider",
2428
+ "UDSModalConfigProvider"
2415
2429
  ],
2416
- "internalComponents": ["AriakitTabList"],
2417
2430
  "internalComponentProps": {},
2418
- "propToVariantKeys": { "variant": ["tabsVariantRoot", "tabVariantRoot"] },
2431
+ "propToVariantKeys": {},
2419
2432
  "runtimeConfigDefaultProps": {},
2420
2433
  "runtimeConfigGetStyles": {},
2421
2434
  "runtimeConfigInternalComponentProps": {},
2422
2435
  "motionVarPrefixes": []
2423
2436
  };
2424
- var TabPanel = {
2425
- "name": "TabPanel",
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",
2426
2490
  "defaultProps": {},
2427
2491
  "getStylesLiterals": {},
2428
2492
  "cxLiterals": [],
2429
- "internalComponents": ["AriakitTabPanel"],
2493
+ "internalComponents": [],
2430
2494
  "internalComponentProps": {},
2431
2495
  "propToVariantKeys": {},
2432
2496
  "runtimeConfigDefaultProps": {},
@@ -2493,57 +2557,6 @@ var SegmentedControl = {
2493
2557
  "runtimeConfigInternalComponentProps": {},
2494
2558
  "motionVarPrefixes": []
2495
2559
  };
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
- };
2547
2560
  var SwitchV2 = {
2548
2561
  "name": "SwitchV2",
2549
2562
  "defaultProps": {
@@ -2641,113 +2654,100 @@ var SwitchV2 = {
2641
2654
  "runtimeConfigInternalComponentProps": {},
2642
2655
  "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
2643
2656
  };
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,
2658
2659
  FormLabel,
2659
- SvgFloatingOverlay,
2660
- Scrim,
2660
+ HStack,
2661
2661
  Icon,
2662
- Text,
2663
- VStack,
2664
- Box,
2665
- Link,
2666
2662
  IconSlot,
2667
2663
  Image,
2668
- HStack,
2669
- Checkbox,
2670
- SpringMotionConfig,
2664
+ Link,
2665
+ Scrim,
2666
+ SvgFloatingOverlay,
2667
+ Text,
2668
+ VStack,
2669
+ Banner,
2670
+ BannerContent,
2671
+ BannerDescription,
2672
+ BannerTitle,
2673
+ Divider,
2674
+ DividerLabel,
2675
+ DividerLine,
2671
2676
  AnimateHeightChange,
2672
- Switch,
2673
2677
  Badge,
2674
- Pressable,
2675
- IconButton,
2676
2678
  Button,
2677
- Divider,
2678
- DividerLine,
2679
- DividerLabel,
2680
- BannerDescription,
2681
- BannerTitle,
2682
- Banner,
2683
- BannerContent,
2684
- "Table.mocks": Table_mocks,
2679
+ Checkbox,
2680
+ IconButton,
2681
+ Pressable,
2682
+ SpringMotionConfig,
2683
+ Switch,
2685
2684
  Spinner,
2685
+ "Table.mocks": Table_mocks,
2686
2686
  Table,
2687
- ModalDescription,
2688
- ModalContext,
2689
- ModalContent,
2690
- Modal,
2691
- UDSModalConfigProvider,
2692
- ModalTitle,
2693
- ModalActions,
2694
- BottomSheetProvider,
2695
- BottomSheetHeader,
2687
+ Avatar,
2688
+ AvatarIcon,
2689
+ AvatarImage,
2690
+ AvatarText,
2696
2691
  BottomSheet,
2697
- BottomSheetTrigger,
2698
2692
  BottomSheetContent,
2699
- UDSBottomSheetConfigProvider,
2700
2693
  BottomSheetDismiss,
2701
2694
  BottomSheetHandle,
2695
+ BottomSheetHeader,
2702
2696
  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,
2703
2713
  "Menu.ItemCheckbox": Menu_ItemCheckbox,
2704
- Menu,
2705
- "Menu.Trigger": Menu_Trigger,
2706
2714
  "Menu.Provider": Menu_Provider,
2707
- "Menu.Item": Menu_Item,
2715
+ "Menu.Trigger": Menu_Trigger,
2708
2716
  "Menu.index": Menu_index,
2709
- "Menu.ItemBase": Menu_ItemBase,
2710
- "Menu.Divider": Menu_Divider,
2711
- "Menu.Content": Menu_Content,
2712
- Avatar,
2713
- AvatarText,
2714
- AvatarIcon,
2715
- AvatarImage,
2717
+ Menu,
2718
+ Modal,
2719
+ ModalActions,
2720
+ ModalContent,
2721
+ ModalContext,
2722
+ ModalDescription,
2723
+ ModalTitle,
2724
+ UDSModalConfigProvider,
2716
2725
  Popover,
2717
2726
  PopoverContent,
2727
+ PopoverContext,
2718
2728
  PopoverTrigger,
2719
2729
  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,
2740
2730
  Radio,
2741
- RadioGroupStore,
2742
2731
  RadioGroupProvider,
2743
- Tabs,
2732
+ RadioGroupStore,
2744
2733
  Tab,
2745
2734
  TabList,
2746
2735
  TabPanel,
2747
- SegmentedControl,
2736
+ Tabs,
2737
+ Toast,
2738
+ ToastContainer,
2739
+ ToastPortal,
2740
+ UDSToastConfigProvider,
2741
+ Tooltip,
2742
+ TooltipContent,
2743
+ TooltipTrigger,
2744
+ UDSTooltipConfigProvider,
2745
+ UDSBreakpointsConfigProvider,
2746
+ UDSConfigProvider,
2748
2747
  Accordion,
2749
- SwitchV2,
2750
- AvoidMotionLibraryProvider
2748
+ AvoidMotionLibraryProvider,
2749
+ SegmentedControl,
2750
+ SwitchV2
2751
2751
  };
2752
2752
  //#endregion
2753
2753
  Object.defineProperty(exports, "Accordion", {