@yahoo/uds 3.175.3 → 3.175.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/dist/tailwind-internal/dist/utils/getShadowStyles.d.cts +2 -2
  2. package/dist/tailwind-internal/dist/utils/getShadowStyles.d.ts +2 -2
  3. package/dist/uds/generated/componentData.cjs +1862 -1862
  4. package/dist/uds/generated/componentData.js +1862 -1862
  5. package/dist/uds/package.cjs +1 -1
  6. package/dist/uds/package.js +1 -1
  7. package/generated/componentData.json +2842 -2842
  8. package/package.json +2 -2
package/dist/uds/generated/componentData.cjs CHANGED
@@ -1,86 +1,65 @@
1
1
  /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
2
2
  //#region generated/componentData.json
3
3
  var componentData_default = {
4
- Box: {
5
- "name": "Box",
4
+ Scrim: {
5
+ "name": "Scrim",
6
6
  "defaultProps": {
7
- "as": "div",
8
- "display": "flex"
7
+ "variant": "default",
8
+ "position": "fixed"
9
9
  },
10
10
  "getStylesLiterals": {},
11
- "cxLiterals": [],
12
- "internalComponents": ["Comp"],
13
- "internalComponentProps": {},
14
- "propToVariantKeys": { "elevationAlias": [
15
- "backgroundColor",
16
- "borderColor",
17
- "borderWidth",
18
- "dropShadow",
19
- "insetShadow"
20
- ] },
11
+ "cxLiterals": [
12
+ "fixed",
13
+ "absolute",
14
+ "inset-0",
15
+ "z-40",
16
+ "transition-opacity",
17
+ "duration-150",
18
+ "motion-reduce:transition-none",
19
+ "data-[enter]:opacity-100",
20
+ "[&:not([data-enter])]:opacity-0",
21
+ "opacity-100",
22
+ "uds-bgBlurFallback"
23
+ ],
24
+ "internalComponents": ["Box"],
25
+ "internalComponentProps": { "Box": { "display": ["block"] } },
26
+ "propToVariantKeys": { "variant": ["scrimVariantRoot"] },
21
27
  "runtimeConfigDefaultProps": {},
22
28
  "runtimeConfigGetStyles": {},
23
29
  "runtimeConfigInternalComponentProps": {},
24
30
  "motionVarPrefixes": [],
25
31
  "factoryTarget": null
26
32
  },
27
- Text: {
28
- "name": "Text",
33
+ FormLabel: {
34
+ "name": "FormLabel",
29
35
  "defaultProps": {
30
- "color": "primary",
31
- "variant": "body1"
36
+ "color": "muted",
37
+ "variant": "label3",
38
+ "as": "label"
32
39
  },
33
40
  "getStylesLiterals": {},
34
- "cxLiterals": [],
35
- "internalComponents": ["Comp"],
36
- "internalComponentProps": {},
37
- "propToVariantKeys": { "variant": [
38
- "fontFamily",
39
- "fontSize",
40
- "fontWeight",
41
- "lineHeight",
42
- "textTransform",
43
- "letterSpacing"
44
- ] },
41
+ "cxLiterals": ["cursor-[inherit]"],
42
+ "internalComponents": ["Text"],
43
+ "internalComponentProps": { "Text": {
44
+ "as": ["sup"],
45
+ "variant": ["inherit"],
46
+ "spacingStart": ["0.5"]
47
+ } },
48
+ "propToVariantKeys": {},
45
49
  "runtimeConfigDefaultProps": {},
46
50
  "runtimeConfigGetStyles": {},
47
51
  "runtimeConfigInternalComponentProps": {},
48
52
  "motionVarPrefixes": [],
49
53
  "factoryTarget": null
50
54
  },
51
- Link: {
52
- "name": "Link",
53
- "defaultProps": { "variant": "primary" },
54
- "getStylesLiterals": {
55
- "display": "inline-flex",
56
- "alignItems": "center"
57
- },
58
- "cxLiterals": [
59
- "uds-ring",
60
- "underline",
61
- "w-[0.7em]",
62
- "h-[0.7em]"
63
- ],
64
- "internalComponents": ["IconSlot"],
65
- "internalComponentProps": { "IconSlot": { "data-testid": ["start-icon", "end-icon"] } },
66
- "propToVariantKeys": {
67
- "textVariant": [
68
- "linkTextStyleRoot",
69
- "fontSize",
70
- "fontFamily",
71
- "fontWeight",
72
- "lineHeight",
73
- "textTransform",
74
- "linkTextStyleIcon"
75
- ],
76
- "variant": [
77
- "linkVariantRoot",
78
- "linkVariantIconStart",
79
- "linkVariantIconEnd"
80
- ],
81
- "startIcon": ["icon"],
82
- "endIcon": ["icon"]
83
- },
55
+ Image: {
56
+ "name": "Image",
57
+ "defaultProps": {},
58
+ "getStylesLiterals": {},
59
+ "cxLiterals": [],
60
+ "internalComponents": [],
61
+ "internalComponentProps": {},
62
+ "propToVariantKeys": {},
84
63
  "runtimeConfigDefaultProps": {},
85
64
  "runtimeConfigGetStyles": {},
86
65
  "runtimeConfigInternalComponentProps": {},
@@ -101,35 +80,21 @@ var componentData_default = {
101
80
  "motionVarPrefixes": [],
102
81
  "factoryTarget": null
103
82
  },
104
- HStack: {
105
- "name": "HStack",
106
- "defaultProps": {},
107
- "getStylesLiterals": {},
108
- "cxLiterals": [],
109
- "internalComponents": ["Box"],
110
- "internalComponentProps": { "Box": { "flexDirection": ["row"] } },
111
- "propToVariantKeys": { "gap": ["rowGap", "columnGap"] },
112
- "runtimeConfigDefaultProps": {},
113
- "runtimeConfigGetStyles": {},
114
- "runtimeConfigInternalComponentProps": {},
115
- "motionVarPrefixes": [],
116
- "factoryTarget": null
117
- },
118
- FormLabel: {
119
- "name": "FormLabel",
83
+ Icon: {
84
+ "name": "Icon",
120
85
  "defaultProps": {
121
- "color": "muted",
122
- "variant": "label3",
123
- "as": "label"
86
+ "size": "md",
87
+ "variant": "outline",
88
+ "color": "primary"
124
89
  },
125
90
  "getStylesLiterals": {},
126
- "cxLiterals": ["cursor-[inherit]"],
127
- "internalComponents": ["Text"],
128
- "internalComponentProps": { "Text": {
129
- "as": ["sup"],
130
- "variant": ["inherit"],
131
- "spacingStart": ["0.5"]
132
- } },
91
+ "cxLiterals": [
92
+ "flex-none",
93
+ "inherit",
94
+ "[&_path]:fill-current"
95
+ ],
96
+ "internalComponents": ["SVGIcon"],
97
+ "internalComponentProps": {},
133
98
  "propToVariantKeys": {},
134
99
  "runtimeConfigDefaultProps": {},
135
100
  "runtimeConfigGetStyles": {},
@@ -137,43 +102,62 @@ var componentData_default = {
137
102
  "motionVarPrefixes": [],
138
103
  "factoryTarget": null
139
104
  },
140
- Scrim: {
141
- "name": "Scrim",
105
+ Box: {
106
+ "name": "Box",
142
107
  "defaultProps": {
143
- "variant": "default",
144
- "position": "fixed"
108
+ "as": "div",
109
+ "display": "flex"
145
110
  },
146
111
  "getStylesLiterals": {},
147
- "cxLiterals": [
148
- "fixed",
149
- "absolute",
150
- "inset-0",
151
- "z-40",
152
- "transition-opacity",
153
- "duration-150",
154
- "motion-reduce:transition-none",
155
- "data-[enter]:opacity-100",
156
- "[&:not([data-enter])]:opacity-0",
157
- "opacity-100",
158
- "uds-bgBlurFallback"
159
- ],
160
- "internalComponents": ["Box"],
161
- "internalComponentProps": { "Box": { "display": ["block"] } },
162
- "propToVariantKeys": { "variant": ["scrimVariantRoot"] },
112
+ "cxLiterals": [],
113
+ "internalComponents": ["Comp"],
114
+ "internalComponentProps": {},
115
+ "propToVariantKeys": { "elevationAlias": [
116
+ "backgroundColor",
117
+ "borderColor",
118
+ "borderWidth",
119
+ "dropShadow",
120
+ "insetShadow"
121
+ ] },
163
122
  "runtimeConfigDefaultProps": {},
164
123
  "runtimeConfigGetStyles": {},
165
124
  "runtimeConfigInternalComponentProps": {},
166
125
  "motionVarPrefixes": [],
167
126
  "factoryTarget": null
168
127
  },
169
- IconSlot: {
170
- "name": "IconSlot",
171
- "defaultProps": {},
172
- "getStylesLiterals": {},
173
- "cxLiterals": [],
174
- "internalComponents": ["Icon"],
175
- "internalComponentProps": {},
176
- "propToVariantKeys": {},
128
+ Link: {
129
+ "name": "Link",
130
+ "defaultProps": { "variant": "primary" },
131
+ "getStylesLiterals": {
132
+ "display": "inline-flex",
133
+ "alignItems": "center"
134
+ },
135
+ "cxLiterals": [
136
+ "uds-ring",
137
+ "underline",
138
+ "w-[0.7em]",
139
+ "h-[0.7em]"
140
+ ],
141
+ "internalComponents": ["IconSlot"],
142
+ "internalComponentProps": { "IconSlot": { "data-testid": ["start-icon", "end-icon"] } },
143
+ "propToVariantKeys": {
144
+ "textVariant": [
145
+ "linkTextStyleRoot",
146
+ "fontSize",
147
+ "fontFamily",
148
+ "fontWeight",
149
+ "lineHeight",
150
+ "textTransform",
151
+ "linkTextStyleIcon"
152
+ ],
153
+ "variant": [
154
+ "linkVariantRoot",
155
+ "linkVariantIconStart",
156
+ "linkVariantIconEnd"
157
+ ],
158
+ "startIcon": ["icon"],
159
+ "endIcon": ["icon"]
160
+ },
177
161
  "runtimeConfigDefaultProps": {},
178
162
  "runtimeConfigGetStyles": {},
179
163
  "runtimeConfigInternalComponentProps": {},
@@ -215,34 +199,36 @@ var componentData_default = {
215
199
  "motionVarPrefixes": [],
216
200
  "factoryTarget": null
217
201
  },
218
- Icon: {
219
- "name": "Icon",
202
+ Text: {
203
+ "name": "Text",
220
204
  "defaultProps": {
221
- "size": "md",
222
- "variant": "outline",
223
- "color": "primary"
205
+ "color": "primary",
206
+ "variant": "body1"
224
207
  },
225
208
  "getStylesLiterals": {},
226
- "cxLiterals": [
227
- "flex-none",
228
- "inherit",
229
- "[&_path]:fill-current"
230
- ],
231
- "internalComponents": ["SVGIcon"],
209
+ "cxLiterals": [],
210
+ "internalComponents": ["Comp"],
232
211
  "internalComponentProps": {},
233
- "propToVariantKeys": {},
212
+ "propToVariantKeys": { "variant": [
213
+ "fontFamily",
214
+ "fontSize",
215
+ "fontWeight",
216
+ "lineHeight",
217
+ "textTransform",
218
+ "letterSpacing"
219
+ ] },
234
220
  "runtimeConfigDefaultProps": {},
235
221
  "runtimeConfigGetStyles": {},
236
222
  "runtimeConfigInternalComponentProps": {},
237
223
  "motionVarPrefixes": [],
238
224
  "factoryTarget": null
239
225
  },
240
- Image: {
241
- "name": "Image",
226
+ IconSlot: {
227
+ "name": "IconSlot",
242
228
  "defaultProps": {},
243
229
  "getStylesLiterals": {},
244
230
  "cxLiterals": [],
245
- "internalComponents": [],
231
+ "internalComponents": ["Icon"],
246
232
  "internalComponentProps": {},
247
233
  "propToVariantKeys": {},
248
234
  "runtimeConfigDefaultProps": {},
@@ -251,71 +237,14 @@ var componentData_default = {
251
237
  "motionVarPrefixes": [],
252
238
  "factoryTarget": null
253
239
  },
254
- "Table.mocks": {
255
- "name": "Table.mocks",
240
+ HStack: {
241
+ "name": "HStack",
256
242
  "defaultProps": {},
257
243
  "getStylesLiterals": {},
258
244
  "cxLiterals": [],
259
- "internalComponents": [],
260
- "internalComponentProps": {},
261
- "propToVariantKeys": {},
262
- "runtimeConfigDefaultProps": {},
263
- "runtimeConfigGetStyles": {},
264
- "runtimeConfigInternalComponentProps": {},
265
- "motionVarPrefixes": [],
266
- "factoryTarget": null
267
- },
268
- Table: {
269
- "name": "Table",
270
- "defaultProps": {
271
- "display": "table-cell",
272
- "overflow": "hidden",
273
- "borderColor": "muted",
274
- "borderRadius": "md",
275
- "spacing": "3",
276
- "borderBottomColor": "muted",
277
- "borderBottomWidth": "thin",
278
- "color": "primary"
279
- },
280
- "getStylesLiterals": { "textAlign": "start" },
281
- "cxLiterals": [],
282
- "internalComponents": [
283
- "CellComponent",
284
- "Box",
285
- "Text",
286
- "Table.Root",
287
- "Table.Header",
288
- "Table.Row",
289
- "Table.Cell",
290
- "Table.Body"
291
- ],
292
- "internalComponentProps": { "Table.Cell": { "asHeaderCell": ["column"] } },
293
- "propToVariantKeys": {},
294
- "runtimeConfigDefaultProps": {},
295
- "runtimeConfigGetStyles": {},
296
- "runtimeConfigInternalComponentProps": {},
297
- "motionVarPrefixes": [],
298
- "factoryTarget": null
299
- },
300
- Spinner: {
301
- "name": "Spinner",
302
- "defaultProps": {
303
- "color": "primary",
304
- "size": "lg"
305
- },
306
- "getStylesLiterals": {},
307
- "cxLiterals": [
308
- "self-center",
309
- "relative",
310
- "sr-only"
311
- ],
312
- "internalComponents": ["Icon"],
313
- "internalComponentProps": { "Icon": {
314
- "role": ["img"],
315
- "className": ["animate-spin"],
316
- "aria-hidden": ["true"]
317
- } },
318
- "propToVariantKeys": {},
245
+ "internalComponents": ["Box"],
246
+ "internalComponentProps": { "Box": { "flexDirection": ["row"] } },
247
+ "propToVariantKeys": { "gap": ["rowGap", "columnGap"] },
319
248
  "runtimeConfigDefaultProps": {},
320
249
  "runtimeConfigGetStyles": {},
321
250
  "runtimeConfigInternalComponentProps": {},
@@ -361,28 +290,28 @@ var componentData_default = {
361
290
  "motionVarPrefixes": [],
362
291
  "factoryTarget": null
363
292
  },
364
- UDSBadgeConfigProvider: {
365
- "name": "UDSBadgeConfigProvider",
366
- "defaultProps": {},
293
+ SpringMotionConfig: {
294
+ "name": "SpringMotionConfig",
295
+ "defaultProps": { "reducedMotion": "user" },
367
296
  "getStylesLiterals": {},
368
297
  "cxLiterals": [],
369
- "internalComponents": [],
298
+ "internalComponents": ["LazyMotion", "MotionConfig"],
370
299
  "internalComponentProps": {},
371
- "propToVariantKeys": {},
300
+ "propToVariantKeys": { "loadFeatures": ["features"] },
372
301
  "runtimeConfigDefaultProps": {},
373
302
  "runtimeConfigGetStyles": {},
374
303
  "runtimeConfigInternalComponentProps": {},
375
304
  "motionVarPrefixes": [],
376
305
  "factoryTarget": null
377
306
  },
378
- SpringMotionConfig: {
379
- "name": "SpringMotionConfig",
380
- "defaultProps": { "reducedMotion": "user" },
307
+ UDSBadgeConfigProvider: {
308
+ "name": "UDSBadgeConfigProvider",
309
+ "defaultProps": {},
381
310
  "getStylesLiterals": {},
382
311
  "cxLiterals": [],
383
- "internalComponents": ["LazyMotion", "MotionConfig"],
312
+ "internalComponents": [],
384
313
  "internalComponentProps": {},
385
- "propToVariantKeys": { "loadFeatures": ["features"] },
314
+ "propToVariantKeys": {},
386
315
  "runtimeConfigDefaultProps": {},
387
316
  "runtimeConfigGetStyles": {},
388
317
  "runtimeConfigInternalComponentProps": {},
@@ -417,6 +346,108 @@ var componentData_default = {
417
346
  "motionVarPrefixes": ["--uds-motion-subtle-4-", "--uds-motion-smooth-3-"],
418
347
  "factoryTarget": null
419
348
  },
349
+ Spinner: {
350
+ "name": "Spinner",
351
+ "defaultProps": {
352
+ "color": "primary",
353
+ "size": "lg"
354
+ },
355
+ "getStylesLiterals": {},
356
+ "cxLiterals": [
357
+ "self-center",
358
+ "relative",
359
+ "sr-only"
360
+ ],
361
+ "internalComponents": ["Icon"],
362
+ "internalComponentProps": { "Icon": {
363
+ "role": ["img"],
364
+ "className": ["animate-spin"],
365
+ "aria-hidden": ["true"]
366
+ } },
367
+ "propToVariantKeys": {},
368
+ "runtimeConfigDefaultProps": {},
369
+ "runtimeConfigGetStyles": {},
370
+ "runtimeConfigInternalComponentProps": {},
371
+ "motionVarPrefixes": [],
372
+ "factoryTarget": null
373
+ },
374
+ "Table.mocks": {
375
+ "name": "Table.mocks",
376
+ "defaultProps": {},
377
+ "getStylesLiterals": {},
378
+ "cxLiterals": [],
379
+ "internalComponents": [],
380
+ "internalComponentProps": {},
381
+ "propToVariantKeys": {},
382
+ "runtimeConfigDefaultProps": {},
383
+ "runtimeConfigGetStyles": {},
384
+ "runtimeConfigInternalComponentProps": {},
385
+ "motionVarPrefixes": [],
386
+ "factoryTarget": null
387
+ },
388
+ Table: {
389
+ "name": "Table",
390
+ "defaultProps": {
391
+ "display": "table-cell",
392
+ "overflow": "hidden",
393
+ "borderColor": "muted",
394
+ "borderRadius": "md",
395
+ "spacing": "3",
396
+ "borderBottomColor": "muted",
397
+ "borderBottomWidth": "thin",
398
+ "color": "primary"
399
+ },
400
+ "getStylesLiterals": { "textAlign": "start" },
401
+ "cxLiterals": [],
402
+ "internalComponents": [
403
+ "CellComponent",
404
+ "Box",
405
+ "Text",
406
+ "Table.Root",
407
+ "Table.Header",
408
+ "Table.Row",
409
+ "Table.Cell",
410
+ "Table.Body"
411
+ ],
412
+ "internalComponentProps": { "Table.Cell": { "asHeaderCell": ["column"] } },
413
+ "propToVariantKeys": {},
414
+ "runtimeConfigDefaultProps": {},
415
+ "runtimeConfigGetStyles": {},
416
+ "runtimeConfigInternalComponentProps": {},
417
+ "motionVarPrefixes": [],
418
+ "factoryTarget": null
419
+ },
420
+ BannerTitle: {
421
+ "name": "BannerTitle",
422
+ "defaultProps": {},
423
+ "getStylesLiterals": { "bannerSizeTitle": "default" },
424
+ "cxLiterals": ["w-full", "truncate"],
425
+ "internalComponents": ["Text"],
426
+ "internalComponentProps": {},
427
+ "propToVariantKeys": {},
428
+ "runtimeConfigDefaultProps": {},
429
+ "runtimeConfigGetStyles": {},
430
+ "runtimeConfigInternalComponentProps": {},
431
+ "motionVarPrefixes": [],
432
+ "factoryTarget": null
433
+ },
434
+ BannerDescription: {
435
+ "name": "BannerDescription",
436
+ "defaultProps": {},
437
+ "getStylesLiterals": {
438
+ "bannerSizeDescription": "default",
439
+ "className": "w-full line-clamp-3"
440
+ },
441
+ "cxLiterals": [],
442
+ "internalComponents": ["Text"],
443
+ "internalComponentProps": {},
444
+ "propToVariantKeys": {},
445
+ "runtimeConfigDefaultProps": {},
446
+ "runtimeConfigGetStyles": {},
447
+ "runtimeConfigInternalComponentProps": {},
448
+ "motionVarPrefixes": [],
449
+ "factoryTarget": null
450
+ },
420
451
  Banner: {
421
452
  "name": "Banner",
422
453
  "defaultProps": {
@@ -496,37 +527,6 @@ var componentData_default = {
496
527
  "motionVarPrefixes": [],
497
528
  "factoryTarget": null
498
529
  },
499
- BannerTitle: {
500
- "name": "BannerTitle",
501
- "defaultProps": {},
502
- "getStylesLiterals": { "bannerSizeTitle": "default" },
503
- "cxLiterals": ["w-full", "truncate"],
504
- "internalComponents": ["Text"],
505
- "internalComponentProps": {},
506
- "propToVariantKeys": {},
507
- "runtimeConfigDefaultProps": {},
508
- "runtimeConfigGetStyles": {},
509
- "runtimeConfigInternalComponentProps": {},
510
- "motionVarPrefixes": [],
511
- "factoryTarget": null
512
- },
513
- BannerDescription: {
514
- "name": "BannerDescription",
515
- "defaultProps": {},
516
- "getStylesLiterals": {
517
- "bannerSizeDescription": "default",
518
- "className": "w-full line-clamp-3"
519
- },
520
- "cxLiterals": [],
521
- "internalComponents": ["Text"],
522
- "internalComponentProps": {},
523
- "propToVariantKeys": {},
524
- "runtimeConfigDefaultProps": {},
525
- "runtimeConfigGetStyles": {},
526
- "runtimeConfigInternalComponentProps": {},
527
- "motionVarPrefixes": [],
528
- "factoryTarget": null
529
- },
530
530
  BannerContent: {
531
531
  "name": "BannerContent",
532
532
  "defaultProps": {},
@@ -548,6 +548,20 @@ var componentData_default = {
548
548
  "motionVarPrefixes": [],
549
549
  "factoryTarget": null
550
550
  },
551
+ DividerLine: {
552
+ "name": "DividerLine",
553
+ "defaultProps": { "variant": "primary" },
554
+ "getStylesLiterals": {},
555
+ "cxLiterals": ["inherit"],
556
+ "internalComponents": ["Box"],
557
+ "internalComponentProps": { "Box": { "flex": ["1"] } },
558
+ "propToVariantKeys": { "variant": ["dividerVariantLine"] },
559
+ "runtimeConfigDefaultProps": {},
560
+ "runtimeConfigGetStyles": {},
561
+ "runtimeConfigInternalComponentProps": {},
562
+ "motionVarPrefixes": [],
563
+ "factoryTarget": null
564
+ },
551
565
  Divider: {
552
566
  "name": "Divider",
553
567
  "defaultProps": {
@@ -601,135 +615,167 @@ var componentData_default = {
601
615
  "motionVarPrefixes": [],
602
616
  "factoryTarget": null
603
617
  },
604
- DividerLine: {
605
- "name": "DividerLine",
606
- "defaultProps": { "variant": "primary" },
618
+ TabPanel: {
619
+ "name": "TabPanel",
620
+ "defaultProps": {},
607
621
  "getStylesLiterals": {},
608
- "cxLiterals": ["inherit"],
609
- "internalComponents": ["Box"],
610
- "internalComponentProps": { "Box": { "flex": ["1"] } },
611
- "propToVariantKeys": { "variant": ["dividerVariantLine"] },
622
+ "cxLiterals": [],
623
+ "internalComponents": ["AriakitTabPanel"],
624
+ "internalComponentProps": {},
625
+ "propToVariantKeys": {},
612
626
  "runtimeConfigDefaultProps": {},
613
627
  "runtimeConfigGetStyles": {},
614
628
  "runtimeConfigInternalComponentProps": {},
615
629
  "motionVarPrefixes": [],
616
630
  "factoryTarget": null
617
631
  },
618
- SegmentedControl: {
619
- "name": "SegmentedControl",
620
- "defaultProps": { "textVariant": "label2" },
632
+ TabList: {
633
+ "name": "TabList",
634
+ "defaultProps": { "variant": "primary" },
621
635
  "getStylesLiterals": {
622
- "display": "flex",
623
- "alignItems": "center",
624
- "backgroundColor": "primary",
625
- "spacingVertical": "1",
626
- "spacingHorizontal": "3",
627
- "columnGap": "1.5",
628
- "borderWidth": "thin",
629
- "borderRadius": "full",
630
- "borderColor": "muted",
631
- "borderColor:1": "transparent",
632
- "color": "primary",
633
- "color:1": "tertiary",
634
- "color:2": "muted"
636
+ "tabSizeRoot": "default",
637
+ "tabVariantActiveRoot": "on"
638
+ },
639
+ "cxLiterals": [
640
+ "pointer-events-none",
641
+ "absolute",
642
+ "bottom-0",
643
+ "left-0",
644
+ "right-0",
645
+ "h-[var(--uds-tab-underline-width,0px)]",
646
+ "bg-[var(--uds-tab-underline-color,transparent)]",
647
+ "transition-[height,background-color]",
648
+ "duration-[240ms]",
649
+ "ease-[cubic-bezier(0.2,0,0,1)]",
650
+ "!m-0",
651
+ "!p-0",
652
+ "!gap-0",
653
+ "box-border",
654
+ "z-0",
655
+ "min-w-0",
656
+ "min-h-0",
657
+ "flex",
658
+ "flex-row",
659
+ "items-center",
660
+ "overflow-x-auto",
661
+ "overflow-y-clip",
662
+ "scrollbar-none",
663
+ "[overflow-clip-margin:6px]",
664
+ "overflow-clip",
665
+ "[overflow-clip-margin:8px]",
666
+ "relative",
667
+ "left",
668
+ "240ms",
669
+ "cubic-bezier(0.2,",
670
+ "0,",
671
+ "1),",
672
+ "top",
673
+ "width",
674
+ "height",
675
+ "1)",
676
+ "--uds-tab-underline-color",
677
+ "--uds-tab-underline-width"
678
+ ],
679
+ "internalComponents": ["AriakitTabList"],
680
+ "internalComponentProps": {},
681
+ "propToVariantKeys": { "variant": ["tabsVariantRoot", "tabVariantRoot"] },
682
+ "runtimeConfigDefaultProps": {},
683
+ "runtimeConfigGetStyles": {},
684
+ "runtimeConfigInternalComponentProps": {},
685
+ "motionVarPrefixes": [],
686
+ "factoryTarget": null
687
+ },
688
+ Tabs: {
689
+ "name": "Tabs",
690
+ "defaultProps": { "variant": "primary" },
691
+ "getStylesLiterals": {},
692
+ "cxLiterals": [],
693
+ "internalComponents": ["TabsContext.Provider", "TabProvider"],
694
+ "internalComponentProps": {},
695
+ "propToVariantKeys": { "onSelectionChange": ["setSelectedId"] },
696
+ "runtimeConfigDefaultProps": {},
697
+ "runtimeConfigGetStyles": {},
698
+ "runtimeConfigInternalComponentProps": {},
699
+ "motionVarPrefixes": [],
700
+ "factoryTarget": null
701
+ },
702
+ Tab: {
703
+ "name": "Tab",
704
+ "defaultProps": { "variant": "primary" },
705
+ "getStylesLiterals": {
706
+ "tabSizeRoot": "default",
707
+ "tabVariantActiveRoot": "off",
708
+ "tabVariantActiveRoot:1": "on",
709
+ "tabSizeIcon": "default"
635
710
  },
636
711
  "cxLiterals": [
712
+ "pointer-events-none",
713
+ "absolute",
714
+ "bottom-0",
715
+ "left-0",
716
+ "right-0",
717
+ "h-[var(--uds-tab-underline-width,0px)]",
718
+ "bg-[var(--uds-tab-underline-color,transparent)]",
719
+ "transition-[height,background-color]",
720
+ "duration-[240ms]",
721
+ "ease-[cubic-bezier(0.2,0,0,1)]",
722
+ "!bg-transparent",
723
+ "!shadow-none",
724
+ "inline-flex",
725
+ "items-center",
726
+ "shrink-0",
727
+ "box-border",
728
+ "relative",
729
+ "z-[1]",
730
+ "cursor-pointer",
731
+ "select-none",
732
+ "whitespace-nowrap",
637
733
  "uds-ring",
638
- "cursor-not-allowed",
639
734
  "opacity-50",
640
- "pointer-events-none",
641
- "hover:bg-primary"
735
+ "cursor-default",
736
+ "border-solid",
737
+ "border-b-solid",
738
+ "transition-colors"
642
739
  ],
643
740
  "internalComponents": [
644
- "Radio",
645
- "Icon",
646
- "RadioProvider",
647
- "HStack",
648
- "RadioGroup",
649
- "Pressable",
741
+ "IconSlot",
742
+ "AriakitTab",
650
743
  "Text"
651
744
  ],
652
- "internalComponentProps": {
653
- "Icon": {
654
- "size": ["sm"],
655
- "color": ["current"],
656
- "aria-hidden": ["true"]
657
- },
658
- "HStack": {
659
- "spacing": ["1"],
660
- "gap": ["1"],
661
- "backgroundColor": ["secondary"],
662
- "borderRadius": ["full"],
663
- "display": ["inline-flex"]
664
- },
665
- "Text": { "color": ["current"] }
666
- },
745
+ "internalComponentProps": { "Text": {
746
+ "variant": ["inherit"],
747
+ "as": ["span"],
748
+ "color": ["current"]
749
+ } },
667
750
  "propToVariantKeys": {
668
- "value": ["key"],
669
- "label": ["aria-label"],
670
- "textVariant": ["variant"]
751
+ "variant": ["tabVariantRoot", "tabVariantIcon"],
752
+ "activeState": ["tabVariantActiveIcon"],
753
+ "startIcon": ["icon"],
754
+ "endIcon": ["icon"]
671
755
  },
672
- "runtimeConfigDefaultProps": {},
756
+ "runtimeConfigDefaultProps": { "size": "tab.defaultSize" },
673
757
  "runtimeConfigGetStyles": {},
674
758
  "runtimeConfigInternalComponentProps": {},
675
759
  "motionVarPrefixes": [],
676
760
  "factoryTarget": null
677
761
  },
678
- Accordion: {
679
- "name": "Accordion",
680
- "defaultProps": {
681
- "spacingHorizontal": "4",
682
- "spacingVertical": "4"
683
- },
762
+ UDSTabConfigProvider: {
763
+ "name": "UDSTabConfigProvider",
764
+ "defaultProps": {},
684
765
  "getStylesLiterals": {},
685
- "cxLiterals": ["hover:bg-secondary/80", "w-full"],
686
- "internalComponents": [
687
- "Icon",
688
- "SpringMotionConfig",
689
- "Pressable",
690
- "Text",
691
- "HStack",
692
- "AnimatePresence",
693
- "VStack"
694
- ],
695
- "internalComponentProps": {
696
- "Icon": {
697
- "variant": ["fill"],
698
- "size": ["sm"],
699
- "color": ["primary"]
700
- },
701
- "SpringMotionConfig": {
702
- "layoutVariant": ["smooth"],
703
- "layoutSpeed": ["3"]
704
- },
705
- "Pressable": {
706
- "display": ["flex"],
707
- "flexDirection": ["row"],
708
- "alignItems": ["center"],
709
- "justifyContent": ["space-between"],
710
- "borderRadius": ["md"]
711
- },
712
- "Text": {
713
- "variant": ["title4"],
714
- "color": ["primary"]
715
- },
716
- "HStack": {
717
- "display": ["flex"],
718
- "alignItems": ["center"],
719
- "justifyContent": ["space-between"],
720
- "columnGap": ["2.5"]
721
- }
722
- },
766
+ "cxLiterals": ["sm"],
767
+ "internalComponents": [],
768
+ "internalComponentProps": {},
723
769
  "propToVariantKeys": {},
724
770
  "runtimeConfigDefaultProps": {},
725
771
  "runtimeConfigGetStyles": {},
726
772
  "runtimeConfigInternalComponentProps": {},
727
- "motionVarPrefixes": ["--uds-motion-smooth-3-"],
773
+ "motionVarPrefixes": [],
728
774
  "factoryTarget": null
729
775
  },
730
- PaginationLink: {
731
- "name": "PaginationLink",
732
- "defaultProps": {},
776
+ PaginationNext: {
777
+ "name": "PaginationNext",
778
+ "defaultProps": { "label": "Next" },
733
779
  "getStylesLiterals": { "paginationVariantActiveRoot": "off" },
734
780
  "cxLiterals": [
735
781
  "inline-flex",
@@ -760,8 +806,14 @@ var componentData_default = {
760
806
  "[text-box-edge:cap_alphabetic]",
761
807
  "h-[var(--uds-pagination-control-size)]"
762
808
  ],
763
- "internalComponents": ["Comp"],
764
- "internalComponentProps": {},
809
+ "internalComponents": ["Icon", "Comp"],
810
+ "internalComponentProps": {
811
+ "Icon": { "color": ["current"] },
812
+ "Comp": {
813
+ "type": ["button"],
814
+ "aria-label": ["Go to next page"]
815
+ }
816
+ },
765
817
  "propToVariantKeys": {
766
818
  "size": [
767
819
  "paginationSizeRoot",
@@ -772,15 +824,34 @@ var componentData_default = {
772
824
  "variant": ["paginationVariantRoot"],
773
825
  "activeState": ["paginationVariantActiveRoot"]
774
826
  },
827
+ "runtimeConfigDefaultProps": { "size": "pagination.defaultSize" },
828
+ "runtimeConfigGetStyles": {},
829
+ "runtimeConfigInternalComponentProps": { "Icon": { "size": ["pagination.iconSize.${size}"] } },
830
+ "motionVarPrefixes": [],
831
+ "factoryTarget": null
832
+ },
833
+ UDSPaginationConfigProvider: {
834
+ "name": "UDSPaginationConfigProvider",
835
+ "defaultProps": {},
836
+ "getStylesLiterals": {},
837
+ "cxLiterals": ["sm"],
838
+ "internalComponents": [],
839
+ "internalComponentProps": {},
840
+ "propToVariantKeys": {},
775
841
  "runtimeConfigDefaultProps": {},
776
842
  "runtimeConfigGetStyles": {},
777
843
  "runtimeConfigInternalComponentProps": {},
778
844
  "motionVarPrefixes": [],
779
845
  "factoryTarget": null
780
846
  },
781
- PaginationPrev: {
782
- "name": "PaginationPrev",
783
- "defaultProps": { "label": "Previous" },
847
+ Pagination: {
848
+ "name": "Pagination",
849
+ "defaultProps": {
850
+ "ellipsisPlacement": "default",
851
+ "size": "md",
852
+ "variant": "default",
853
+ "'aria-label'": "Pagination"
854
+ },
784
855
  "getStylesLiterals": { "paginationVariantActiveRoot": "off" },
785
856
  "cxLiterals": [
786
857
  "inline-flex",
@@ -811,14 +882,8 @@ var componentData_default = {
811
882
  "[text-box-edge:cap_alphabetic]",
812
883
  "h-[var(--uds-pagination-control-size)]"
813
884
  ],
814
- "internalComponents": ["Icon", "Comp"],
815
- "internalComponentProps": {
816
- "Icon": { "color": ["current"] },
817
- "Comp": {
818
- "type": ["button"],
819
- "aria-label": ["Go to previous page"]
820
- }
821
- },
885
+ "internalComponents": ["PaginationProvider"],
886
+ "internalComponentProps": {},
822
887
  "propToVariantKeys": {
823
888
  "size": [
824
889
  "paginationSizeRoot",
@@ -829,22 +894,25 @@ var componentData_default = {
829
894
  "variant": ["paginationVariantRoot"],
830
895
  "activeState": ["paginationVariantActiveRoot"]
831
896
  },
832
- "runtimeConfigDefaultProps": { "size": "pagination.defaultSize" },
897
+ "runtimeConfigDefaultProps": {},
833
898
  "runtimeConfigGetStyles": {},
834
- "runtimeConfigInternalComponentProps": { "Icon": { "size": ["pagination.iconSize.${size}"] } },
899
+ "runtimeConfigInternalComponentProps": {},
835
900
  "motionVarPrefixes": [],
836
901
  "factoryTarget": null
837
902
  },
838
- PaginationItem: {
839
- "name": "PaginationItem",
903
+ PaginationNumbers: {
904
+ "name": "PaginationNumbers",
840
905
  "defaultProps": {},
841
906
  "getStylesLiterals": { "paginationVariantActiveRoot": "off" },
842
907
  "cxLiterals": [
908
+ "m-0",
843
909
  "inline-flex",
910
+ "list-none",
844
911
  "items-center",
845
- "justify-center",
912
+ "self-center",
913
+ "p-0",
914
+ "justify-center",
846
915
  "relative",
847
- "m-0",
848
916
  "border-solid",
849
917
  "inline-grid",
850
918
  "shrink-0",
@@ -868,8 +936,12 @@ var componentData_default = {
868
936
  "[text-box-edge:cap_alphabetic]",
869
937
  "h-[var(--uds-pagination-control-size)]"
870
938
  ],
871
- "internalComponents": ["Comp"],
872
- "internalComponentProps": { "Comp": { "type": ["button"] } },
939
+ "internalComponents": [
940
+ "PaginationEllipsis",
941
+ "PaginationLink",
942
+ "PaginationItem"
943
+ ],
944
+ "internalComponentProps": {},
873
945
  "propToVariantKeys": {
874
946
  "size": [
875
947
  "paginationSizeRoot",
@@ -886,9 +958,9 @@ var componentData_default = {
886
958
  "motionVarPrefixes": [],
887
959
  "factoryTarget": null
888
960
  },
889
- PaginationNext: {
890
- "name": "PaginationNext",
891
- "defaultProps": { "label": "Next" },
961
+ PaginationPrev: {
962
+ "name": "PaginationPrev",
963
+ "defaultProps": { "label": "Previous" },
892
964
  "getStylesLiterals": { "paginationVariantActiveRoot": "off" },
893
965
  "cxLiterals": [
894
966
  "inline-flex",
@@ -924,7 +996,7 @@ var componentData_default = {
924
996
  "Icon": { "color": ["current"] },
925
997
  "Comp": {
926
998
  "type": ["button"],
927
- "aria-label": ["Go to next page"]
999
+ "aria-label": ["Go to previous page"]
928
1000
  }
929
1001
  },
930
1002
  "propToVariantKeys": {
@@ -943,19 +1015,16 @@ var componentData_default = {
943
1015
  "motionVarPrefixes": [],
944
1016
  "factoryTarget": null
945
1017
  },
946
- PaginationNumbers: {
947
- "name": "PaginationNumbers",
1018
+ PaginationLink: {
1019
+ "name": "PaginationLink",
948
1020
  "defaultProps": {},
949
1021
  "getStylesLiterals": { "paginationVariantActiveRoot": "off" },
950
1022
  "cxLiterals": [
951
- "m-0",
952
1023
  "inline-flex",
953
- "list-none",
954
1024
  "items-center",
955
- "self-center",
956
- "p-0",
957
1025
  "justify-center",
958
1026
  "relative",
1027
+ "m-0",
959
1028
  "border-solid",
960
1029
  "inline-grid",
961
1030
  "shrink-0",
@@ -979,11 +1048,7 @@ var componentData_default = {
979
1048
  "[text-box-edge:cap_alphabetic]",
980
1049
  "h-[var(--uds-pagination-control-size)]"
981
1050
  ],
982
- "internalComponents": [
983
- "PaginationEllipsis",
984
- "PaginationLink",
985
- "PaginationItem"
986
- ],
1051
+ "internalComponents": ["Comp"],
987
1052
  "internalComponentProps": {},
988
1053
  "propToVariantKeys": {
989
1054
  "size": [
@@ -1052,14 +1117,9 @@ var componentData_default = {
1052
1117
  "motionVarPrefixes": [],
1053
1118
  "factoryTarget": null
1054
1119
  },
1055
- Pagination: {
1056
- "name": "Pagination",
1057
- "defaultProps": {
1058
- "ellipsisPlacement": "default",
1059
- "size": "md",
1060
- "variant": "default",
1061
- "'aria-label'": "Pagination"
1062
- },
1120
+ PaginationItem: {
1121
+ "name": "PaginationItem",
1122
+ "defaultProps": {},
1063
1123
  "getStylesLiterals": { "paginationVariantActiveRoot": "off" },
1064
1124
  "cxLiterals": [
1065
1125
  "inline-flex",
@@ -1090,8 +1150,8 @@ var componentData_default = {
1090
1150
  "[text-box-edge:cap_alphabetic]",
1091
1151
  "h-[var(--uds-pagination-control-size)]"
1092
1152
  ],
1093
- "internalComponents": ["PaginationProvider"],
1094
- "internalComponentProps": {},
1153
+ "internalComponents": ["Comp"],
1154
+ "internalComponentProps": { "Comp": { "type": ["button"] } },
1095
1155
  "propToVariantKeys": {
1096
1156
  "size": [
1097
1157
  "paginationSizeRoot",
@@ -1108,13 +1168,19 @@ var componentData_default = {
1108
1168
  "motionVarPrefixes": [],
1109
1169
  "factoryTarget": null
1110
1170
  },
1111
- UDSPaginationConfigProvider: {
1112
- "name": "UDSPaginationConfigProvider",
1171
+ BottomSheetContent: {
1172
+ "name": "BottomSheetContent",
1113
1173
  "defaultProps": {},
1114
1174
  "getStylesLiterals": {},
1115
- "cxLiterals": ["sm"],
1116
- "internalComponents": [],
1117
- "internalComponentProps": {},
1175
+ "cxLiterals": ["min-h-0", "touch-pan-y"],
1176
+ "internalComponents": ["Box", "VStack"],
1177
+ "internalComponentProps": {
1178
+ "Box": {
1179
+ "display": ["block"],
1180
+ "flex": ["1"]
1181
+ },
1182
+ "VStack": { "className": ["pb-[calc(env(safe-area-inset-bottom))]"] }
1183
+ },
1118
1184
  "propToVariantKeys": {},
1119
1185
  "runtimeConfigDefaultProps": {},
1120
1186
  "runtimeConfigGetStyles": {},
@@ -1122,43 +1188,64 @@ var componentData_default = {
1122
1188
  "motionVarPrefixes": [],
1123
1189
  "factoryTarget": null
1124
1190
  },
1125
- Button: {
1126
- "name": "Button",
1127
- "defaultProps": {},
1191
+ BottomSheetHeader: {
1192
+ "name": "BottomSheetHeader",
1193
+ "defaultProps": { "variant": "default" },
1128
1194
  "getStylesLiterals": {},
1129
- "cxLiterals": [],
1195
+ "cxLiterals": [
1196
+ "grid-cols-[40px_1fr_40px]",
1197
+ "items-center",
1198
+ "w-full",
1199
+ "min-h-10",
1200
+ "mt-2"
1201
+ ],
1130
1202
  "internalComponents": [
1131
- "ButtonBase",
1132
- "Icon",
1133
- "IconSlot",
1134
- "AnimatePresence",
1135
- "SpringMotionConfig",
1136
- "MotionSlot",
1137
- "ButtonProps",
1138
- "Slot"
1203
+ "Box",
1204
+ "Text",
1205
+ "DialogHeading"
1139
1206
  ],
1140
1207
  "internalComponentProps": {
1141
- "Icon": { "color": ["current"] },
1142
- "AnimatePresence": { "mode": ["popLayout"] },
1143
- "SpringMotionConfig": { "layoutSpeed": ["3"] },
1144
- "MotionSlot": {
1145
- "whileHover": ["hover"],
1146
- "whileTap": ["pressed"]
1147
- }
1208
+ "Box": {
1209
+ "className": ["h-10 w-10 opacity-0 pointer-events-none"],
1210
+ "display": ["grid", "flex"],
1211
+ "justifyContent": ["flex-start", "flex-end"]
1212
+ },
1213
+ "Text": {
1214
+ "as": ["p"],
1215
+ "variant": ["inherit"],
1216
+ "color": ["inherit"],
1217
+ "textAlign": ["center"],
1218
+ "className": ["m-0 w-full"]
1219
+ },
1220
+ "DialogHeading": { "role": ["heading"] }
1148
1221
  },
1222
+ "propToVariantKeys": { "variant": ["bottomsheetVariantHeader"] },
1223
+ "runtimeConfigDefaultProps": {},
1224
+ "runtimeConfigGetStyles": {},
1225
+ "runtimeConfigInternalComponentProps": {},
1226
+ "motionVarPrefixes": [],
1227
+ "factoryTarget": null
1228
+ },
1229
+ UDSBottomSheetConfigProvider: {
1230
+ "name": "UDSBottomSheetConfigProvider",
1231
+ "defaultProps": {},
1232
+ "getStylesLiterals": {},
1233
+ "cxLiterals": [],
1234
+ "internalComponents": ["BottomSheetContext.Provider"],
1235
+ "internalComponentProps": {},
1149
1236
  "propToVariantKeys": {},
1150
1237
  "runtimeConfigDefaultProps": {},
1151
1238
  "runtimeConfigGetStyles": {},
1152
1239
  "runtimeConfigInternalComponentProps": {},
1153
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"],
1240
+ "motionVarPrefixes": [],
1154
1241
  "factoryTarget": null
1155
1242
  },
1156
- UDSButtonConfigProvider: {
1157
- "name": "UDSButtonConfigProvider",
1243
+ BottomSheetProvider: {
1244
+ "name": "BottomSheetProvider",
1158
1245
  "defaultProps": {},
1159
1246
  "getStylesLiterals": {},
1160
1247
  "cxLiterals": [],
1161
- "internalComponents": ["ButtonContext.Provider"],
1248
+ "internalComponents": ["AriakitDialogProvider"],
1162
1249
  "internalComponentProps": {},
1163
1250
  "propToVariantKeys": {},
1164
1251
  "runtimeConfigDefaultProps": {},
@@ -1167,56 +1254,90 @@ var componentData_default = {
1167
1254
  "motionVarPrefixes": [],
1168
1255
  "factoryTarget": null
1169
1256
  },
1170
- ButtonBase: {
1171
- "name": "ButtonBase",
1172
- "defaultProps": { "type": "button" },
1257
+ BottomSheetHandle: {
1258
+ "name": "BottomSheetHandle",
1259
+ "defaultProps": { "variant": "default" },
1173
1260
  "getStylesLiterals": {},
1174
1261
  "cxLiterals": [
1175
- "uds-ring",
1176
- "uds-hit-target",
1177
- "inline-flex",
1178
- "max-w-full",
1262
+ "relative",
1263
+ "h-5",
1264
+ "w-16",
1265
+ "outline-none",
1266
+ "focus-visible:outline-none",
1267
+ "[touch-action:pan-y]",
1268
+ "absolute",
1269
+ "left-1/2",
1270
+ "top-1/2",
1271
+ "-translate-x-1/2",
1272
+ "-translate-y-1/2",
1273
+ "h-1",
1274
+ "w-8",
1275
+ "rounded-full"
1276
+ ],
1277
+ "internalComponents": ["Box"],
1278
+ "internalComponentProps": { "Box": {
1279
+ "display": ["block", "flex"],
1280
+ "justifyContent": ["center"]
1281
+ } },
1282
+ "propToVariantKeys": { "variant": ["bottomsheetVariantHandleIndicator"] },
1283
+ "runtimeConfigDefaultProps": {},
1284
+ "runtimeConfigGetStyles": {},
1285
+ "runtimeConfigInternalComponentProps": {},
1286
+ "motionVarPrefixes": [],
1287
+ "factoryTarget": null
1288
+ },
1289
+ BottomSheet: {
1290
+ "name": "BottomSheet",
1291
+ "defaultProps": { "variant": "default" },
1292
+ "getStylesLiterals": {},
1293
+ "cxLiterals": [
1294
+ "fixed",
1179
1295
  "overflow-hidden",
1180
- "justify-center",
1181
- "items-center",
1182
- "whitespace-nowrap",
1183
- "select-none",
1184
- "[transform-origin:center]",
1185
- "[backface-visibility:hidden]",
1186
- "[transition-property:color,background-color,border-color,box-shadow,text-decoration-color,fill,stroke]",
1187
- "[transition-timing-function:cubic-bezier(0,0,0.2,1)]",
1188
- "[transition-duration:220ms]",
1189
- "cursor-not-allowed",
1190
- "uds-button-loading",
1191
- "uds-button-without-effects",
1192
- "withIcon",
1193
- "uds-button-with-gap",
1194
- "flex",
1195
- "shrink-0",
1196
- "overflow-clip",
1197
- "uds-button-icon-container",
1198
- "animate-spin",
1199
- "min-w-0",
1200
- "truncate"
1296
+ "inset-x-0",
1297
+ "bottom-0",
1298
+ "z-50",
1299
+ "[will-change:transform]",
1300
+ "touch-none",
1301
+ "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
1302
+ "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
1303
+ "transition-transform",
1304
+ "duration-500",
1305
+ "ease-[cubic-bezier(0.32,0.72,0,1)]",
1306
+ "motion-reduce:transition-none",
1307
+ "top-[-4px]",
1308
+ "z-[1]",
1309
+ "touch-pan-y"
1201
1310
  ],
1202
- "internalComponents": [],
1203
- "internalComponentProps": {},
1204
- "propToVariantKeys": {
1205
- "size": ["buttonSizeRoot", "buttonSizeIcon"],
1206
- "variant": ["buttonVariantRoot", "buttonVariantIcon"]
1311
+ "internalComponents": [
1312
+ "Scrim",
1313
+ "BottomSheetHandle",
1314
+ "Dialog",
1315
+ "Box",
1316
+ "BottomSheetInternalContext.Provider"
1317
+ ],
1318
+ "internalComponentProps": {
1319
+ "BottomSheetHandle": { "ariaLabel": ["Resize sheet"] },
1320
+ "Dialog": { "data-testid": ["bottom-sheet"] },
1321
+ "Box": {
1322
+ "display": ["block", "flex"],
1323
+ "position": ["absolute"],
1324
+ "flexDirection": ["column"],
1325
+ "className": ["absolute inset-0 min-h-0 p-[inherit]"]
1326
+ }
1207
1327
  },
1208
- "runtimeConfigDefaultProps": { "size": "button.defaultSize" },
1328
+ "propToVariantKeys": { "variant": ["bottomsheetVariantRoot"] },
1329
+ "runtimeConfigDefaultProps": {},
1209
1330
  "runtimeConfigGetStyles": {},
1210
1331
  "runtimeConfigInternalComponentProps": {},
1211
1332
  "motionVarPrefixes": [],
1212
1333
  "factoryTarget": null
1213
1334
  },
1214
- UDSBreakpointsConfigProvider: {
1215
- "name": "UDSBreakpointsConfigProvider",
1335
+ BottomSheetInternalContext: {
1336
+ "name": "BottomSheetInternalContext",
1216
1337
  "defaultProps": {},
1217
1338
  "getStylesLiterals": {},
1218
1339
  "cxLiterals": [],
1219
- "internalComponents": ["UDSBreakpointsConfigContext.Provider"],
1340
+ "internalComponents": [],
1220
1341
  "internalComponentProps": {},
1221
1342
  "propToVariantKeys": {},
1222
1343
  "runtimeConfigDefaultProps": {},
@@ -1225,30 +1346,12 @@ var componentData_default = {
1225
1346
  "motionVarPrefixes": [],
1226
1347
  "factoryTarget": null
1227
1348
  },
1228
- UDSConfigProvider: {
1229
- "name": "UDSConfigProvider",
1349
+ BottomSheetDismiss: {
1350
+ "name": "BottomSheetDismiss",
1230
1351
  "defaultProps": {},
1231
1352
  "getStylesLiterals": {},
1232
1353
  "cxLiterals": [],
1233
- "internalComponents": [
1234
- "UDSBreakpointsConfigProvider",
1235
- "UDSAvatarConfigProvider",
1236
- "UDSBadgeConfigProvider",
1237
- "UDSBottomSheetConfigProvider",
1238
- "UDSButtonConfigProvider",
1239
- "UDSChipConfigProvider",
1240
- "UDSIconButtonConfigProvider",
1241
- "UDSInputConfigProvider",
1242
- "UDSMenuItemConfigProvider",
1243
- "UDSPaddleNavConfigProvider",
1244
- "UDSPaginationConfigProvider",
1245
- "UDSSelectItemConfigProvider",
1246
- "UDSTabConfigProvider",
1247
- "UDSToastConfigProvider",
1248
- "UDSTooltipConfigProvider",
1249
- "UDSPopoverConfigProvider",
1250
- "UDSModalConfigProvider"
1251
- ],
1354
+ "internalComponents": ["AriakitDialogDismiss"],
1252
1355
  "internalComponentProps": {},
1253
1356
  "propToVariantKeys": {},
1254
1357
  "runtimeConfigDefaultProps": {},
@@ -1257,91 +1360,95 @@ var componentData_default = {
1257
1360
  "motionVarPrefixes": [],
1258
1361
  "factoryTarget": null
1259
1362
  },
1260
- createUDSConfigProvider: {
1261
- "name": "createUDSConfigProvider",
1363
+ BottomSheetTrigger: {
1364
+ "name": "BottomSheetTrigger",
1262
1365
  "defaultProps": {},
1263
1366
  "getStylesLiterals": {},
1264
1367
  "cxLiterals": [],
1265
- "internalComponents": ["Context.Provider"],
1368
+ "internalComponents": ["AriakitDialogDisclosure"],
1266
1369
  "internalComponentProps": {},
1267
1370
  "propToVariantKeys": {},
1268
1371
  "runtimeConfigDefaultProps": {},
1269
1372
  "runtimeConfigGetStyles": {},
1270
1373
  "runtimeConfigInternalComponentProps": {},
1271
1374
  "motionVarPrefixes": [],
1272
- "factoryTarget": "UDSConfigProvider"
1375
+ "factoryTarget": null
1273
1376
  },
1274
- "Menu.ItemCheckbox": {
1275
- "name": "Menu.ItemCheckbox",
1276
- "defaultProps": {},
1277
- "getStylesLiterals": {
1278
- "menuitemItemCheckboxVariantRoot": "default",
1279
- "menuitemItemCheckboxVariantActiveRoot": "on",
1280
- "menuitemItemCheckboxVariantActiveRoot:1": "off",
1281
- "menuitemItemCheckboxVariantText": "default",
1282
- "menuitemItemCheckboxVariantActiveText": "on",
1283
- "menuitemItemCheckboxVariantActiveText:1": "off",
1284
- "menuitemItemCheckboxVariantStartIcon": "default",
1285
- "menuitemItemCheckboxVariantActiveStartIcon": "on",
1286
- "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
1287
- "menuitemItemCheckboxVariantEndIcon": "default",
1288
- "menuitemItemCheckboxVariantActiveEndIcon": "on",
1289
- "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
1290
- },
1291
- "cxLiterals": ["uds-menu-item-checkbox"],
1292
- "internalComponents": ["MenuItemBase"],
1377
+ ChipDismissible: {
1378
+ "name": "ChipDismissible",
1379
+ "defaultProps": { "variant": "primary" },
1380
+ "getStylesLiterals": {},
1381
+ "cxLiterals": [
1382
+ "uds-chip-dismissible-button",
1383
+ "uds-hit-target",
1384
+ "uds-ring",
1385
+ "rounded-full"
1386
+ ],
1387
+ "internalComponents": [
1388
+ "ChipBase",
1389
+ "IconSlot",
1390
+ "Pressable"
1391
+ ],
1293
1392
  "internalComponentProps": {},
1294
- "propToVariantKeys": {},
1393
+ "propToVariantKeys": {
1394
+ "variant": ["chipDismissibleVariantRoot", "chipDismissibleVariantIcon"],
1395
+ "dismissButtonAriaLabel": ["aria-label"]
1396
+ },
1295
1397
  "runtimeConfigDefaultProps": {},
1296
1398
  "runtimeConfigGetStyles": {},
1297
1399
  "runtimeConfigInternalComponentProps": {},
1298
1400
  "motionVarPrefixes": [],
1299
1401
  "factoryTarget": null
1300
1402
  },
1301
- "Menu.Provider": {
1302
- "name": "Menu.Provider",
1403
+ Chip: {
1404
+ "name": "Chip",
1303
1405
  "defaultProps": {},
1304
1406
  "getStylesLiterals": {},
1305
1407
  "cxLiterals": [],
1306
- "internalComponents": ["AriakitMenuProvider", "SpringMotionConfig"],
1408
+ "internalComponents": [
1409
+ "ChipDismissible",
1410
+ "ChipToggle",
1411
+ "ChipLink",
1412
+ "ChipButton"
1413
+ ],
1307
1414
  "internalComponentProps": {},
1308
1415
  "propToVariantKeys": {},
1309
1416
  "runtimeConfigDefaultProps": {},
1310
1417
  "runtimeConfigGetStyles": {},
1311
1418
  "runtimeConfigInternalComponentProps": {},
1312
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"],
1419
+ "motionVarPrefixes": [],
1313
1420
  "factoryTarget": null
1314
1421
  },
1315
- UDSMenuItemConfigProvider: {
1316
- "name": "UDSMenuItemConfigProvider",
1317
- "defaultProps": {},
1422
+ ChipButton: {
1423
+ "name": "ChipButton",
1424
+ "defaultProps": { "variant": "primary" },
1318
1425
  "getStylesLiterals": {},
1319
- "cxLiterals": ["sm"],
1320
- "internalComponents": [],
1321
- "internalComponentProps": {},
1322
- "propToVariantKeys": {},
1426
+ "cxLiterals": ["uds-ring"],
1427
+ "internalComponents": ["ChipBase"],
1428
+ "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1429
+ "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1323
1430
  "runtimeConfigDefaultProps": {},
1324
1431
  "runtimeConfigGetStyles": {},
1325
1432
  "runtimeConfigInternalComponentProps": {},
1326
1433
  "motionVarPrefixes": [],
1327
1434
  "factoryTarget": null
1328
1435
  },
1329
- "Menu.index": {
1330
- "name": "Menu.index",
1331
- "defaultProps": {},
1436
+ ChipLink: {
1437
+ "name": "ChipLink",
1438
+ "defaultProps": { "variant": "primary" },
1332
1439
  "getStylesLiterals": {},
1333
- "cxLiterals": [],
1334
- "internalComponents": [],
1335
- "internalComponentProps": {},
1336
- "propToVariantKeys": {},
1440
+ "cxLiterals": ["uds-ring"],
1441
+ "internalComponents": ["ChipBase"],
1442
+ "internalComponentProps": { "ChipBase": { "as": ["a"] } },
1443
+ "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1337
1444
  "runtimeConfigDefaultProps": {},
1338
1445
  "runtimeConfigGetStyles": {},
1339
1446
  "runtimeConfigInternalComponentProps": {},
1340
1447
  "motionVarPrefixes": [],
1341
1448
  "factoryTarget": null
1342
1449
  },
1343
- Menu: {
1344
- "name": "Menu",
1450
+ UDSChipConfigProvider: {
1451
+ "name": "UDSChipConfigProvider",
1345
1452
  "defaultProps": {},
1346
1453
  "getStylesLiterals": {},
1347
1454
  "cxLiterals": [],
@@ -1354,76 +1461,94 @@ var componentData_default = {
1354
1461
  "motionVarPrefixes": [],
1355
1462
  "factoryTarget": null
1356
1463
  },
1357
- "Menu.ItemBase": {
1358
- "name": "Menu.ItemBase",
1464
+ ChipToggle: {
1465
+ "name": "ChipToggle",
1359
1466
  "defaultProps": {
1360
- "spacing": "0",
1361
- "spacingHorizontal": "4",
1362
- "spacingVertical": "3.5",
1363
- "columnGap": "2",
1364
- "alignItems": "center",
1365
- "justifyContent": "space-between"
1467
+ "variant": "primary",
1468
+ "role": "checkbox"
1366
1469
  },
1367
1470
  "getStylesLiterals": {
1368
- "textAlign": "start",
1369
- "menuitemSizeRoot": "default",
1370
- "flexDirection": "row",
1371
- "menuitemSizeStartIcon": "default",
1372
- "menuitemSizeEndIcon": "default"
1471
+ "chipToggleVariantActiveRoot": "on",
1472
+ "chipToggleVariantActiveRoot:1": "off"
1473
+ },
1474
+ "cxLiterals": ["uds-ring"],
1475
+ "internalComponents": ["ChipBase"],
1476
+ "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1477
+ "propToVariantKeys": { "variant": ["chipToggleVariantRoot", "chipToggleVariantIcon"] },
1478
+ "runtimeConfigDefaultProps": {},
1479
+ "runtimeConfigGetStyles": {},
1480
+ "runtimeConfigInternalComponentProps": {},
1481
+ "motionVarPrefixes": [],
1482
+ "factoryTarget": null
1483
+ },
1484
+ ChipBase: {
1485
+ "name": "ChipBase",
1486
+ "defaultProps": {
1487
+ "size": "md",
1488
+ "as": "div"
1373
1489
  },
1490
+ "getStylesLiterals": {},
1374
1491
  "cxLiterals": [
1375
- "uds-menu-item",
1376
- "flex",
1377
- "focus-visible:text-brand",
1378
- "focus-visible:bg-brand-secondary",
1379
- "focus-visible:z-10",
1380
- "uds-ring",
1381
- "!-outline-offset-2",
1382
- "[&:not([aria-checked])]:cursor-default",
1383
- "opacity-25",
1384
- "cursor-not-allowed",
1385
- "duration-20",
1386
- "transition-[font-variation-settings]",
1387
- "ease-in-out",
1388
- "z-0",
1492
+ "pointer-events-none",
1493
+ "cursor-default",
1494
+ "opacity-50",
1495
+ "inline-flex",
1496
+ "items-center",
1497
+ "transition-[background-color,outline-color,box-shadow]",
1389
1498
  "truncate",
1390
- "uds-start-icon",
1391
- "uds-end-icon"
1499
+ "whitespace-nowrap",
1500
+ "text-center",
1501
+ "flex-1",
1502
+ "md",
1503
+ "primary"
1392
1504
  ],
1393
1505
  "internalComponents": [
1394
- "Pressable",
1395
1506
  "IconSlot",
1396
- "RootComponent",
1397
1507
  "HStack",
1398
- "AnimatePresence"
1508
+ "As",
1509
+ "Text"
1399
1510
  ],
1400
- "internalComponentProps": {
1401
- "HStack": {
1402
- "alignItems": ["center"],
1403
- "width": ["full"]
1404
- },
1405
- "AnimatePresence": { "mode": ["popLayout"] }
1406
- },
1511
+ "internalComponentProps": { "Text": {
1512
+ "as": ["span"],
1513
+ "color": ["current"],
1514
+ "variant": ["inherit"]
1515
+ } },
1407
1516
  "propToVariantKeys": {
1408
- "startIconClassName": ["className"],
1409
- "endIconClassName": ["className"],
1517
+ "size": ["chipSizeRoot", "chipSizeIcon"],
1410
1518
  "startIcon": ["icon"],
1411
- "endIcon": ["icon"],
1412
- "columnGap": ["gap"]
1519
+ "endIcon": ["icon"]
1413
1520
  },
1414
- "runtimeConfigDefaultProps": { "size": "menuItem.defaultSize" },
1521
+ "runtimeConfigDefaultProps": { "size": "chip.defaultSize" },
1415
1522
  "runtimeConfigGetStyles": {},
1416
1523
  "runtimeConfigInternalComponentProps": {},
1417
1524
  "motionVarPrefixes": [],
1418
1525
  "factoryTarget": null
1419
1526
  },
1420
- "Menu.Trigger": {
1421
- "name": "Menu.Trigger",
1527
+ UDSConfigProvider: {
1528
+ "name": "UDSConfigProvider",
1422
1529
  "defaultProps": {},
1423
1530
  "getStylesLiterals": {},
1424
- "cxLiterals": ["uds-menu-trigger"],
1425
- "internalComponents": ["AriakitMenuTrigger", "Box"],
1426
- "internalComponentProps": { "Box": { "className": ["uds-ring h-fit w-fit"] } },
1531
+ "cxLiterals": [],
1532
+ "internalComponents": [
1533
+ "UDSBreakpointsConfigProvider",
1534
+ "UDSAvatarConfigProvider",
1535
+ "UDSBadgeConfigProvider",
1536
+ "UDSBottomSheetConfigProvider",
1537
+ "UDSButtonConfigProvider",
1538
+ "UDSChipConfigProvider",
1539
+ "UDSIconButtonConfigProvider",
1540
+ "UDSInputConfigProvider",
1541
+ "UDSMenuItemConfigProvider",
1542
+ "UDSPaddleNavConfigProvider",
1543
+ "UDSPaginationConfigProvider",
1544
+ "UDSSelectItemConfigProvider",
1545
+ "UDSTabConfigProvider",
1546
+ "UDSToastConfigProvider",
1547
+ "UDSTooltipConfigProvider",
1548
+ "UDSPopoverConfigProvider",
1549
+ "UDSModalConfigProvider"
1550
+ ],
1551
+ "internalComponentProps": {},
1427
1552
  "propToVariantKeys": {},
1428
1553
  "runtimeConfigDefaultProps": {},
1429
1554
  "runtimeConfigGetStyles": {},
@@ -1431,23 +1556,12 @@ var componentData_default = {
1431
1556
  "motionVarPrefixes": [],
1432
1557
  "factoryTarget": null
1433
1558
  },
1434
- "Menu.Item": {
1435
- "name": "Menu.Item",
1559
+ UDSBreakpointsConfigProvider: {
1560
+ "name": "UDSBreakpointsConfigProvider",
1436
1561
  "defaultProps": {},
1437
- "getStylesLiterals": {
1438
- "menuitemItemVariantRoot": "default",
1439
- "menuitemItemVariantActiveRoot": "on",
1440
- "menuitemItemVariantActiveRoot:1": "off",
1441
- "menuitemSizeText": "default",
1442
- "menuitemItemVariantText": "default",
1443
- "menuitemItemVariantActiveText": "on",
1444
- "menuitemItemVariantActiveText:1": "off",
1445
- "menuitemItemVariantIcon": "default",
1446
- "menuitemItemVariantActiveIcon": "on",
1447
- "menuitemItemVariantActiveIcon:1": "off"
1448
- },
1562
+ "getStylesLiterals": {},
1449
1563
  "cxLiterals": [],
1450
- "internalComponents": ["MenuItemBase"],
1564
+ "internalComponents": ["UDSBreakpointsConfigContext.Provider"],
1451
1565
  "internalComponentProps": {},
1452
1566
  "propToVariantKeys": {},
1453
1567
  "runtimeConfigDefaultProps": {},
@@ -1456,64 +1570,19 @@ var componentData_default = {
1456
1570
  "motionVarPrefixes": [],
1457
1571
  "factoryTarget": null
1458
1572
  },
1459
- "Menu.Content": {
1460
- "name": "Menu.Content",
1461
- "defaultProps": {
1462
- "size": "default",
1463
- "variant": "default",
1464
- "gutter": "1"
1465
- },
1573
+ createUDSConfigProvider: {
1574
+ "name": "createUDSConfigProvider",
1575
+ "defaultProps": {},
1466
1576
  "getStylesLiterals": {},
1467
- "cxLiterals": [
1468
- "uds-menu-content",
1469
- "transition-shadow",
1470
- "duration-200",
1471
- "ease-in-out",
1472
- "min-w-60",
1473
- "max-w-lg",
1474
- "max-h-96",
1475
- "overflow-auto",
1476
- "uds-ring",
1477
- "z-10",
1478
- "group"
1479
- ],
1480
- "internalComponents": [
1481
- "AriakitMenu",
1482
- "AnimatePresence",
1483
- "MotionVStack"
1484
- ],
1485
- "internalComponentProps": {},
1486
- "propToVariantKeys": {
1487
- "size": ["menucontentSizeRoot"],
1488
- "variant": ["menucontentVariantRoot"]
1489
- },
1490
- "runtimeConfigDefaultProps": {},
1491
- "runtimeConfigGetStyles": {},
1492
- "runtimeConfigInternalComponentProps": {},
1493
- "motionVarPrefixes": [],
1494
- "factoryTarget": null
1495
- },
1496
- "Menu.Divider": {
1497
- "name": "Menu.Divider",
1498
- "defaultProps": {
1499
- "role": "separator",
1500
- "contentPosition": "start",
1501
- "gap": "4"
1502
- },
1503
- "getStylesLiterals": {
1504
- "menuitemDividerVariantRoot": "default",
1505
- "menuitemDividerVariantText": "default",
1506
- "menuitemDividerVariantLine": "default"
1507
- },
1508
1577
  "cxLiterals": [],
1509
- "internalComponents": ["Divider"],
1510
- "internalComponentProps": { "Divider": { "variant": ["inherit"] } },
1578
+ "internalComponents": ["Context.Provider"],
1579
+ "internalComponentProps": {},
1511
1580
  "propToVariantKeys": {},
1512
1581
  "runtimeConfigDefaultProps": {},
1513
1582
  "runtimeConfigGetStyles": {},
1514
1583
  "runtimeConfigInternalComponentProps": {},
1515
1584
  "motionVarPrefixes": [],
1516
- "factoryTarget": null
1585
+ "factoryTarget": "UDSConfigProvider"
1517
1586
  },
1518
1587
  SwitchBase: {
1519
1588
  "name": "SwitchBase",
@@ -1626,34 +1695,54 @@ var componentData_default = {
1626
1695
  "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"],
1627
1696
  "factoryTarget": null
1628
1697
  },
1629
- AvatarIcon: {
1630
- "name": "AvatarIcon",
1631
- "defaultProps": {
1632
- "size": "md",
1633
- "variant": "primary"
1698
+ InputHelpTextInternal: {
1699
+ "name": "InputHelpTextInternal",
1700
+ "defaultProps": {},
1701
+ "getStylesLiterals": {
1702
+ "inputVariantHelperText": "default",
1703
+ "inputVariantValueHelperText": "empty",
1704
+ "inputVariantValueHelperText:1": "filled",
1705
+ "inputVariantHelperIcon": "default",
1706
+ "inputVariantValueHelperIcon": "empty",
1707
+ "inputVariantValueHelperIcon:1": "filled"
1634
1708
  },
1635
- "getStylesLiterals": {},
1636
- "cxLiterals": [
1637
- "overflow-hidden",
1638
- "w-full",
1639
- "h-full",
1640
- "shrink-0",
1641
- "text-center",
1642
- "inline-flex",
1643
- "justify-center",
1644
- "items-center"
1645
- ],
1646
- "internalComponents": ["IconSlot", "Box"],
1647
- "internalComponentProps": {},
1648
- "propToVariantKeys": { "size": ["avatarSizeIcon"] },
1649
- "runtimeConfigDefaultProps": { "size": "avatar.defaultSize" },
1709
+ "cxLiterals": [],
1710
+ "internalComponents": ["IconSlot", "HStack"],
1711
+ "internalComponentProps": { "HStack": {
1712
+ "gap": ["1"],
1713
+ "alignItems": ["center"]
1714
+ } },
1715
+ "propToVariantKeys": {
1716
+ "size": ["inputSizeHelperText", "inputSizeHelperIcon"],
1717
+ "startIcon": ["icon"],
1718
+ "endIcon": ["icon"]
1719
+ },
1720
+ "runtimeConfigDefaultProps": { "size": "input.defaultSize" },
1650
1721
  "runtimeConfigGetStyles": {},
1651
1722
  "runtimeConfigInternalComponentProps": {},
1652
1723
  "motionVarPrefixes": [],
1653
1724
  "factoryTarget": null
1654
1725
  },
1655
- UDSAvatarConfigProvider: {
1656
- "name": "UDSAvatarConfigProvider",
1726
+ InputHelpText: {
1727
+ "name": "InputHelpText",
1728
+ "defaultProps": { "size": "md" },
1729
+ "getStylesLiterals": {
1730
+ "inputVariantRoot": "default",
1731
+ "inputVariantValueRoot": "empty",
1732
+ "inputVariantValueRoot:1": "filled"
1733
+ },
1734
+ "cxLiterals": [],
1735
+ "internalComponents": ["InputHelpTextInternal", "Box"],
1736
+ "internalComponentProps": { "Box": { "spacingTop": ["2"] } },
1737
+ "propToVariantKeys": { "size": ["inputSizeRoot"] },
1738
+ "runtimeConfigDefaultProps": {},
1739
+ "runtimeConfigGetStyles": {},
1740
+ "runtimeConfigInternalComponentProps": {},
1741
+ "motionVarPrefixes": [],
1742
+ "factoryTarget": null
1743
+ },
1744
+ UDSInputConfigProvider: {
1745
+ "name": "UDSInputConfigProvider",
1657
1746
  "defaultProps": {},
1658
1747
  "getStylesLiterals": {},
1659
1748
  "cxLiterals": [],
@@ -1666,77 +1755,119 @@ var componentData_default = {
1666
1755
  "motionVarPrefixes": [],
1667
1756
  "factoryTarget": null
1668
1757
  },
1669
- AvatarImage: {
1670
- "name": "AvatarImage",
1758
+ Input: {
1759
+ "name": "Input",
1671
1760
  "defaultProps": {
1761
+ "type": "text",
1672
1762
  "size": "md",
1673
- "variant": "primary"
1763
+ "width": "full"
1764
+ },
1765
+ "getStylesLiterals": {
1766
+ "inputVariantRoot": "default",
1767
+ "inputVariantValueRoot": "empty",
1768
+ "inputVariantValueRoot:1": "filled",
1769
+ "inputVariantInputWrapper": "default",
1770
+ "inputVariantValueInputWrapper": "empty",
1771
+ "inputVariantValueInputWrapper:1": "filled",
1772
+ "inputVariantInput": "default",
1773
+ "inputVariantValueInput": "empty",
1774
+ "inputVariantValueInput:1": "filled",
1775
+ "inputVariantInputPlaceholder": "default",
1776
+ "inputVariantValueInputPlaceholder": "empty",
1777
+ "inputVariantValueInputPlaceholder:1": "filled",
1778
+ "inputVariantLabel": "default",
1779
+ "inputVariantValueLabel": "empty",
1780
+ "inputVariantValueLabel:1": "filled",
1781
+ "inputVariantLabelRequired": "default",
1782
+ "inputVariantValueLabelRequired": "empty",
1783
+ "inputVariantValueLabelRequired:1": "filled",
1784
+ "inputVariantStartIcon": "default",
1785
+ "inputVariantValueStartIcon": "empty",
1786
+ "inputVariantValueStartIcon:1": "filled",
1787
+ "inputVariantEndIcon": "default",
1788
+ "inputVariantValueEndIcon": "empty",
1789
+ "inputVariantValueEndIcon:1": "filled"
1674
1790
  },
1675
- "getStylesLiterals": {},
1676
1791
  "cxLiterals": [
1677
- "overflow-hidden",
1678
- "w-full",
1679
- "h-full",
1680
- "shrink-0",
1681
- "text-center",
1682
- "inline-flex",
1683
- "justify-center",
1684
- "items-center",
1685
- "object-cover"
1792
+ "opacity-50",
1793
+ "uds-ring-shadow",
1794
+ "uds-ring-within",
1795
+ "grow",
1796
+ "uds-hit-target",
1797
+ "bg-transparent",
1798
+ "bg-clip-text",
1799
+ "focus-visible:outline-none",
1800
+ "cursor-text",
1801
+ "cursor-not-allowed"
1686
1802
  ],
1687
1803
  "internalComponents": [
1688
- "UDSImage",
1689
- "AvatarText",
1690
- "AvatarIcon",
1691
- "Box"
1804
+ "IconSlot",
1805
+ "StartIcon",
1806
+ "EndIcon",
1807
+ "HelpTextContent",
1808
+ "Box",
1809
+ "InputHelpTextInternal",
1810
+ "VStack",
1811
+ "HStack",
1812
+ "AnimateHeightChange"
1692
1813
  ],
1693
- "internalComponentProps": {},
1814
+ "internalComponentProps": {
1815
+ "HelpTextContent": { "spacingTop": ["2"] },
1816
+ "Box": {
1817
+ "spacingBottom": ["2"],
1818
+ "columnGap": ["0.5"],
1819
+ "alignItems": ["flex-end", "center"],
1820
+ "position": ["relative"]
1821
+ },
1822
+ "HStack": {
1823
+ "alignItems": ["center"],
1824
+ "gap": ["1"]
1825
+ }
1826
+ },
1694
1827
  "propToVariantKeys": {
1695
- "alt": ["name"],
1696
- "fallback": ["initials"]
1828
+ "size": [
1829
+ "inputSizeRoot",
1830
+ "inputSizeInputWrapperStatic",
1831
+ "inputSizeInputWrapperDynamic",
1832
+ "inputSizeInput",
1833
+ "inputSizeLabel",
1834
+ "inputSizeStartIcon",
1835
+ "inputSizeEndIcon"
1836
+ ],
1837
+ "startIcon": ["icon"],
1838
+ "endIcon": ["icon"],
1839
+ "slotProps": ["helperTextSlotProps"],
1840
+ "helperTextIcon": ["startIcon"]
1697
1841
  },
1698
- "runtimeConfigDefaultProps": {},
1842
+ "runtimeConfigDefaultProps": { "size": "input.defaultSize" },
1699
1843
  "runtimeConfigGetStyles": {},
1700
1844
  "runtimeConfigInternalComponentProps": {},
1701
1845
  "motionVarPrefixes": [],
1702
1846
  "factoryTarget": null
1703
1847
  },
1704
- AvatarText: {
1705
- "name": "AvatarText",
1706
- "defaultProps": {
1707
- "size": "md",
1708
- "variant": "primary"
1709
- },
1848
+ ToastPortal: {
1849
+ "name": "ToastPortal",
1850
+ "defaultProps": {},
1710
1851
  "getStylesLiterals": {},
1711
- "cxLiterals": [
1712
- "overflow-hidden",
1713
- "truncate",
1714
- "w-full",
1715
- "h-full",
1716
- "shrink-0",
1717
- "text-center",
1718
- "inline-flex",
1719
- "justify-center",
1720
- "items-center"
1721
- ],
1722
- "internalComponents": ["Box", "Text"],
1723
- "internalComponentProps": { "Text": {
1724
- "color": ["inherit"],
1725
- "variant": ["inherit"]
1726
- } },
1852
+ "cxLiterals": [],
1853
+ "internalComponents": ["ReactToastifyToastContainer"],
1854
+ "internalComponentProps": {},
1727
1855
  "propToVariantKeys": {},
1728
- "runtimeConfigDefaultProps": {},
1856
+ "runtimeConfigDefaultProps": {
1857
+ "size": "toast.defaultSize",
1858
+ "variant": "toast.defaultVariant"
1859
+ },
1729
1860
  "runtimeConfigGetStyles": {},
1730
- "runtimeConfigInternalComponentProps": {},
1861
+ "runtimeConfigInternalComponentProps": { "ReactToastifyToastContainer": { "autoClose": ["toast.autoClose"] } },
1731
1862
  "motionVarPrefixes": [],
1732
1863
  "factoryTarget": null
1733
1864
  },
1734
- Avatar: {
1735
- "name": "Avatar",
1865
+ UDSToastConfigProvider: {
1866
+ "name": "UDSToastConfigProvider",
1736
1867
  "defaultProps": {},
1737
1868
  "getStylesLiterals": {},
1738
1869
  "cxLiterals": [],
1739
- "internalComponents": ["AvatarImage"],
1870
+ "internalComponents": ["ToastContext.Provider"],
1740
1871
  "internalComponentProps": {},
1741
1872
  "propToVariantKeys": {},
1742
1873
  "runtimeConfigDefaultProps": {},
@@ -1745,357 +1876,171 @@ var componentData_default = {
1745
1876
  "motionVarPrefixes": [],
1746
1877
  "factoryTarget": null
1747
1878
  },
1748
- BottomSheet: {
1749
- "name": "BottomSheet",
1750
- "defaultProps": { "variant": "default" },
1751
- "getStylesLiterals": {},
1752
- "cxLiterals": [
1753
- "fixed",
1754
- "overflow-hidden",
1755
- "inset-x-0",
1756
- "bottom-0",
1757
- "z-50",
1758
- "[will-change:transform]",
1759
- "touch-none",
1760
- "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
1761
- "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
1762
- "transition-transform",
1763
- "duration-500",
1764
- "ease-[cubic-bezier(0.32,0.72,0,1)]",
1765
- "motion-reduce:transition-none",
1766
- "top-[-4px]",
1767
- "z-[1]",
1768
- "touch-pan-y"
1769
- ],
1770
- "internalComponents": [
1771
- "Scrim",
1772
- "BottomSheetHandle",
1773
- "Dialog",
1774
- "Box",
1775
- "BottomSheetInternalContext.Provider"
1776
- ],
1777
- "internalComponentProps": {
1778
- "BottomSheetHandle": { "ariaLabel": ["Resize sheet"] },
1779
- "Dialog": { "data-testid": ["bottom-sheet"] },
1780
- "Box": {
1781
- "display": ["block", "flex"],
1782
- "position": ["absolute"],
1783
- "flexDirection": ["column"],
1784
- "className": ["absolute inset-0 min-h-0 p-[inherit]"]
1785
- }
1879
+ ToastContainer: {
1880
+ "name": "ToastContainer",
1881
+ "defaultProps": {},
1882
+ "getStylesLiterals": {
1883
+ "position": "relative",
1884
+ "alignItems": "center",
1885
+ "display": "flex",
1886
+ "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
1786
1887
  },
1787
- "propToVariantKeys": { "variant": ["bottomsheetVariantRoot"] },
1788
- "runtimeConfigDefaultProps": {},
1789
- "runtimeConfigGetStyles": {},
1790
- "runtimeConfigInternalComponentProps": {},
1791
- "motionVarPrefixes": [],
1792
- "factoryTarget": null
1793
- },
1794
- BottomSheetHandle: {
1795
- "name": "BottomSheetHandle",
1796
- "defaultProps": { "variant": "default" },
1797
- "getStylesLiterals": {},
1798
- "cxLiterals": [
1799
- "relative",
1800
- "h-5",
1801
- "w-16",
1802
- "outline-none",
1803
- "focus-visible:outline-none",
1804
- "[touch-action:pan-y]",
1805
- "absolute",
1806
- "left-1/2",
1807
- "top-1/2",
1808
- "-translate-x-1/2",
1809
- "-translate-y-1/2",
1810
- "h-1",
1811
- "w-8",
1812
- "rounded-full"
1813
- ],
1814
- "internalComponents": ["Box"],
1815
- "internalComponentProps": { "Box": {
1816
- "display": ["block", "flex"],
1817
- "justifyContent": ["center"]
1888
+ "cxLiterals": ["w-full"],
1889
+ "internalComponents": ["HStack"],
1890
+ "internalComponentProps": { "HStack": {
1891
+ "alignItems": ["center"],
1892
+ "justifyContent": ["space-between"],
1893
+ "overflow": ["hidden"],
1894
+ "position": ["relative"]
1818
1895
  } },
1819
- "propToVariantKeys": { "variant": ["bottomsheetVariantHandleIndicator"] },
1820
- "runtimeConfigDefaultProps": {},
1821
- "runtimeConfigGetStyles": {},
1822
- "runtimeConfigInternalComponentProps": {},
1823
- "motionVarPrefixes": [],
1824
- "factoryTarget": null
1825
- },
1826
- BottomSheetInternalContext: {
1827
- "name": "BottomSheetInternalContext",
1828
- "defaultProps": {},
1829
- "getStylesLiterals": {},
1830
- "cxLiterals": [],
1831
- "internalComponents": [],
1832
- "internalComponentProps": {},
1833
- "propToVariantKeys": {},
1834
- "runtimeConfigDefaultProps": {},
1835
- "runtimeConfigGetStyles": {},
1836
- "runtimeConfigInternalComponentProps": {},
1837
- "motionVarPrefixes": [],
1838
- "factoryTarget": null
1839
- },
1840
- BottomSheetProvider: {
1841
- "name": "BottomSheetProvider",
1842
- "defaultProps": {},
1843
- "getStylesLiterals": {},
1844
- "cxLiterals": [],
1845
- "internalComponents": ["AriakitDialogProvider"],
1846
- "internalComponentProps": {},
1847
- "propToVariantKeys": {},
1848
- "runtimeConfigDefaultProps": {},
1849
- "runtimeConfigGetStyles": {},
1850
- "runtimeConfigInternalComponentProps": {},
1851
- "motionVarPrefixes": [],
1852
- "factoryTarget": null
1853
- },
1854
- BottomSheetHeader: {
1855
- "name": "BottomSheetHeader",
1856
- "defaultProps": { "variant": "default" },
1857
- "getStylesLiterals": {},
1858
- "cxLiterals": [
1859
- "grid-cols-[40px_1fr_40px]",
1860
- "items-center",
1861
- "w-full",
1862
- "min-h-10",
1863
- "mt-2"
1864
- ],
1865
- "internalComponents": [
1866
- "Box",
1867
- "Text",
1868
- "DialogHeading"
1869
- ],
1870
- "internalComponentProps": {
1871
- "Box": {
1872
- "className": ["h-10 w-10 opacity-0 pointer-events-none"],
1873
- "display": ["grid", "flex"],
1874
- "justifyContent": ["flex-start", "flex-end"]
1875
- },
1876
- "Text": {
1877
- "as": ["p"],
1878
- "variant": ["inherit"],
1879
- "color": ["inherit"],
1880
- "textAlign": ["center"],
1881
- "className": ["m-0 w-full"]
1882
- },
1883
- "DialogHeading": { "role": ["heading"] }
1896
+ "propToVariantKeys": {
1897
+ "variant": ["toastVariantRoot"],
1898
+ "size": ["toastSizeRoot"]
1884
1899
  },
1885
- "propToVariantKeys": { "variant": ["bottomsheetVariantHeader"] },
1886
- "runtimeConfigDefaultProps": {},
1887
- "runtimeConfigGetStyles": {},
1888
- "runtimeConfigInternalComponentProps": {},
1889
- "motionVarPrefixes": [],
1890
- "factoryTarget": null
1891
- },
1892
- BottomSheetContent: {
1893
- "name": "BottomSheetContent",
1894
- "defaultProps": {},
1895
- "getStylesLiterals": {},
1896
- "cxLiterals": ["min-h-0", "touch-pan-y"],
1897
- "internalComponents": ["Box", "VStack"],
1898
- "internalComponentProps": {
1899
- "Box": {
1900
- "display": ["block"],
1901
- "flex": ["1"]
1902
- },
1903
- "VStack": { "className": ["pb-[calc(env(safe-area-inset-bottom))]"] }
1900
+ "runtimeConfigDefaultProps": {
1901
+ "size": "toast.defaultSize",
1902
+ "variant": "toast.defaultVariant"
1904
1903
  },
1905
- "propToVariantKeys": {},
1906
- "runtimeConfigDefaultProps": {},
1907
- "runtimeConfigGetStyles": {},
1908
- "runtimeConfigInternalComponentProps": {},
1909
- "motionVarPrefixes": [],
1910
- "factoryTarget": null
1911
- },
1912
- UDSBottomSheetConfigProvider: {
1913
- "name": "UDSBottomSheetConfigProvider",
1914
- "defaultProps": {},
1915
- "getStylesLiterals": {},
1916
- "cxLiterals": [],
1917
- "internalComponents": ["BottomSheetContext.Provider"],
1918
- "internalComponentProps": {},
1919
- "propToVariantKeys": {},
1920
- "runtimeConfigDefaultProps": {},
1921
- "runtimeConfigGetStyles": {},
1922
- "runtimeConfigInternalComponentProps": {},
1904
+ "runtimeConfigGetStyles": {
1905
+ "toastVariantRoot": ["toast.defaultVariant"],
1906
+ "toastSizeRoot": ["toast.defaultSize"]
1907
+ },
1908
+ "runtimeConfigInternalComponentProps": { "HStack": { "backgroundColor": ["toast.backgroundColor.${variant}"] } },
1923
1909
  "motionVarPrefixes": [],
1924
1910
  "factoryTarget": null
1925
1911
  },
1926
- BottomSheetTrigger: {
1927
- "name": "BottomSheetTrigger",
1912
+ createToast: {
1913
+ "name": "createToast",
1928
1914
  "defaultProps": {},
1929
1915
  "getStylesLiterals": {},
1930
1916
  "cxLiterals": [],
1931
- "internalComponents": ["AriakitDialogDisclosure"],
1932
- "internalComponentProps": {},
1917
+ "internalComponents": ["Toast"],
1918
+ "internalComponentProps": { "Toast": {
1919
+ "variant": [
1920
+ "loading",
1921
+ "success",
1922
+ "error"
1923
+ ],
1924
+ "message": ["Unknown error occurred"]
1925
+ } },
1933
1926
  "propToVariantKeys": {},
1934
1927
  "runtimeConfigDefaultProps": {},
1935
1928
  "runtimeConfigGetStyles": {},
1936
1929
  "runtimeConfigInternalComponentProps": {},
1937
1930
  "motionVarPrefixes": [],
1938
- "factoryTarget": null
1931
+ "factoryTarget": "Toast"
1939
1932
  },
1940
- BottomSheetDismiss: {
1941
- "name": "BottomSheetDismiss",
1933
+ Toast: {
1934
+ "name": "Toast",
1942
1935
  "defaultProps": {},
1943
- "getStylesLiterals": {},
1944
- "cxLiterals": [],
1945
- "internalComponents": ["AriakitDialogDismiss"],
1946
- "internalComponentProps": {},
1947
- "propToVariantKeys": {},
1948
- "runtimeConfigDefaultProps": {},
1949
- "runtimeConfigGetStyles": {},
1950
- "runtimeConfigInternalComponentProps": {},
1951
- "motionVarPrefixes": [],
1952
- "factoryTarget": null
1953
- },
1954
- ChipToggle: {
1955
- "name": "ChipToggle",
1956
- "defaultProps": {
1957
- "variant": "primary",
1958
- "role": "checkbox"
1959
- },
1960
1936
  "getStylesLiterals": {
1961
- "chipToggleVariantActiveRoot": "on",
1962
- "chipToggleVariantActiveRoot:1": "off"
1937
+ "className": "animate-spin",
1938
+ "className:1": "flex-none",
1939
+ "spacing": "2",
1940
+ "borderRadius": "full"
1963
1941
  },
1964
- "cxLiterals": ["uds-ring"],
1965
- "internalComponents": ["ChipBase"],
1966
- "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1967
- "propToVariantKeys": { "variant": ["chipToggleVariantRoot", "chipToggleVariantIcon"] },
1968
- "runtimeConfigDefaultProps": {},
1969
- "runtimeConfigGetStyles": {},
1970
- "runtimeConfigInternalComponentProps": {},
1971
- "motionVarPrefixes": [],
1972
- "factoryTarget": null
1973
- },
1974
- Chip: {
1975
- "name": "Chip",
1976
- "defaultProps": {},
1977
- "getStylesLiterals": {},
1978
- "cxLiterals": [],
1979
- "internalComponents": [
1980
- "ChipDismissible",
1981
- "ChipToggle",
1982
- "ChipLink",
1983
- "ChipButton"
1984
- ],
1985
- "internalComponentProps": {},
1986
- "propToVariantKeys": {},
1987
- "runtimeConfigDefaultProps": {},
1988
- "runtimeConfigGetStyles": {},
1989
- "runtimeConfigInternalComponentProps": {},
1990
- "motionVarPrefixes": [],
1991
- "factoryTarget": null
1992
- },
1993
- ChipButton: {
1994
- "name": "ChipButton",
1995
- "defaultProps": { "variant": "primary" },
1996
- "getStylesLiterals": {},
1997
- "cxLiterals": ["uds-ring"],
1998
- "internalComponents": ["ChipBase"],
1999
- "internalComponentProps": { "ChipBase": { "as": ["button"] } },
2000
- "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
2001
- "runtimeConfigDefaultProps": {},
2002
- "runtimeConfigGetStyles": {},
2003
- "runtimeConfigInternalComponentProps": {},
2004
- "motionVarPrefixes": [],
2005
- "factoryTarget": null
2006
- },
2007
- ChipLink: {
2008
- "name": "ChipLink",
2009
- "defaultProps": { "variant": "primary" },
2010
- "getStylesLiterals": {},
2011
- "cxLiterals": ["uds-ring"],
2012
- "internalComponents": ["ChipBase"],
2013
- "internalComponentProps": { "ChipBase": { "as": ["a"] } },
2014
- "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
2015
- "runtimeConfigDefaultProps": {},
2016
- "runtimeConfigGetStyles": {},
2017
- "runtimeConfigInternalComponentProps": {},
2018
- "motionVarPrefixes": [],
2019
- "factoryTarget": null
2020
- },
2021
- ChipDismissible: {
2022
- "name": "ChipDismissible",
2023
- "defaultProps": { "variant": "primary" },
2024
- "getStylesLiterals": {},
2025
1942
  "cxLiterals": [
2026
- "uds-chip-dismissible-button",
2027
- "uds-hit-target",
2028
- "uds-ring",
2029
- "rounded-full"
1943
+ "duration-0",
1944
+ "duration-120",
1945
+ "transition-[background-color]",
1946
+ "bg-carbon-15/0",
1947
+ "hover:bg-carbon-15/10",
1948
+ "active:bg-carbon-15/15",
1949
+ "uds-ring"
2030
1950
  ],
2031
1951
  "internalComponents": [
2032
- "ChipBase",
2033
1952
  "IconSlot",
1953
+ "ToastContainer",
1954
+ "Text",
1955
+ "Button",
2034
1956
  "Pressable"
2035
1957
  ],
2036
1958
  "internalComponentProps": {},
2037
1959
  "propToVariantKeys": {
2038
- "variant": ["chipDismissibleVariantRoot", "chipDismissibleVariantIcon"],
2039
- "dismissButtonAriaLabel": ["aria-label"]
1960
+ "size": [
1961
+ "toastSizeLabel",
1962
+ "toastSizeIcon",
1963
+ "toastSizeActionButton",
1964
+ "toastSizeCloseIcon"
1965
+ ],
1966
+ "variant": [
1967
+ "toastVariantIcon",
1968
+ "toastVariantActionButton",
1969
+ "toastVariantCloseIcon"
1970
+ ],
1971
+ "closeIcon": ["icon"],
1972
+ "onClickActionButton": ["onClick"]
1973
+ },
1974
+ "runtimeConfigDefaultProps": {
1975
+ "size": "toast.defaultSize",
1976
+ "variant": "toast.defaultVariant"
1977
+ },
1978
+ "runtimeConfigGetStyles": {
1979
+ "toastSizeLabel": ["toast.defaultSize"],
1980
+ "toastVariantIcon": ["toast.defaultVariant"],
1981
+ "toastSizeIcon": ["toast.defaultSize"],
1982
+ "toastSizeActionButton": ["toast.defaultSize"],
1983
+ "toastVariantActionButton": ["toast.defaultVariant"],
1984
+ "toastVariantCloseIcon": ["toast.defaultVariant"],
1985
+ "toastSizeCloseIcon": ["toast.defaultSize"]
1986
+ },
1987
+ "runtimeConfigInternalComponentProps": {
1988
+ "ToastContainer": {
1989
+ "size": ["toast.defaultSize"],
1990
+ "variant": ["toast.defaultVariant"]
1991
+ },
1992
+ "Text": {
1993
+ "variant": ["toast.textVariant.${size}"],
1994
+ "color": ["toast.textColor.${variant}"]
1995
+ },
1996
+ "Button": {
1997
+ "size": ["toast.buttonSize.${size}"],
1998
+ "variant": ["toast.buttonVariant.${variant}"]
1999
+ }
2040
2000
  },
2041
- "runtimeConfigDefaultProps": {},
2042
- "runtimeConfigGetStyles": {},
2043
- "runtimeConfigInternalComponentProps": {},
2044
- "motionVarPrefixes": [],
2045
- "factoryTarget": null
2046
- },
2047
- UDSChipConfigProvider: {
2048
- "name": "UDSChipConfigProvider",
2049
- "defaultProps": {},
2050
- "getStylesLiterals": {},
2051
- "cxLiterals": [],
2052
- "internalComponents": [],
2053
- "internalComponentProps": {},
2054
- "propToVariantKeys": {},
2055
- "runtimeConfigDefaultProps": {},
2056
- "runtimeConfigGetStyles": {},
2057
- "runtimeConfigInternalComponentProps": {},
2058
2001
  "motionVarPrefixes": [],
2059
2002
  "factoryTarget": null
2060
- },
2061
- ChipBase: {
2062
- "name": "ChipBase",
2063
- "defaultProps": {
2064
- "size": "md",
2065
- "as": "div"
2066
- },
2067
- "getStylesLiterals": {},
2068
- "cxLiterals": [
2069
- "pointer-events-none",
2070
- "cursor-default",
2071
- "opacity-50",
2072
- "inline-flex",
2073
- "items-center",
2074
- "transition-[background-color,outline-color,box-shadow]",
2075
- "truncate",
2076
- "whitespace-nowrap",
2077
- "text-center",
2078
- "flex-1",
2079
- "md",
2080
- "primary"
2081
- ],
2082
- "internalComponents": [
2083
- "IconSlot",
2084
- "HStack",
2085
- "As",
2086
- "Text"
2087
- ],
2088
- "internalComponentProps": { "Text": {
2089
- "as": ["span"],
2090
- "color": ["current"],
2091
- "variant": ["inherit"]
2092
- } },
2093
- "propToVariantKeys": {
2094
- "size": ["chipSizeRoot", "chipSizeIcon"],
2095
- "startIcon": ["icon"],
2096
- "endIcon": ["icon"]
2003
+ },
2004
+ PopoverContext: {
2005
+ "name": "PopoverContext",
2006
+ "defaultProps": {},
2007
+ "getStylesLiterals": {},
2008
+ "cxLiterals": [],
2009
+ "internalComponents": [],
2010
+ "internalComponentProps": {},
2011
+ "propToVariantKeys": {},
2012
+ "runtimeConfigDefaultProps": {},
2013
+ "runtimeConfigGetStyles": {},
2014
+ "runtimeConfigInternalComponentProps": {},
2015
+ "motionVarPrefixes": [],
2016
+ "factoryTarget": null
2017
+ },
2018
+ Popover: {
2019
+ "name": "Popover",
2020
+ "defaultProps": {},
2021
+ "getStylesLiterals": {},
2022
+ "cxLiterals": ["uds:popover-open"],
2023
+ "internalComponents": ["PopoverInternalContext.Provider", "PopoverProvider"],
2024
+ "internalComponentProps": {},
2025
+ "propToVariantKeys": {},
2026
+ "runtimeConfigDefaultProps": {
2027
+ "size": "popover.defaultSize",
2028
+ "variant": "popover.defaultVariant"
2097
2029
  },
2098
- "runtimeConfigDefaultProps": { "size": "chip.defaultSize" },
2030
+ "runtimeConfigGetStyles": {},
2031
+ "runtimeConfigInternalComponentProps": {},
2032
+ "motionVarPrefixes": [],
2033
+ "factoryTarget": null
2034
+ },
2035
+ PopoverTrigger: {
2036
+ "name": "PopoverTrigger",
2037
+ "defaultProps": {},
2038
+ "getStylesLiterals": {},
2039
+ "cxLiterals": [],
2040
+ "internalComponents": ["PopoverDisclosure"],
2041
+ "internalComponentProps": { "PopoverDisclosure": { "className": ["inline"] } },
2042
+ "propToVariantKeys": { "children": ["render"] },
2043
+ "runtimeConfigDefaultProps": {},
2099
2044
  "runtimeConfigGetStyles": {},
2100
2045
  "runtimeConfigInternalComponentProps": {},
2101
2046
  "motionVarPrefixes": [],
@@ -2173,23 +2118,6 @@ var componentData_default = {
2173
2118
  "motionVarPrefixes": [],
2174
2119
  "factoryTarget": null
2175
2120
  },
2176
- Popover: {
2177
- "name": "Popover",
2178
- "defaultProps": {},
2179
- "getStylesLiterals": {},
2180
- "cxLiterals": ["uds:popover-open"],
2181
- "internalComponents": ["PopoverInternalContext.Provider", "PopoverProvider"],
2182
- "internalComponentProps": {},
2183
- "propToVariantKeys": {},
2184
- "runtimeConfigDefaultProps": {
2185
- "size": "popover.defaultSize",
2186
- "variant": "popover.defaultVariant"
2187
- },
2188
- "runtimeConfigGetStyles": {},
2189
- "runtimeConfigInternalComponentProps": {},
2190
- "motionVarPrefixes": [],
2191
- "factoryTarget": null
2192
- },
2193
2121
  UDSPopoverConfigProvider: {
2194
2122
  "name": "UDSPopoverConfigProvider",
2195
2123
  "defaultProps": {},
@@ -2204,241 +2132,54 @@ var componentData_default = {
2204
2132
  "motionVarPrefixes": [],
2205
2133
  "factoryTarget": null
2206
2134
  },
2207
- PopoverTrigger: {
2208
- "name": "PopoverTrigger",
2209
- "defaultProps": {},
2210
- "getStylesLiterals": {},
2211
- "cxLiterals": [],
2212
- "internalComponents": ["PopoverDisclosure"],
2213
- "internalComponentProps": { "PopoverDisclosure": { "className": ["inline"] } },
2214
- "propToVariantKeys": { "children": ["render"] },
2215
- "runtimeConfigDefaultProps": {},
2216
- "runtimeConfigGetStyles": {},
2217
- "runtimeConfigInternalComponentProps": {},
2218
- "motionVarPrefixes": [],
2219
- "factoryTarget": null
2220
- },
2221
- PopoverContext: {
2222
- "name": "PopoverContext",
2223
- "defaultProps": {},
2224
- "getStylesLiterals": {},
2225
- "cxLiterals": [],
2226
- "internalComponents": [],
2227
- "internalComponentProps": {},
2228
- "propToVariantKeys": {},
2229
- "runtimeConfigDefaultProps": {},
2230
- "runtimeConfigGetStyles": {},
2231
- "runtimeConfigInternalComponentProps": {},
2232
- "motionVarPrefixes": [],
2233
- "factoryTarget": null
2234
- },
2235
- UDSInputConfigProvider: {
2236
- "name": "UDSInputConfigProvider",
2135
+ Checkbox: {
2136
+ "name": "Checkbox",
2237
2137
  "defaultProps": {},
2238
2138
  "getStylesLiterals": {},
2239
- "cxLiterals": [],
2240
- "internalComponents": [],
2241
- "internalComponentProps": {},
2242
- "propToVariantKeys": {},
2243
- "runtimeConfigDefaultProps": {},
2244
- "runtimeConfigGetStyles": {},
2245
- "runtimeConfigInternalComponentProps": {},
2246
- "motionVarPrefixes": [],
2247
- "factoryTarget": null
2248
- },
2249
- Input: {
2250
- "name": "Input",
2251
- "defaultProps": {
2252
- "type": "text",
2253
- "size": "md",
2254
- "width": "full"
2255
- },
2256
- "getStylesLiterals": {
2257
- "inputVariantRoot": "default",
2258
- "inputVariantValueRoot": "empty",
2259
- "inputVariantValueRoot:1": "filled",
2260
- "inputVariantInputWrapper": "default",
2261
- "inputVariantValueInputWrapper": "empty",
2262
- "inputVariantValueInputWrapper:1": "filled",
2263
- "inputVariantInput": "default",
2264
- "inputVariantValueInput": "empty",
2265
- "inputVariantValueInput:1": "filled",
2266
- "inputVariantInputPlaceholder": "default",
2267
- "inputVariantValueInputPlaceholder": "empty",
2268
- "inputVariantValueInputPlaceholder:1": "filled",
2269
- "inputVariantLabel": "default",
2270
- "inputVariantValueLabel": "empty",
2271
- "inputVariantValueLabel:1": "filled",
2272
- "inputVariantLabelRequired": "default",
2273
- "inputVariantValueLabelRequired": "empty",
2274
- "inputVariantValueLabelRequired:1": "filled",
2275
- "inputVariantStartIcon": "default",
2276
- "inputVariantValueStartIcon": "empty",
2277
- "inputVariantValueStartIcon:1": "filled",
2278
- "inputVariantEndIcon": "default",
2279
- "inputVariantValueEndIcon": "empty",
2280
- "inputVariantValueEndIcon:1": "filled"
2281
- },
2282
- "cxLiterals": [
2283
- "opacity-50",
2284
- "uds-ring-shadow",
2285
- "uds-ring-within",
2286
- "grow",
2287
- "uds-hit-target",
2288
- "bg-transparent",
2289
- "bg-clip-text",
2290
- "focus-visible:outline-none",
2291
- "cursor-text",
2292
- "cursor-not-allowed"
2293
- ],
2294
- "internalComponents": [
2295
- "IconSlot",
2296
- "StartIcon",
2297
- "EndIcon",
2298
- "HelpTextContent",
2299
- "Box",
2300
- "InputHelpTextInternal",
2301
- "VStack",
2302
- "HStack",
2303
- "AnimateHeightChange"
2304
- ],
2305
- "internalComponentProps": {
2306
- "HelpTextContent": { "spacingTop": ["2"] },
2307
- "Box": {
2308
- "spacingBottom": ["2"],
2309
- "columnGap": ["0.5"],
2310
- "alignItems": ["flex-end", "center"],
2311
- "position": ["relative"]
2312
- },
2313
- "HStack": {
2314
- "alignItems": ["center"],
2315
- "gap": ["1"]
2316
- }
2317
- },
2318
- "propToVariantKeys": {
2319
- "size": [
2320
- "inputSizeRoot",
2321
- "inputSizeInputWrapperStatic",
2322
- "inputSizeInputWrapperDynamic",
2323
- "inputSizeInput",
2324
- "inputSizeLabel",
2325
- "inputSizeStartIcon",
2326
- "inputSizeEndIcon"
2327
- ],
2328
- "startIcon": ["icon"],
2329
- "endIcon": ["icon"],
2330
- "slotProps": ["helperTextSlotProps"],
2331
- "helperTextIcon": ["startIcon"]
2332
- },
2333
- "runtimeConfigDefaultProps": { "size": "input.defaultSize" },
2334
- "runtimeConfigGetStyles": {},
2335
- "runtimeConfigInternalComponentProps": {},
2336
- "motionVarPrefixes": [],
2337
- "factoryTarget": null
2338
- },
2339
- InputHelpTextInternal: {
2340
- "name": "InputHelpTextInternal",
2341
- "defaultProps": {},
2342
- "getStylesLiterals": {
2343
- "inputVariantHelperText": "default",
2344
- "inputVariantValueHelperText": "empty",
2345
- "inputVariantValueHelperText:1": "filled",
2346
- "inputVariantHelperIcon": "default",
2347
- "inputVariantValueHelperIcon": "empty",
2348
- "inputVariantValueHelperIcon:1": "filled"
2349
- },
2350
- "cxLiterals": [],
2351
- "internalComponents": ["IconSlot", "HStack"],
2352
- "internalComponentProps": { "HStack": {
2353
- "gap": ["1"],
2354
- "alignItems": ["center"]
2355
- } },
2356
- "propToVariantKeys": {
2357
- "size": ["inputSizeHelperText", "inputSizeHelperIcon"],
2358
- "startIcon": ["icon"],
2359
- "endIcon": ["icon"]
2360
- },
2361
- "runtimeConfigDefaultProps": { "size": "input.defaultSize" },
2362
- "runtimeConfigGetStyles": {},
2363
- "runtimeConfigInternalComponentProps": {},
2364
- "motionVarPrefixes": [],
2365
- "factoryTarget": null
2366
- },
2367
- InputHelpText: {
2368
- "name": "InputHelpText",
2369
- "defaultProps": { "size": "md" },
2370
- "getStylesLiterals": {
2371
- "inputVariantRoot": "default",
2372
- "inputVariantValueRoot": "empty",
2373
- "inputVariantValueRoot:1": "filled"
2374
- },
2375
- "cxLiterals": [],
2376
- "internalComponents": ["InputHelpTextInternal", "Box"],
2377
- "internalComponentProps": { "Box": { "spacingTop": ["2"] } },
2378
- "propToVariantKeys": { "size": ["inputSizeRoot"] },
2379
- "runtimeConfigDefaultProps": {},
2380
- "runtimeConfigGetStyles": {},
2381
- "runtimeConfigInternalComponentProps": {},
2382
- "motionVarPrefixes": [],
2383
- "factoryTarget": null
2384
- },
2385
- Radio: {
2386
- "name": "Radio",
2387
- "defaultProps": {},
2388
- "getStylesLiterals": {
2389
- "radioVariantValueRadio": "checked",
2390
- "radioVariantValueRadio:1": "unchecked",
2391
- "radioVariantValueRadioCircle": "checked",
2392
- "radioVariantValueRadioCircle:1": "unchecked"
2393
- },
2394
2139
  "cxLiterals": [
2140
+ "opacity-0",
2395
2141
  "opacity-55",
2396
2142
  "opacity-100",
2397
- "opacity-0",
2398
- "border",
2399
2143
  "uds-ring",
2400
2144
  "uds-ring-within",
2401
- "transition-[background-color,border-color]",
2402
- "transition-shadow",
2145
+ "transition-[background-color,border-color,box-shadow]",
2403
2146
  "pointer-events-none",
2404
- "w-[8px]",
2405
- "h-[8px]",
2406
2147
  "transition-opacity",
2407
2148
  "group",
2408
2149
  "group-hover:scale-110",
2409
2150
  "group-active:scale-90",
2410
- "group-active:uds-inset-shadow-lg-invert",
2411
- "group-hover:uds-inset-shadow-lg-invert",
2412
- "transition-[background-color,border-color,transform]"
2151
+ "transition-[background-color,border-color,box-shadow,transform]",
2152
+ "group-active:opacity-55"
2413
2153
  ],
2414
2154
  "internalComponents": [
2415
- "RadioBase",
2416
- "Box",
2155
+ "CheckboxBase",
2156
+ "Icon",
2417
2157
  "SpringMotionConfig",
2418
2158
  "RootElement",
2419
2159
  "MotionBox",
2420
- "RadioProps"
2160
+ "Box",
2161
+ "CheckboxProps"
2421
2162
  ],
2422
2163
  "internalComponentProps": {
2423
- "Box": {
2424
- "borderRadius": ["full"],
2164
+ "Icon": { "size": ["sm"] },
2165
+ "RootElement": { "data-testid": ["container"] },
2166
+ "MotionBox": {
2425
2167
  "position": ["relative"],
2426
2168
  "alignItems": ["center"],
2427
2169
  "justifyContent": ["center"],
2428
2170
  "flex": ["none"]
2429
2171
  },
2430
- "RootElement": { "data-testid": ["container"] },
2431
- "MotionBox": {
2172
+ "Box": {
2432
2173
  "position": ["relative"],
2433
- "borderRadius": ["full"],
2434
2174
  "alignItems": ["center"],
2435
2175
  "justifyContent": ["center"],
2436
2176
  "flex": ["none"]
2437
2177
  }
2438
2178
  },
2439
2179
  "propToVariantKeys": {
2440
- "size": ["radioSizeRadio"],
2441
- "variant": ["radioVariantRadio", "radioVariantRadioCircle"],
2180
+ "size": ["checkboxSizeCheckbox"],
2181
+ "variant": ["checkboxVariantCheckbox", "checkboxVariantCheckboxIcon"],
2182
+ "valueState": ["checkboxVariantValueCheckbox", "checkboxVariantValueCheckboxIcon"],
2442
2183
  "reduceMotion": ["reducedMotion"]
2443
2184
  },
2444
2185
  "runtimeConfigDefaultProps": {},
@@ -2447,17 +2188,14 @@ var componentData_default = {
2447
2188
  "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"],
2448
2189
  "factoryTarget": null
2449
2190
  },
2450
- RadioBase: {
2451
- "name": "RadioBase",
2191
+ CheckboxBase: {
2192
+ "name": "CheckboxBase",
2452
2193
  "defaultProps": {
2453
2194
  "labelPosition": "start",
2454
2195
  "variant": "primary",
2455
- "size": "md",
2456
- "value": ""
2196
+ "size": "md"
2457
2197
  },
2458
2198
  "getStylesLiterals": {
2459
- "radioVariantValueRoot": "checked",
2460
- "radioVariantValueRoot:1": "unchecked",
2461
2199
  "display": "flex",
2462
2200
  "flexDirection": "row",
2463
2201
  "flexDirection:1": "row-reverse",
@@ -2484,8 +2222,9 @@ var componentData_default = {
2484
2222
  "color": ["inherit"]
2485
2223
  } },
2486
2224
  "propToVariantKeys": {
2487
- "size": ["radioSizeRoot"],
2488
- "variant": ["radioVariantRoot"]
2225
+ "size": ["checkboxSizeRoot"],
2226
+ "variant": ["checkboxVariantRoot"],
2227
+ "valueState": ["checkboxVariantValueRoot"]
2489
2228
  },
2490
2229
  "runtimeConfigDefaultProps": {},
2491
2230
  "runtimeConfigGetStyles": {},
@@ -2493,17 +2232,72 @@ var componentData_default = {
2493
2232
  "motionVarPrefixes": [],
2494
2233
  "factoryTarget": null
2495
2234
  },
2496
- RadioGroupProvider: {
2497
- "name": "RadioGroupProvider",
2235
+ UDSPaddleNavConfigProvider: {
2236
+ "name": "UDSPaddleNavConfigProvider",
2498
2237
  "defaultProps": {},
2499
2238
  "getStylesLiterals": {},
2500
- "cxLiterals": [],
2501
- "internalComponents": [
2502
- "DivProps",
2503
- "Comp",
2504
- "RadioGroupContext.Provider"
2239
+ "cxLiterals": ["md"],
2240
+ "internalComponents": [],
2241
+ "internalComponentProps": {},
2242
+ "propToVariantKeys": {},
2243
+ "runtimeConfigDefaultProps": {},
2244
+ "runtimeConfigGetStyles": {},
2245
+ "runtimeConfigInternalComponentProps": {},
2246
+ "motionVarPrefixes": [],
2247
+ "factoryTarget": null
2248
+ },
2249
+ PaddleButton: {
2250
+ "name": "PaddleButton",
2251
+ "defaultProps": {},
2252
+ "getStylesLiterals": {},
2253
+ "cxLiterals": [
2254
+ "relative",
2255
+ "inline-flex",
2256
+ "items-center",
2257
+ "justify-center",
2258
+ "box-border",
2259
+ "overflow-hidden",
2260
+ "border-solid",
2261
+ "select-none",
2262
+ "uds-nested-radius",
2263
+ "transition-[color,border-color,box-shadow]",
2264
+ "duration-[180ms]",
2265
+ "ease-[cubic-bezier(0,0,0.2,1)]",
2266
+ "uds-ring",
2267
+ "cursor-pointer",
2268
+ "cursor-not-allowed",
2269
+ "opacity-50",
2270
+ "pointer-events-none",
2271
+ "hidden",
2272
+ "absolute",
2273
+ "inset-0",
2274
+ "-z-10",
2275
+ "rounded-[var(--uds-nested-radius)]",
2276
+ "transition-[background-color,opacity]"
2505
2277
  ],
2506
- "internalComponentProps": { "Comp": { "role": ["radiogroup"] } },
2278
+ "internalComponents": ["Icon"],
2279
+ "internalComponentProps": { "Icon": { "color": ["current"] } },
2280
+ "propToVariantKeys": {
2281
+ "size": ["paddlenavSizeRoot", "paddlenavSizeIcon"],
2282
+ "variant": [
2283
+ "paddlenavVariantRoot",
2284
+ "paddlenavVariantBackground",
2285
+ "paddlenavVariantIcon"
2286
+ ]
2287
+ },
2288
+ "runtimeConfigDefaultProps": { "size": "paddleNav.defaultSize" },
2289
+ "runtimeConfigGetStyles": {},
2290
+ "runtimeConfigInternalComponentProps": { "Icon": { "size": ["paddleNav.iconSize.${size}"] } },
2291
+ "motionVarPrefixes": [],
2292
+ "factoryTarget": null
2293
+ },
2294
+ PaddleButtonNext: {
2295
+ "name": "PaddleButtonNext",
2296
+ "defaultProps": {},
2297
+ "getStylesLiterals": {},
2298
+ "cxLiterals": [],
2299
+ "internalComponents": ["PaddleButton"],
2300
+ "internalComponentProps": { "PaddleButton": { "paddleRole": ["next"] } },
2507
2301
  "propToVariantKeys": {},
2508
2302
  "runtimeConfigDefaultProps": {},
2509
2303
  "runtimeConfigGetStyles": {},
@@ -2511,11 +2305,29 @@ var componentData_default = {
2511
2305
  "motionVarPrefixes": [],
2512
2306
  "factoryTarget": null
2513
2307
  },
2514
- RadioGroupStore: {
2515
- "name": "RadioGroupStore",
2308
+ PaddleButtonPrevious: {
2309
+ "name": "PaddleButtonPrevious",
2516
2310
  "defaultProps": {},
2517
2311
  "getStylesLiterals": {},
2518
2312
  "cxLiterals": [],
2313
+ "internalComponents": ["PaddleButton"],
2314
+ "internalComponentProps": { "PaddleButton": { "paddleRole": ["previous"] } },
2315
+ "propToVariantKeys": {},
2316
+ "runtimeConfigDefaultProps": {},
2317
+ "runtimeConfigGetStyles": {},
2318
+ "runtimeConfigInternalComponentProps": {},
2319
+ "motionVarPrefixes": [],
2320
+ "factoryTarget": null
2321
+ },
2322
+ PaddleNavContent: {
2323
+ "name": "PaddleNavContent",
2324
+ "defaultProps": {},
2325
+ "getStylesLiterals": {},
2326
+ "cxLiterals": [
2327
+ "min-w-0",
2328
+ "min-h-0",
2329
+ "relative"
2330
+ ],
2519
2331
  "internalComponents": [],
2520
2332
  "internalComponentProps": {},
2521
2333
  "propToVariantKeys": {},
@@ -2525,72 +2337,137 @@ var componentData_default = {
2525
2337
  "motionVarPrefixes": [],
2526
2338
  "factoryTarget": null
2527
2339
  },
2528
- Tab: {
2529
- "name": "Tab",
2530
- "defaultProps": { "variant": "primary" },
2531
- "getStylesLiterals": {
2532
- "tabSizeRoot": "default",
2533
- "tabVariantActiveRoot": "off",
2534
- "tabVariantActiveRoot:1": "on",
2535
- "tabSizeIcon": "default"
2340
+ PaddleNav: {
2341
+ "name": "PaddleNav",
2342
+ "defaultProps": {
2343
+ "orientation": "horizontal",
2344
+ "variant": "primary",
2345
+ "size": "md"
2536
2346
  },
2347
+ "getStylesLiterals": {},
2537
2348
  "cxLiterals": [
2538
2349
  "pointer-events-none",
2539
- "absolute",
2540
- "bottom-0",
2541
- "left-0",
2542
- "right-0",
2543
- "h-[var(--uds-tab-underline-width,0px)]",
2544
- "bg-[var(--uds-tab-underline-color,transparent)]",
2545
- "transition-[height,background-color]",
2546
- "duration-[240ms]",
2547
- "ease-[cubic-bezier(0.2,0,0,1)]",
2548
- "!bg-transparent",
2549
- "!shadow-none",
2550
2350
  "inline-flex",
2351
+ "flex-row",
2352
+ "gap-2",
2551
2353
  "items-center",
2552
- "shrink-0",
2553
- "box-border",
2354
+ "pointer-events-auto",
2355
+ "flex-col",
2554
2356
  "relative",
2555
- "z-[1]",
2556
- "cursor-pointer",
2557
- "select-none",
2558
- "whitespace-nowrap",
2559
- "uds-ring",
2560
- "opacity-50",
2561
- "cursor-default",
2562
- "border-solid",
2563
- "border-b-solid",
2564
- "transition-colors"
2357
+ "min-w-0",
2358
+ "min-h-0",
2359
+ "flex-1",
2360
+ "inline-block",
2361
+ "absolute",
2362
+ "z-10",
2363
+ "top-2",
2364
+ "left-1/2",
2365
+ "-translate-x-1/2",
2366
+ "left-2",
2367
+ "top-1/2",
2368
+ "-translate-y-1/2",
2369
+ "bottom-2",
2370
+ "right-2",
2371
+ "-top-12",
2372
+ "left-0",
2373
+ "right-0",
2374
+ "-bottom-12"
2565
2375
  ],
2376
+ "internalComponents": ["PaddleNavContext.Provider", "Box"],
2377
+ "internalComponentProps": { "Box": {
2378
+ "display": ["inline-flex"],
2379
+ "alignItems": ["center"],
2380
+ "justifyContent": ["center"],
2381
+ "data-paddle-nav-outside": ["true"]
2382
+ } },
2383
+ "propToVariantKeys": { "orientation": ["data-paddle-nav-orientation"] },
2384
+ "runtimeConfigDefaultProps": {},
2385
+ "runtimeConfigGetStyles": {},
2386
+ "runtimeConfigInternalComponentProps": {},
2387
+ "motionVarPrefixes": [],
2388
+ "factoryTarget": null
2389
+ },
2390
+ Button: {
2391
+ "name": "Button",
2392
+ "defaultProps": {},
2393
+ "getStylesLiterals": {},
2394
+ "cxLiterals": [],
2566
2395
  "internalComponents": [
2396
+ "ButtonBase",
2397
+ "Icon",
2567
2398
  "IconSlot",
2568
- "AriakitTab",
2569
- "Text"
2399
+ "AnimatePresence",
2400
+ "SpringMotionConfig",
2401
+ "MotionSlot",
2402
+ "ButtonProps",
2403
+ "Slot"
2404
+ ],
2405
+ "internalComponentProps": {
2406
+ "Icon": { "color": ["current"] },
2407
+ "AnimatePresence": { "mode": ["popLayout"] },
2408
+ "SpringMotionConfig": { "layoutSpeed": ["3"] },
2409
+ "MotionSlot": {
2410
+ "whileHover": ["hover"],
2411
+ "whileTap": ["pressed"]
2412
+ }
2413
+ },
2414
+ "propToVariantKeys": {},
2415
+ "runtimeConfigDefaultProps": {},
2416
+ "runtimeConfigGetStyles": {},
2417
+ "runtimeConfigInternalComponentProps": {},
2418
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"],
2419
+ "factoryTarget": null
2420
+ },
2421
+ ButtonBase: {
2422
+ "name": "ButtonBase",
2423
+ "defaultProps": { "type": "button" },
2424
+ "getStylesLiterals": {},
2425
+ "cxLiterals": [
2426
+ "uds-ring",
2427
+ "uds-hit-target",
2428
+ "inline-flex",
2429
+ "max-w-full",
2430
+ "overflow-hidden",
2431
+ "justify-center",
2432
+ "items-center",
2433
+ "whitespace-nowrap",
2434
+ "select-none",
2435
+ "[transform-origin:center]",
2436
+ "[backface-visibility:hidden]",
2437
+ "[transition-property:color,background-color,border-color,box-shadow,text-decoration-color,fill,stroke]",
2438
+ "[transition-timing-function:cubic-bezier(0,0,0.2,1)]",
2439
+ "[transition-duration:220ms]",
2440
+ "cursor-not-allowed",
2441
+ "uds-button-loading",
2442
+ "uds-button-without-effects",
2443
+ "withIcon",
2444
+ "uds-button-with-gap",
2445
+ "flex",
2446
+ "shrink-0",
2447
+ "overflow-clip",
2448
+ "uds-button-icon-container",
2449
+ "animate-spin",
2450
+ "min-w-0",
2451
+ "truncate"
2570
2452
  ],
2571
- "internalComponentProps": { "Text": {
2572
- "variant": ["inherit"],
2573
- "as": ["span"],
2574
- "color": ["current"]
2575
- } },
2453
+ "internalComponents": [],
2454
+ "internalComponentProps": {},
2576
2455
  "propToVariantKeys": {
2577
- "variant": ["tabVariantRoot", "tabVariantIcon"],
2578
- "activeState": ["tabVariantActiveIcon"],
2579
- "startIcon": ["icon"],
2580
- "endIcon": ["icon"]
2456
+ "size": ["buttonSizeRoot", "buttonSizeIcon"],
2457
+ "variant": ["buttonVariantRoot", "buttonVariantIcon"]
2581
2458
  },
2582
- "runtimeConfigDefaultProps": { "size": "tab.defaultSize" },
2459
+ "runtimeConfigDefaultProps": { "size": "button.defaultSize" },
2583
2460
  "runtimeConfigGetStyles": {},
2584
2461
  "runtimeConfigInternalComponentProps": {},
2585
2462
  "motionVarPrefixes": [],
2586
2463
  "factoryTarget": null
2587
2464
  },
2588
- UDSTabConfigProvider: {
2589
- "name": "UDSTabConfigProvider",
2465
+ UDSButtonConfigProvider: {
2466
+ "name": "UDSButtonConfigProvider",
2590
2467
  "defaultProps": {},
2591
2468
  "getStylesLiterals": {},
2592
- "cxLiterals": ["sm"],
2593
- "internalComponents": [],
2469
+ "cxLiterals": [],
2470
+ "internalComponents": ["ButtonContext.Provider"],
2594
2471
  "internalComponentProps": {},
2595
2472
  "propToVariantKeys": {},
2596
2473
  "runtimeConfigDefaultProps": {},
@@ -2599,253 +2476,196 @@ var componentData_default = {
2599
2476
  "motionVarPrefixes": [],
2600
2477
  "factoryTarget": null
2601
2478
  },
2602
- TabList: {
2603
- "name": "TabList",
2604
- "defaultProps": { "variant": "primary" },
2605
- "getStylesLiterals": {
2606
- "tabSizeRoot": "default",
2607
- "tabVariantActiveRoot": "on"
2608
- },
2479
+ IconButtonBase: {
2480
+ "name": "IconButtonBase",
2481
+ "defaultProps": { "type": "button" },
2482
+ "getStylesLiterals": {},
2609
2483
  "cxLiterals": [
2610
- "pointer-events-none",
2611
- "absolute",
2612
- "bottom-0",
2613
- "left-0",
2614
- "right-0",
2615
- "h-[var(--uds-tab-underline-width,0px)]",
2616
- "bg-[var(--uds-tab-underline-color,transparent)]",
2617
- "transition-[height,background-color]",
2618
- "duration-[240ms]",
2619
- "ease-[cubic-bezier(0.2,0,0,1)]",
2620
- "!m-0",
2621
- "!p-0",
2622
- "!gap-0",
2623
- "box-border",
2624
- "z-0",
2625
- "min-w-0",
2626
- "min-h-0",
2627
- "flex",
2628
- "flex-row",
2484
+ "uds-ring",
2485
+ "uds-hit-target",
2486
+ "inline-flex",
2487
+ "overflow-hidden",
2488
+ "justify-center",
2629
2489
  "items-center",
2630
- "overflow-x-auto",
2631
- "overflow-y-clip",
2632
- "scrollbar-none",
2633
- "[overflow-clip-margin:6px]",
2634
- "overflow-clip",
2635
- "[overflow-clip-margin:8px]",
2636
- "relative",
2637
- "left",
2638
- "240ms",
2639
- "cubic-bezier(0.2,",
2640
- "0,",
2641
- "1),",
2642
- "top",
2643
- "width",
2644
- "height",
2645
- "1)",
2646
- "--uds-tab-underline-color",
2647
- "--uds-tab-underline-width"
2490
+ "[transform-origin:center]",
2491
+ "[backface-visibility:hidden]",
2492
+ "[transition-property:color,background-color,border-color,box-shadow,text-decoration-color,fill,stroke]",
2493
+ "[transition-timing-function:cubic-bezier(0,0,0.2,1)]",
2494
+ "[transition-duration:220ms]",
2495
+ "cursor-not-allowed",
2496
+ "uds-button-loading",
2497
+ "uds-button-without-effects",
2498
+ "animate-spin"
2648
2499
  ],
2649
- "internalComponents": ["AriakitTabList"],
2500
+ "internalComponents": [],
2650
2501
  "internalComponentProps": {},
2651
- "propToVariantKeys": { "variant": ["tabsVariantRoot", "tabVariantRoot"] },
2652
- "runtimeConfigDefaultProps": {},
2502
+ "propToVariantKeys": {
2503
+ "size": ["iconbuttonSizeRoot", "iconbuttonSizeIcon"],
2504
+ "variant": ["buttonVariantRoot", "buttonVariantIcon"]
2505
+ },
2506
+ "runtimeConfigDefaultProps": { "size": "iconButton.defaultSize" },
2653
2507
  "runtimeConfigGetStyles": {},
2654
2508
  "runtimeConfigInternalComponentProps": {},
2655
2509
  "motionVarPrefixes": [],
2656
2510
  "factoryTarget": null
2657
2511
  },
2658
- TabPanel: {
2659
- "name": "TabPanel",
2512
+ IconButton: {
2513
+ "name": "IconButton",
2660
2514
  "defaultProps": {},
2661
2515
  "getStylesLiterals": {},
2662
2516
  "cxLiterals": [],
2663
- "internalComponents": ["AriakitTabPanel"],
2664
- "internalComponentProps": {},
2517
+ "internalComponents": [
2518
+ "IconButtonBase",
2519
+ "Icon",
2520
+ "AnimatePresence",
2521
+ "SpringMotionConfig",
2522
+ "MotionSlot",
2523
+ "IconButtonProps",
2524
+ "Slot"
2525
+ ],
2526
+ "internalComponentProps": {
2527
+ "Icon": { "color": ["current"] },
2528
+ "AnimatePresence": { "mode": ["popLayout"] },
2529
+ "SpringMotionConfig": { "layoutSpeed": ["3"] },
2530
+ "MotionSlot": {
2531
+ "initial": ["icon"],
2532
+ "whileHover": ["hover"],
2533
+ "whileTap": ["pressed"]
2534
+ }
2535
+ },
2665
2536
  "propToVariantKeys": {},
2666
2537
  "runtimeConfigDefaultProps": {},
2667
2538
  "runtimeConfigGetStyles": {},
2668
2539
  "runtimeConfigInternalComponentProps": {},
2669
- "motionVarPrefixes": [],
2540
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"],
2670
2541
  "factoryTarget": null
2671
2542
  },
2672
- Tabs: {
2673
- "name": "Tabs",
2674
- "defaultProps": { "variant": "primary" },
2543
+ UDSIconButtonConfigProvider: {
2544
+ "name": "UDSIconButtonConfigProvider",
2545
+ "defaultProps": {},
2675
2546
  "getStylesLiterals": {},
2676
2547
  "cxLiterals": [],
2677
- "internalComponents": ["TabsContext.Provider", "TabProvider"],
2548
+ "internalComponents": ["IconButtonContext.Provider"],
2678
2549
  "internalComponentProps": {},
2679
- "propToVariantKeys": { "onSelectionChange": ["setSelectedId"] },
2550
+ "propToVariantKeys": {},
2680
2551
  "runtimeConfigDefaultProps": {},
2681
2552
  "runtimeConfigGetStyles": {},
2682
2553
  "runtimeConfigInternalComponentProps": {},
2683
2554
  "motionVarPrefixes": [],
2684
2555
  "factoryTarget": null
2685
2556
  },
2686
- createToast: {
2687
- "name": "createToast",
2688
- "defaultProps": {},
2557
+ AvatarText: {
2558
+ "name": "AvatarText",
2559
+ "defaultProps": {
2560
+ "size": "md",
2561
+ "variant": "primary"
2562
+ },
2689
2563
  "getStylesLiterals": {},
2690
- "cxLiterals": [],
2691
- "internalComponents": ["Toast"],
2692
- "internalComponentProps": { "Toast": {
2693
- "variant": [
2694
- "loading",
2695
- "success",
2696
- "error"
2697
- ],
2698
- "message": ["Unknown error occurred"]
2564
+ "cxLiterals": [
2565
+ "overflow-hidden",
2566
+ "truncate",
2567
+ "w-full",
2568
+ "h-full",
2569
+ "shrink-0",
2570
+ "text-center",
2571
+ "inline-flex",
2572
+ "justify-center",
2573
+ "items-center"
2574
+ ],
2575
+ "internalComponents": ["Box", "Text"],
2576
+ "internalComponentProps": { "Text": {
2577
+ "color": ["inherit"],
2578
+ "variant": ["inherit"]
2699
2579
  } },
2700
2580
  "propToVariantKeys": {},
2701
2581
  "runtimeConfigDefaultProps": {},
2702
2582
  "runtimeConfigGetStyles": {},
2703
2583
  "runtimeConfigInternalComponentProps": {},
2704
2584
  "motionVarPrefixes": [],
2705
- "factoryTarget": "Toast"
2585
+ "factoryTarget": null
2706
2586
  },
2707
- Toast: {
2708
- "name": "Toast",
2709
- "defaultProps": {},
2710
- "getStylesLiterals": {
2711
- "className": "animate-spin",
2712
- "className:1": "flex-none",
2713
- "spacing": "2",
2714
- "borderRadius": "full"
2587
+ AvatarImage: {
2588
+ "name": "AvatarImage",
2589
+ "defaultProps": {
2590
+ "size": "md",
2591
+ "variant": "primary"
2715
2592
  },
2593
+ "getStylesLiterals": {},
2716
2594
  "cxLiterals": [
2717
- "duration-0",
2718
- "duration-120",
2719
- "transition-[background-color]",
2720
- "bg-carbon-15/0",
2721
- "hover:bg-carbon-15/10",
2722
- "active:bg-carbon-15/15",
2723
- "uds-ring"
2595
+ "overflow-hidden",
2596
+ "w-full",
2597
+ "h-full",
2598
+ "shrink-0",
2599
+ "text-center",
2600
+ "inline-flex",
2601
+ "justify-center",
2602
+ "items-center",
2603
+ "object-cover"
2724
2604
  ],
2725
2605
  "internalComponents": [
2726
- "IconSlot",
2727
- "ToastContainer",
2728
- "Text",
2729
- "Button",
2730
- "Pressable"
2606
+ "UDSImage",
2607
+ "AvatarText",
2608
+ "AvatarIcon",
2609
+ "Box"
2731
2610
  ],
2732
2611
  "internalComponentProps": {},
2733
- "propToVariantKeys": {
2734
- "size": [
2735
- "toastSizeLabel",
2736
- "toastSizeIcon",
2737
- "toastSizeActionButton",
2738
- "toastSizeCloseIcon"
2739
- ],
2740
- "variant": [
2741
- "toastVariantIcon",
2742
- "toastVariantActionButton",
2743
- "toastVariantCloseIcon"
2744
- ],
2745
- "closeIcon": ["icon"],
2746
- "onClickActionButton": ["onClick"]
2747
- },
2748
- "runtimeConfigDefaultProps": {
2749
- "size": "toast.defaultSize",
2750
- "variant": "toast.defaultVariant"
2751
- },
2752
- "runtimeConfigGetStyles": {
2753
- "toastSizeLabel": ["toast.defaultSize"],
2754
- "toastVariantIcon": ["toast.defaultVariant"],
2755
- "toastSizeIcon": ["toast.defaultSize"],
2756
- "toastSizeActionButton": ["toast.defaultSize"],
2757
- "toastVariantActionButton": ["toast.defaultVariant"],
2758
- "toastVariantCloseIcon": ["toast.defaultVariant"],
2759
- "toastSizeCloseIcon": ["toast.defaultSize"]
2760
- },
2761
- "runtimeConfigInternalComponentProps": {
2762
- "ToastContainer": {
2763
- "size": ["toast.defaultSize"],
2764
- "variant": ["toast.defaultVariant"]
2765
- },
2766
- "Text": {
2767
- "variant": ["toast.textVariant.${size}"],
2768
- "color": ["toast.textColor.${variant}"]
2769
- },
2770
- "Button": {
2771
- "size": ["toast.buttonSize.${size}"],
2772
- "variant": ["toast.buttonVariant.${variant}"]
2773
- }
2612
+ "propToVariantKeys": {
2613
+ "alt": ["name"],
2614
+ "fallback": ["initials"]
2774
2615
  },
2616
+ "runtimeConfigDefaultProps": {},
2617
+ "runtimeConfigGetStyles": {},
2618
+ "runtimeConfigInternalComponentProps": {},
2775
2619
  "motionVarPrefixes": [],
2776
2620
  "factoryTarget": null
2777
2621
  },
2778
- ToastPortal: {
2779
- "name": "ToastPortal",
2622
+ UDSAvatarConfigProvider: {
2623
+ "name": "UDSAvatarConfigProvider",
2780
2624
  "defaultProps": {},
2781
2625
  "getStylesLiterals": {},
2782
2626
  "cxLiterals": [],
2783
- "internalComponents": ["ReactToastifyToastContainer"],
2627
+ "internalComponents": [],
2784
2628
  "internalComponentProps": {},
2785
2629
  "propToVariantKeys": {},
2786
- "runtimeConfigDefaultProps": {
2787
- "size": "toast.defaultSize",
2788
- "variant": "toast.defaultVariant"
2789
- },
2630
+ "runtimeConfigDefaultProps": {},
2790
2631
  "runtimeConfigGetStyles": {},
2791
- "runtimeConfigInternalComponentProps": { "ReactToastifyToastContainer": { "autoClose": ["toast.autoClose"] } },
2632
+ "runtimeConfigInternalComponentProps": {},
2792
2633
  "motionVarPrefixes": [],
2793
2634
  "factoryTarget": null
2794
2635
  },
2795
- ToastContainer: {
2796
- "name": "ToastContainer",
2797
- "defaultProps": {},
2798
- "getStylesLiterals": {
2799
- "position": "relative",
2800
- "alignItems": "center",
2801
- "display": "flex",
2802
- "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
2803
- },
2804
- "cxLiterals": ["w-full"],
2805
- "internalComponents": ["HStack"],
2806
- "internalComponentProps": { "HStack": {
2807
- "alignItems": ["center"],
2808
- "justifyContent": ["space-between"],
2809
- "overflow": ["hidden"],
2810
- "position": ["relative"]
2811
- } },
2812
- "propToVariantKeys": {
2813
- "variant": ["toastVariantRoot"],
2814
- "size": ["toastSizeRoot"]
2815
- },
2816
- "runtimeConfigDefaultProps": {
2817
- "size": "toast.defaultSize",
2818
- "variant": "toast.defaultVariant"
2819
- },
2820
- "runtimeConfigGetStyles": {
2821
- "toastVariantRoot": ["toast.defaultVariant"],
2822
- "toastSizeRoot": ["toast.defaultSize"]
2636
+ AvatarIcon: {
2637
+ "name": "AvatarIcon",
2638
+ "defaultProps": {
2639
+ "size": "md",
2640
+ "variant": "primary"
2823
2641
  },
2824
- "runtimeConfigInternalComponentProps": { "HStack": { "backgroundColor": ["toast.backgroundColor.${variant}"] } },
2825
- "motionVarPrefixes": [],
2826
- "factoryTarget": null
2827
- },
2828
- UDSToastConfigProvider: {
2829
- "name": "UDSToastConfigProvider",
2830
- "defaultProps": {},
2831
2642
  "getStylesLiterals": {},
2832
- "cxLiterals": [],
2833
- "internalComponents": ["ToastContext.Provider"],
2643
+ "cxLiterals": [
2644
+ "overflow-hidden",
2645
+ "w-full",
2646
+ "h-full",
2647
+ "shrink-0",
2648
+ "text-center",
2649
+ "inline-flex",
2650
+ "justify-center",
2651
+ "items-center"
2652
+ ],
2653
+ "internalComponents": ["IconSlot", "Box"],
2834
2654
  "internalComponentProps": {},
2835
- "propToVariantKeys": {},
2836
- "runtimeConfigDefaultProps": {},
2655
+ "propToVariantKeys": { "size": ["avatarSizeIcon"] },
2656
+ "runtimeConfigDefaultProps": { "size": "avatar.defaultSize" },
2837
2657
  "runtimeConfigGetStyles": {},
2838
2658
  "runtimeConfigInternalComponentProps": {},
2839
2659
  "motionVarPrefixes": [],
2840
2660
  "factoryTarget": null
2841
2661
  },
2842
- PaddleButtonPrevious: {
2843
- "name": "PaddleButtonPrevious",
2662
+ Avatar: {
2663
+ "name": "Avatar",
2844
2664
  "defaultProps": {},
2845
2665
  "getStylesLiterals": {},
2846
2666
  "cxLiterals": [],
2847
- "internalComponents": ["PaddleButton"],
2848
- "internalComponentProps": { "PaddleButton": { "paddleRole": ["previous"] } },
2667
+ "internalComponents": ["AvatarImage"],
2668
+ "internalComponentProps": {},
2849
2669
  "propToVariantKeys": {},
2850
2670
  "runtimeConfigDefaultProps": {},
2851
2671
  "runtimeConfigGetStyles": {},
@@ -2853,13 +2673,13 @@ var componentData_default = {
2853
2673
  "motionVarPrefixes": [],
2854
2674
  "factoryTarget": null
2855
2675
  },
2856
- PaddleButtonNext: {
2857
- "name": "PaddleButtonNext",
2676
+ "Menu.Trigger": {
2677
+ "name": "Menu.Trigger",
2858
2678
  "defaultProps": {},
2859
2679
  "getStylesLiterals": {},
2860
- "cxLiterals": [],
2861
- "internalComponents": ["PaddleButton"],
2862
- "internalComponentProps": { "PaddleButton": { "paddleRole": ["next"] } },
2680
+ "cxLiterals": ["uds-menu-trigger"],
2681
+ "internalComponents": ["AriakitMenuTrigger", "Box"],
2682
+ "internalComponentProps": { "Box": { "className": ["uds-ring h-fit w-fit"] } },
2863
2683
  "propToVariantKeys": {},
2864
2684
  "runtimeConfigDefaultProps": {},
2865
2685
  "runtimeConfigGetStyles": {},
@@ -2867,15 +2687,11 @@ var componentData_default = {
2867
2687
  "motionVarPrefixes": [],
2868
2688
  "factoryTarget": null
2869
2689
  },
2870
- PaddleNavContent: {
2871
- "name": "PaddleNavContent",
2690
+ "Menu.index": {
2691
+ "name": "Menu.index",
2872
2692
  "defaultProps": {},
2873
2693
  "getStylesLiterals": {},
2874
- "cxLiterals": [
2875
- "min-w-0",
2876
- "min-h-0",
2877
- "relative"
2878
- ],
2694
+ "cxLiterals": [],
2879
2695
  "internalComponents": [],
2880
2696
  "internalComponentProps": {},
2881
2697
  "propToVariantKeys": {},
@@ -2885,62 +2701,39 @@ var componentData_default = {
2885
2701
  "motionVarPrefixes": [],
2886
2702
  "factoryTarget": null
2887
2703
  },
2888
- PaddleNav: {
2889
- "name": "PaddleNav",
2890
- "defaultProps": {
2891
- "orientation": "horizontal",
2892
- "variant": "primary",
2893
- "size": "md"
2894
- },
2704
+ UDSMenuItemConfigProvider: {
2705
+ "name": "UDSMenuItemConfigProvider",
2706
+ "defaultProps": {},
2895
2707
  "getStylesLiterals": {},
2896
- "cxLiterals": [
2897
- "pointer-events-none",
2898
- "inline-flex",
2899
- "flex-row",
2900
- "gap-2",
2901
- "items-center",
2902
- "pointer-events-auto",
2903
- "flex-col",
2904
- "relative",
2905
- "min-w-0",
2906
- "min-h-0",
2907
- "flex-1",
2908
- "inline-block",
2909
- "absolute",
2910
- "z-10",
2911
- "top-2",
2912
- "left-1/2",
2913
- "-translate-x-1/2",
2914
- "left-2",
2915
- "top-1/2",
2916
- "-translate-y-1/2",
2917
- "bottom-2",
2918
- "right-2",
2919
- "-top-12",
2920
- "left-0",
2921
- "right-0",
2922
- "-bottom-12"
2923
- ],
2924
- "internalComponents": ["PaddleNavContext.Provider", "Box"],
2925
- "internalComponentProps": { "Box": {
2926
- "display": ["inline-flex"],
2927
- "alignItems": ["center"],
2928
- "justifyContent": ["center"],
2929
- "data-paddle-nav-outside": ["true"]
2930
- } },
2931
- "propToVariantKeys": { "orientation": ["data-paddle-nav-orientation"] },
2708
+ "cxLiterals": ["sm"],
2709
+ "internalComponents": [],
2710
+ "internalComponentProps": {},
2711
+ "propToVariantKeys": {},
2932
2712
  "runtimeConfigDefaultProps": {},
2933
2713
  "runtimeConfigGetStyles": {},
2934
2714
  "runtimeConfigInternalComponentProps": {},
2935
2715
  "motionVarPrefixes": [],
2936
2716
  "factoryTarget": null
2937
2717
  },
2938
- UDSPaddleNavConfigProvider: {
2939
- "name": "UDSPaddleNavConfigProvider",
2718
+ "Menu.ItemCheckbox": {
2719
+ "name": "Menu.ItemCheckbox",
2940
2720
  "defaultProps": {},
2941
- "getStylesLiterals": {},
2942
- "cxLiterals": ["md"],
2943
- "internalComponents": [],
2721
+ "getStylesLiterals": {
2722
+ "menuitemItemCheckboxVariantRoot": "default",
2723
+ "menuitemItemCheckboxVariantActiveRoot": "on",
2724
+ "menuitemItemCheckboxVariantActiveRoot:1": "off",
2725
+ "menuitemItemCheckboxVariantText": "default",
2726
+ "menuitemItemCheckboxVariantActiveText": "on",
2727
+ "menuitemItemCheckboxVariantActiveText:1": "off",
2728
+ "menuitemItemCheckboxVariantStartIcon": "default",
2729
+ "menuitemItemCheckboxVariantActiveStartIcon": "on",
2730
+ "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
2731
+ "menuitemItemCheckboxVariantEndIcon": "default",
2732
+ "menuitemItemCheckboxVariantActiveEndIcon": "on",
2733
+ "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
2734
+ },
2735
+ "cxLiterals": ["uds-menu-item-checkbox"],
2736
+ "internalComponents": ["MenuItemBase"],
2944
2737
  "internalComponentProps": {},
2945
2738
  "propToVariantKeys": {},
2946
2739
  "runtimeConfigDefaultProps": {},
@@ -2949,88 +2742,86 @@ var componentData_default = {
2949
2742
  "motionVarPrefixes": [],
2950
2743
  "factoryTarget": null
2951
2744
  },
2952
- PaddleButton: {
2953
- "name": "PaddleButton",
2954
- "defaultProps": {},
2955
- "getStylesLiterals": {},
2745
+ "Menu.ItemBase": {
2746
+ "name": "Menu.ItemBase",
2747
+ "defaultProps": {
2748
+ "spacing": "0",
2749
+ "spacingHorizontal": "4",
2750
+ "spacingVertical": "3.5",
2751
+ "columnGap": "2",
2752
+ "alignItems": "center",
2753
+ "justifyContent": "space-between"
2754
+ },
2755
+ "getStylesLiterals": {
2756
+ "textAlign": "start",
2757
+ "menuitemSizeRoot": "default",
2758
+ "flexDirection": "row",
2759
+ "menuitemSizeStartIcon": "default",
2760
+ "menuitemSizeEndIcon": "default"
2761
+ },
2956
2762
  "cxLiterals": [
2957
- "relative",
2958
- "inline-flex",
2959
- "items-center",
2960
- "justify-center",
2961
- "box-border",
2962
- "overflow-hidden",
2963
- "border-solid",
2964
- "select-none",
2965
- "uds-nested-radius",
2966
- "transition-[color,border-color,box-shadow]",
2967
- "duration-[180ms]",
2968
- "ease-[cubic-bezier(0,0,0.2,1)]",
2763
+ "uds-menu-item",
2764
+ "flex",
2765
+ "focus-visible:text-brand",
2766
+ "focus-visible:bg-brand-secondary",
2767
+ "focus-visible:z-10",
2969
2768
  "uds-ring",
2970
- "cursor-pointer",
2769
+ "!-outline-offset-2",
2770
+ "[&:not([aria-checked])]:cursor-default",
2771
+ "opacity-25",
2971
2772
  "cursor-not-allowed",
2972
- "opacity-50",
2973
- "pointer-events-none",
2974
- "hidden",
2975
- "absolute",
2976
- "inset-0",
2977
- "-z-10",
2978
- "rounded-[var(--uds-nested-radius)]",
2979
- "transition-[background-color,opacity]"
2980
- ],
2981
- "internalComponents": ["Icon"],
2982
- "internalComponentProps": { "Icon": { "color": ["current"] } },
2983
- "propToVariantKeys": {
2984
- "size": ["paddlenavSizeRoot", "paddlenavSizeIcon"],
2985
- "variant": [
2986
- "paddlenavVariantRoot",
2987
- "paddlenavVariantBackground",
2988
- "paddlenavVariantIcon"
2989
- ]
2990
- },
2991
- "runtimeConfigDefaultProps": { "size": "paddleNav.defaultSize" },
2992
- "runtimeConfigGetStyles": {},
2993
- "runtimeConfigInternalComponentProps": { "Icon": { "size": ["paddleNav.iconSize.${size}"] } },
2994
- "motionVarPrefixes": [],
2995
- "factoryTarget": null
2996
- },
2997
- IconButton: {
2998
- "name": "IconButton",
2999
- "defaultProps": {},
3000
- "getStylesLiterals": {},
3001
- "cxLiterals": [],
2773
+ "duration-20",
2774
+ "transition-[font-variation-settings]",
2775
+ "ease-in-out",
2776
+ "z-0",
2777
+ "truncate",
2778
+ "uds-start-icon",
2779
+ "uds-end-icon"
2780
+ ],
3002
2781
  "internalComponents": [
3003
- "IconButtonBase",
3004
- "Icon",
3005
- "AnimatePresence",
3006
- "SpringMotionConfig",
3007
- "MotionSlot",
3008
- "IconButtonProps",
3009
- "Slot"
2782
+ "Pressable",
2783
+ "IconSlot",
2784
+ "RootComponent",
2785
+ "HStack",
2786
+ "AnimatePresence"
3010
2787
  ],
3011
2788
  "internalComponentProps": {
3012
- "Icon": { "color": ["current"] },
3013
- "AnimatePresence": { "mode": ["popLayout"] },
3014
- "SpringMotionConfig": { "layoutSpeed": ["3"] },
3015
- "MotionSlot": {
3016
- "initial": ["icon"],
3017
- "whileHover": ["hover"],
3018
- "whileTap": ["pressed"]
3019
- }
2789
+ "HStack": {
2790
+ "alignItems": ["center"],
2791
+ "width": ["full"]
2792
+ },
2793
+ "AnimatePresence": { "mode": ["popLayout"] }
3020
2794
  },
3021
- "propToVariantKeys": {},
3022
- "runtimeConfigDefaultProps": {},
2795
+ "propToVariantKeys": {
2796
+ "startIconClassName": ["className"],
2797
+ "endIconClassName": ["className"],
2798
+ "startIcon": ["icon"],
2799
+ "endIcon": ["icon"],
2800
+ "columnGap": ["gap"]
2801
+ },
2802
+ "runtimeConfigDefaultProps": { "size": "menuItem.defaultSize" },
3023
2803
  "runtimeConfigGetStyles": {},
3024
2804
  "runtimeConfigInternalComponentProps": {},
3025
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"],
2805
+ "motionVarPrefixes": [],
3026
2806
  "factoryTarget": null
3027
2807
  },
3028
- UDSIconButtonConfigProvider: {
3029
- "name": "UDSIconButtonConfigProvider",
2808
+ "Menu.Item": {
2809
+ "name": "Menu.Item",
3030
2810
  "defaultProps": {},
3031
- "getStylesLiterals": {},
2811
+ "getStylesLiterals": {
2812
+ "menuitemItemVariantRoot": "default",
2813
+ "menuitemItemVariantActiveRoot": "on",
2814
+ "menuitemItemVariantActiveRoot:1": "off",
2815
+ "menuitemSizeText": "default",
2816
+ "menuitemItemVariantText": "default",
2817
+ "menuitemItemVariantActiveText": "on",
2818
+ "menuitemItemVariantActiveText:1": "off",
2819
+ "menuitemItemVariantIcon": "default",
2820
+ "menuitemItemVariantActiveIcon": "on",
2821
+ "menuitemItemVariantActiveIcon:1": "off"
2822
+ },
3032
2823
  "cxLiterals": [],
3033
- "internalComponents": ["IconButtonContext.Provider"],
2824
+ "internalComponents": ["MenuItemBase"],
3034
2825
  "internalComponentProps": {},
3035
2826
  "propToVariantKeys": {},
3036
2827
  "runtimeConfigDefaultProps": {},
@@ -3039,142 +2830,104 @@ var componentData_default = {
3039
2830
  "motionVarPrefixes": [],
3040
2831
  "factoryTarget": null
3041
2832
  },
3042
- IconButtonBase: {
3043
- "name": "IconButtonBase",
3044
- "defaultProps": { "type": "button" },
3045
- "getStylesLiterals": {},
3046
- "cxLiterals": [
3047
- "uds-ring",
3048
- "uds-hit-target",
3049
- "inline-flex",
3050
- "overflow-hidden",
3051
- "justify-center",
3052
- "items-center",
3053
- "[transform-origin:center]",
3054
- "[backface-visibility:hidden]",
3055
- "[transition-property:color,background-color,border-color,box-shadow,text-decoration-color,fill,stroke]",
3056
- "[transition-timing-function:cubic-bezier(0,0,0.2,1)]",
3057
- "[transition-duration:220ms]",
3058
- "cursor-not-allowed",
3059
- "uds-button-loading",
3060
- "uds-button-without-effects",
3061
- "animate-spin"
3062
- ],
3063
- "internalComponents": [],
3064
- "internalComponentProps": {},
3065
- "propToVariantKeys": {
3066
- "size": ["iconbuttonSizeRoot", "iconbuttonSizeIcon"],
3067
- "variant": ["buttonVariantRoot", "buttonVariantIcon"]
2833
+ "Menu.Divider": {
2834
+ "name": "Menu.Divider",
2835
+ "defaultProps": {
2836
+ "role": "separator",
2837
+ "contentPosition": "start",
2838
+ "gap": "4"
3068
2839
  },
3069
- "runtimeConfigDefaultProps": { "size": "iconButton.defaultSize" },
3070
- "runtimeConfigGetStyles": {},
3071
- "runtimeConfigInternalComponentProps": {},
3072
- "motionVarPrefixes": [],
3073
- "factoryTarget": null
3074
- },
3075
- TooltipContent: {
3076
- "name": "TooltipContent",
3077
- "defaultProps": {},
3078
2840
  "getStylesLiterals": {
3079
- "tooltipSizeRoot": "default",
3080
- "tooltipVariantRoot": "default",
3081
- "tooltipSizeSvg": "default",
3082
- "tooltipVariantSvg": "default",
3083
- "tooltipVariantBlur": "default",
3084
- "position": "absolute",
3085
- "width": "full",
3086
- "height": "full",
3087
- "tooltipSizeTitle": "default",
3088
- "tooltipSizeBody": "default",
3089
- "tooltipSizeEndContent": "default",
3090
- "tooltipSizeIcon": "default",
3091
- "tooltipVariantIcon": "default"
3092
- },
3093
- "cxLiterals": [
3094
- "max-w-lg",
3095
- "flex",
3096
- "z-[9999]",
3097
- "uds-bgBlurFillFallback",
3098
- "uds-bgBlurFallback",
3099
- "top-0",
3100
- "left-0",
3101
- "z-[1]"
3102
- ],
3103
- "internalComponents": [
3104
- "IconSlot",
3105
- "TooltipArrow",
3106
- "Tooltip",
3107
- "SvgFloatingOverlay",
3108
- "VStack",
3109
- "Box",
3110
- "Text"
3111
- ],
3112
- "internalComponentProps": {
3113
- "SvgFloatingOverlay": { "contentOverflow": ["visible"] },
3114
- "VStack": { "className": ["gap-[inherit]"] },
3115
- "Box": {
3116
- "alignItems": ["center"],
3117
- "columnGap": ["1", "1.5"]
3118
- },
3119
- "Text": { "color": ["inherit"] }
2841
+ "menuitemDividerVariantRoot": "default",
2842
+ "menuitemDividerVariantText": "default",
2843
+ "menuitemDividerVariantLine": "default"
3120
2844
  },
3121
- "propToVariantKeys": { "startTitleIcon": ["icon"] },
2845
+ "cxLiterals": [],
2846
+ "internalComponents": ["Divider"],
2847
+ "internalComponentProps": { "Divider": { "variant": ["inherit"] } },
2848
+ "propToVariantKeys": {},
3122
2849
  "runtimeConfigDefaultProps": {},
3123
2850
  "runtimeConfigGetStyles": {},
3124
2851
  "runtimeConfigInternalComponentProps": {},
3125
2852
  "motionVarPrefixes": [],
3126
2853
  "factoryTarget": null
3127
2854
  },
3128
- Tooltip: {
3129
- "name": "Tooltip",
2855
+ "Menu.Provider": {
2856
+ "name": "Menu.Provider",
3130
2857
  "defaultProps": {},
3131
2858
  "getStylesLiterals": {},
3132
2859
  "cxLiterals": [],
3133
- "internalComponents": ["TooltipInternalContext.Provider", "TooltipProvider"],
2860
+ "internalComponents": ["AriakitMenuProvider", "SpringMotionConfig"],
3134
2861
  "internalComponentProps": {},
3135
2862
  "propToVariantKeys": {},
3136
2863
  "runtimeConfigDefaultProps": {},
3137
2864
  "runtimeConfigGetStyles": {},
3138
- "runtimeConfigInternalComponentProps": { "TooltipProvider": { "animated": ["tooltip.animationDuration"] } },
3139
- "motionVarPrefixes": [],
2865
+ "runtimeConfigInternalComponentProps": {},
2866
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"],
3140
2867
  "factoryTarget": null
3141
2868
  },
3142
- TooltipTrigger: {
3143
- "name": "TooltipTrigger",
2869
+ Menu: {
2870
+ "name": "Menu",
3144
2871
  "defaultProps": {},
3145
2872
  "getStylesLiterals": {},
3146
2873
  "cxLiterals": [],
3147
- "internalComponents": ["TooltipAnchor"],
3148
- "internalComponentProps": { "TooltipAnchor": { "className": ["inline"] } },
3149
- "propToVariantKeys": { "children": ["render"] },
2874
+ "internalComponents": [],
2875
+ "internalComponentProps": {},
2876
+ "propToVariantKeys": {},
3150
2877
  "runtimeConfigDefaultProps": {},
3151
2878
  "runtimeConfigGetStyles": {},
3152
2879
  "runtimeConfigInternalComponentProps": {},
3153
2880
  "motionVarPrefixes": [],
3154
2881
  "factoryTarget": null
3155
2882
  },
3156
- UDSTooltipConfigProvider: {
3157
- "name": "UDSTooltipConfigProvider",
3158
- "defaultProps": {},
2883
+ "Menu.Content": {
2884
+ "name": "Menu.Content",
2885
+ "defaultProps": {
2886
+ "size": "default",
2887
+ "variant": "default",
2888
+ "gutter": "1"
2889
+ },
3159
2890
  "getStylesLiterals": {},
3160
- "cxLiterals": [],
3161
- "internalComponents": ["TooltipContext.Provider"],
2891
+ "cxLiterals": [
2892
+ "uds-menu-content",
2893
+ "transition-shadow",
2894
+ "duration-200",
2895
+ "ease-in-out",
2896
+ "min-w-60",
2897
+ "max-w-lg",
2898
+ "max-h-96",
2899
+ "overflow-auto",
2900
+ "uds-ring",
2901
+ "z-10",
2902
+ "group"
2903
+ ],
2904
+ "internalComponents": [
2905
+ "AriakitMenu",
2906
+ "AnimatePresence",
2907
+ "MotionVStack"
2908
+ ],
3162
2909
  "internalComponentProps": {},
3163
- "propToVariantKeys": {},
2910
+ "propToVariantKeys": {
2911
+ "size": ["menucontentSizeRoot"],
2912
+ "variant": ["menucontentVariantRoot"]
2913
+ },
3164
2914
  "runtimeConfigDefaultProps": {},
3165
2915
  "runtimeConfigGetStyles": {},
3166
2916
  "runtimeConfigInternalComponentProps": {},
3167
2917
  "motionVarPrefixes": [],
3168
2918
  "factoryTarget": null
3169
2919
  },
3170
- CheckboxBase: {
3171
- "name": "CheckboxBase",
2920
+ RadioBase: {
2921
+ "name": "RadioBase",
3172
2922
  "defaultProps": {
3173
2923
  "labelPosition": "start",
3174
2924
  "variant": "primary",
3175
- "size": "md"
2925
+ "size": "md",
2926
+ "value": ""
3176
2927
  },
3177
2928
  "getStylesLiterals": {
2929
+ "radioVariantValueRoot": "checked",
2930
+ "radioVariantValueRoot:1": "unchecked",
3178
2931
  "display": "flex",
3179
2932
  "flexDirection": "row",
3180
2933
  "flexDirection:1": "row-reverse",
@@ -3201,9 +2954,8 @@ var componentData_default = {
3201
2954
  "color": ["inherit"]
3202
2955
  } },
3203
2956
  "propToVariantKeys": {
3204
- "size": ["checkboxSizeRoot"],
3205
- "variant": ["checkboxVariantRoot"],
3206
- "valueState": ["checkboxVariantValueRoot"]
2957
+ "size": ["radioSizeRoot"],
2958
+ "variant": ["radioVariantRoot"]
3207
2959
  },
3208
2960
  "runtimeConfigDefaultProps": {},
3209
2961
  "runtimeConfigGetStyles": {},
@@ -3211,54 +2963,95 @@ var componentData_default = {
3211
2963
  "motionVarPrefixes": [],
3212
2964
  "factoryTarget": null
3213
2965
  },
3214
- Checkbox: {
3215
- "name": "Checkbox",
2966
+ RadioGroupProvider: {
2967
+ "name": "RadioGroupProvider",
2968
+ "defaultProps": {},
2969
+ "getStylesLiterals": {},
2970
+ "cxLiterals": [],
2971
+ "internalComponents": [
2972
+ "DivProps",
2973
+ "Comp",
2974
+ "RadioGroupContext.Provider"
2975
+ ],
2976
+ "internalComponentProps": { "Comp": { "role": ["radiogroup"] } },
2977
+ "propToVariantKeys": {},
2978
+ "runtimeConfigDefaultProps": {},
2979
+ "runtimeConfigGetStyles": {},
2980
+ "runtimeConfigInternalComponentProps": {},
2981
+ "motionVarPrefixes": [],
2982
+ "factoryTarget": null
2983
+ },
2984
+ RadioGroupStore: {
2985
+ "name": "RadioGroupStore",
3216
2986
  "defaultProps": {},
3217
2987
  "getStylesLiterals": {},
2988
+ "cxLiterals": [],
2989
+ "internalComponents": [],
2990
+ "internalComponentProps": {},
2991
+ "propToVariantKeys": {},
2992
+ "runtimeConfigDefaultProps": {},
2993
+ "runtimeConfigGetStyles": {},
2994
+ "runtimeConfigInternalComponentProps": {},
2995
+ "motionVarPrefixes": [],
2996
+ "factoryTarget": null
2997
+ },
2998
+ Radio: {
2999
+ "name": "Radio",
3000
+ "defaultProps": {},
3001
+ "getStylesLiterals": {
3002
+ "radioVariantValueRadio": "checked",
3003
+ "radioVariantValueRadio:1": "unchecked",
3004
+ "radioVariantValueRadioCircle": "checked",
3005
+ "radioVariantValueRadioCircle:1": "unchecked"
3006
+ },
3218
3007
  "cxLiterals": [
3219
- "opacity-0",
3220
3008
  "opacity-55",
3221
3009
  "opacity-100",
3010
+ "opacity-0",
3011
+ "border",
3222
3012
  "uds-ring",
3223
3013
  "uds-ring-within",
3224
- "transition-[background-color,border-color,box-shadow]",
3014
+ "transition-[background-color,border-color]",
3015
+ "transition-shadow",
3225
3016
  "pointer-events-none",
3017
+ "w-[8px]",
3018
+ "h-[8px]",
3226
3019
  "transition-opacity",
3227
3020
  "group",
3228
3021
  "group-hover:scale-110",
3229
3022
  "group-active:scale-90",
3230
- "transition-[background-color,border-color,box-shadow,transform]",
3231
- "group-active:opacity-55"
3023
+ "group-active:uds-inset-shadow-lg-invert",
3024
+ "group-hover:uds-inset-shadow-lg-invert",
3025
+ "transition-[background-color,border-color,transform]"
3232
3026
  ],
3233
3027
  "internalComponents": [
3234
- "CheckboxBase",
3235
- "Icon",
3028
+ "RadioBase",
3029
+ "Box",
3236
3030
  "SpringMotionConfig",
3237
3031
  "RootElement",
3238
3032
  "MotionBox",
3239
- "Box",
3240
- "CheckboxProps"
3033
+ "RadioProps"
3241
3034
  ],
3242
3035
  "internalComponentProps": {
3243
- "Icon": { "size": ["sm"] },
3244
- "RootElement": { "data-testid": ["container"] },
3245
- "MotionBox": {
3036
+ "Box": {
3037
+ "borderRadius": ["full"],
3246
3038
  "position": ["relative"],
3247
3039
  "alignItems": ["center"],
3248
3040
  "justifyContent": ["center"],
3249
3041
  "flex": ["none"]
3250
3042
  },
3251
- "Box": {
3043
+ "RootElement": { "data-testid": ["container"] },
3044
+ "MotionBox": {
3252
3045
  "position": ["relative"],
3046
+ "borderRadius": ["full"],
3253
3047
  "alignItems": ["center"],
3254
3048
  "justifyContent": ["center"],
3255
3049
  "flex": ["none"]
3256
3050
  }
3257
3051
  },
3258
3052
  "propToVariantKeys": {
3259
- "size": ["checkboxSizeCheckbox"],
3260
- "variant": ["checkboxVariantCheckbox", "checkboxVariantCheckboxIcon"],
3261
- "valueState": ["checkboxVariantValueCheckbox", "checkboxVariantValueCheckboxIcon"],
3053
+ "size": ["radioSizeRadio"],
3054
+ "variant": ["radioVariantRadio", "radioVariantRadioCircle"],
3262
3055
  "reduceMotion": ["reducedMotion"]
3263
3056
  },
3264
3057
  "runtimeConfigDefaultProps": {},
@@ -3267,63 +3060,41 @@ var componentData_default = {
3267
3060
  "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"],
3268
3061
  "factoryTarget": null
3269
3062
  },
3270
- ModalActions: {
3271
- "name": "ModalActions",
3063
+ ModalDescription: {
3064
+ "name": "ModalDescription",
3272
3065
  "defaultProps": {},
3273
- "getStylesLiterals": {
3274
- "flexDirection": "row-reverse",
3275
- "justifyContent": "space-between",
3276
- "alignItems": "center"
3066
+ "getStylesLiterals": {},
3067
+ "cxLiterals": [],
3068
+ "internalComponents": ["Text", "DialogDescription"],
3069
+ "internalComponentProps": { "Text": { "as": ["span"] } },
3070
+ "propToVariantKeys": {
3071
+ "size": ["modalSizeDescription"],
3072
+ "variant": ["modalVariantDescription"]
3277
3073
  },
3278
- "cxLiterals": ["gap-[inherit]"],
3279
- "internalComponents": ["HStack"],
3280
- "internalComponentProps": {},
3281
- "propToVariantKeys": { "size": ["modalSizeSpacingHorizontal", "modalSizeActions"] },
3282
3074
  "runtimeConfigDefaultProps": {
3283
3075
  "size": "modal.defaultSize",
3284
3076
  "variant": "modal.defaultVariant"
3285
3077
  },
3286
3078
  "runtimeConfigGetStyles": {
3287
- "modalSizeSpacingHorizontal": ["modal.defaultSize"],
3288
- "modalSizeActions": ["modal.defaultSize"]
3079
+ "modalSizeDescription": ["modal.defaultSize"],
3080
+ "modalVariantDescription": ["modal.defaultVariant"]
3289
3081
  },
3290
3082
  "runtimeConfigInternalComponentProps": {},
3291
3083
  "motionVarPrefixes": [],
3292
3084
  "factoryTarget": null
3293
3085
  },
3294
- createModal: {
3295
- "name": "createModal",
3086
+ ModalPortal: {
3087
+ "name": "ModalPortal",
3296
3088
  "defaultProps": {},
3297
3089
  "getStylesLiterals": {},
3298
3090
  "cxLiterals": [],
3299
- "internalComponents": [],
3091
+ "internalComponents": ["ManagedModal"],
3300
3092
  "internalComponentProps": {},
3301
3093
  "propToVariantKeys": {},
3302
3094
  "runtimeConfigDefaultProps": {},
3303
3095
  "runtimeConfigGetStyles": {},
3304
3096
  "runtimeConfigInternalComponentProps": {},
3305
3097
  "motionVarPrefixes": [],
3306
- "factoryTarget": "Modal"
3307
- },
3308
- ModalContent: {
3309
- "name": "ModalContent",
3310
- "defaultProps": {},
3311
- "getStylesLiterals": {
3312
- "overflowY": "auto",
3313
- "display": "block",
3314
- "flexGrow": "1"
3315
- },
3316
- "cxLiterals": [],
3317
- "internalComponents": ["Box"],
3318
- "internalComponentProps": {},
3319
- "propToVariantKeys": { "size": ["modalSizeSpacingHorizontal"] },
3320
- "runtimeConfigDefaultProps": {
3321
- "size": "modal.defaultSize",
3322
- "variant": "modal.defaultVariant"
3323
- },
3324
- "runtimeConfigGetStyles": { "modalSizeSpacingHorizontal": ["modal.defaultSize"] },
3325
- "runtimeConfigInternalComponentProps": {},
3326
- "motionVarPrefixes": [],
3327
3098
  "factoryTarget": null
3328
3099
  },
3329
3100
  ModalContext: {
@@ -3340,75 +3111,120 @@ var componentData_default = {
3340
3111
  "motionVarPrefixes": [],
3341
3112
  "factoryTarget": null
3342
3113
  },
3343
- ModalDescription: {
3344
- "name": "ModalDescription",
3114
+ ModalTitle: {
3115
+ "name": "ModalTitle",
3345
3116
  "defaultProps": {},
3346
3117
  "getStylesLiterals": {},
3347
3118
  "cxLiterals": [],
3348
- "internalComponents": ["Text", "DialogDescription"],
3119
+ "internalComponents": ["Text", "DialogHeading"],
3349
3120
  "internalComponentProps": { "Text": { "as": ["span"] } },
3350
3121
  "propToVariantKeys": {
3351
- "size": ["modalSizeDescription"],
3352
- "variant": ["modalVariantDescription"]
3122
+ "size": ["modalSizeTitle"],
3123
+ "variant": ["modalVariantTitle"]
3353
3124
  },
3354
3125
  "runtimeConfigDefaultProps": {
3355
3126
  "size": "modal.defaultSize",
3356
3127
  "variant": "modal.defaultVariant"
3357
3128
  },
3358
3129
  "runtimeConfigGetStyles": {
3359
- "modalSizeDescription": ["modal.defaultSize"],
3360
- "modalVariantDescription": ["modal.defaultVariant"]
3130
+ "modalSizeTitle": ["modal.defaultSize"],
3131
+ "modalVariantTitle": ["modal.defaultVariant"]
3361
3132
  },
3362
3133
  "runtimeConfigInternalComponentProps": {},
3363
3134
  "motionVarPrefixes": [],
3364
3135
  "factoryTarget": null
3365
3136
  },
3366
- UDSModalConfigProvider: {
3367
- "name": "UDSModalConfigProvider",
3137
+ ManagedModal: {
3138
+ "name": "ManagedModal",
3368
3139
  "defaultProps": {},
3369
3140
  "getStylesLiterals": {},
3370
3141
  "cxLiterals": [],
3371
- "internalComponents": ["ModalContext.Provider"],
3142
+ "internalComponents": [
3143
+ "Modal",
3144
+ "ModalTitle",
3145
+ "ModalDescription",
3146
+ "ModalContent",
3147
+ "ModalActions"
3148
+ ],
3372
3149
  "internalComponentProps": {},
3373
3150
  "propToVariantKeys": {},
3374
- "runtimeConfigDefaultProps": {},
3151
+ "runtimeConfigDefaultProps": {
3152
+ "size": "modal.defaultSize",
3153
+ "variant": "modal.defaultVariant"
3154
+ },
3375
3155
  "runtimeConfigGetStyles": {},
3376
3156
  "runtimeConfigInternalComponentProps": {},
3377
3157
  "motionVarPrefixes": [],
3378
3158
  "factoryTarget": null
3379
3159
  },
3380
- ModalPortal: {
3381
- "name": "ModalPortal",
3160
+ createModal: {
3161
+ "name": "createModal",
3382
3162
  "defaultProps": {},
3383
3163
  "getStylesLiterals": {},
3384
3164
  "cxLiterals": [],
3385
- "internalComponents": ["ManagedModal"],
3165
+ "internalComponents": [],
3386
3166
  "internalComponentProps": {},
3387
3167
  "propToVariantKeys": {},
3388
3168
  "runtimeConfigDefaultProps": {},
3389
3169
  "runtimeConfigGetStyles": {},
3390
3170
  "runtimeConfigInternalComponentProps": {},
3391
3171
  "motionVarPrefixes": [],
3172
+ "factoryTarget": "Modal"
3173
+ },
3174
+ ModalActions: {
3175
+ "name": "ModalActions",
3176
+ "defaultProps": {},
3177
+ "getStylesLiterals": {
3178
+ "flexDirection": "row-reverse",
3179
+ "justifyContent": "space-between",
3180
+ "alignItems": "center"
3181
+ },
3182
+ "cxLiterals": ["gap-[inherit]"],
3183
+ "internalComponents": ["HStack"],
3184
+ "internalComponentProps": {},
3185
+ "propToVariantKeys": { "size": ["modalSizeSpacingHorizontal", "modalSizeActions"] },
3186
+ "runtimeConfigDefaultProps": {
3187
+ "size": "modal.defaultSize",
3188
+ "variant": "modal.defaultVariant"
3189
+ },
3190
+ "runtimeConfigGetStyles": {
3191
+ "modalSizeSpacingHorizontal": ["modal.defaultSize"],
3192
+ "modalSizeActions": ["modal.defaultSize"]
3193
+ },
3194
+ "runtimeConfigInternalComponentProps": {},
3195
+ "motionVarPrefixes": [],
3392
3196
  "factoryTarget": null
3393
3197
  },
3394
- ManagedModal: {
3395
- "name": "ManagedModal",
3198
+ ModalContent: {
3199
+ "name": "ModalContent",
3396
3200
  "defaultProps": {},
3397
- "getStylesLiterals": {},
3201
+ "getStylesLiterals": {
3202
+ "overflowY": "auto",
3203
+ "display": "block",
3204
+ "flexGrow": "1"
3205
+ },
3398
3206
  "cxLiterals": [],
3399
- "internalComponents": [
3400
- "Modal",
3401
- "ModalTitle",
3402
- "ModalDescription",
3403
- "ModalContent",
3404
- "ModalActions"
3405
- ],
3207
+ "internalComponents": ["Box"],
3406
3208
  "internalComponentProps": {},
3407
- "propToVariantKeys": {},
3209
+ "propToVariantKeys": { "size": ["modalSizeSpacingHorizontal"] },
3408
3210
  "runtimeConfigDefaultProps": {
3409
3211
  "size": "modal.defaultSize",
3410
3212
  "variant": "modal.defaultVariant"
3411
3213
  },
3214
+ "runtimeConfigGetStyles": { "modalSizeSpacingHorizontal": ["modal.defaultSize"] },
3215
+ "runtimeConfigInternalComponentProps": {},
3216
+ "motionVarPrefixes": [],
3217
+ "factoryTarget": null
3218
+ },
3219
+ UDSModalConfigProvider: {
3220
+ "name": "UDSModalConfigProvider",
3221
+ "defaultProps": {},
3222
+ "getStylesLiterals": {},
3223
+ "cxLiterals": [],
3224
+ "internalComponents": ["ModalContext.Provider"],
3225
+ "internalComponentProps": {},
3226
+ "propToVariantKeys": {},
3227
+ "runtimeConfigDefaultProps": {},
3412
3228
  "runtimeConfigGetStyles": {},
3413
3229
  "runtimeConfigInternalComponentProps": {},
3414
3230
  "motionVarPrefixes": [],
@@ -3509,25 +3325,111 @@ var componentData_default = {
3509
3325
  "motionVarPrefixes": [],
3510
3326
  "factoryTarget": null
3511
3327
  },
3512
- ModalTitle: {
3513
- "name": "ModalTitle",
3328
+ UDSTooltipConfigProvider: {
3329
+ "name": "UDSTooltipConfigProvider",
3330
+ "defaultProps": {},
3331
+ "getStylesLiterals": {},
3332
+ "cxLiterals": [],
3333
+ "internalComponents": ["TooltipContext.Provider"],
3334
+ "internalComponentProps": {},
3335
+ "propToVariantKeys": {},
3336
+ "runtimeConfigDefaultProps": {},
3337
+ "runtimeConfigGetStyles": {},
3338
+ "runtimeConfigInternalComponentProps": {},
3339
+ "motionVarPrefixes": [],
3340
+ "factoryTarget": null
3341
+ },
3342
+ TooltipTrigger: {
3343
+ "name": "TooltipTrigger",
3344
+ "defaultProps": {},
3345
+ "getStylesLiterals": {},
3346
+ "cxLiterals": [],
3347
+ "internalComponents": ["TooltipAnchor"],
3348
+ "internalComponentProps": { "TooltipAnchor": { "className": ["inline"] } },
3349
+ "propToVariantKeys": { "children": ["render"] },
3350
+ "runtimeConfigDefaultProps": {},
3351
+ "runtimeConfigGetStyles": {},
3352
+ "runtimeConfigInternalComponentProps": {},
3353
+ "motionVarPrefixes": [],
3354
+ "factoryTarget": null
3355
+ },
3356
+ Tooltip: {
3357
+ "name": "Tooltip",
3358
+ "defaultProps": {},
3359
+ "getStylesLiterals": {},
3360
+ "cxLiterals": [],
3361
+ "internalComponents": ["TooltipInternalContext.Provider", "TooltipProvider"],
3362
+ "internalComponentProps": {},
3363
+ "propToVariantKeys": {},
3364
+ "runtimeConfigDefaultProps": {},
3365
+ "runtimeConfigGetStyles": {},
3366
+ "runtimeConfigInternalComponentProps": { "TooltipProvider": { "animated": ["tooltip.animationDuration"] } },
3367
+ "motionVarPrefixes": [],
3368
+ "factoryTarget": null
3369
+ },
3370
+ TooltipContent: {
3371
+ "name": "TooltipContent",
3372
+ "defaultProps": {},
3373
+ "getStylesLiterals": {
3374
+ "tooltipSizeRoot": "default",
3375
+ "tooltipVariantRoot": "default",
3376
+ "tooltipSizeSvg": "default",
3377
+ "tooltipVariantSvg": "default",
3378
+ "tooltipVariantBlur": "default",
3379
+ "position": "absolute",
3380
+ "width": "full",
3381
+ "height": "full",
3382
+ "tooltipSizeTitle": "default",
3383
+ "tooltipSizeBody": "default",
3384
+ "tooltipSizeEndContent": "default",
3385
+ "tooltipSizeIcon": "default",
3386
+ "tooltipVariantIcon": "default"
3387
+ },
3388
+ "cxLiterals": [
3389
+ "max-w-lg",
3390
+ "flex",
3391
+ "z-[9999]",
3392
+ "uds-bgBlurFillFallback",
3393
+ "uds-bgBlurFallback",
3394
+ "top-0",
3395
+ "left-0",
3396
+ "z-[1]"
3397
+ ],
3398
+ "internalComponents": [
3399
+ "IconSlot",
3400
+ "TooltipArrow",
3401
+ "Tooltip",
3402
+ "SvgFloatingOverlay",
3403
+ "VStack",
3404
+ "Box",
3405
+ "Text"
3406
+ ],
3407
+ "internalComponentProps": {
3408
+ "SvgFloatingOverlay": { "contentOverflow": ["visible"] },
3409
+ "VStack": { "className": ["gap-[inherit]"] },
3410
+ "Box": {
3411
+ "alignItems": ["center"],
3412
+ "columnGap": ["1", "1.5"]
3413
+ },
3414
+ "Text": { "color": ["inherit"] }
3415
+ },
3416
+ "propToVariantKeys": { "startTitleIcon": ["icon"] },
3417
+ "runtimeConfigDefaultProps": {},
3418
+ "runtimeConfigGetStyles": {},
3419
+ "runtimeConfigInternalComponentProps": {},
3420
+ "motionVarPrefixes": [],
3421
+ "factoryTarget": null
3422
+ },
3423
+ UDSSelectItemConfigProvider: {
3424
+ "name": "UDSSelectItemConfigProvider",
3514
3425
  "defaultProps": {},
3515
3426
  "getStylesLiterals": {},
3516
- "cxLiterals": [],
3517
- "internalComponents": ["Text", "DialogHeading"],
3518
- "internalComponentProps": { "Text": { "as": ["span"] } },
3519
- "propToVariantKeys": {
3520
- "size": ["modalSizeTitle"],
3521
- "variant": ["modalVariantTitle"]
3522
- },
3523
- "runtimeConfigDefaultProps": {
3524
- "size": "modal.defaultSize",
3525
- "variant": "modal.defaultVariant"
3526
- },
3527
- "runtimeConfigGetStyles": {
3528
- "modalSizeTitle": ["modal.defaultSize"],
3529
- "modalVariantTitle": ["modal.defaultVariant"]
3530
- },
3427
+ "cxLiterals": ["sm"],
3428
+ "internalComponents": [],
3429
+ "internalComponentProps": {},
3430
+ "propToVariantKeys": {},
3431
+ "runtimeConfigDefaultProps": {},
3432
+ "runtimeConfigGetStyles": {},
3531
3433
  "runtimeConfigInternalComponentProps": {},
3532
3434
  "motionVarPrefixes": [],
3533
3435
  "factoryTarget": null
@@ -3623,20 +3525,6 @@ var componentData_default = {
3623
3525
  "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"],
3624
3526
  "factoryTarget": null
3625
3527
  },
3626
- SelectValue: {
3627
- "name": "SelectValue",
3628
- "defaultProps": {},
3629
- "getStylesLiterals": {},
3630
- "cxLiterals": [],
3631
- "internalComponents": ["AriakitSelectValue"],
3632
- "internalComponentProps": {},
3633
- "propToVariantKeys": {},
3634
- "runtimeConfigDefaultProps": {},
3635
- "runtimeConfigGetStyles": {},
3636
- "runtimeConfigInternalComponentProps": {},
3637
- "motionVarPrefixes": [],
3638
- "factoryTarget": null
3639
- },
3640
3528
  SelectTrigger: {
3641
3529
  "name": "SelectTrigger",
3642
3530
  "defaultProps": {},
@@ -3741,27 +3629,6 @@ var componentData_default = {
3741
3629
  "motionVarPrefixes": [],
3742
3630
  "factoryTarget": null
3743
3631
  },
3744
- SelectDivider: {
3745
- "name": "SelectDivider",
3746
- "defaultProps": {
3747
- "contentPosition": "start",
3748
- "gap": "4"
3749
- },
3750
- "getStylesLiterals": {
3751
- "selectitemDividerVariantRoot": "default",
3752
- "selectitemDividerVariantText": "default",
3753
- "selectitemDividerVariantLine": "default"
3754
- },
3755
- "cxLiterals": [],
3756
- "internalComponents": ["Divider"],
3757
- "internalComponentProps": { "Divider": { "variant": ["inherit"] } },
3758
- "propToVariantKeys": {},
3759
- "runtimeConfigDefaultProps": {},
3760
- "runtimeConfigGetStyles": {},
3761
- "runtimeConfigInternalComponentProps": {},
3762
- "motionVarPrefixes": [],
3763
- "factoryTarget": null
3764
- },
3765
3632
  SelectHelpText: {
3766
3633
  "name": "SelectHelpText",
3767
3634
  "defaultProps": {},
@@ -3847,24 +3714,35 @@ var componentData_default = {
3847
3714
  "motionVarPrefixes": [],
3848
3715
  "factoryTarget": null
3849
3716
  },
3850
- SelectContent: {
3851
- "name": "SelectContent",
3717
+ SelectDivider: {
3718
+ "name": "SelectDivider",
3852
3719
  "defaultProps": {
3853
- "size": "default",
3854
- "variant": "default"
3720
+ "contentPosition": "start",
3721
+ "gap": "4"
3855
3722
  },
3856
- "getStylesLiterals": {},
3857
- "cxLiterals": ["z-50", "focus:outline-none"],
3858
- "internalComponents": ["SelectPopover", "VStack"],
3859
- "internalComponentProps": { "VStack": {
3860
- "elevation": ["3"],
3861
- "overflow": ["auto"],
3862
- "borderRadius": ["md"]
3863
- } },
3864
- "propToVariantKeys": {
3865
- "size": ["selectcontentSizeRoot"],
3866
- "variant": ["selectcontentVariantRoot"]
3723
+ "getStylesLiterals": {
3724
+ "selectitemDividerVariantRoot": "default",
3725
+ "selectitemDividerVariantText": "default",
3726
+ "selectitemDividerVariantLine": "default"
3867
3727
  },
3728
+ "cxLiterals": [],
3729
+ "internalComponents": ["Divider"],
3730
+ "internalComponentProps": { "Divider": { "variant": ["inherit"] } },
3731
+ "propToVariantKeys": {},
3732
+ "runtimeConfigDefaultProps": {},
3733
+ "runtimeConfigGetStyles": {},
3734
+ "runtimeConfigInternalComponentProps": {},
3735
+ "motionVarPrefixes": [],
3736
+ "factoryTarget": null
3737
+ },
3738
+ SelectValue: {
3739
+ "name": "SelectValue",
3740
+ "defaultProps": {},
3741
+ "getStylesLiterals": {},
3742
+ "cxLiterals": [],
3743
+ "internalComponents": ["AriakitSelectValue"],
3744
+ "internalComponentProps": {},
3745
+ "propToVariantKeys": {},
3868
3746
  "runtimeConfigDefaultProps": {},
3869
3747
  "runtimeConfigGetStyles": {},
3870
3748
  "runtimeConfigInternalComponentProps": {},
@@ -3941,20 +3819,142 @@ var componentData_default = {
3941
3819
  "motionVarPrefixes": [],
3942
3820
  "factoryTarget": null
3943
3821
  },
3944
- UDSSelectItemConfigProvider: {
3945
- "name": "UDSSelectItemConfigProvider",
3946
- "defaultProps": {},
3822
+ SelectContent: {
3823
+ "name": "SelectContent",
3824
+ "defaultProps": {
3825
+ "size": "default",
3826
+ "variant": "default"
3827
+ },
3947
3828
  "getStylesLiterals": {},
3948
- "cxLiterals": ["sm"],
3949
- "internalComponents": [],
3950
- "internalComponentProps": {},
3951
- "propToVariantKeys": {},
3829
+ "cxLiterals": ["z-50", "focus:outline-none"],
3830
+ "internalComponents": ["SelectPopover", "VStack"],
3831
+ "internalComponentProps": { "VStack": {
3832
+ "elevation": ["3"],
3833
+ "overflow": ["auto"],
3834
+ "borderRadius": ["md"]
3835
+ } },
3836
+ "propToVariantKeys": {
3837
+ "size": ["selectcontentSizeRoot"],
3838
+ "variant": ["selectcontentVariantRoot"]
3839
+ },
3840
+ "runtimeConfigDefaultProps": {},
3841
+ "runtimeConfigGetStyles": {},
3842
+ "runtimeConfigInternalComponentProps": {},
3843
+ "motionVarPrefixes": [],
3844
+ "factoryTarget": null
3845
+ },
3846
+ SegmentedControl: {
3847
+ "name": "SegmentedControl",
3848
+ "defaultProps": { "textVariant": "label2" },
3849
+ "getStylesLiterals": {
3850
+ "display": "flex",
3851
+ "alignItems": "center",
3852
+ "backgroundColor": "primary",
3853
+ "spacingVertical": "1",
3854
+ "spacingHorizontal": "3",
3855
+ "columnGap": "1.5",
3856
+ "borderWidth": "thin",
3857
+ "borderRadius": "full",
3858
+ "borderColor": "muted",
3859
+ "borderColor:1": "transparent",
3860
+ "color": "primary",
3861
+ "color:1": "tertiary",
3862
+ "color:2": "muted"
3863
+ },
3864
+ "cxLiterals": [
3865
+ "uds-ring",
3866
+ "cursor-not-allowed",
3867
+ "opacity-50",
3868
+ "pointer-events-none",
3869
+ "hover:bg-primary"
3870
+ ],
3871
+ "internalComponents": [
3872
+ "Radio",
3873
+ "Icon",
3874
+ "RadioProvider",
3875
+ "HStack",
3876
+ "RadioGroup",
3877
+ "Pressable",
3878
+ "Text"
3879
+ ],
3880
+ "internalComponentProps": {
3881
+ "Icon": {
3882
+ "size": ["sm"],
3883
+ "color": ["current"],
3884
+ "aria-hidden": ["true"]
3885
+ },
3886
+ "HStack": {
3887
+ "spacing": ["1"],
3888
+ "gap": ["1"],
3889
+ "backgroundColor": ["secondary"],
3890
+ "borderRadius": ["full"],
3891
+ "display": ["inline-flex"]
3892
+ },
3893
+ "Text": { "color": ["current"] }
3894
+ },
3895
+ "propToVariantKeys": {
3896
+ "value": ["key"],
3897
+ "label": ["aria-label"],
3898
+ "textVariant": ["variant"]
3899
+ },
3952
3900
  "runtimeConfigDefaultProps": {},
3953
3901
  "runtimeConfigGetStyles": {},
3954
3902
  "runtimeConfigInternalComponentProps": {},
3955
3903
  "motionVarPrefixes": [],
3956
3904
  "factoryTarget": null
3957
3905
  },
3906
+ Accordion: {
3907
+ "name": "Accordion",
3908
+ "defaultProps": {
3909
+ "spacingHorizontal": "4",
3910
+ "spacingVertical": "4"
3911
+ },
3912
+ "getStylesLiterals": {},
3913
+ "cxLiterals": ["hover:bg-secondary/80", "w-full"],
3914
+ "internalComponents": [
3915
+ "Icon",
3916
+ "SpringMotionConfig",
3917
+ "Pressable",
3918
+ "Text",
3919
+ "HStack",
3920
+ "AnimatePresence",
3921
+ "VStack"
3922
+ ],
3923
+ "internalComponentProps": {
3924
+ "Icon": {
3925
+ "variant": ["fill"],
3926
+ "size": ["sm"],
3927
+ "color": ["primary"]
3928
+ },
3929
+ "SpringMotionConfig": {
3930
+ "layoutVariant": ["smooth"],
3931
+ "layoutSpeed": ["3"]
3932
+ },
3933
+ "Pressable": {
3934
+ "display": ["flex"],
3935
+ "flexDirection": ["row"],
3936
+ "alignItems": ["center"],
3937
+ "justifyContent": ["space-between"],
3938
+ "borderRadius": ["md"]
3939
+ },
3940
+ "Text": {
3941
+ "variant": ["title4"],
3942
+ "color": ["primary"]
3943
+ },
3944
+ "HStack": {
3945
+ "display": ["flex"],
3946
+ "alignItems": ["center"],
3947
+ "justifyContent": ["space-between"],
3948
+ "columnGap": ["2.5"]
3949
+ }
3950
+ },
3951
+ "propToVariantKeys": {},
3952
+ "runtimeConfigDefaultProps": {},
3953
+ "runtimeConfigGetStyles": {},
3954
+ "runtimeConfigInternalComponentProps": {},
3955
+ "motionVarPrefixes": ["--uds-motion-smooth-3-"],
3956
+ "factoryTarget": null
3957
+ },
3958
3958
  SwitchStaticHandle: {
3959
3959
  "name": "SwitchStaticHandle",
3960
3960
  "defaultProps": {},