@yahoo/uds 3.153.1 → 3.153.2

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 (13) hide show
  1. package/dist/components/client/Popover/UDSPopoverConfigProvider.d.cts +1 -1
  2. package/dist/components/client/Popover/UDSPopoverConfigProvider.d.ts +1 -1
  3. package/dist/styles/styler.d.cts +42 -42
  4. package/dist/styles/styler.d.ts +42 -42
  5. package/dist/tailwind-internal/dist/utils/getShadowStyles.d.cts +2 -2
  6. package/dist/tailwind-internal/dist/utils/getShadowStyles.d.ts +2 -2
  7. package/dist/uds/generated/componentData.cjs +1840 -1840
  8. package/dist/uds/generated/componentData.js +1840 -1840
  9. package/dist/uds/generated/tailwindPurge.cjs +346 -84
  10. package/dist/uds/generated/tailwindPurge.js +346 -84
  11. package/generated/componentData.json +2432 -2432
  12. package/generated/tailwindPurge.ts +1 -1
  13. package/package.json +1 -1
package/dist/uds/generated/componentData.js CHANGED
@@ -1,28 +1,6 @@
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",
6
- "defaultProps": {
7
- "as": "div",
8
- "display": "flex"
9
- },
10
- "getStylesLiterals": {},
11
- "cxLiterals": [],
12
- "internalComponents": ["Comp"],
13
- "internalComponentProps": {},
14
- "propToVariantKeys": { "elevationAlias": [
15
- "backgroundColor",
16
- "borderColor",
17
- "borderWidth",
18
- "dropShadow",
19
- "insetShadow"
20
- ] },
21
- "runtimeConfigDefaultProps": {},
22
- "runtimeConfigGetStyles": {},
23
- "runtimeConfigInternalComponentProps": {},
24
- "motionVarPrefixes": []
25
- },
26
4
  FormLabel: {
27
5
  "name": "FormLabel",
28
6
  "defaultProps": {
@@ -44,100 +22,6 @@ var componentData_default = {
44
22
  "runtimeConfigInternalComponentProps": {},
45
23
  "motionVarPrefixes": []
46
24
  },
47
- HStack: {
48
- "name": "HStack",
49
- "defaultProps": {},
50
- "getStylesLiterals": {},
51
- "cxLiterals": [],
52
- "internalComponents": ["Box"],
53
- "internalComponentProps": { "Box": { "flexDirection": ["row"] } },
54
- "propToVariantKeys": { "gap": ["rowGap", "columnGap"] },
55
- "runtimeConfigDefaultProps": {},
56
- "runtimeConfigGetStyles": {},
57
- "runtimeConfigInternalComponentProps": {},
58
- "motionVarPrefixes": []
59
- },
60
- Icon: {
61
- "name": "Icon",
62
- "defaultProps": {
63
- "size": "md",
64
- "variant": "outline",
65
- "color": "primary"
66
- },
67
- "getStylesLiterals": { "flex": "none" },
68
- "cxLiterals": ["[&_path]:fill-current"],
69
- "internalComponents": ["SVGIcon"],
70
- "internalComponentProps": {},
71
- "propToVariantKeys": {},
72
- "runtimeConfigDefaultProps": {},
73
- "runtimeConfigGetStyles": {},
74
- "runtimeConfigInternalComponentProps": {},
75
- "motionVarPrefixes": []
76
- },
77
- IconSlot: {
78
- "name": "IconSlot",
79
- "defaultProps": {},
80
- "getStylesLiterals": {},
81
- "cxLiterals": [],
82
- "internalComponents": ["Icon"],
83
- "internalComponentProps": {},
84
- "propToVariantKeys": {},
85
- "runtimeConfigDefaultProps": {},
86
- "runtimeConfigGetStyles": {},
87
- "runtimeConfigInternalComponentProps": {},
88
- "motionVarPrefixes": []
89
- },
90
- Image: {
91
- "name": "Image",
92
- "defaultProps": {},
93
- "getStylesLiterals": {},
94
- "cxLiterals": [],
95
- "internalComponents": [],
96
- "internalComponentProps": {},
97
- "propToVariantKeys": {},
98
- "runtimeConfigDefaultProps": {},
99
- "runtimeConfigGetStyles": {},
100
- "runtimeConfigInternalComponentProps": {},
101
- "motionVarPrefixes": []
102
- },
103
- Link: {
104
- "name": "Link",
105
- "defaultProps": { "variant": "primary" },
106
- "getStylesLiterals": {
107
- "display": "inline-flex",
108
- "alignItems": "center"
109
- },
110
- "cxLiterals": [
111
- "uds-ring",
112
- "underline",
113
- "w-[0.7em]",
114
- "h-[0.7em]"
115
- ],
116
- "internalComponents": ["IconSlot"],
117
- "internalComponentProps": { "IconSlot": { "data-testid": ["start-icon", "end-icon"] } },
118
- "propToVariantKeys": {
119
- "textVariant": [
120
- "linkTextStyleRoot",
121
- "fontSize",
122
- "fontFamily",
123
- "fontWeight",
124
- "lineHeight",
125
- "textTransform",
126
- "linkTextStyleIcon"
127
- ],
128
- "variant": [
129
- "linkVariantRoot",
130
- "linkVariantIconStart",
131
- "linkVariantIconEnd"
132
- ],
133
- "startIcon": ["icon"],
134
- "endIcon": ["icon"]
135
- },
136
- "runtimeConfigDefaultProps": {},
137
- "runtimeConfigGetStyles": {},
138
- "runtimeConfigInternalComponentProps": {},
139
- "motionVarPrefixes": []
140
- },
141
25
  Scrim: {
142
26
  "name": "Scrim",
143
27
  "defaultProps": {
@@ -166,6 +50,19 @@ var componentData_default = {
166
50
  "runtimeConfigInternalComponentProps": {},
167
51
  "motionVarPrefixes": []
168
52
  },
53
+ IconSlot: {
54
+ "name": "IconSlot",
55
+ "defaultProps": {},
56
+ "getStylesLiterals": {},
57
+ "cxLiterals": [],
58
+ "internalComponents": ["Icon"],
59
+ "internalComponentProps": {},
60
+ "propToVariantKeys": {},
61
+ "runtimeConfigDefaultProps": {},
62
+ "runtimeConfigGetStyles": {},
63
+ "runtimeConfigInternalComponentProps": {},
64
+ "motionVarPrefixes": []
65
+ },
169
66
  SvgFloatingOverlay: {
170
67
  "name": "SvgFloatingOverlay",
171
68
  "defaultProps": { "contentOverflow": "auto" },
@@ -200,6 +97,45 @@ var componentData_default = {
200
97
  "runtimeConfigInternalComponentProps": {},
201
98
  "motionVarPrefixes": []
202
99
  },
100
+ Icon: {
101
+ "name": "Icon",
102
+ "defaultProps": {
103
+ "size": "md",
104
+ "variant": "outline",
105
+ "color": "primary"
106
+ },
107
+ "getStylesLiterals": { "flex": "none" },
108
+ "cxLiterals": ["[&_path]:fill-current"],
109
+ "internalComponents": ["SVGIcon"],
110
+ "internalComponentProps": {},
111
+ "propToVariantKeys": {},
112
+ "runtimeConfigDefaultProps": {},
113
+ "runtimeConfigGetStyles": {},
114
+ "runtimeConfigInternalComponentProps": {},
115
+ "motionVarPrefixes": []
116
+ },
117
+ Box: {
118
+ "name": "Box",
119
+ "defaultProps": {
120
+ "as": "div",
121
+ "display": "flex"
122
+ },
123
+ "getStylesLiterals": {},
124
+ "cxLiterals": [],
125
+ "internalComponents": ["Comp"],
126
+ "internalComponentProps": {},
127
+ "propToVariantKeys": { "elevationAlias": [
128
+ "backgroundColor",
129
+ "borderColor",
130
+ "borderWidth",
131
+ "dropShadow",
132
+ "insetShadow"
133
+ ] },
134
+ "runtimeConfigDefaultProps": {},
135
+ "runtimeConfigGetStyles": {},
136
+ "runtimeConfigInternalComponentProps": {},
137
+ "motionVarPrefixes": []
138
+ },
203
139
  Text: {
204
140
  "name": "Text",
205
141
  "defaultProps": {
@@ -236,99 +172,65 @@ var componentData_default = {
236
172
  "runtimeConfigInternalComponentProps": {},
237
173
  "motionVarPrefixes": []
238
174
  },
239
- Banner: {
240
- "name": "Banner",
241
- "defaultProps": {
242
- "variant": "primary",
243
- "size": "default",
244
- "dismissAriaLabel": "Dismiss"
245
- },
246
- "getStylesLiterals": {
247
- "className": "truncate",
248
- "className:1": "line-clamp-3",
249
- "spacing": "2",
250
- "borderRadius": "full",
251
- "color": "primary"
252
- },
253
- "cxLiterals": [
254
- "uds-banner",
255
- "flex",
256
- "flex-row",
257
- "items-center",
258
- "items-start",
259
- "min-w-[300px]",
260
- "transition-[background-color]",
261
- "motion-safe:duration-120",
262
- "bg-carbon-15/0",
263
- "hover:bg-carbon-15/10",
264
- "active:bg-carbon-15/15",
265
- "uds-ring",
266
- "shrink-0",
267
- "self-start",
268
- "flex-1",
269
- "min-w-0",
270
- "flex-col",
271
- "gap-[inherit]",
272
- "uds-sm:flex-row",
273
- "uds-sm:items-center",
274
- "self-stretch",
275
- "gap-0.5",
276
- "w-full",
277
- "truncate",
278
- "leading-none",
279
- "line-clamp-3",
280
- "gap-1.5",
281
- "uds-sm:self-center",
282
- "uds-sm:shrink-0"
283
- ],
284
- "internalComponents": [
285
- "IconSlot",
286
- "Text",
287
- "Pressable"
288
- ],
289
- "internalComponentProps": {
290
- "IconSlot": { "data-testid": ["banner-start-icon"] },
291
- "Text": { "data-testid": ["banner-title", "banner-description"] },
292
- "Pressable": { "data-testid": ["banner-dismiss"] }
293
- },
294
- "propToVariantKeys": {
295
- "variant": [
296
- "bannerVariantRoot",
297
- "bannerVariantIcon",
298
- "bannerVariantTitle",
299
- "bannerVariantDescription"
300
- ],
301
- "size": [
302
- "bannerSizeRoot",
303
- "bannerSizeIcon",
304
- "bannerSizeTitle",
305
- "bannerSizeDescription",
306
- "bannerSizeClose"
307
- ],
308
- "startIcon": ["icon"],
309
- "dismissAriaLabel": ["aria-label"],
310
- "onDismiss": ["onClick"]
311
- },
175
+ Image: {
176
+ "name": "Image",
177
+ "defaultProps": {},
178
+ "getStylesLiterals": {},
179
+ "cxLiterals": [],
180
+ "internalComponents": [],
181
+ "internalComponentProps": {},
182
+ "propToVariantKeys": {},
312
183
  "runtimeConfigDefaultProps": {},
313
184
  "runtimeConfigGetStyles": {},
314
185
  "runtimeConfigInternalComponentProps": {},
315
186
  "motionVarPrefixes": []
316
187
  },
317
- BannerContent: {
318
- "name": "BannerContent",
188
+ HStack: {
189
+ "name": "HStack",
319
190
  "defaultProps": {},
320
191
  "getStylesLiterals": {},
321
- "cxLiterals": [
322
- "flex",
323
- "flex-col",
324
- "items-start",
325
- "self-stretch",
326
- "flex-1",
327
- "min-w-0"
192
+ "cxLiterals": [],
193
+ "internalComponents": ["Box"],
194
+ "internalComponentProps": { "Box": { "flexDirection": ["row"] } },
195
+ "propToVariantKeys": { "gap": ["rowGap", "columnGap"] },
196
+ "runtimeConfigDefaultProps": {},
197
+ "runtimeConfigGetStyles": {},
198
+ "runtimeConfigInternalComponentProps": {},
199
+ "motionVarPrefixes": []
200
+ },
201
+ Link: {
202
+ "name": "Link",
203
+ "defaultProps": { "variant": "primary" },
204
+ "getStylesLiterals": {
205
+ "display": "inline-flex",
206
+ "alignItems": "center"
207
+ },
208
+ "cxLiterals": [
209
+ "uds-ring",
210
+ "underline",
211
+ "w-[0.7em]",
212
+ "h-[0.7em]"
328
213
  ],
329
- "internalComponents": [],
330
- "internalComponentProps": {},
331
- "propToVariantKeys": {},
214
+ "internalComponents": ["IconSlot"],
215
+ "internalComponentProps": { "IconSlot": { "data-testid": ["start-icon", "end-icon"] } },
216
+ "propToVariantKeys": {
217
+ "textVariant": [
218
+ "linkTextStyleRoot",
219
+ "fontSize",
220
+ "fontFamily",
221
+ "fontWeight",
222
+ "lineHeight",
223
+ "textTransform",
224
+ "linkTextStyleIcon"
225
+ ],
226
+ "variant": [
227
+ "linkVariantRoot",
228
+ "linkVariantIconStart",
229
+ "linkVariantIconEnd"
230
+ ],
231
+ "startIcon": ["icon"],
232
+ "endIcon": ["icon"]
233
+ },
332
234
  "runtimeConfigDefaultProps": {},
333
235
  "runtimeConfigGetStyles": {},
334
236
  "runtimeConfigInternalComponentProps": {},
@@ -350,6 +252,26 @@ var componentData_default = {
350
252
  "runtimeConfigInternalComponentProps": {},
351
253
  "motionVarPrefixes": []
352
254
  },
255
+ BannerContent: {
256
+ "name": "BannerContent",
257
+ "defaultProps": {},
258
+ "getStylesLiterals": {},
259
+ "cxLiterals": [
260
+ "flex",
261
+ "flex-col",
262
+ "items-start",
263
+ "self-stretch",
264
+ "flex-1",
265
+ "min-w-0"
266
+ ],
267
+ "internalComponents": [],
268
+ "internalComponentProps": {},
269
+ "propToVariantKeys": {},
270
+ "runtimeConfigDefaultProps": {},
271
+ "runtimeConfigGetStyles": {},
272
+ "runtimeConfigInternalComponentProps": {},
273
+ "motionVarPrefixes": []
274
+ },
353
275
  BannerTitle: {
354
276
  "name": "BannerTitle",
355
277
  "defaultProps": {},
@@ -363,123 +285,236 @@ var componentData_default = {
363
285
  "runtimeConfigInternalComponentProps": {},
364
286
  "motionVarPrefixes": []
365
287
  },
366
- Divider: {
367
- "name": "Divider",
288
+ Banner: {
289
+ "name": "Banner",
368
290
  "defaultProps": {
369
291
  "variant": "primary",
370
- "contentPosition": "center"
292
+ "size": "default",
293
+ "dismissAriaLabel": "Dismiss"
371
294
  },
372
- "getStylesLiterals": {},
373
- "cxLiterals": ["inherit"],
295
+ "getStylesLiterals": {
296
+ "className": "truncate",
297
+ "className:1": "line-clamp-3",
298
+ "spacing": "2",
299
+ "borderRadius": "full",
300
+ "color": "primary"
301
+ },
302
+ "cxLiterals": [
303
+ "uds-banner",
304
+ "flex",
305
+ "flex-row",
306
+ "items-center",
307
+ "items-start",
308
+ "min-w-[300px]",
309
+ "transition-[background-color]",
310
+ "motion-safe:duration-120",
311
+ "bg-carbon-15/0",
312
+ "hover:bg-carbon-15/10",
313
+ "active:bg-carbon-15/15",
314
+ "uds-ring",
315
+ "shrink-0",
316
+ "self-start",
317
+ "flex-1",
318
+ "min-w-0",
319
+ "flex-col",
320
+ "gap-[inherit]",
321
+ "uds-sm:flex-row",
322
+ "uds-sm:items-center",
323
+ "self-stretch",
324
+ "gap-0.5",
325
+ "w-full",
326
+ "truncate",
327
+ "leading-none",
328
+ "line-clamp-3",
329
+ "gap-1.5",
330
+ "uds-sm:self-center",
331
+ "uds-sm:shrink-0"
332
+ ],
374
333
  "internalComponents": [
375
- "DividerLine",
376
- "DividerLabel",
377
- "InternalComponent",
378
- "Box"
334
+ "IconSlot",
335
+ "Text",
336
+ "Pressable"
379
337
  ],
380
338
  "internalComponentProps": {
381
- "InternalComponent": {
382
- "alignItems": ["center"],
383
- "flex": ["1"]
384
- },
385
- "Box": {
386
- "display": ["flex"],
387
- "flex": ["none"]
388
- }
339
+ "IconSlot": { "data-testid": ["banner-start-icon"] },
340
+ "Text": { "data-testid": ["banner-title", "banner-description"] },
341
+ "Pressable": { "data-testid": ["banner-dismiss"] }
342
+ },
343
+ "propToVariantKeys": {
344
+ "variant": [
345
+ "bannerVariantRoot",
346
+ "bannerVariantIcon",
347
+ "bannerVariantTitle",
348
+ "bannerVariantDescription"
349
+ ],
350
+ "size": [
351
+ "bannerSizeRoot",
352
+ "bannerSizeIcon",
353
+ "bannerSizeTitle",
354
+ "bannerSizeDescription",
355
+ "bannerSizeClose"
356
+ ],
357
+ "startIcon": ["icon"],
358
+ "dismissAriaLabel": ["aria-label"],
359
+ "onDismiss": ["onClick"]
389
360
  },
390
- "propToVariantKeys": { "variant": ["dividerVariantRoot"] },
391
361
  "runtimeConfigDefaultProps": {},
392
362
  "runtimeConfigGetStyles": {},
393
363
  "runtimeConfigInternalComponentProps": {},
394
364
  "motionVarPrefixes": []
395
365
  },
396
- DividerLabel: {
397
- "name": "DividerLabel",
366
+ Switch: {
367
+ "name": "Switch",
398
368
  "defaultProps": {
399
- "variant": "primary",
400
- "textVariant": "inherit",
401
- "color": "inherit",
402
- "as": "span"
369
+ "labelPosition": "start",
370
+ "size": "md"
371
+ },
372
+ "getStylesLiterals": {
373
+ "switchVariantRoot": "default",
374
+ "switchVariantActiveRoot": "on",
375
+ "switchVariantActiveRoot:1": "off",
376
+ "display": "flex",
377
+ "flexDirection": "row",
378
+ "flexDirection:1": "row-reverse",
379
+ "alignItems": "center",
380
+ "switchVariantSwitch": "default",
381
+ "switchVariantActiveSwitch": "on",
382
+ "switchVariantActiveSwitch:1": "off",
383
+ "borderRadius": "full",
384
+ "position": "relative",
385
+ "switchVariantActiveHandle": "on",
386
+ "switchVariantActiveHandle:1": "off",
387
+ "switchVariantHandle": "default",
388
+ "switchVariantHandleIcon": "default",
389
+ "switchVariantActiveHandleIcon": "on",
390
+ "switchVariantActiveHandleIcon:1": "off"
391
+ },
392
+ "cxLiterals": [
393
+ "group",
394
+ "cursor-pointer",
395
+ "cursor-default",
396
+ "opacity-50",
397
+ "uds-ring",
398
+ "uds-ring-within",
399
+ "transition-[background-color,box-shadow]",
400
+ "relative",
401
+ "pointer-events-none",
402
+ "uds-border-radius-full",
403
+ "overflow-hidden",
404
+ "absolute",
405
+ "top-0",
406
+ "left-0",
407
+ "right-0",
408
+ "bottom-0",
409
+ "opacity-95",
410
+ "group-hover:opacity-100",
411
+ "transition-[background-color,box-shadow,opacity]",
412
+ "opacity-0",
413
+ "top-1/2",
414
+ "left-1/2",
415
+ "transform",
416
+ "translate-x-[-50%]",
417
+ "translate-y-[-50%]",
418
+ "transition-opacity",
419
+ "cursor-[inherit]",
420
+ "w-[calc(100%+2px)]",
421
+ "h-[calc(100%+2px)]",
422
+ "text-start",
423
+ "text-end",
424
+ "opacity-100"
425
+ ],
426
+ "internalComponents": [
427
+ "IconSlot",
428
+ "Box",
429
+ "FormLabel",
430
+ "SpringMotionConfig",
431
+ "RootElement",
432
+ "MotionBox"
433
+ ],
434
+ "internalComponentProps": {
435
+ "IconSlot": { "data-testid": ["on-icon", "off-icon"] },
436
+ "FormLabel": {
437
+ "as": ["div"],
438
+ "variant": ["inherit"],
439
+ "color": ["inherit"]
440
+ },
441
+ "RootElement": { "data-testid": ["container"] }
403
442
  },
404
- "getStylesLiterals": {},
405
- "cxLiterals": ["inherit"],
406
- "internalComponents": ["Text"],
407
- "internalComponentProps": {},
408
443
  "propToVariantKeys": {
409
- "variant": ["dividerVariantLabel"],
410
- "textVariant": ["variant"]
444
+ "size": [
445
+ "switchSizeRoot",
446
+ "switchSizeSwitch",
447
+ "switchSizeHandle",
448
+ "switchSizeHandleIcon"
449
+ ],
450
+ "onIcon": ["icon"],
451
+ "offIcon": ["icon"],
452
+ "reduceMotion": ["reducedMotion"]
411
453
  },
412
454
  "runtimeConfigDefaultProps": {},
413
455
  "runtimeConfigGetStyles": {},
414
456
  "runtimeConfigInternalComponentProps": {},
415
- "motionVarPrefixes": []
457
+ "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
416
458
  },
417
- DividerLine: {
418
- "name": "DividerLine",
419
- "defaultProps": { "variant": "primary" },
420
- "getStylesLiterals": {},
421
- "cxLiterals": ["inherit"],
422
- "internalComponents": ["Box"],
423
- "internalComponentProps": { "Box": { "flex": ["1"] } },
424
- "propToVariantKeys": { "variant": ["dividerVariantLine"] },
425
- "runtimeConfigDefaultProps": {},
426
- "runtimeConfigGetStyles": {},
427
- "runtimeConfigInternalComponentProps": {},
428
- "motionVarPrefixes": []
429
- },
430
- AnimateHeightChange: {
431
- "name": "AnimateHeightChange",
432
- "defaultProps": {},
433
- "getStylesLiterals": {},
434
- "cxLiterals": ["overflow-hidden"],
435
- "internalComponents": ["SpringMotionConfig"],
436
- "internalComponentProps": { "SpringMotionConfig": { "layoutSpeed": ["4"] } },
437
- "propToVariantKeys": { "reduceMotion": ["reducedMotion"] },
438
- "runtimeConfigDefaultProps": {},
439
- "runtimeConfigGetStyles": {},
440
- "runtimeConfigInternalComponentProps": {},
441
- "motionVarPrefixes": ["--uds-motion-subtle-4-", "--uds-motion-smooth-3-"]
442
- },
443
- Badge: {
444
- "name": "Badge",
445
- "defaultProps": {
446
- "variant": "primary",
447
- "size": "md"
448
- },
459
+ Button: {
460
+ "name": "Button",
461
+ "defaultProps": { "type": "button" },
449
462
  "getStylesLiterals": {},
450
463
  "cxLiterals": [
451
- "uds-badge",
452
- "uds-badge-variant",
453
- "uds-badge-size",
454
- "uds-badge-iconSize",
455
- "uds-badge-iconColor",
456
- "flex-1",
457
- "truncate",
464
+ "uds-ring",
465
+ "uds-hit-target",
466
+ "inline-flex",
467
+ "overflow-hidden",
468
+ "justify-center",
469
+ "items-center",
458
470
  "whitespace-nowrap",
459
- "text-center"
471
+ "select-none",
472
+ "[transform-origin:center]",
473
+ "[backface-visibility:hidden]",
474
+ "[transition-property:color,background-color,border-color,box-shadow,text-decoration-color,fill,stroke]",
475
+ "[transition-timing-function:cubic-bezier(0,0,0.2,1)]",
476
+ "[transition-duration:220ms]",
477
+ "cursor-not-allowed",
478
+ "uds-button-loading",
479
+ "uds-button-without-effects",
480
+ "withIcon",
481
+ "uds-button-with-gap",
482
+ "animate-spin",
483
+ "truncate",
484
+ "flex",
485
+ "overflow-clip",
486
+ "uds-button-icon-container"
487
+ ],
488
+ "internalComponents": [
489
+ "Icon",
490
+ "IconSlot",
491
+ "AnimatePresence",
492
+ "SpringMotionConfig",
493
+ "MotionSlot"
460
494
  ],
461
- "internalComponents": ["IconSlot", "HStack"],
462
495
  "internalComponentProps": {
463
- "IconSlot": { "data-testid": ["start-icon", "end-icon"] },
464
- "HStack": {
465
- "gap": ["2"],
466
- "display": ["inline-flex"],
467
- "alignItems": ["center"]
496
+ "Icon": { "color": ["current"] },
497
+ "AnimatePresence": { "mode": ["popLayout"] },
498
+ "SpringMotionConfig": { "layoutSpeed": ["3"] },
499
+ "MotionSlot": {
500
+ "whileHover": ["hover"],
501
+ "whileTap": ["pressed"]
468
502
  }
469
503
  },
470
504
  "propToVariantKeys": {
471
- "size": ["badgeSizeRoot", "badgeSizeIcon"],
472
- "variant": ["badgeVariantRoot", "badgeVariantIcon"],
505
+ "size": ["buttonSizeRoot", "buttonSizeIcon"],
506
+ "variant": ["buttonVariantRoot", "buttonVariantIcon"],
507
+ "iconVariant": ["variant"],
473
508
  "startIcon": ["icon"],
474
509
  "endIcon": ["icon"]
475
510
  },
476
511
  "runtimeConfigDefaultProps": {},
477
512
  "runtimeConfigGetStyles": {},
478
513
  "runtimeConfigInternalComponentProps": {},
479
- "motionVarPrefixes": []
514
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
480
515
  },
481
- Button: {
482
- "name": "Button",
516
+ IconButton: {
517
+ "name": "IconButton",
483
518
  "defaultProps": { "type": "button" },
484
519
  "getStylesLiterals": {},
485
520
  "cxLiterals": [
@@ -489,8 +524,6 @@ var componentData_default = {
489
524
  "overflow-hidden",
490
525
  "justify-center",
491
526
  "items-center",
492
- "whitespace-nowrap",
493
- "select-none",
494
527
  "[transform-origin:center]",
495
528
  "[backface-visibility:hidden]",
496
529
  "[transition-property:color,background-color,border-color,box-shadow,text-decoration-color,fill,stroke]",
@@ -499,17 +532,10 @@ var componentData_default = {
499
532
  "cursor-not-allowed",
500
533
  "uds-button-loading",
501
534
  "uds-button-without-effects",
502
- "withIcon",
503
- "uds-button-with-gap",
504
- "animate-spin",
505
- "truncate",
506
- "flex",
507
- "overflow-clip",
508
- "uds-button-icon-container"
535
+ "animate-spin"
509
536
  ],
510
537
  "internalComponents": [
511
538
  "Icon",
512
- "IconSlot",
513
539
  "AnimatePresence",
514
540
  "SpringMotionConfig",
515
541
  "MotionSlot"
@@ -519,22 +545,34 @@ var componentData_default = {
519
545
  "AnimatePresence": { "mode": ["popLayout"] },
520
546
  "SpringMotionConfig": { "layoutSpeed": ["3"] },
521
547
  "MotionSlot": {
548
+ "initial": ["icon"],
522
549
  "whileHover": ["hover"],
523
550
  "whileTap": ["pressed"]
524
551
  }
525
552
  },
526
553
  "propToVariantKeys": {
527
- "size": ["buttonSizeRoot", "buttonSizeIcon"],
554
+ "size": ["iconbuttonSizeRoot", "iconbuttonSizeIcon"],
528
555
  "variant": ["buttonVariantRoot", "buttonVariantIcon"],
529
- "iconVariant": ["variant"],
530
- "startIcon": ["icon"],
531
- "endIcon": ["icon"]
556
+ "iconVariant": ["variant"]
532
557
  },
533
558
  "runtimeConfigDefaultProps": {},
534
559
  "runtimeConfigGetStyles": {},
535
560
  "runtimeConfigInternalComponentProps": {},
536
561
  "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
537
562
  },
563
+ SpringMotionConfig: {
564
+ "name": "SpringMotionConfig",
565
+ "defaultProps": { "reducedMotion": "user" },
566
+ "getStylesLiterals": {},
567
+ "cxLiterals": [],
568
+ "internalComponents": ["LazyMotion", "MotionConfig"],
569
+ "internalComponentProps": {},
570
+ "propToVariantKeys": { "loadFeatures": ["features"] },
571
+ "runtimeConfigDefaultProps": {},
572
+ "runtimeConfigGetStyles": {},
573
+ "runtimeConfigInternalComponentProps": {},
574
+ "motionVarPrefixes": []
575
+ },
538
576
  Checkbox: {
539
577
  "name": "Checkbox",
540
578
  "defaultProps": {
@@ -613,171 +651,164 @@ var componentData_default = {
613
651
  "runtimeConfigInternalComponentProps": {},
614
652
  "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
615
653
  },
616
- IconButton: {
617
- "name": "IconButton",
618
- "defaultProps": { "type": "button" },
654
+ Pressable: {
655
+ "name": "Pressable",
656
+ "defaultProps": {},
657
+ "getStylesLiterals": {},
658
+ "cxLiterals": [],
659
+ "internalComponents": ["Comp"],
660
+ "internalComponentProps": {},
661
+ "propToVariantKeys": {},
662
+ "runtimeConfigDefaultProps": {},
663
+ "runtimeConfigGetStyles": {},
664
+ "runtimeConfigInternalComponentProps": {},
665
+ "motionVarPrefixes": []
666
+ },
667
+ AnimateHeightChange: {
668
+ "name": "AnimateHeightChange",
669
+ "defaultProps": {},
670
+ "getStylesLiterals": {},
671
+ "cxLiterals": ["overflow-hidden"],
672
+ "internalComponents": ["SpringMotionConfig"],
673
+ "internalComponentProps": { "SpringMotionConfig": { "layoutSpeed": ["4"] } },
674
+ "propToVariantKeys": { "reduceMotion": ["reducedMotion"] },
675
+ "runtimeConfigDefaultProps": {},
676
+ "runtimeConfigGetStyles": {},
677
+ "runtimeConfigInternalComponentProps": {},
678
+ "motionVarPrefixes": ["--uds-motion-subtle-4-", "--uds-motion-smooth-3-"]
679
+ },
680
+ Badge: {
681
+ "name": "Badge",
682
+ "defaultProps": {
683
+ "variant": "primary",
684
+ "size": "md"
685
+ },
619
686
  "getStylesLiterals": {},
620
687
  "cxLiterals": [
621
- "uds-ring",
622
- "uds-hit-target",
623
- "inline-flex",
624
- "overflow-hidden",
625
- "justify-center",
626
- "items-center",
627
- "[transform-origin:center]",
628
- "[backface-visibility:hidden]",
629
- "[transition-property:color,background-color,border-color,box-shadow,text-decoration-color,fill,stroke]",
630
- "[transition-timing-function:cubic-bezier(0,0,0.2,1)]",
631
- "[transition-duration:220ms]",
632
- "cursor-not-allowed",
633
- "uds-button-loading",
634
- "uds-button-without-effects",
635
- "animate-spin"
636
- ],
637
- "internalComponents": [
638
- "Icon",
639
- "AnimatePresence",
640
- "SpringMotionConfig",
641
- "MotionSlot"
688
+ "uds-badge",
689
+ "uds-badge-variant",
690
+ "uds-badge-size",
691
+ "uds-badge-iconSize",
692
+ "uds-badge-iconColor",
693
+ "flex-1",
694
+ "truncate",
695
+ "whitespace-nowrap",
696
+ "text-center"
642
697
  ],
698
+ "internalComponents": ["IconSlot", "HStack"],
643
699
  "internalComponentProps": {
644
- "Icon": { "color": ["current"] },
645
- "AnimatePresence": { "mode": ["popLayout"] },
646
- "SpringMotionConfig": { "layoutSpeed": ["3"] },
647
- "MotionSlot": {
648
- "initial": ["icon"],
649
- "whileHover": ["hover"],
650
- "whileTap": ["pressed"]
700
+ "IconSlot": { "data-testid": ["start-icon", "end-icon"] },
701
+ "HStack": {
702
+ "gap": ["2"],
703
+ "display": ["inline-flex"],
704
+ "alignItems": ["center"]
651
705
  }
652
706
  },
653
707
  "propToVariantKeys": {
654
- "size": ["iconbuttonSizeRoot", "iconbuttonSizeIcon"],
655
- "variant": ["buttonVariantRoot", "buttonVariantIcon"],
656
- "iconVariant": ["variant"]
708
+ "size": ["badgeSizeRoot", "badgeSizeIcon"],
709
+ "variant": ["badgeVariantRoot", "badgeVariantIcon"],
710
+ "startIcon": ["icon"],
711
+ "endIcon": ["icon"]
657
712
  },
658
713
  "runtimeConfigDefaultProps": {},
659
714
  "runtimeConfigGetStyles": {},
660
715
  "runtimeConfigInternalComponentProps": {},
661
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
716
+ "motionVarPrefixes": []
662
717
  },
663
- Pressable: {
664
- "name": "Pressable",
665
- "defaultProps": {},
718
+ DividerLine: {
719
+ "name": "DividerLine",
720
+ "defaultProps": { "variant": "primary" },
666
721
  "getStylesLiterals": {},
667
- "cxLiterals": [],
668
- "internalComponents": ["Comp"],
669
- "internalComponentProps": {},
670
- "propToVariantKeys": {},
722
+ "cxLiterals": ["inherit"],
723
+ "internalComponents": ["Box"],
724
+ "internalComponentProps": { "Box": { "flex": ["1"] } },
725
+ "propToVariantKeys": { "variant": ["dividerVariantLine"] },
671
726
  "runtimeConfigDefaultProps": {},
672
727
  "runtimeConfigGetStyles": {},
673
728
  "runtimeConfigInternalComponentProps": {},
674
729
  "motionVarPrefixes": []
675
730
  },
676
- SpringMotionConfig: {
677
- "name": "SpringMotionConfig",
678
- "defaultProps": { "reducedMotion": "user" },
731
+ DividerLabel: {
732
+ "name": "DividerLabel",
733
+ "defaultProps": {
734
+ "variant": "primary",
735
+ "textVariant": "inherit",
736
+ "color": "inherit",
737
+ "as": "span"
738
+ },
679
739
  "getStylesLiterals": {},
680
- "cxLiterals": [],
681
- "internalComponents": ["LazyMotion", "MotionConfig"],
740
+ "cxLiterals": ["inherit"],
741
+ "internalComponents": ["Text"],
682
742
  "internalComponentProps": {},
683
- "propToVariantKeys": { "loadFeatures": ["features"] },
743
+ "propToVariantKeys": {
744
+ "variant": ["dividerVariantLabel"],
745
+ "textVariant": ["variant"]
746
+ },
684
747
  "runtimeConfigDefaultProps": {},
685
748
  "runtimeConfigGetStyles": {},
686
749
  "runtimeConfigInternalComponentProps": {},
687
750
  "motionVarPrefixes": []
688
751
  },
689
- Switch: {
690
- "name": "Switch",
752
+ Divider: {
753
+ "name": "Divider",
691
754
  "defaultProps": {
692
- "labelPosition": "start",
693
- "size": "md"
755
+ "variant": "primary",
756
+ "contentPosition": "center"
694
757
  },
695
- "getStylesLiterals": {
696
- "switchVariantRoot": "default",
697
- "switchVariantActiveRoot": "on",
698
- "switchVariantActiveRoot:1": "off",
699
- "display": "flex",
700
- "flexDirection": "row",
701
- "flexDirection:1": "row-reverse",
702
- "alignItems": "center",
703
- "switchVariantSwitch": "default",
704
- "switchVariantActiveSwitch": "on",
705
- "switchVariantActiveSwitch:1": "off",
706
- "borderRadius": "full",
707
- "position": "relative",
708
- "switchVariantActiveHandle": "on",
709
- "switchVariantActiveHandle:1": "off",
710
- "switchVariantHandle": "default",
711
- "switchVariantHandleIcon": "default",
712
- "switchVariantActiveHandleIcon": "on",
713
- "switchVariantActiveHandleIcon:1": "off"
714
- },
715
- "cxLiterals": [
716
- "group",
717
- "cursor-pointer",
718
- "cursor-default",
719
- "opacity-50",
720
- "uds-ring",
721
- "uds-ring-within",
722
- "transition-[background-color,box-shadow]",
723
- "relative",
724
- "pointer-events-none",
725
- "uds-border-radius-full",
726
- "overflow-hidden",
727
- "absolute",
728
- "top-0",
729
- "left-0",
730
- "right-0",
731
- "bottom-0",
732
- "opacity-95",
733
- "group-hover:opacity-100",
734
- "transition-[background-color,box-shadow,opacity]",
735
- "opacity-0",
736
- "top-1/2",
737
- "left-1/2",
738
- "transform",
739
- "translate-x-[-50%]",
740
- "translate-y-[-50%]",
741
- "transition-opacity",
742
- "cursor-[inherit]",
743
- "w-[calc(100%+2px)]",
744
- "h-[calc(100%+2px)]",
745
- "text-start",
746
- "text-end",
747
- "opacity-100"
748
- ],
758
+ "getStylesLiterals": {},
759
+ "cxLiterals": ["inherit"],
749
760
  "internalComponents": [
750
- "IconSlot",
751
- "Box",
752
- "FormLabel",
753
- "SpringMotionConfig",
754
- "RootElement",
755
- "MotionBox"
761
+ "DividerLine",
762
+ "DividerLabel",
763
+ "InternalComponent",
764
+ "Box"
756
765
  ],
757
766
  "internalComponentProps": {
758
- "IconSlot": { "data-testid": ["on-icon", "off-icon"] },
759
- "FormLabel": {
760
- "as": ["div"],
761
- "variant": ["inherit"],
762
- "color": ["inherit"]
767
+ "InternalComponent": {
768
+ "alignItems": ["center"],
769
+ "flex": ["1"]
763
770
  },
764
- "RootElement": { "data-testid": ["container"] }
771
+ "Box": {
772
+ "display": ["flex"],
773
+ "flex": ["none"]
774
+ }
765
775
  },
766
- "propToVariantKeys": {
767
- "size": [
768
- "switchSizeRoot",
769
- "switchSizeSwitch",
770
- "switchSizeHandle",
771
- "switchSizeHandleIcon"
772
- ],
773
- "onIcon": ["icon"],
774
- "offIcon": ["icon"],
775
- "reduceMotion": ["reducedMotion"]
776
+ "propToVariantKeys": { "variant": ["dividerVariantRoot"] },
777
+ "runtimeConfigDefaultProps": {},
778
+ "runtimeConfigGetStyles": {},
779
+ "runtimeConfigInternalComponentProps": {},
780
+ "motionVarPrefixes": []
781
+ },
782
+ Table: {
783
+ "name": "Table",
784
+ "defaultProps": {
785
+ "display": "table-cell",
786
+ "overflow": "hidden",
787
+ "borderColor": "muted",
788
+ "borderRadius": "md",
789
+ "spacing": "3",
790
+ "borderBottomColor": "muted",
791
+ "borderBottomWidth": "thin",
792
+ "color": "primary"
776
793
  },
794
+ "getStylesLiterals": { "textAlign": "start" },
795
+ "cxLiterals": [],
796
+ "internalComponents": [
797
+ "CellComponent",
798
+ "Box",
799
+ "Text",
800
+ "Table.Root",
801
+ "Table.Header",
802
+ "Table.Row",
803
+ "Table.Cell",
804
+ "Table.Body"
805
+ ],
806
+ "internalComponentProps": { "Table.Cell": { "asHeaderCell": ["column"] } },
807
+ "propToVariantKeys": {},
777
808
  "runtimeConfigDefaultProps": {},
778
809
  "runtimeConfigGetStyles": {},
779
810
  "runtimeConfigInternalComponentProps": {},
780
- "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
811
+ "motionVarPrefixes": []
781
812
  },
782
813
  Spinner: {
783
814
  "name": "Spinner",
@@ -816,31 +847,17 @@ var componentData_default = {
816
847
  "runtimeConfigInternalComponentProps": {},
817
848
  "motionVarPrefixes": []
818
849
  },
819
- Table: {
820
- "name": "Table",
821
- "defaultProps": {
822
- "display": "table-cell",
823
- "overflow": "hidden",
824
- "borderColor": "muted",
825
- "borderRadius": "md",
826
- "spacing": "3",
827
- "borderBottomColor": "muted",
828
- "borderBottomWidth": "thin",
829
- "color": "primary"
830
- },
831
- "getStylesLiterals": { "textAlign": "start" },
832
- "cxLiterals": [],
833
- "internalComponents": [
834
- "CellComponent",
835
- "Box",
836
- "Text",
837
- "Table.Root",
838
- "Table.Header",
839
- "Table.Row",
840
- "Table.Cell",
841
- "Table.Body"
850
+ PaddleNavContent: {
851
+ "name": "PaddleNavContent",
852
+ "defaultProps": {},
853
+ "getStylesLiterals": {},
854
+ "cxLiterals": [
855
+ "min-w-0",
856
+ "min-h-0",
857
+ "relative"
842
858
  ],
843
- "internalComponentProps": { "Table.Cell": { "asHeaderCell": ["column"] } },
859
+ "internalComponents": [],
860
+ "internalComponentProps": {},
844
861
  "propToVariantKeys": {},
845
862
  "runtimeConfigDefaultProps": {},
846
863
  "runtimeConfigGetStyles": {},
@@ -894,32 +911,6 @@ var componentData_default = {
894
911
  "runtimeConfigInternalComponentProps": {},
895
912
  "motionVarPrefixes": []
896
913
  },
897
- PaddleButtonNext: {
898
- "name": "PaddleButtonNext",
899
- "defaultProps": {},
900
- "getStylesLiterals": {},
901
- "cxLiterals": [],
902
- "internalComponents": ["PaddleButton"],
903
- "internalComponentProps": { "PaddleButton": { "paddleRole": ["next"] } },
904
- "propToVariantKeys": {},
905
- "runtimeConfigDefaultProps": {},
906
- "runtimeConfigGetStyles": {},
907
- "runtimeConfigInternalComponentProps": {},
908
- "motionVarPrefixes": []
909
- },
910
- PaddleButtonPrevious: {
911
- "name": "PaddleButtonPrevious",
912
- "defaultProps": {},
913
- "getStylesLiterals": {},
914
- "cxLiterals": [],
915
- "internalComponents": ["PaddleButton"],
916
- "internalComponentProps": { "PaddleButton": { "paddleRole": ["previous"] } },
917
- "propToVariantKeys": {},
918
- "runtimeConfigDefaultProps": {},
919
- "runtimeConfigGetStyles": {},
920
- "runtimeConfigInternalComponentProps": {},
921
- "motionVarPrefixes": []
922
- },
923
914
  PaddleNav: {
924
915
  "name": "PaddleNav",
925
916
  "defaultProps": {
@@ -969,17 +960,26 @@ var componentData_default = {
969
960
  "runtimeConfigInternalComponentProps": {},
970
961
  "motionVarPrefixes": []
971
962
  },
972
- PaddleNavContent: {
973
- "name": "PaddleNavContent",
963
+ PaddleButtonPrevious: {
964
+ "name": "PaddleButtonPrevious",
974
965
  "defaultProps": {},
975
966
  "getStylesLiterals": {},
976
- "cxLiterals": [
977
- "min-w-0",
978
- "min-h-0",
979
- "relative"
980
- ],
981
- "internalComponents": [],
982
- "internalComponentProps": {},
967
+ "cxLiterals": [],
968
+ "internalComponents": ["PaddleButton"],
969
+ "internalComponentProps": { "PaddleButton": { "paddleRole": ["previous"] } },
970
+ "propToVariantKeys": {},
971
+ "runtimeConfigDefaultProps": {},
972
+ "runtimeConfigGetStyles": {},
973
+ "runtimeConfigInternalComponentProps": {},
974
+ "motionVarPrefixes": []
975
+ },
976
+ PaddleButtonNext: {
977
+ "name": "PaddleButtonNext",
978
+ "defaultProps": {},
979
+ "getStylesLiterals": {},
980
+ "cxLiterals": [],
981
+ "internalComponents": ["PaddleButton"],
982
+ "internalComponentProps": { "PaddleButton": { "paddleRole": ["next"] } },
983
983
  "propToVariantKeys": {},
984
984
  "runtimeConfigDefaultProps": {},
985
985
  "runtimeConfigGetStyles": {},
@@ -1008,119 +1008,46 @@ var componentData_default = {
1008
1008
  "runtimeConfigInternalComponentProps": {},
1009
1009
  "motionVarPrefixes": []
1010
1010
  },
1011
- Modal: {
1012
- "name": "Modal",
1013
- "defaultProps": {
1014
- "closeAriaLabel": "Close",
1015
- "maxWidth": "auto",
1016
- "maxHeight": "auto",
1017
- "scrollBehavior": "outside"
1011
+ ModalDescription: {
1012
+ "name": "ModalDescription",
1013
+ "defaultProps": {},
1014
+ "getStylesLiterals": {},
1015
+ "cxLiterals": [],
1016
+ "internalComponents": ["Text", "DialogDescription"],
1017
+ "internalComponentProps": { "Text": { "as": ["span"] } },
1018
+ "propToVariantKeys": {
1019
+ "size": ["modalSizeDescription"],
1020
+ "variant": ["modalVariantDescription"]
1018
1021
  },
1019
- "getStylesLiterals": {
1020
- "flexDirection": "row-reverse",
1021
- "justifyContent": "space-between",
1022
- "alignItems": "flex-end",
1023
- "alignItems:1": "flex-start",
1024
- "borderRadius": "full"
1025
- },
1026
- "cxLiterals": [
1027
- "fixed",
1028
- "inset-0",
1029
- "z-40",
1030
- "overflow-y-auto",
1031
- "overflow-hidden",
1032
- "transition-[opacity,visibility]",
1033
- "visible",
1034
- "opacity-100",
1035
- "invisible",
1036
- "opacity-0",
1037
- "pointer-events-none",
1038
- "uds-bgBlurFallback",
1039
- "w-full",
1040
- "w-fit",
1041
- "h-full",
1042
- "h-fit",
1043
- "m-auto",
1044
- "pointer-events-auto",
1045
- "inside",
1046
- "max-h-full",
1047
- "transition-transform",
1048
- "duration-0",
1049
- "duration-120",
1050
- "transition-[background-color]",
1051
- "bg-carbon-15/0",
1052
- "hover:bg-carbon-15/10",
1053
- "active:bg-carbon-15/15",
1054
- "uds-ring",
1055
- "[translate:50%_-50%]"
1056
- ],
1057
- "internalComponents": [
1058
- "Scrim",
1059
- "VStack",
1060
- "Pressable",
1061
- "IconSlot",
1062
- "Box",
1063
- "Dialog",
1064
- "ModalContext.Provider",
1065
- "HStack",
1066
- "DialogDismiss",
1067
- "ModalTitle",
1068
- "ModalDescription",
1069
- "ModalContent",
1070
- "ModalActions"
1071
- ],
1072
- "internalComponentProps": { "Box": { "flexGrow": ["1"] } },
1073
- "propToVariantKeys": {
1074
- "gutter": ["spacing"],
1075
- "size": [
1076
- "modalSizeRoot",
1077
- "modalSizeSpacingHorizontal",
1078
- "modalSizeHeader",
1079
- "modalSizeTitleDescriptionWrapper",
1080
- "modalSizeCloseIconContainer",
1081
- "modalSizeCloseIcon"
1082
- ],
1083
- "variant": ["modalVariantRoot", "modalVariantCloseIcon"],
1084
- "closeAriaLabel": ["aria-label"],
1085
- "closeIcon": ["icon"]
1086
- },
1087
- "runtimeConfigDefaultProps": {
1088
- "size": "modal.defaultSize",
1089
- "variant": "modal.defaultVariant"
1022
+ "runtimeConfigDefaultProps": {
1023
+ "size": "modal.defaultSize",
1024
+ "variant": "modal.defaultVariant"
1090
1025
  },
1091
1026
  "runtimeConfigGetStyles": {
1092
- "spacing": ["modal.gutter.${size}"],
1093
- "modalSizeRoot": ["modal.defaultSize"],
1094
- "modalVariantRoot": ["modal.defaultVariant"],
1095
- "modalSizeSpacingHorizontal": ["modal.defaultSize"],
1096
- "modalSizeHeader": ["modal.defaultSize"],
1097
- "modalSizeTitleDescriptionWrapper": ["modal.defaultSize"],
1098
- "modalSizeCloseIconContainer": ["modal.defaultSize"],
1099
- "modalSizeCloseIcon": ["modal.defaultSize"],
1100
- "modalVariantCloseIcon": ["modal.defaultVariant"]
1027
+ "modalSizeDescription": ["modal.defaultSize"],
1028
+ "modalVariantDescription": ["modal.defaultVariant"]
1101
1029
  },
1102
1030
  "runtimeConfigInternalComponentProps": {},
1103
1031
  "motionVarPrefixes": []
1104
1032
  },
1105
- ModalActions: {
1106
- "name": "ModalActions",
1033
+ ModalTitle: {
1034
+ "name": "ModalTitle",
1107
1035
  "defaultProps": {},
1108
- "getStylesLiterals": {
1109
- "flexDirection": "row-reverse",
1110
- "justifyContent": "space-between",
1111
- "alignItems": "center"
1036
+ "getStylesLiterals": {},
1037
+ "cxLiterals": [],
1038
+ "internalComponents": ["Text", "DialogHeading"],
1039
+ "internalComponentProps": { "Text": { "as": ["span"] } },
1040
+ "propToVariantKeys": {
1041
+ "size": ["modalSizeTitle"],
1042
+ "variant": ["modalVariantTitle"]
1112
1043
  },
1113
- "cxLiterals": ["gap-[inherit]"],
1114
- "internalComponents": ["HStack"],
1115
- "internalComponentProps": {},
1116
- "propToVariantKeys": { "size": ["modalSizeSpacingHorizontal", "modalSizeActions"] },
1117
1044
  "runtimeConfigDefaultProps": {
1118
1045
  "size": "modal.defaultSize",
1119
1046
  "variant": "modal.defaultVariant"
1120
1047
  },
1121
1048
  "runtimeConfigGetStyles": {
1122
- "modalSizeSpacingHorizontal": ["modal.defaultSize"],
1123
- "modalSizeActions": ["modal.defaultSize"]
1049
+ "modalSizeTitle": ["modal.defaultSize"],
1050
+ "modalVariantTitle": ["modal.defaultVariant"]
1124
1051
  },
1125
1052
  "runtimeConfigInternalComponentProps": {},
1126
1053
  "motionVarPrefixes": []
@@ -1145,12 +1072,12 @@ var componentData_default = {
1145
1072
  "runtimeConfigInternalComponentProps": {},
1146
1073
  "motionVarPrefixes": []
1147
1074
  },
1148
- ModalContext: {
1149
- "name": "ModalContext",
1075
+ ModalPortal: {
1076
+ "name": "ModalPortal",
1150
1077
  "defaultProps": {},
1151
1078
  "getStylesLiterals": {},
1152
1079
  "cxLiterals": [],
1153
- "internalComponents": [],
1080
+ "internalComponents": ["ManagedModal"],
1154
1081
  "internalComponentProps": {},
1155
1082
  "propToVariantKeys": {},
1156
1083
  "runtimeConfigDefaultProps": {},
@@ -1158,34 +1085,25 @@ var componentData_default = {
1158
1085
  "runtimeConfigInternalComponentProps": {},
1159
1086
  "motionVarPrefixes": []
1160
1087
  },
1161
- ModalDescription: {
1162
- "name": "ModalDescription",
1088
+ UDSModalConfigProvider: {
1089
+ "name": "UDSModalConfigProvider",
1163
1090
  "defaultProps": {},
1164
1091
  "getStylesLiterals": {},
1165
1092
  "cxLiterals": [],
1166
- "internalComponents": ["Text", "DialogDescription"],
1167
- "internalComponentProps": { "Text": { "as": ["span"] } },
1168
- "propToVariantKeys": {
1169
- "size": ["modalSizeDescription"],
1170
- "variant": ["modalVariantDescription"]
1171
- },
1172
- "runtimeConfigDefaultProps": {
1173
- "size": "modal.defaultSize",
1174
- "variant": "modal.defaultVariant"
1175
- },
1176
- "runtimeConfigGetStyles": {
1177
- "modalSizeDescription": ["modal.defaultSize"],
1178
- "modalVariantDescription": ["modal.defaultVariant"]
1179
- },
1093
+ "internalComponents": ["ModalContext.Provider"],
1094
+ "internalComponentProps": {},
1095
+ "propToVariantKeys": {},
1096
+ "runtimeConfigDefaultProps": {},
1097
+ "runtimeConfigGetStyles": {},
1180
1098
  "runtimeConfigInternalComponentProps": {},
1181
1099
  "motionVarPrefixes": []
1182
1100
  },
1183
- ModalPortal: {
1184
- "name": "ModalPortal",
1101
+ ModalContext: {
1102
+ "name": "ModalContext",
1185
1103
  "defaultProps": {},
1186
1104
  "getStylesLiterals": {},
1187
1105
  "cxLiterals": [],
1188
- "internalComponents": ["ManagedModal"],
1106
+ "internalComponents": [],
1189
1107
  "internalComponentProps": {},
1190
1108
  "propToVariantKeys": {},
1191
1109
  "runtimeConfigDefaultProps": {},
@@ -1193,34 +1111,129 @@ var componentData_default = {
1193
1111
  "runtimeConfigInternalComponentProps": {},
1194
1112
  "motionVarPrefixes": []
1195
1113
  },
1196
- ModalTitle: {
1197
- "name": "ModalTitle",
1114
+ ModalActions: {
1115
+ "name": "ModalActions",
1198
1116
  "defaultProps": {},
1199
- "getStylesLiterals": {},
1200
- "cxLiterals": [],
1201
- "internalComponents": ["Text", "DialogHeading"],
1202
- "internalComponentProps": { "Text": { "as": ["span"] } },
1117
+ "getStylesLiterals": {
1118
+ "flexDirection": "row-reverse",
1119
+ "justifyContent": "space-between",
1120
+ "alignItems": "center"
1121
+ },
1122
+ "cxLiterals": ["gap-[inherit]"],
1123
+ "internalComponents": ["HStack"],
1124
+ "internalComponentProps": {},
1125
+ "propToVariantKeys": { "size": ["modalSizeSpacingHorizontal", "modalSizeActions"] },
1126
+ "runtimeConfigDefaultProps": {
1127
+ "size": "modal.defaultSize",
1128
+ "variant": "modal.defaultVariant"
1129
+ },
1130
+ "runtimeConfigGetStyles": {
1131
+ "modalSizeSpacingHorizontal": ["modal.defaultSize"],
1132
+ "modalSizeActions": ["modal.defaultSize"]
1133
+ },
1134
+ "runtimeConfigInternalComponentProps": {},
1135
+ "motionVarPrefixes": []
1136
+ },
1137
+ Modal: {
1138
+ "name": "Modal",
1139
+ "defaultProps": {
1140
+ "closeAriaLabel": "Close",
1141
+ "maxWidth": "auto",
1142
+ "maxHeight": "auto",
1143
+ "scrollBehavior": "outside"
1144
+ },
1145
+ "getStylesLiterals": {
1146
+ "flexDirection": "row-reverse",
1147
+ "justifyContent": "space-between",
1148
+ "alignItems": "flex-end",
1149
+ "alignItems:1": "flex-start",
1150
+ "borderRadius": "full"
1151
+ },
1152
+ "cxLiterals": [
1153
+ "fixed",
1154
+ "inset-0",
1155
+ "z-40",
1156
+ "overflow-y-auto",
1157
+ "overflow-hidden",
1158
+ "transition-[opacity,visibility]",
1159
+ "visible",
1160
+ "opacity-100",
1161
+ "invisible",
1162
+ "opacity-0",
1163
+ "pointer-events-none",
1164
+ "uds-bgBlurFallback",
1165
+ "w-full",
1166
+ "w-fit",
1167
+ "h-full",
1168
+ "h-fit",
1169
+ "m-auto",
1170
+ "pointer-events-auto",
1171
+ "inside",
1172
+ "max-h-full",
1173
+ "transition-transform",
1174
+ "duration-0",
1175
+ "duration-120",
1176
+ "transition-[background-color]",
1177
+ "bg-carbon-15/0",
1178
+ "hover:bg-carbon-15/10",
1179
+ "active:bg-carbon-15/15",
1180
+ "uds-ring",
1181
+ "[translate:50%_-50%]"
1182
+ ],
1183
+ "internalComponents": [
1184
+ "Scrim",
1185
+ "VStack",
1186
+ "Pressable",
1187
+ "IconSlot",
1188
+ "Box",
1189
+ "Dialog",
1190
+ "ModalContext.Provider",
1191
+ "HStack",
1192
+ "DialogDismiss",
1193
+ "ModalTitle",
1194
+ "ModalDescription",
1195
+ "ModalContent",
1196
+ "ModalActions"
1197
+ ],
1198
+ "internalComponentProps": { "Box": { "flexGrow": ["1"] } },
1203
1199
  "propToVariantKeys": {
1204
- "size": ["modalSizeTitle"],
1205
- "variant": ["modalVariantTitle"]
1200
+ "gutter": ["spacing"],
1201
+ "size": [
1202
+ "modalSizeRoot",
1203
+ "modalSizeSpacingHorizontal",
1204
+ "modalSizeHeader",
1205
+ "modalSizeTitleDescriptionWrapper",
1206
+ "modalSizeCloseIconContainer",
1207
+ "modalSizeCloseIcon"
1208
+ ],
1209
+ "variant": ["modalVariantRoot", "modalVariantCloseIcon"],
1210
+ "closeAriaLabel": ["aria-label"],
1211
+ "closeIcon": ["icon"]
1206
1212
  },
1207
1213
  "runtimeConfigDefaultProps": {
1208
1214
  "size": "modal.defaultSize",
1209
1215
  "variant": "modal.defaultVariant"
1210
1216
  },
1211
1217
  "runtimeConfigGetStyles": {
1212
- "modalSizeTitle": ["modal.defaultSize"],
1213
- "modalVariantTitle": ["modal.defaultVariant"]
1218
+ "spacing": ["modal.gutter.${size}"],
1219
+ "modalSizeRoot": ["modal.defaultSize"],
1220
+ "modalVariantRoot": ["modal.defaultVariant"],
1221
+ "modalSizeSpacingHorizontal": ["modal.defaultSize"],
1222
+ "modalSizeHeader": ["modal.defaultSize"],
1223
+ "modalSizeTitleDescriptionWrapper": ["modal.defaultSize"],
1224
+ "modalSizeCloseIconContainer": ["modal.defaultSize"],
1225
+ "modalSizeCloseIcon": ["modal.defaultSize"],
1226
+ "modalVariantCloseIcon": ["modal.defaultVariant"]
1214
1227
  },
1215
1228
  "runtimeConfigInternalComponentProps": {},
1216
1229
  "motionVarPrefixes": []
1217
1230
  },
1218
- UDSModalConfigProvider: {
1219
- "name": "UDSModalConfigProvider",
1231
+ RadioGroupStore: {
1232
+ "name": "RadioGroupStore",
1220
1233
  "defaultProps": {},
1221
1234
  "getStylesLiterals": {},
1222
1235
  "cxLiterals": [],
1223
- "internalComponents": ["ModalContext.Provider"],
1236
+ "internalComponents": [],
1224
1237
  "internalComponentProps": {},
1225
1238
  "propToVariantKeys": {},
1226
1239
  "runtimeConfigDefaultProps": {},
@@ -1228,637 +1241,626 @@ var componentData_default = {
1228
1241
  "runtimeConfigInternalComponentProps": {},
1229
1242
  "motionVarPrefixes": []
1230
1243
  },
1231
- "Menu.Content": {
1232
- "name": "Menu.Content",
1233
- "defaultProps": {
1234
- "size": "default",
1235
- "variant": "default",
1236
- "gutter": "1"
1237
- },
1244
+ RadioGroupProvider: {
1245
+ "name": "RadioGroupProvider",
1246
+ "defaultProps": {},
1238
1247
  "getStylesLiterals": {},
1239
- "cxLiterals": [
1240
- "uds-menu-content",
1241
- "transition-shadow",
1242
- "duration-200",
1243
- "ease-in-out",
1244
- "min-w-60",
1245
- "max-w-lg",
1246
- "max-h-96",
1247
- "overflow-auto",
1248
- "uds-ring",
1249
- "z-10",
1250
- "group"
1251
- ],
1248
+ "cxLiterals": [],
1252
1249
  "internalComponents": [
1253
- "AriakitMenu",
1254
- "AnimatePresence",
1255
- "MotionVStack"
1256
- ],
1257
- "internalComponentProps": {},
1258
- "propToVariantKeys": {
1259
- "size": ["menucontentSizeRoot"],
1260
- "variant": ["menucontentVariantRoot"]
1261
- },
1262
- "runtimeConfigDefaultProps": {},
1263
- "runtimeConfigGetStyles": {},
1264
- "runtimeConfigInternalComponentProps": {},
1265
- "motionVarPrefixes": []
1266
- },
1267
- "Menu.Divider": {
1268
- "name": "Menu.Divider",
1269
- "defaultProps": {
1270
- "role": "separator",
1271
- "contentPosition": "start",
1272
- "gap": "4"
1273
- },
1274
- "getStylesLiterals": {
1275
- "menuitemDividerVariantRoot": "default",
1276
- "menuitemDividerVariantText": "default",
1277
- "menuitemDividerVariantLine": "default"
1278
- },
1279
- "cxLiterals": [],
1280
- "internalComponents": ["Divider"],
1281
- "internalComponentProps": { "Divider": { "variant": ["inherit"] } },
1282
- "propToVariantKeys": {},
1283
- "runtimeConfigDefaultProps": {},
1284
- "runtimeConfigGetStyles": {},
1285
- "runtimeConfigInternalComponentProps": {},
1286
- "motionVarPrefixes": []
1287
- },
1288
- "Menu.Item": {
1289
- "name": "Menu.Item",
1290
- "defaultProps": {},
1291
- "getStylesLiterals": {
1292
- "menuitemItemVariantRoot": "default",
1293
- "menuitemItemVariantActiveRoot": "on",
1294
- "menuitemItemVariantActiveRoot:1": "off",
1295
- "menuitemItemVariantText": "default",
1296
- "menuitemItemVariantActiveText": "on",
1297
- "menuitemItemVariantActiveText:1": "off",
1298
- "menuitemItemVariantIcon": "default",
1299
- "menuitemItemVariantActiveIcon": "on",
1300
- "menuitemItemVariantActiveIcon:1": "off"
1301
- },
1302
- "cxLiterals": [],
1303
- "internalComponents": ["MenuItemBase"],
1304
- "internalComponentProps": {},
1250
+ "DivProps",
1251
+ "Comp",
1252
+ "RadioGroupContext.Provider"
1253
+ ],
1254
+ "internalComponentProps": { "Comp": { "role": ["radiogroup"] } },
1305
1255
  "propToVariantKeys": {},
1306
1256
  "runtimeConfigDefaultProps": {},
1307
1257
  "runtimeConfigGetStyles": {},
1308
1258
  "runtimeConfigInternalComponentProps": {},
1309
1259
  "motionVarPrefixes": []
1310
1260
  },
1311
- "Menu.ItemBase": {
1312
- "name": "Menu.ItemBase",
1261
+ Radio: {
1262
+ "name": "Radio",
1313
1263
  "defaultProps": {
1314
- "spacing": "0",
1315
- "spacingHorizontal": "4",
1316
- "spacingVertical": "3.5",
1317
- "columnGap": "2",
1318
- "alignItems": "center",
1319
- "justifyContent": "space-between"
1264
+ "labelPosition": "start",
1265
+ "variant": "primary",
1266
+ "size": "md",
1267
+ "value": ""
1320
1268
  },
1321
1269
  "getStylesLiterals": {
1322
- "textAlign": "start",
1323
- "menuitemSizeRoot": "default",
1270
+ "radioVariantValueRoot": "checked",
1271
+ "radioVariantValueRoot:1": "unchecked",
1272
+ "display": "flex",
1324
1273
  "flexDirection": "row",
1325
- "menuitemSizeStartIcon": "default",
1326
- "menuitemSizeEndIcon": "default"
1274
+ "flexDirection:1": "row-reverse",
1275
+ "alignItems": "center",
1276
+ "radioVariantValueRadio": "checked",
1277
+ "radioVariantValueRadio:1": "unchecked",
1278
+ "radioVariantValueRadioCircle": "checked",
1279
+ "radioVariantValueRadioCircle:1": "unchecked"
1327
1280
  },
1328
1281
  "cxLiterals": [
1329
- "uds-menu-item",
1330
- "flex",
1331
- "focus-visible:text-brand",
1332
- "focus-visible:bg-brand-secondary",
1333
- "focus-visible:z-10",
1282
+ "cursor-pointer",
1283
+ "cursor-default",
1284
+ "opacity-50",
1285
+ "border",
1334
1286
  "uds-ring",
1335
- "!-outline-offset-2",
1336
- "[&:not([aria-checked])]:cursor-default",
1337
- "opacity-25",
1338
- "cursor-not-allowed",
1339
- "duration-20",
1340
- "transition-[font-variation-settings]",
1341
- "ease-in-out",
1342
- "z-0",
1343
- "truncate",
1344
- "uds-start-icon",
1345
- "uds-end-icon"
1287
+ "uds-ring-within",
1288
+ "transition-[background-color,border-color]",
1289
+ "transition-shadow",
1290
+ "pointer-events-none",
1291
+ "w-[8px]",
1292
+ "h-[8px]",
1293
+ "opacity-55",
1294
+ "opacity-100",
1295
+ "opacity-0",
1296
+ "transition-opacity",
1297
+ "cursor-[inherit]",
1298
+ "absolute",
1299
+ "top-1/2",
1300
+ "left-1/2",
1301
+ "w-[calc(100%+2px)]",
1302
+ "h-[calc(100%+2px)]",
1303
+ "transform",
1304
+ "translate-x-[-50%]",
1305
+ "translate-y-[-50%]",
1306
+ "text-start",
1307
+ "text-end"
1346
1308
  ],
1347
1309
  "internalComponents": [
1348
- "Pressable",
1349
- "IconSlot",
1350
- "RootComponent",
1351
- "HStack",
1352
- "AnimatePresence"
1310
+ "Box",
1311
+ "FormLabel",
1312
+ "SpringMotionConfig",
1313
+ "RootElement",
1314
+ "MotionBox"
1353
1315
  ],
1354
1316
  "internalComponentProps": {
1355
- "HStack": {
1356
- "alignItems": ["center"],
1357
- "width": ["full"]
1317
+ "Box": { "borderRadius": ["full"] },
1318
+ "FormLabel": {
1319
+ "as": ["div"],
1320
+ "variant": ["inherit"],
1321
+ "color": ["inherit"]
1358
1322
  },
1359
- "AnimatePresence": { "mode": ["popLayout"] }
1323
+ "RootElement": { "data-testid": ["container"] },
1324
+ "MotionBox": {
1325
+ "position": ["relative"],
1326
+ "borderRadius": ["full"],
1327
+ "alignItems": ["center"],
1328
+ "justifyContent": ["center"],
1329
+ "flex": ["none"]
1330
+ }
1360
1331
  },
1361
1332
  "propToVariantKeys": {
1362
- "startIconClassName": ["className"],
1363
- "endIconClassName": ["className"],
1364
- "startIcon": ["icon"],
1365
- "endIcon": ["icon"],
1366
- "columnGap": ["gap"]
1367
- },
1368
- "runtimeConfigDefaultProps": {},
1369
- "runtimeConfigGetStyles": {},
1370
- "runtimeConfigInternalComponentProps": {},
1371
- "motionVarPrefixes": []
1372
- },
1373
- "Menu.ItemCheckbox": {
1374
- "name": "Menu.ItemCheckbox",
1375
- "defaultProps": {},
1376
- "getStylesLiterals": {
1377
- "menuitemItemCheckboxVariantRoot": "default",
1378
- "menuitemItemCheckboxVariantActiveRoot": "on",
1379
- "menuitemItemCheckboxVariantActiveRoot:1": "off",
1380
- "menuitemItemCheckboxVariantText": "default",
1381
- "menuitemItemCheckboxVariantActiveText": "on",
1382
- "menuitemItemCheckboxVariantActiveText:1": "off",
1383
- "menuitemItemCheckboxVariantStartIcon": "default",
1384
- "menuitemItemCheckboxVariantActiveStartIcon": "on",
1385
- "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
1386
- "menuitemItemCheckboxVariantEndIcon": "default",
1387
- "menuitemItemCheckboxVariantActiveEndIcon": "on",
1388
- "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
1333
+ "size": ["radioSizeRoot", "radioSizeRadio"],
1334
+ "variant": [
1335
+ "radioVariantRoot",
1336
+ "radioVariantRadio",
1337
+ "radioVariantRadioCircle"
1338
+ ],
1339
+ "reduceMotion": ["reducedMotion"]
1389
1340
  },
1390
- "cxLiterals": ["uds-menu-item-checkbox"],
1391
- "internalComponents": ["MenuItemBase"],
1392
- "internalComponentProps": {},
1393
- "propToVariantKeys": {},
1394
- "runtimeConfigDefaultProps": {},
1395
- "runtimeConfigGetStyles": {},
1396
- "runtimeConfigInternalComponentProps": {},
1397
- "motionVarPrefixes": []
1398
- },
1399
- "Menu.Provider": {
1400
- "name": "Menu.Provider",
1401
- "defaultProps": {},
1402
- "getStylesLiterals": {},
1403
- "cxLiterals": [],
1404
- "internalComponents": ["AriakitMenuProvider", "SpringMotionConfig"],
1405
- "internalComponentProps": {},
1406
- "propToVariantKeys": {},
1407
1341
  "runtimeConfigDefaultProps": {},
1408
1342
  "runtimeConfigGetStyles": {},
1409
1343
  "runtimeConfigInternalComponentProps": {},
1410
1344
  "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1411
1345
  },
1412
- "Menu.Trigger": {
1413
- "name": "Menu.Trigger",
1346
+ PaginationEllipsis: {
1347
+ "name": "PaginationEllipsis",
1414
1348
  "defaultProps": {},
1415
- "getStylesLiterals": {},
1416
- "cxLiterals": ["uds-menu-trigger"],
1417
- "internalComponents": ["AriakitMenuTrigger", "Box"],
1418
- "internalComponentProps": { "Box": { "className": ["uds-ring h-fit w-fit"] } },
1419
- "propToVariantKeys": {},
1349
+ "getStylesLiterals": { "paginationVariantActiveRoot": "off" },
1350
+ "cxLiterals": [
1351
+ "inline-flex",
1352
+ "items-center",
1353
+ "justify-center",
1354
+ "relative",
1355
+ "m-0",
1356
+ "border-solid",
1357
+ "inline-grid",
1358
+ "shrink-0",
1359
+ "place-items-center",
1360
+ "place-content-center",
1361
+ "rounded-full",
1362
+ "box-border",
1363
+ "w-[var(--uds-pagination-control-size)]",
1364
+ "appearance-none",
1365
+ "uds-ring",
1366
+ "cursor-pointer",
1367
+ "select-none",
1368
+ "pointer-events-none",
1369
+ "auto-cols-max",
1370
+ "grid-flow-col",
1371
+ "gap-1",
1372
+ "block",
1373
+ "tabular-nums",
1374
+ "!leading-none",
1375
+ "[text-box-trim:trim-both]",
1376
+ "[text-box-edge:cap_alphabetic]",
1377
+ "h-[var(--uds-pagination-control-size)]"
1378
+ ],
1379
+ "internalComponents": [],
1380
+ "internalComponentProps": {},
1381
+ "propToVariantKeys": {
1382
+ "size": [
1383
+ "paginationSizeRoot",
1384
+ "paginationSizeItem",
1385
+ "paginationSizeIcon",
1386
+ "paginationSizeText"
1387
+ ],
1388
+ "variant": ["paginationVariantRoot"],
1389
+ "activeState": ["paginationVariantActiveRoot"]
1390
+ },
1420
1391
  "runtimeConfigDefaultProps": {},
1421
1392
  "runtimeConfigGetStyles": {},
1422
1393
  "runtimeConfigInternalComponentProps": {},
1423
1394
  "motionVarPrefixes": []
1424
1395
  },
1425
- "Menu.index": {
1426
- "name": "Menu.index",
1396
+ PaginationLink: {
1397
+ "name": "PaginationLink",
1427
1398
  "defaultProps": {},
1428
- "getStylesLiterals": {},
1429
- "cxLiterals": [],
1430
- "internalComponents": [],
1431
- "internalComponentProps": {},
1432
- "propToVariantKeys": {},
1433
- "runtimeConfigDefaultProps": {},
1434
- "runtimeConfigGetStyles": {},
1435
- "runtimeConfigInternalComponentProps": {},
1436
- "motionVarPrefixes": []
1437
- },
1438
- Menu: {
1439
- "name": "Menu",
1440
- "defaultProps": {},
1441
- "getStylesLiterals": {},
1442
- "cxLiterals": [],
1443
- "internalComponents": [],
1399
+ "getStylesLiterals": { "paginationVariantActiveRoot": "off" },
1400
+ "cxLiterals": [
1401
+ "inline-flex",
1402
+ "items-center",
1403
+ "justify-center",
1404
+ "relative",
1405
+ "m-0",
1406
+ "border-solid",
1407
+ "inline-grid",
1408
+ "shrink-0",
1409
+ "place-items-center",
1410
+ "place-content-center",
1411
+ "rounded-full",
1412
+ "box-border",
1413
+ "w-[var(--uds-pagination-control-size)]",
1414
+ "appearance-none",
1415
+ "uds-ring",
1416
+ "cursor-pointer",
1417
+ "select-none",
1418
+ "pointer-events-none",
1419
+ "auto-cols-max",
1420
+ "grid-flow-col",
1421
+ "gap-1",
1422
+ "block",
1423
+ "tabular-nums",
1424
+ "!leading-none",
1425
+ "[text-box-trim:trim-both]",
1426
+ "[text-box-edge:cap_alphabetic]",
1427
+ "h-[var(--uds-pagination-control-size)]"
1428
+ ],
1429
+ "internalComponents": ["Comp"],
1444
1430
  "internalComponentProps": {},
1445
- "propToVariantKeys": {},
1431
+ "propToVariantKeys": {
1432
+ "size": [
1433
+ "paginationSizeRoot",
1434
+ "paginationSizeItem",
1435
+ "paginationSizeIcon",
1436
+ "paginationSizeText"
1437
+ ],
1438
+ "variant": ["paginationVariantRoot"],
1439
+ "activeState": ["paginationVariantActiveRoot"]
1440
+ },
1446
1441
  "runtimeConfigDefaultProps": {},
1447
1442
  "runtimeConfigGetStyles": {},
1448
1443
  "runtimeConfigInternalComponentProps": {},
1449
1444
  "motionVarPrefixes": []
1450
1445
  },
1451
- Input: {
1452
- "name": "Input",
1453
- "defaultProps": {
1454
- "type": "text",
1455
- "size": "md",
1456
- "width": "full"
1457
- },
1458
- "getStylesLiterals": {
1459
- "inputVariantRoot": "default",
1460
- "inputVariantValueRoot": "empty",
1461
- "inputVariantValueRoot:1": "filled",
1462
- "inputVariantInputWrapper": "default",
1463
- "inputVariantValueInputWrapper": "empty",
1464
- "inputVariantValueInputWrapper:1": "filled",
1465
- "inputVariantInput": "default",
1466
- "inputVariantValueInput": "empty",
1467
- "inputVariantValueInput:1": "filled",
1468
- "inputVariantInputPlaceholder": "default",
1469
- "inputVariantValueInputPlaceholder": "empty",
1470
- "inputVariantValueInputPlaceholder:1": "filled",
1471
- "inputVariantLabel": "default",
1472
- "inputVariantValueLabel": "empty",
1473
- "inputVariantValueLabel:1": "filled",
1474
- "inputVariantLabelRequired": "default",
1475
- "inputVariantValueLabelRequired": "empty",
1476
- "inputVariantValueLabelRequired:1": "filled",
1477
- "inputVariantStartIcon": "default",
1478
- "inputVariantValueStartIcon": "empty",
1479
- "inputVariantValueStartIcon:1": "filled",
1480
- "inputVariantEndIcon": "default",
1481
- "inputVariantValueEndIcon": "empty",
1482
- "inputVariantValueEndIcon:1": "filled"
1483
- },
1446
+ PaginationPrev: {
1447
+ "name": "PaginationPrev",
1448
+ "defaultProps": { "label": "Previous" },
1449
+ "getStylesLiterals": { "paginationVariantActiveRoot": "off" },
1484
1450
  "cxLiterals": [
1485
- "opacity-50",
1486
- "min-w-[200px]",
1487
- "grow",
1488
- "uds-hit-target",
1489
- "bg-clip-text",
1490
- "focus:outline-none",
1491
- "cursor-text",
1492
- "cursor-not-allowed"
1493
- ],
1494
- "internalComponents": [
1495
- "IconSlot",
1496
- "StartIcon",
1497
- "EndIcon",
1498
- "HelpTextContent",
1499
- "Box",
1500
- "InputHelpTextInternal",
1501
- "VStack",
1502
- "HStack",
1503
- "AnimateHeightChange"
1451
+ "inline-flex",
1452
+ "items-center",
1453
+ "justify-center",
1454
+ "relative",
1455
+ "m-0",
1456
+ "border-solid",
1457
+ "inline-grid",
1458
+ "shrink-0",
1459
+ "place-items-center",
1460
+ "place-content-center",
1461
+ "rounded-full",
1462
+ "box-border",
1463
+ "w-[var(--uds-pagination-control-size)]",
1464
+ "appearance-none",
1465
+ "uds-ring",
1466
+ "cursor-pointer",
1467
+ "select-none",
1468
+ "pointer-events-none",
1469
+ "auto-cols-max",
1470
+ "grid-flow-col",
1471
+ "gap-1",
1472
+ "block",
1473
+ "tabular-nums",
1474
+ "!leading-none",
1475
+ "[text-box-trim:trim-both]",
1476
+ "[text-box-edge:cap_alphabetic]",
1477
+ "h-[var(--uds-pagination-control-size)]"
1504
1478
  ],
1479
+ "internalComponents": ["Icon", "Comp"],
1505
1480
  "internalComponentProps": {
1506
- "HelpTextContent": { "spacingTop": ["2"] },
1507
- "Box": {
1508
- "spacingBottom": ["2"],
1509
- "columnGap": ["0.5"],
1510
- "alignItems": ["flex-end", "center"],
1511
- "position": ["relative"]
1481
+ "Icon": {
1482
+ "size": ["sm"],
1483
+ "color": ["current"]
1512
1484
  },
1513
- "HStack": {
1514
- "alignItems": ["center"],
1515
- "gap": ["1"]
1485
+ "Comp": {
1486
+ "type": ["button"],
1487
+ "aria-label": ["Go to previous page"]
1516
1488
  }
1517
1489
  },
1518
1490
  "propToVariantKeys": {
1519
1491
  "size": [
1520
- "inputSizeRoot",
1521
- "inputSizeInputWrapper",
1522
- "inputSizeInput",
1523
- "inputSizeLabel",
1524
- "inputSizeStartIcon",
1525
- "inputSizeEndIcon"
1492
+ "paginationSizeRoot",
1493
+ "paginationSizeItem",
1494
+ "paginationSizeIcon",
1495
+ "paginationSizeText"
1526
1496
  ],
1527
- "startIcon": ["icon"],
1528
- "endIcon": ["icon"],
1529
- "slotProps": ["helperTextSlotProps"],
1530
- "helperTextIcon": ["startIcon"]
1497
+ "variant": ["paginationVariantRoot"],
1498
+ "activeState": ["paginationVariantActiveRoot"]
1531
1499
  },
1532
1500
  "runtimeConfigDefaultProps": {},
1533
1501
  "runtimeConfigGetStyles": {},
1534
1502
  "runtimeConfigInternalComponentProps": {},
1535
1503
  "motionVarPrefixes": []
1536
1504
  },
1537
- InputHelpText: {
1538
- "name": "InputHelpText",
1539
- "defaultProps": { "size": "md" },
1540
- "getStylesLiterals": {
1541
- "inputVariantRoot": "default",
1542
- "inputVariantValueRoot": "empty",
1543
- "inputVariantValueRoot:1": "filled"
1505
+ PaginationNext: {
1506
+ "name": "PaginationNext",
1507
+ "defaultProps": { "label": "Next" },
1508
+ "getStylesLiterals": { "paginationVariantActiveRoot": "off" },
1509
+ "cxLiterals": [
1510
+ "inline-flex",
1511
+ "items-center",
1512
+ "justify-center",
1513
+ "relative",
1514
+ "m-0",
1515
+ "border-solid",
1516
+ "inline-grid",
1517
+ "shrink-0",
1518
+ "place-items-center",
1519
+ "place-content-center",
1520
+ "rounded-full",
1521
+ "box-border",
1522
+ "w-[var(--uds-pagination-control-size)]",
1523
+ "appearance-none",
1524
+ "uds-ring",
1525
+ "cursor-pointer",
1526
+ "select-none",
1527
+ "pointer-events-none",
1528
+ "auto-cols-max",
1529
+ "grid-flow-col",
1530
+ "gap-1",
1531
+ "block",
1532
+ "tabular-nums",
1533
+ "!leading-none",
1534
+ "[text-box-trim:trim-both]",
1535
+ "[text-box-edge:cap_alphabetic]",
1536
+ "h-[var(--uds-pagination-control-size)]"
1537
+ ],
1538
+ "internalComponents": ["Icon", "Comp"],
1539
+ "internalComponentProps": {
1540
+ "Icon": {
1541
+ "size": ["sm"],
1542
+ "color": ["current"]
1543
+ },
1544
+ "Comp": {
1545
+ "type": ["button"],
1546
+ "aria-label": ["Go to next page"]
1547
+ }
1548
+ },
1549
+ "propToVariantKeys": {
1550
+ "size": [
1551
+ "paginationSizeRoot",
1552
+ "paginationSizeItem",
1553
+ "paginationSizeIcon",
1554
+ "paginationSizeText"
1555
+ ],
1556
+ "variant": ["paginationVariantRoot"],
1557
+ "activeState": ["paginationVariantActiveRoot"]
1544
1558
  },
1545
- "cxLiterals": [],
1546
- "internalComponents": ["InputHelpTextInternal", "Box"],
1547
- "internalComponentProps": { "Box": { "spacingTop": ["2"] } },
1548
- "propToVariantKeys": { "size": ["inputSizeRoot"] },
1549
1559
  "runtimeConfigDefaultProps": {},
1550
1560
  "runtimeConfigGetStyles": {},
1551
1561
  "runtimeConfigInternalComponentProps": {},
1552
1562
  "motionVarPrefixes": []
1553
1563
  },
1554
- InputHelpTextInternal: {
1555
- "name": "InputHelpTextInternal",
1564
+ PaginationNumbers: {
1565
+ "name": "PaginationNumbers",
1556
1566
  "defaultProps": {},
1557
- "getStylesLiterals": {
1558
- "inputVariantHelperText": "default",
1559
- "inputVariantValueHelperText": "empty",
1560
- "inputVariantValueHelperText:1": "filled",
1561
- "inputVariantHelperIcon": "default",
1562
- "inputVariantValueHelperIcon": "empty",
1563
- "inputVariantValueHelperIcon:1": "filled"
1564
- },
1565
- "cxLiterals": [],
1566
- "internalComponents": ["IconSlot", "HStack"],
1567
- "internalComponentProps": { "HStack": {
1568
- "gap": ["1"],
1569
- "alignItems": ["center"]
1570
- } },
1571
- "propToVariantKeys": {
1572
- "size": ["inputSizeHelperText", "inputSizeHelperIcon"],
1573
- "startIcon": ["icon"],
1574
- "endIcon": ["icon"]
1575
- },
1576
- "runtimeConfigDefaultProps": {},
1577
- "runtimeConfigGetStyles": {},
1578
- "runtimeConfigInternalComponentProps": {},
1579
- "motionVarPrefixes": []
1580
- },
1581
- Chip: {
1582
- "name": "Chip",
1583
- "defaultProps": {},
1584
- "getStylesLiterals": {},
1585
- "cxLiterals": [],
1567
+ "getStylesLiterals": { "paginationVariantActiveRoot": "off" },
1568
+ "cxLiterals": [
1569
+ "m-0",
1570
+ "inline-flex",
1571
+ "list-none",
1572
+ "items-center",
1573
+ "self-center",
1574
+ "p-0",
1575
+ "justify-center",
1576
+ "relative",
1577
+ "border-solid",
1578
+ "inline-grid",
1579
+ "shrink-0",
1580
+ "place-items-center",
1581
+ "place-content-center",
1582
+ "rounded-full",
1583
+ "box-border",
1584
+ "w-[var(--uds-pagination-control-size)]",
1585
+ "appearance-none",
1586
+ "uds-ring",
1587
+ "cursor-pointer",
1588
+ "select-none",
1589
+ "pointer-events-none",
1590
+ "auto-cols-max",
1591
+ "grid-flow-col",
1592
+ "gap-1",
1593
+ "block",
1594
+ "tabular-nums",
1595
+ "!leading-none",
1596
+ "[text-box-trim:trim-both]",
1597
+ "[text-box-edge:cap_alphabetic]",
1598
+ "h-[var(--uds-pagination-control-size)]"
1599
+ ],
1586
1600
  "internalComponents": [
1587
- "ChipDismissible",
1588
- "ChipToggle",
1589
- "ChipLink",
1590
- "ChipButton"
1601
+ "PaginationEllipsis",
1602
+ "PaginationLink",
1603
+ "PaginationItem"
1591
1604
  ],
1592
1605
  "internalComponentProps": {},
1593
- "propToVariantKeys": {},
1606
+ "propToVariantKeys": {
1607
+ "size": [
1608
+ "paginationSizeRoot",
1609
+ "paginationSizeItem",
1610
+ "paginationSizeIcon",
1611
+ "paginationSizeText"
1612
+ ],
1613
+ "variant": ["paginationVariantRoot"],
1614
+ "activeState": ["paginationVariantActiveRoot"]
1615
+ },
1594
1616
  "runtimeConfigDefaultProps": {},
1595
1617
  "runtimeConfigGetStyles": {},
1596
1618
  "runtimeConfigInternalComponentProps": {},
1597
1619
  "motionVarPrefixes": []
1598
1620
  },
1599
- ChipBase: {
1600
- "name": "ChipBase",
1621
+ Pagination: {
1622
+ "name": "Pagination",
1601
1623
  "defaultProps": {
1624
+ "ellipsisPlacement": "default",
1602
1625
  "size": "md",
1603
- "as": "div"
1626
+ "variant": "default",
1627
+ "'aria-label'": "Pagination"
1604
1628
  },
1605
- "getStylesLiterals": {},
1629
+ "getStylesLiterals": { "paginationVariantActiveRoot": "off" },
1606
1630
  "cxLiterals": [
1607
- "pointer-events-none",
1608
- "cursor-default",
1609
- "opacity-50",
1610
1631
  "inline-flex",
1611
1632
  "items-center",
1612
- "transition-[background-color,outline-color,box-shadow]",
1613
- "truncate",
1614
- "whitespace-nowrap",
1615
- "text-center",
1616
- "flex-1",
1617
- "md",
1618
- "primary"
1619
- ],
1620
- "internalComponents": [
1621
- "IconSlot",
1622
- "HStack",
1623
- "As",
1624
- "Text"
1633
+ "justify-center",
1634
+ "relative",
1635
+ "m-0",
1636
+ "border-solid",
1637
+ "inline-grid",
1638
+ "shrink-0",
1639
+ "place-items-center",
1640
+ "place-content-center",
1641
+ "rounded-full",
1642
+ "box-border",
1643
+ "w-[var(--uds-pagination-control-size)]",
1644
+ "appearance-none",
1645
+ "uds-ring",
1646
+ "cursor-pointer",
1647
+ "select-none",
1648
+ "pointer-events-none",
1649
+ "auto-cols-max",
1650
+ "grid-flow-col",
1651
+ "gap-1",
1652
+ "block",
1653
+ "tabular-nums",
1654
+ "!leading-none",
1655
+ "[text-box-trim:trim-both]",
1656
+ "[text-box-edge:cap_alphabetic]",
1657
+ "h-[var(--uds-pagination-control-size)]"
1625
1658
  ],
1626
- "internalComponentProps": { "Text": {
1627
- "as": ["span"],
1628
- "color": ["current"],
1629
- "variant": ["inherit"]
1630
- } },
1659
+ "internalComponents": ["PaginationProvider"],
1660
+ "internalComponentProps": {},
1631
1661
  "propToVariantKeys": {
1632
- "size": ["chipSizeRoot", "chipSizeIcon"],
1633
- "startIcon": ["icon"],
1634
- "endIcon": ["icon"]
1662
+ "size": [
1663
+ "paginationSizeRoot",
1664
+ "paginationSizeItem",
1665
+ "paginationSizeIcon",
1666
+ "paginationSizeText"
1667
+ ],
1668
+ "variant": ["paginationVariantRoot"],
1669
+ "activeState": ["paginationVariantActiveRoot"]
1635
1670
  },
1636
1671
  "runtimeConfigDefaultProps": {},
1637
1672
  "runtimeConfigGetStyles": {},
1638
1673
  "runtimeConfigInternalComponentProps": {},
1639
1674
  "motionVarPrefixes": []
1640
1675
  },
1641
- ChipButton: {
1642
- "name": "ChipButton",
1643
- "defaultProps": { "variant": "primary" },
1644
- "getStylesLiterals": {},
1645
- "cxLiterals": ["uds-ring"],
1646
- "internalComponents": ["ChipBase"],
1647
- "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1648
- "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1676
+ PaginationItem: {
1677
+ "name": "PaginationItem",
1678
+ "defaultProps": {},
1679
+ "getStylesLiterals": { "paginationVariantActiveRoot": "off" },
1680
+ "cxLiterals": [
1681
+ "inline-flex",
1682
+ "items-center",
1683
+ "justify-center",
1684
+ "relative",
1685
+ "m-0",
1686
+ "border-solid",
1687
+ "inline-grid",
1688
+ "shrink-0",
1689
+ "place-items-center",
1690
+ "place-content-center",
1691
+ "rounded-full",
1692
+ "box-border",
1693
+ "w-[var(--uds-pagination-control-size)]",
1694
+ "appearance-none",
1695
+ "uds-ring",
1696
+ "cursor-pointer",
1697
+ "select-none",
1698
+ "pointer-events-none",
1699
+ "auto-cols-max",
1700
+ "grid-flow-col",
1701
+ "gap-1",
1702
+ "block",
1703
+ "tabular-nums",
1704
+ "!leading-none",
1705
+ "[text-box-trim:trim-both]",
1706
+ "[text-box-edge:cap_alphabetic]",
1707
+ "h-[var(--uds-pagination-control-size)]"
1708
+ ],
1709
+ "internalComponents": ["Comp"],
1710
+ "internalComponentProps": { "Comp": { "type": ["button"] } },
1711
+ "propToVariantKeys": {
1712
+ "size": [
1713
+ "paginationSizeRoot",
1714
+ "paginationSizeItem",
1715
+ "paginationSizeIcon",
1716
+ "paginationSizeText"
1717
+ ],
1718
+ "variant": ["paginationVariantRoot"],
1719
+ "activeState": ["paginationVariantActiveRoot"]
1720
+ },
1649
1721
  "runtimeConfigDefaultProps": {},
1650
1722
  "runtimeConfigGetStyles": {},
1651
1723
  "runtimeConfigInternalComponentProps": {},
1652
1724
  "motionVarPrefixes": []
1653
1725
  },
1654
- ChipDismissible: {
1655
- "name": "ChipDismissible",
1656
- "defaultProps": { "variant": "primary" },
1726
+ "Menu.index": {
1727
+ "name": "Menu.index",
1728
+ "defaultProps": {},
1657
1729
  "getStylesLiterals": {},
1658
- "cxLiterals": [
1659
- "uds-chip-dismissible-button",
1660
- "uds-hit-target",
1661
- "uds-ring",
1662
- "rounded-full"
1663
- ],
1664
- "internalComponents": [
1665
- "ChipBase",
1666
- "IconSlot",
1667
- "Pressable"
1668
- ],
1730
+ "cxLiterals": [],
1731
+ "internalComponents": [],
1669
1732
  "internalComponentProps": {},
1670
- "propToVariantKeys": {
1671
- "variant": ["chipDismissibleVariantRoot", "chipDismissibleVariantIcon"],
1672
- "dismissButtonAriaLabel": ["aria-label"]
1673
- },
1733
+ "propToVariantKeys": {},
1674
1734
  "runtimeConfigDefaultProps": {},
1675
1735
  "runtimeConfigGetStyles": {},
1676
1736
  "runtimeConfigInternalComponentProps": {},
1677
1737
  "motionVarPrefixes": []
1678
1738
  },
1679
- ChipLink: {
1680
- "name": "ChipLink",
1681
- "defaultProps": { "variant": "primary" },
1739
+ Menu: {
1740
+ "name": "Menu",
1741
+ "defaultProps": {},
1682
1742
  "getStylesLiterals": {},
1683
- "cxLiterals": ["uds-ring"],
1684
- "internalComponents": ["ChipBase"],
1685
- "internalComponentProps": { "ChipBase": { "as": ["a"] } },
1686
- "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1743
+ "cxLiterals": [],
1744
+ "internalComponents": [],
1745
+ "internalComponentProps": {},
1746
+ "propToVariantKeys": {},
1687
1747
  "runtimeConfigDefaultProps": {},
1688
1748
  "runtimeConfigGetStyles": {},
1689
1749
  "runtimeConfigInternalComponentProps": {},
1690
1750
  "motionVarPrefixes": []
1691
1751
  },
1692
- ChipToggle: {
1693
- "name": "ChipToggle",
1752
+ "Menu.Divider": {
1753
+ "name": "Menu.Divider",
1694
1754
  "defaultProps": {
1695
- "variant": "primary",
1696
- "role": "checkbox"
1755
+ "role": "separator",
1756
+ "contentPosition": "start",
1757
+ "gap": "4"
1697
1758
  },
1698
1759
  "getStylesLiterals": {
1699
- "chipToggleVariantActiveRoot": "on",
1700
- "chipToggleVariantActiveRoot:1": "off"
1760
+ "menuitemDividerVariantRoot": "default",
1761
+ "menuitemDividerVariantText": "default",
1762
+ "menuitemDividerVariantLine": "default"
1701
1763
  },
1702
- "cxLiterals": ["uds-ring"],
1703
- "internalComponents": ["ChipBase"],
1704
- "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1705
- "propToVariantKeys": { "variant": ["chipToggleVariantRoot", "chipToggleVariantIcon"] },
1764
+ "cxLiterals": [],
1765
+ "internalComponents": ["Divider"],
1766
+ "internalComponentProps": { "Divider": { "variant": ["inherit"] } },
1767
+ "propToVariantKeys": {},
1706
1768
  "runtimeConfigDefaultProps": {},
1707
1769
  "runtimeConfigGetStyles": {},
1708
1770
  "runtimeConfigInternalComponentProps": {},
1709
1771
  "motionVarPrefixes": []
1710
1772
  },
1711
- BottomSheet: {
1712
- "name": "BottomSheet",
1713
- "defaultProps": { "variant": "default" },
1714
- "getStylesLiterals": {},
1715
- "cxLiterals": [
1716
- "fixed",
1717
- "overflow-hidden",
1718
- "inset-x-0",
1719
- "bottom-0",
1720
- "z-50",
1721
- "[will-change:transform]",
1722
- "touch-none",
1723
- "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
1724
- "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
1725
- "transition-transform",
1726
- "duration-500",
1727
- "ease-[cubic-bezier(0.32,0.72,0,1)]",
1728
- "motion-reduce:transition-none",
1729
- "top-[-4px]",
1730
- "z-[1]",
1731
- "touch-pan-y"
1732
- ],
1733
- "internalComponents": [
1734
- "Scrim",
1735
- "BottomSheetHandle",
1736
- "Dialog",
1737
- "Box",
1738
- "BottomSheetInternalContext.Provider"
1739
- ],
1740
- "internalComponentProps": {
1741
- "BottomSheetHandle": { "ariaLabel": ["Resize sheet"] },
1742
- "Dialog": { "data-testid": ["bottom-sheet"] },
1743
- "Box": {
1744
- "display": ["block", "flex"],
1745
- "position": ["absolute"],
1746
- "flexDirection": ["column"],
1747
- "className": ["absolute inset-0 min-h-0 p-[inherit]"]
1748
- }
1749
- },
1750
- "propToVariantKeys": { "variant": ["bottomsheetVariantRoot"] },
1751
- "runtimeConfigDefaultProps": {},
1752
- "runtimeConfigGetStyles": {},
1753
- "runtimeConfigInternalComponentProps": {},
1754
- "motionVarPrefixes": []
1755
- },
1756
- BottomSheetContent: {
1757
- "name": "BottomSheetContent",
1773
+ "Menu.ItemCheckbox": {
1774
+ "name": "Menu.ItemCheckbox",
1758
1775
  "defaultProps": {},
1759
- "getStylesLiterals": {},
1760
- "cxLiterals": ["min-h-0", "touch-pan-y"],
1761
- "internalComponents": ["Box", "VStack"],
1762
- "internalComponentProps": {
1763
- "Box": {
1764
- "display": ["block"],
1765
- "flex": ["1"]
1766
- },
1767
- "VStack": { "className": ["pb-[calc(env(safe-area-inset-bottom))]"] }
1776
+ "getStylesLiterals": {
1777
+ "menuitemItemCheckboxVariantRoot": "default",
1778
+ "menuitemItemCheckboxVariantActiveRoot": "on",
1779
+ "menuitemItemCheckboxVariantActiveRoot:1": "off",
1780
+ "menuitemItemCheckboxVariantText": "default",
1781
+ "menuitemItemCheckboxVariantActiveText": "on",
1782
+ "menuitemItemCheckboxVariantActiveText:1": "off",
1783
+ "menuitemItemCheckboxVariantStartIcon": "default",
1784
+ "menuitemItemCheckboxVariantActiveStartIcon": "on",
1785
+ "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
1786
+ "menuitemItemCheckboxVariantEndIcon": "default",
1787
+ "menuitemItemCheckboxVariantActiveEndIcon": "on",
1788
+ "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
1768
1789
  },
1790
+ "cxLiterals": ["uds-menu-item-checkbox"],
1791
+ "internalComponents": ["MenuItemBase"],
1792
+ "internalComponentProps": {},
1769
1793
  "propToVariantKeys": {},
1770
1794
  "runtimeConfigDefaultProps": {},
1771
1795
  "runtimeConfigGetStyles": {},
1772
1796
  "runtimeConfigInternalComponentProps": {},
1773
1797
  "motionVarPrefixes": []
1774
1798
  },
1775
- BottomSheetDismiss: {
1776
- "name": "BottomSheetDismiss",
1799
+ "Menu.Provider": {
1800
+ "name": "Menu.Provider",
1777
1801
  "defaultProps": {},
1778
1802
  "getStylesLiterals": {},
1779
1803
  "cxLiterals": [],
1780
- "internalComponents": ["AriakitDialogDismiss"],
1804
+ "internalComponents": ["AriakitMenuProvider", "SpringMotionConfig"],
1781
1805
  "internalComponentProps": {},
1782
1806
  "propToVariantKeys": {},
1783
1807
  "runtimeConfigDefaultProps": {},
1784
1808
  "runtimeConfigGetStyles": {},
1785
1809
  "runtimeConfigInternalComponentProps": {},
1786
- "motionVarPrefixes": []
1787
- },
1788
- BottomSheetHandle: {
1789
- "name": "BottomSheetHandle",
1790
- "defaultProps": { "variant": "default" },
1791
- "getStylesLiterals": {},
1792
- "cxLiterals": [
1793
- "relative",
1794
- "h-5",
1795
- "w-16",
1796
- "outline-none",
1797
- "focus-visible:outline-none",
1798
- "[touch-action:pan-y]",
1799
- "absolute",
1800
- "left-1/2",
1801
- "top-1/2",
1802
- "-translate-x-1/2",
1803
- "-translate-y-1/2",
1804
- "h-1",
1805
- "w-8",
1806
- "rounded-full"
1807
- ],
1808
- "internalComponents": ["Box"],
1809
- "internalComponentProps": { "Box": {
1810
- "display": ["block", "flex"],
1811
- "justifyContent": ["center"]
1812
- } },
1813
- "propToVariantKeys": { "variant": ["bottomsheetVariantHandleIndicator"] },
1814
- "runtimeConfigDefaultProps": {},
1815
- "runtimeConfigGetStyles": {},
1816
- "runtimeConfigInternalComponentProps": {},
1817
- "motionVarPrefixes": []
1810
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1818
1811
  },
1819
- BottomSheetHeader: {
1820
- "name": "BottomSheetHeader",
1821
- "defaultProps": { "variant": "default" },
1812
+ "Menu.Content": {
1813
+ "name": "Menu.Content",
1814
+ "defaultProps": {
1815
+ "size": "default",
1816
+ "variant": "default",
1817
+ "gutter": "1"
1818
+ },
1822
1819
  "getStylesLiterals": {},
1823
1820
  "cxLiterals": [
1824
- "grid-cols-[40px_1fr_40px]",
1825
- "items-center",
1826
- "w-full",
1827
- "min-h-10",
1828
- "mt-2"
1821
+ "uds-menu-content",
1822
+ "transition-shadow",
1823
+ "duration-200",
1824
+ "ease-in-out",
1825
+ "min-w-60",
1826
+ "max-w-lg",
1827
+ "max-h-96",
1828
+ "overflow-auto",
1829
+ "uds-ring",
1830
+ "z-10",
1831
+ "group"
1829
1832
  ],
1830
1833
  "internalComponents": [
1831
- "Box",
1832
- "Text",
1833
- "DialogHeading"
1834
+ "AriakitMenu",
1835
+ "AnimatePresence",
1836
+ "MotionVStack"
1834
1837
  ],
1835
- "internalComponentProps": {
1836
- "Box": {
1837
- "className": ["h-10 w-10 opacity-0 pointer-events-none"],
1838
- "display": ["grid", "flex"],
1839
- "justifyContent": ["flex-start", "flex-end"]
1840
- },
1841
- "Text": {
1842
- "as": ["p"],
1843
- "variant": ["inherit"],
1844
- "color": ["inherit"],
1845
- "textAlign": ["center"],
1846
- "className": ["m-0 w-full"]
1847
- },
1848
- "DialogHeading": { "role": ["heading"] }
1838
+ "internalComponentProps": {},
1839
+ "propToVariantKeys": {
1840
+ "size": ["menucontentSizeRoot"],
1841
+ "variant": ["menucontentVariantRoot"]
1849
1842
  },
1850
- "propToVariantKeys": { "variant": ["bottomsheetVariantHeader"] },
1851
1843
  "runtimeConfigDefaultProps": {},
1852
1844
  "runtimeConfigGetStyles": {},
1853
1845
  "runtimeConfigInternalComponentProps": {},
1854
1846
  "motionVarPrefixes": []
1855
1847
  },
1856
- BottomSheetInternalContext: {
1857
- "name": "BottomSheetInternalContext",
1848
+ "Menu.Item": {
1849
+ "name": "Menu.Item",
1858
1850
  "defaultProps": {},
1859
- "getStylesLiterals": {},
1851
+ "getStylesLiterals": {
1852
+ "menuitemItemVariantRoot": "default",
1853
+ "menuitemItemVariantActiveRoot": "on",
1854
+ "menuitemItemVariantActiveRoot:1": "off",
1855
+ "menuitemItemVariantText": "default",
1856
+ "menuitemItemVariantActiveText": "on",
1857
+ "menuitemItemVariantActiveText:1": "off",
1858
+ "menuitemItemVariantIcon": "default",
1859
+ "menuitemItemVariantActiveIcon": "on",
1860
+ "menuitemItemVariantActiveIcon:1": "off"
1861
+ },
1860
1862
  "cxLiterals": [],
1861
- "internalComponents": [],
1863
+ "internalComponents": ["MenuItemBase"],
1862
1864
  "internalComponentProps": {},
1863
1865
  "propToVariantKeys": {},
1864
1866
  "runtimeConfigDefaultProps": {},
@@ -1866,52 +1868,104 @@ var componentData_default = {
1866
1868
  "runtimeConfigInternalComponentProps": {},
1867
1869
  "motionVarPrefixes": []
1868
1870
  },
1869
- BottomSheetProvider: {
1870
- "name": "BottomSheetProvider",
1871
- "defaultProps": {},
1872
- "getStylesLiterals": {},
1873
- "cxLiterals": [],
1874
- "internalComponents": ["AriakitDialogProvider"],
1875
- "internalComponentProps": {},
1876
- "propToVariantKeys": {},
1871
+ "Menu.ItemBase": {
1872
+ "name": "Menu.ItemBase",
1873
+ "defaultProps": {
1874
+ "spacing": "0",
1875
+ "spacingHorizontal": "4",
1876
+ "spacingVertical": "3.5",
1877
+ "columnGap": "2",
1878
+ "alignItems": "center",
1879
+ "justifyContent": "space-between"
1880
+ },
1881
+ "getStylesLiterals": {
1882
+ "textAlign": "start",
1883
+ "menuitemSizeRoot": "default",
1884
+ "flexDirection": "row",
1885
+ "menuitemSizeStartIcon": "default",
1886
+ "menuitemSizeEndIcon": "default"
1887
+ },
1888
+ "cxLiterals": [
1889
+ "uds-menu-item",
1890
+ "flex",
1891
+ "focus-visible:text-brand",
1892
+ "focus-visible:bg-brand-secondary",
1893
+ "focus-visible:z-10",
1894
+ "uds-ring",
1895
+ "!-outline-offset-2",
1896
+ "[&:not([aria-checked])]:cursor-default",
1897
+ "opacity-25",
1898
+ "cursor-not-allowed",
1899
+ "duration-20",
1900
+ "transition-[font-variation-settings]",
1901
+ "ease-in-out",
1902
+ "z-0",
1903
+ "truncate",
1904
+ "uds-start-icon",
1905
+ "uds-end-icon"
1906
+ ],
1907
+ "internalComponents": [
1908
+ "Pressable",
1909
+ "IconSlot",
1910
+ "RootComponent",
1911
+ "HStack",
1912
+ "AnimatePresence"
1913
+ ],
1914
+ "internalComponentProps": {
1915
+ "HStack": {
1916
+ "alignItems": ["center"],
1917
+ "width": ["full"]
1918
+ },
1919
+ "AnimatePresence": { "mode": ["popLayout"] }
1920
+ },
1921
+ "propToVariantKeys": {
1922
+ "startIconClassName": ["className"],
1923
+ "endIconClassName": ["className"],
1924
+ "startIcon": ["icon"],
1925
+ "endIcon": ["icon"],
1926
+ "columnGap": ["gap"]
1927
+ },
1877
1928
  "runtimeConfigDefaultProps": {},
1878
1929
  "runtimeConfigGetStyles": {},
1879
1930
  "runtimeConfigInternalComponentProps": {},
1880
1931
  "motionVarPrefixes": []
1881
1932
  },
1882
- BottomSheetTrigger: {
1883
- "name": "BottomSheetTrigger",
1933
+ "Menu.Trigger": {
1934
+ "name": "Menu.Trigger",
1884
1935
  "defaultProps": {},
1885
1936
  "getStylesLiterals": {},
1886
- "cxLiterals": [],
1887
- "internalComponents": ["AriakitDialogDisclosure"],
1888
- "internalComponentProps": {},
1937
+ "cxLiterals": ["uds-menu-trigger"],
1938
+ "internalComponents": ["AriakitMenuTrigger", "Box"],
1939
+ "internalComponentProps": { "Box": { "className": ["uds-ring h-fit w-fit"] } },
1889
1940
  "propToVariantKeys": {},
1890
1941
  "runtimeConfigDefaultProps": {},
1891
1942
  "runtimeConfigGetStyles": {},
1892
1943
  "runtimeConfigInternalComponentProps": {},
1893
1944
  "motionVarPrefixes": []
1894
1945
  },
1895
- UDSBottomSheetConfigProvider: {
1896
- "name": "UDSBottomSheetConfigProvider",
1897
- "defaultProps": {},
1946
+ AvatarText: {
1947
+ "name": "AvatarText",
1948
+ "defaultProps": {
1949
+ "size": "md",
1950
+ "variant": "primary"
1951
+ },
1898
1952
  "getStylesLiterals": {},
1899
- "cxLiterals": [],
1900
- "internalComponents": ["BottomSheetContext.Provider"],
1901
- "internalComponentProps": {},
1902
- "propToVariantKeys": {},
1903
- "runtimeConfigDefaultProps": {},
1904
- "runtimeConfigGetStyles": {},
1905
- "runtimeConfigInternalComponentProps": {},
1906
- "motionVarPrefixes": []
1907
- },
1908
- Avatar: {
1909
- "name": "Avatar",
1910
- "defaultProps": {},
1911
- "getStylesLiterals": {},
1912
- "cxLiterals": [],
1913
- "internalComponents": ["AvatarImage"],
1914
- "internalComponentProps": {},
1953
+ "cxLiterals": [
1954
+ "overflow-hidden",
1955
+ "truncate",
1956
+ "w-full",
1957
+ "h-full",
1958
+ "shrink-0",
1959
+ "text-center",
1960
+ "inline-flex",
1961
+ "justify-center",
1962
+ "items-center"
1963
+ ],
1964
+ "internalComponents": ["Box", "Text"],
1965
+ "internalComponentProps": { "Text": {
1966
+ "color": ["inherit"],
1967
+ "variant": ["inherit"]
1968
+ } },
1915
1969
  "propToVariantKeys": {},
1916
1970
  "runtimeConfigDefaultProps": {},
1917
1971
  "runtimeConfigGetStyles": {},
@@ -1943,6 +1997,19 @@ var componentData_default = {
1943
1997
  "runtimeConfigInternalComponentProps": {},
1944
1998
  "motionVarPrefixes": []
1945
1999
  },
2000
+ Avatar: {
2001
+ "name": "Avatar",
2002
+ "defaultProps": {},
2003
+ "getStylesLiterals": {},
2004
+ "cxLiterals": [],
2005
+ "internalComponents": ["AvatarImage"],
2006
+ "internalComponentProps": {},
2007
+ "propToVariantKeys": {},
2008
+ "runtimeConfigDefaultProps": {},
2009
+ "runtimeConfigGetStyles": {},
2010
+ "runtimeConfigInternalComponentProps": {},
2011
+ "motionVarPrefixes": []
2012
+ },
1946
2013
  AvatarImage: {
1947
2014
  "name": "AvatarImage",
1948
2015
  "defaultProps": {
@@ -1977,427 +2044,309 @@ var componentData_default = {
1977
2044
  "runtimeConfigInternalComponentProps": {},
1978
2045
  "motionVarPrefixes": []
1979
2046
  },
1980
- AvatarText: {
1981
- "name": "AvatarText",
1982
- "defaultProps": {
1983
- "size": "md",
1984
- "variant": "primary"
2047
+ InputHelpTextInternal: {
2048
+ "name": "InputHelpTextInternal",
2049
+ "defaultProps": {},
2050
+ "getStylesLiterals": {
2051
+ "inputVariantHelperText": "default",
2052
+ "inputVariantValueHelperText": "empty",
2053
+ "inputVariantValueHelperText:1": "filled",
2054
+ "inputVariantHelperIcon": "default",
2055
+ "inputVariantValueHelperIcon": "empty",
2056
+ "inputVariantValueHelperIcon:1": "filled"
1985
2057
  },
1986
- "getStylesLiterals": {},
1987
- "cxLiterals": [
1988
- "overflow-hidden",
1989
- "truncate",
1990
- "w-full",
1991
- "h-full",
1992
- "shrink-0",
1993
- "text-center",
1994
- "inline-flex",
1995
- "justify-center",
1996
- "items-center"
1997
- ],
1998
- "internalComponents": ["Box", "Text"],
1999
- "internalComponentProps": { "Text": {
2000
- "color": ["inherit"],
2001
- "variant": ["inherit"]
2058
+ "cxLiterals": [],
2059
+ "internalComponents": ["IconSlot", "HStack"],
2060
+ "internalComponentProps": { "HStack": {
2061
+ "gap": ["1"],
2062
+ "alignItems": ["center"]
2002
2063
  } },
2003
- "propToVariantKeys": {},
2064
+ "propToVariantKeys": {
2065
+ "size": ["inputSizeHelperText", "inputSizeHelperIcon"],
2066
+ "startIcon": ["icon"],
2067
+ "endIcon": ["icon"]
2068
+ },
2004
2069
  "runtimeConfigDefaultProps": {},
2005
2070
  "runtimeConfigGetStyles": {},
2006
2071
  "runtimeConfigInternalComponentProps": {},
2007
2072
  "motionVarPrefixes": []
2008
2073
  },
2009
- Pagination: {
2010
- "name": "Pagination",
2074
+ Input: {
2075
+ "name": "Input",
2011
2076
  "defaultProps": {
2012
- "ellipsisPlacement": "default",
2077
+ "type": "text",
2013
2078
  "size": "md",
2014
- "variant": "default",
2015
- "'aria-label'": "Pagination"
2079
+ "width": "full"
2080
+ },
2081
+ "getStylesLiterals": {
2082
+ "inputVariantRoot": "default",
2083
+ "inputVariantValueRoot": "empty",
2084
+ "inputVariantValueRoot:1": "filled",
2085
+ "inputVariantInputWrapper": "default",
2086
+ "inputVariantValueInputWrapper": "empty",
2087
+ "inputVariantValueInputWrapper:1": "filled",
2088
+ "inputVariantInput": "default",
2089
+ "inputVariantValueInput": "empty",
2090
+ "inputVariantValueInput:1": "filled",
2091
+ "inputVariantInputPlaceholder": "default",
2092
+ "inputVariantValueInputPlaceholder": "empty",
2093
+ "inputVariantValueInputPlaceholder:1": "filled",
2094
+ "inputVariantLabel": "default",
2095
+ "inputVariantValueLabel": "empty",
2096
+ "inputVariantValueLabel:1": "filled",
2097
+ "inputVariantLabelRequired": "default",
2098
+ "inputVariantValueLabelRequired": "empty",
2099
+ "inputVariantValueLabelRequired:1": "filled",
2100
+ "inputVariantStartIcon": "default",
2101
+ "inputVariantValueStartIcon": "empty",
2102
+ "inputVariantValueStartIcon:1": "filled",
2103
+ "inputVariantEndIcon": "default",
2104
+ "inputVariantValueEndIcon": "empty",
2105
+ "inputVariantValueEndIcon:1": "filled"
2016
2106
  },
2017
- "getStylesLiterals": { "paginationVariantActiveRoot": "off" },
2018
2107
  "cxLiterals": [
2019
- "inline-flex",
2020
- "items-center",
2021
- "justify-center",
2022
- "relative",
2023
- "m-0",
2024
- "border-solid",
2025
- "inline-grid",
2026
- "shrink-0",
2027
- "place-items-center",
2028
- "place-content-center",
2029
- "rounded-full",
2030
- "box-border",
2031
- "w-[var(--uds-pagination-control-size)]",
2032
- "appearance-none",
2033
- "uds-ring",
2034
- "cursor-pointer",
2035
- "select-none",
2036
- "pointer-events-none",
2037
- "auto-cols-max",
2038
- "grid-flow-col",
2039
- "gap-1",
2040
- "block",
2041
- "tabular-nums",
2042
- "!leading-none",
2043
- "[text-box-trim:trim-both]",
2044
- "[text-box-edge:cap_alphabetic]",
2045
- "h-[var(--uds-pagination-control-size)]"
2108
+ "opacity-50",
2109
+ "min-w-[200px]",
2110
+ "grow",
2111
+ "uds-hit-target",
2112
+ "bg-clip-text",
2113
+ "focus:outline-none",
2114
+ "cursor-text",
2115
+ "cursor-not-allowed"
2046
2116
  ],
2047
- "internalComponents": ["PaginationProvider"],
2048
- "internalComponentProps": {},
2117
+ "internalComponents": [
2118
+ "IconSlot",
2119
+ "StartIcon",
2120
+ "EndIcon",
2121
+ "HelpTextContent",
2122
+ "Box",
2123
+ "InputHelpTextInternal",
2124
+ "VStack",
2125
+ "HStack",
2126
+ "AnimateHeightChange"
2127
+ ],
2128
+ "internalComponentProps": {
2129
+ "HelpTextContent": { "spacingTop": ["2"] },
2130
+ "Box": {
2131
+ "spacingBottom": ["2"],
2132
+ "columnGap": ["0.5"],
2133
+ "alignItems": ["flex-end", "center"],
2134
+ "position": ["relative"]
2135
+ },
2136
+ "HStack": {
2137
+ "alignItems": ["center"],
2138
+ "gap": ["1"]
2139
+ }
2140
+ },
2049
2141
  "propToVariantKeys": {
2050
2142
  "size": [
2051
- "paginationSizeRoot",
2052
- "paginationSizeItem",
2053
- "paginationSizeIcon",
2054
- "paginationSizeText"
2143
+ "inputSizeRoot",
2144
+ "inputSizeInputWrapper",
2145
+ "inputSizeInput",
2146
+ "inputSizeLabel",
2147
+ "inputSizeStartIcon",
2148
+ "inputSizeEndIcon"
2055
2149
  ],
2056
- "variant": ["paginationVariantRoot"],
2057
- "activeState": ["paginationVariantActiveRoot"]
2150
+ "startIcon": ["icon"],
2151
+ "endIcon": ["icon"],
2152
+ "slotProps": ["helperTextSlotProps"],
2153
+ "helperTextIcon": ["startIcon"]
2058
2154
  },
2059
2155
  "runtimeConfigDefaultProps": {},
2060
2156
  "runtimeConfigGetStyles": {},
2061
2157
  "runtimeConfigInternalComponentProps": {},
2062
2158
  "motionVarPrefixes": []
2063
2159
  },
2064
- PaginationEllipsis: {
2065
- "name": "PaginationEllipsis",
2066
- "defaultProps": {},
2067
- "getStylesLiterals": { "paginationVariantActiveRoot": "off" },
2068
- "cxLiterals": [
2069
- "inline-flex",
2070
- "items-center",
2071
- "justify-center",
2072
- "relative",
2073
- "m-0",
2074
- "border-solid",
2075
- "inline-grid",
2076
- "shrink-0",
2077
- "place-items-center",
2078
- "place-content-center",
2079
- "rounded-full",
2080
- "box-border",
2081
- "w-[var(--uds-pagination-control-size)]",
2082
- "appearance-none",
2083
- "uds-ring",
2084
- "cursor-pointer",
2085
- "select-none",
2086
- "pointer-events-none",
2087
- "auto-cols-max",
2088
- "grid-flow-col",
2089
- "gap-1",
2090
- "block",
2091
- "tabular-nums",
2092
- "!leading-none",
2093
- "[text-box-trim:trim-both]",
2094
- "[text-box-edge:cap_alphabetic]",
2095
- "h-[var(--uds-pagination-control-size)]"
2096
- ],
2097
- "internalComponents": [],
2098
- "internalComponentProps": {},
2099
- "propToVariantKeys": {
2100
- "size": [
2101
- "paginationSizeRoot",
2102
- "paginationSizeItem",
2103
- "paginationSizeIcon",
2104
- "paginationSizeText"
2105
- ],
2106
- "variant": ["paginationVariantRoot"],
2107
- "activeState": ["paginationVariantActiveRoot"]
2160
+ InputHelpText: {
2161
+ "name": "InputHelpText",
2162
+ "defaultProps": { "size": "md" },
2163
+ "getStylesLiterals": {
2164
+ "inputVariantRoot": "default",
2165
+ "inputVariantValueRoot": "empty",
2166
+ "inputVariantValueRoot:1": "filled"
2108
2167
  },
2168
+ "cxLiterals": [],
2169
+ "internalComponents": ["InputHelpTextInternal", "Box"],
2170
+ "internalComponentProps": { "Box": { "spacingTop": ["2"] } },
2171
+ "propToVariantKeys": { "size": ["inputSizeRoot"] },
2109
2172
  "runtimeConfigDefaultProps": {},
2110
2173
  "runtimeConfigGetStyles": {},
2111
2174
  "runtimeConfigInternalComponentProps": {},
2112
2175
  "motionVarPrefixes": []
2113
2176
  },
2114
- PaginationItem: {
2115
- "name": "PaginationItem",
2116
- "defaultProps": {},
2117
- "getStylesLiterals": { "paginationVariantActiveRoot": "off" },
2118
- "cxLiterals": [
2119
- "inline-flex",
2120
- "items-center",
2121
- "justify-center",
2122
- "relative",
2123
- "m-0",
2124
- "border-solid",
2125
- "inline-grid",
2126
- "shrink-0",
2127
- "place-items-center",
2128
- "place-content-center",
2129
- "rounded-full",
2130
- "box-border",
2131
- "w-[var(--uds-pagination-control-size)]",
2132
- "appearance-none",
2133
- "uds-ring",
2134
- "cursor-pointer",
2135
- "select-none",
2136
- "pointer-events-none",
2137
- "auto-cols-max",
2138
- "grid-flow-col",
2139
- "gap-1",
2140
- "block",
2141
- "tabular-nums",
2142
- "!leading-none",
2143
- "[text-box-trim:trim-both]",
2144
- "[text-box-edge:cap_alphabetic]",
2145
- "h-[var(--uds-pagination-control-size)]"
2146
- ],
2147
- "internalComponents": ["Comp"],
2148
- "internalComponentProps": { "Comp": { "type": ["button"] } },
2149
- "propToVariantKeys": {
2150
- "size": [
2151
- "paginationSizeRoot",
2152
- "paginationSizeItem",
2153
- "paginationSizeIcon",
2154
- "paginationSizeText"
2155
- ],
2156
- "variant": ["paginationVariantRoot"],
2157
- "activeState": ["paginationVariantActiveRoot"]
2158
- },
2159
- "runtimeConfigDefaultProps": {},
2160
- "runtimeConfigGetStyles": {},
2161
- "runtimeConfigInternalComponentProps": {},
2162
- "motionVarPrefixes": []
2163
- },
2164
- PaginationLink: {
2165
- "name": "PaginationLink",
2177
+ ToastPortal: {
2178
+ "name": "ToastPortal",
2166
2179
  "defaultProps": {},
2167
- "getStylesLiterals": { "paginationVariantActiveRoot": "off" },
2168
- "cxLiterals": [
2169
- "inline-flex",
2170
- "items-center",
2171
- "justify-center",
2172
- "relative",
2173
- "m-0",
2174
- "border-solid",
2175
- "inline-grid",
2176
- "shrink-0",
2177
- "place-items-center",
2178
- "place-content-center",
2179
- "rounded-full",
2180
- "box-border",
2181
- "w-[var(--uds-pagination-control-size)]",
2182
- "appearance-none",
2183
- "uds-ring",
2184
- "cursor-pointer",
2185
- "select-none",
2186
- "pointer-events-none",
2187
- "auto-cols-max",
2188
- "grid-flow-col",
2189
- "gap-1",
2190
- "block",
2191
- "tabular-nums",
2192
- "!leading-none",
2193
- "[text-box-trim:trim-both]",
2194
- "[text-box-edge:cap_alphabetic]",
2195
- "h-[var(--uds-pagination-control-size)]"
2196
- ],
2197
- "internalComponents": ["Comp"],
2180
+ "getStylesLiterals": {},
2181
+ "cxLiterals": [],
2182
+ "internalComponents": ["ReactToastifyToastContainer"],
2198
2183
  "internalComponentProps": {},
2199
- "propToVariantKeys": {
2200
- "size": [
2201
- "paginationSizeRoot",
2202
- "paginationSizeItem",
2203
- "paginationSizeIcon",
2204
- "paginationSizeText"
2205
- ],
2206
- "variant": ["paginationVariantRoot"],
2207
- "activeState": ["paginationVariantActiveRoot"]
2184
+ "propToVariantKeys": {},
2185
+ "runtimeConfigDefaultProps": {
2186
+ "size": "toast.defaultSize",
2187
+ "variant": "toast.defaultVariant"
2208
2188
  },
2209
- "runtimeConfigDefaultProps": {},
2210
2189
  "runtimeConfigGetStyles": {},
2211
- "runtimeConfigInternalComponentProps": {},
2190
+ "runtimeConfigInternalComponentProps": { "ReactToastifyToastContainer": { "autoClose": ["toast.autoClose"] } },
2212
2191
  "motionVarPrefixes": []
2213
2192
  },
2214
- PaginationNext: {
2215
- "name": "PaginationNext",
2216
- "defaultProps": { "label": "Next" },
2217
- "getStylesLiterals": { "paginationVariantActiveRoot": "off" },
2218
- "cxLiterals": [
2219
- "inline-flex",
2220
- "items-center",
2221
- "justify-center",
2222
- "relative",
2223
- "m-0",
2224
- "border-solid",
2225
- "inline-grid",
2226
- "shrink-0",
2227
- "place-items-center",
2228
- "place-content-center",
2229
- "rounded-full",
2230
- "box-border",
2231
- "w-[var(--uds-pagination-control-size)]",
2232
- "appearance-none",
2233
- "uds-ring",
2234
- "cursor-pointer",
2235
- "select-none",
2236
- "pointer-events-none",
2237
- "auto-cols-max",
2238
- "grid-flow-col",
2239
- "gap-1",
2240
- "block",
2241
- "tabular-nums",
2242
- "!leading-none",
2243
- "[text-box-trim:trim-both]",
2244
- "[text-box-edge:cap_alphabetic]",
2245
- "h-[var(--uds-pagination-control-size)]"
2246
- ],
2247
- "internalComponents": ["Icon", "Comp"],
2248
- "internalComponentProps": {
2249
- "Icon": {
2250
- "size": ["sm"],
2251
- "color": ["current"]
2252
- },
2253
- "Comp": {
2254
- "type": ["button"],
2255
- "aria-label": ["Go to next page"]
2256
- }
2257
- },
2258
- "propToVariantKeys": {
2259
- "size": [
2260
- "paginationSizeRoot",
2261
- "paginationSizeItem",
2262
- "paginationSizeIcon",
2263
- "paginationSizeText"
2264
- ],
2265
- "variant": ["paginationVariantRoot"],
2266
- "activeState": ["paginationVariantActiveRoot"]
2267
- },
2193
+ UDSToastConfigProvider: {
2194
+ "name": "UDSToastConfigProvider",
2195
+ "defaultProps": {},
2196
+ "getStylesLiterals": {},
2197
+ "cxLiterals": [],
2198
+ "internalComponents": ["ToastContext.Provider"],
2199
+ "internalComponentProps": {},
2200
+ "propToVariantKeys": {},
2268
2201
  "runtimeConfigDefaultProps": {},
2269
2202
  "runtimeConfigGetStyles": {},
2270
2203
  "runtimeConfigInternalComponentProps": {},
2271
2204
  "motionVarPrefixes": []
2272
2205
  },
2273
- PaginationNumbers: {
2274
- "name": "PaginationNumbers",
2206
+ Toast: {
2207
+ "name": "Toast",
2275
2208
  "defaultProps": {},
2276
- "getStylesLiterals": { "paginationVariantActiveRoot": "off" },
2209
+ "getStylesLiterals": {
2210
+ "className": "animate-spin",
2211
+ "className:1": "flex-none",
2212
+ "spacing": "2",
2213
+ "borderRadius": "full"
2214
+ },
2277
2215
  "cxLiterals": [
2278
- "m-0",
2279
- "inline-flex",
2280
- "list-none",
2281
- "items-center",
2282
- "self-center",
2283
- "p-0",
2284
- "justify-center",
2285
- "relative",
2286
- "border-solid",
2287
- "inline-grid",
2288
- "shrink-0",
2289
- "place-items-center",
2290
- "place-content-center",
2291
- "rounded-full",
2292
- "box-border",
2293
- "w-[var(--uds-pagination-control-size)]",
2294
- "appearance-none",
2295
- "uds-ring",
2296
- "cursor-pointer",
2297
- "select-none",
2298
- "pointer-events-none",
2299
- "auto-cols-max",
2300
- "grid-flow-col",
2301
- "gap-1",
2302
- "block",
2303
- "tabular-nums",
2304
- "!leading-none",
2305
- "[text-box-trim:trim-both]",
2306
- "[text-box-edge:cap_alphabetic]",
2307
- "h-[var(--uds-pagination-control-size)]"
2216
+ "duration-0",
2217
+ "duration-120",
2218
+ "transition-[background-color]",
2219
+ "bg-carbon-15/0",
2220
+ "hover:bg-carbon-15/10",
2221
+ "active:bg-carbon-15/15",
2222
+ "uds-ring"
2308
2223
  ],
2309
2224
  "internalComponents": [
2310
- "PaginationEllipsis",
2311
- "PaginationLink",
2312
- "PaginationItem"
2225
+ "IconSlot",
2226
+ "ToastContainer",
2227
+ "Text",
2228
+ "Button",
2229
+ "Pressable"
2313
2230
  ],
2314
2231
  "internalComponentProps": {},
2315
2232
  "propToVariantKeys": {
2316
2233
  "size": [
2317
- "paginationSizeRoot",
2318
- "paginationSizeItem",
2319
- "paginationSizeIcon",
2320
- "paginationSizeText"
2234
+ "toastSizeLabel",
2235
+ "toastSizeIcon",
2236
+ "toastSizeActionButton",
2237
+ "toastSizeCloseIcon"
2321
2238
  ],
2322
- "variant": ["paginationVariantRoot"],
2323
- "activeState": ["paginationVariantActiveRoot"]
2239
+ "variant": [
2240
+ "toastVariantIcon",
2241
+ "toastVariantActionButton",
2242
+ "toastVariantCloseIcon"
2243
+ ],
2244
+ "closeIcon": ["icon"],
2245
+ "onClickActionButton": ["onClick"]
2324
2246
  },
2325
- "runtimeConfigDefaultProps": {},
2326
- "runtimeConfigGetStyles": {},
2327
- "runtimeConfigInternalComponentProps": {},
2328
- "motionVarPrefixes": []
2329
- },
2330
- PaginationPrev: {
2331
- "name": "PaginationPrev",
2332
- "defaultProps": { "label": "Previous" },
2333
- "getStylesLiterals": { "paginationVariantActiveRoot": "off" },
2334
- "cxLiterals": [
2335
- "inline-flex",
2336
- "items-center",
2337
- "justify-center",
2338
- "relative",
2339
- "m-0",
2340
- "border-solid",
2341
- "inline-grid",
2342
- "shrink-0",
2343
- "place-items-center",
2344
- "place-content-center",
2345
- "rounded-full",
2346
- "box-border",
2347
- "w-[var(--uds-pagination-control-size)]",
2348
- "appearance-none",
2349
- "uds-ring",
2350
- "cursor-pointer",
2351
- "select-none",
2352
- "pointer-events-none",
2353
- "auto-cols-max",
2354
- "grid-flow-col",
2355
- "gap-1",
2356
- "block",
2357
- "tabular-nums",
2358
- "!leading-none",
2359
- "[text-box-trim:trim-both]",
2360
- "[text-box-edge:cap_alphabetic]",
2361
- "h-[var(--uds-pagination-control-size)]"
2362
- ],
2363
- "internalComponents": ["Icon", "Comp"],
2364
- "internalComponentProps": {
2365
- "Icon": {
2366
- "size": ["sm"],
2367
- "color": ["current"]
2247
+ "runtimeConfigDefaultProps": {
2248
+ "size": "toast.defaultSize",
2249
+ "variant": "toast.defaultVariant"
2250
+ },
2251
+ "runtimeConfigGetStyles": {
2252
+ "toastSizeLabel": ["toast.defaultSize"],
2253
+ "toastVariantIcon": ["toast.defaultVariant"],
2254
+ "toastSizeIcon": ["toast.defaultSize"],
2255
+ "toastSizeActionButton": ["toast.defaultSize"],
2256
+ "toastVariantActionButton": ["toast.defaultVariant"],
2257
+ "toastVariantCloseIcon": ["toast.defaultVariant"],
2258
+ "toastSizeCloseIcon": ["toast.defaultSize"]
2259
+ },
2260
+ "runtimeConfigInternalComponentProps": {
2261
+ "ToastContainer": {
2262
+ "size": ["toast.defaultSize"],
2263
+ "variant": ["toast.defaultVariant"]
2368
2264
  },
2369
- "Comp": {
2370
- "type": ["button"],
2371
- "aria-label": ["Go to previous page"]
2265
+ "Text": {
2266
+ "variant": ["toast.textVariant.${size}"],
2267
+ "color": ["toast.textColor.${variant}"]
2268
+ },
2269
+ "Button": {
2270
+ "size": ["toast.buttonSize.${size}"],
2271
+ "variant": ["toast.buttonVariant.${variant}"]
2372
2272
  }
2373
2273
  },
2274
+ "motionVarPrefixes": []
2275
+ },
2276
+ ToastContainer: {
2277
+ "name": "ToastContainer",
2278
+ "defaultProps": {},
2279
+ "getStylesLiterals": {
2280
+ "position": "relative",
2281
+ "alignItems": "center",
2282
+ "display": "flex",
2283
+ "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
2284
+ },
2285
+ "cxLiterals": ["w-full"],
2286
+ "internalComponents": ["HStack"],
2287
+ "internalComponentProps": { "HStack": {
2288
+ "alignItems": ["center"],
2289
+ "justifyContent": ["space-between"],
2290
+ "overflow": ["hidden"],
2291
+ "position": ["relative"]
2292
+ } },
2374
2293
  "propToVariantKeys": {
2375
- "size": [
2376
- "paginationSizeRoot",
2377
- "paginationSizeItem",
2378
- "paginationSizeIcon",
2379
- "paginationSizeText"
2380
- ],
2381
- "variant": ["paginationVariantRoot"],
2382
- "activeState": ["paginationVariantActiveRoot"]
2294
+ "variant": ["toastVariantRoot"],
2295
+ "size": ["toastSizeRoot"]
2296
+ },
2297
+ "runtimeConfigDefaultProps": {
2298
+ "size": "toast.defaultSize",
2299
+ "variant": "toast.defaultVariant"
2300
+ },
2301
+ "runtimeConfigGetStyles": {
2302
+ "toastVariantRoot": ["toast.defaultVariant"],
2303
+ "toastSizeRoot": ["toast.defaultSize"]
2383
2304
  },
2305
+ "runtimeConfigInternalComponentProps": { "HStack": { "backgroundColor": ["toast.backgroundColor.${variant}"] } },
2306
+ "motionVarPrefixes": []
2307
+ },
2308
+ UDSConfigProvider: {
2309
+ "name": "UDSConfigProvider",
2310
+ "defaultProps": {},
2311
+ "getStylesLiterals": {},
2312
+ "cxLiterals": [],
2313
+ "internalComponents": [
2314
+ "UDSBreakpointsConfigProvider",
2315
+ "UDSBottomSheetConfigProvider",
2316
+ "UDSToastConfigProvider",
2317
+ "UDSTooltipConfigProvider",
2318
+ "UDSPopoverConfigProvider",
2319
+ "UDSModalConfigProvider"
2320
+ ],
2321
+ "internalComponentProps": {},
2322
+ "propToVariantKeys": {},
2384
2323
  "runtimeConfigDefaultProps": {},
2385
2324
  "runtimeConfigGetStyles": {},
2386
2325
  "runtimeConfigInternalComponentProps": {},
2387
2326
  "motionVarPrefixes": []
2388
2327
  },
2389
- Popover: {
2390
- "name": "Popover",
2328
+ UDSBreakpointsConfigProvider: {
2329
+ "name": "UDSBreakpointsConfigProvider",
2391
2330
  "defaultProps": {},
2392
2331
  "getStylesLiterals": {},
2393
- "cxLiterals": ["uds:popover-open"],
2394
- "internalComponents": ["PopoverInternalContext.Provider", "PopoverProvider"],
2332
+ "cxLiterals": [],
2333
+ "internalComponents": ["UDSBreakpointsConfigContext.Provider"],
2395
2334
  "internalComponentProps": {},
2396
2335
  "propToVariantKeys": {},
2397
- "runtimeConfigDefaultProps": {
2398
- "size": "popover.defaultSize",
2399
- "variant": "popover.defaultVariant"
2400
- },
2336
+ "runtimeConfigDefaultProps": {},
2337
+ "runtimeConfigGetStyles": {},
2338
+ "runtimeConfigInternalComponentProps": {},
2339
+ "motionVarPrefixes": []
2340
+ },
2341
+ UDSPopoverConfigProvider: {
2342
+ "name": "UDSPopoverConfigProvider",
2343
+ "defaultProps": {},
2344
+ "getStylesLiterals": {},
2345
+ "cxLiterals": [],
2346
+ "internalComponents": ["PopoverContext.Provider"],
2347
+ "internalComponentProps": {},
2348
+ "propToVariantKeys": {},
2349
+ "runtimeConfigDefaultProps": {},
2401
2350
  "runtimeConfigGetStyles": {},
2402
2351
  "runtimeConfigInternalComponentProps": {},
2403
2352
  "motionVarPrefixes": []
@@ -2458,27 +2407,253 @@ var componentData_default = {
2458
2407
  "Box",
2459
2408
  "Pressable"
2460
2409
  ],
2461
- "internalComponentProps": {},
2462
- "propToVariantKeys": { "closeIcon": ["icon"] },
2463
- "runtimeConfigDefaultProps": {
2464
- "size": "popover.defaultSize",
2465
- "variant": "popover.defaultVariant"
2466
- },
2467
- "runtimeConfigGetStyles": {
2468
- "spacingTop": ["popover.spacingVertical.${size}"],
2469
- "spacingStart": ["popover.spacingHorizontal.${size}"],
2470
- "spacingBottom": ["popover.spacingVertical.${size}"],
2471
- "spacingEnd": ["popover.spacingHorizontal.${size}"]
2472
- },
2473
- "runtimeConfigInternalComponentProps": { "SvgFloatingOverlay": { "borderRadius": ["popover.borderRadius.${size}"] } },
2410
+ "internalComponentProps": {},
2411
+ "propToVariantKeys": { "closeIcon": ["icon"] },
2412
+ "runtimeConfigDefaultProps": {
2413
+ "size": "popover.defaultSize",
2414
+ "variant": "popover.defaultVariant"
2415
+ },
2416
+ "runtimeConfigGetStyles": {
2417
+ "spacingTop": ["popover.spacingVertical.${size}"],
2418
+ "spacingStart": ["popover.spacingHorizontal.${size}"],
2419
+ "spacingBottom": ["popover.spacingVertical.${size}"],
2420
+ "spacingEnd": ["popover.spacingHorizontal.${size}"]
2421
+ },
2422
+ "runtimeConfigInternalComponentProps": { "SvgFloatingOverlay": { "borderRadius": ["popover.borderRadius.${size}"] } },
2423
+ "motionVarPrefixes": []
2424
+ },
2425
+ PopoverContext: {
2426
+ "name": "PopoverContext",
2427
+ "defaultProps": {},
2428
+ "getStylesLiterals": {},
2429
+ "cxLiterals": [],
2430
+ "internalComponents": [],
2431
+ "internalComponentProps": {},
2432
+ "propToVariantKeys": {},
2433
+ "runtimeConfigDefaultProps": {},
2434
+ "runtimeConfigGetStyles": {},
2435
+ "runtimeConfigInternalComponentProps": {},
2436
+ "motionVarPrefixes": []
2437
+ },
2438
+ PopoverTrigger: {
2439
+ "name": "PopoverTrigger",
2440
+ "defaultProps": {},
2441
+ "getStylesLiterals": {},
2442
+ "cxLiterals": [],
2443
+ "internalComponents": ["PopoverDisclosure"],
2444
+ "internalComponentProps": { "PopoverDisclosure": { "className": ["inline"] } },
2445
+ "propToVariantKeys": { "children": ["render"] },
2446
+ "runtimeConfigDefaultProps": {},
2447
+ "runtimeConfigGetStyles": {},
2448
+ "runtimeConfigInternalComponentProps": {},
2449
+ "motionVarPrefixes": []
2450
+ },
2451
+ Popover: {
2452
+ "name": "Popover",
2453
+ "defaultProps": {},
2454
+ "getStylesLiterals": {},
2455
+ "cxLiterals": ["uds:popover-open"],
2456
+ "internalComponents": ["PopoverInternalContext.Provider", "PopoverProvider"],
2457
+ "internalComponentProps": {},
2458
+ "propToVariantKeys": {},
2459
+ "runtimeConfigDefaultProps": {
2460
+ "size": "popover.defaultSize",
2461
+ "variant": "popover.defaultVariant"
2462
+ },
2463
+ "runtimeConfigGetStyles": {},
2464
+ "runtimeConfigInternalComponentProps": {},
2465
+ "motionVarPrefixes": []
2466
+ },
2467
+ BottomSheetTrigger: {
2468
+ "name": "BottomSheetTrigger",
2469
+ "defaultProps": {},
2470
+ "getStylesLiterals": {},
2471
+ "cxLiterals": [],
2472
+ "internalComponents": ["AriakitDialogDisclosure"],
2473
+ "internalComponentProps": {},
2474
+ "propToVariantKeys": {},
2475
+ "runtimeConfigDefaultProps": {},
2476
+ "runtimeConfigGetStyles": {},
2477
+ "runtimeConfigInternalComponentProps": {},
2478
+ "motionVarPrefixes": []
2479
+ },
2480
+ UDSBottomSheetConfigProvider: {
2481
+ "name": "UDSBottomSheetConfigProvider",
2482
+ "defaultProps": {},
2483
+ "getStylesLiterals": {},
2484
+ "cxLiterals": [],
2485
+ "internalComponents": ["BottomSheetContext.Provider"],
2486
+ "internalComponentProps": {},
2487
+ "propToVariantKeys": {},
2488
+ "runtimeConfigDefaultProps": {},
2489
+ "runtimeConfigGetStyles": {},
2490
+ "runtimeConfigInternalComponentProps": {},
2491
+ "motionVarPrefixes": []
2492
+ },
2493
+ BottomSheetContent: {
2494
+ "name": "BottomSheetContent",
2495
+ "defaultProps": {},
2496
+ "getStylesLiterals": {},
2497
+ "cxLiterals": ["min-h-0", "touch-pan-y"],
2498
+ "internalComponents": ["Box", "VStack"],
2499
+ "internalComponentProps": {
2500
+ "Box": {
2501
+ "display": ["block"],
2502
+ "flex": ["1"]
2503
+ },
2504
+ "VStack": { "className": ["pb-[calc(env(safe-area-inset-bottom))]"] }
2505
+ },
2506
+ "propToVariantKeys": {},
2507
+ "runtimeConfigDefaultProps": {},
2508
+ "runtimeConfigGetStyles": {},
2509
+ "runtimeConfigInternalComponentProps": {},
2510
+ "motionVarPrefixes": []
2511
+ },
2512
+ BottomSheet: {
2513
+ "name": "BottomSheet",
2514
+ "defaultProps": { "variant": "default" },
2515
+ "getStylesLiterals": {},
2516
+ "cxLiterals": [
2517
+ "fixed",
2518
+ "overflow-hidden",
2519
+ "inset-x-0",
2520
+ "bottom-0",
2521
+ "z-50",
2522
+ "[will-change:transform]",
2523
+ "touch-none",
2524
+ "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
2525
+ "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
2526
+ "transition-transform",
2527
+ "duration-500",
2528
+ "ease-[cubic-bezier(0.32,0.72,0,1)]",
2529
+ "motion-reduce:transition-none",
2530
+ "top-[-4px]",
2531
+ "z-[1]",
2532
+ "touch-pan-y"
2533
+ ],
2534
+ "internalComponents": [
2535
+ "Scrim",
2536
+ "BottomSheetHandle",
2537
+ "Dialog",
2538
+ "Box",
2539
+ "BottomSheetInternalContext.Provider"
2540
+ ],
2541
+ "internalComponentProps": {
2542
+ "BottomSheetHandle": { "ariaLabel": ["Resize sheet"] },
2543
+ "Dialog": { "data-testid": ["bottom-sheet"] },
2544
+ "Box": {
2545
+ "display": ["block", "flex"],
2546
+ "position": ["absolute"],
2547
+ "flexDirection": ["column"],
2548
+ "className": ["absolute inset-0 min-h-0 p-[inherit]"]
2549
+ }
2550
+ },
2551
+ "propToVariantKeys": { "variant": ["bottomsheetVariantRoot"] },
2552
+ "runtimeConfigDefaultProps": {},
2553
+ "runtimeConfigGetStyles": {},
2554
+ "runtimeConfigInternalComponentProps": {},
2555
+ "motionVarPrefixes": []
2556
+ },
2557
+ BottomSheetInternalContext: {
2558
+ "name": "BottomSheetInternalContext",
2559
+ "defaultProps": {},
2560
+ "getStylesLiterals": {},
2561
+ "cxLiterals": [],
2562
+ "internalComponents": [],
2563
+ "internalComponentProps": {},
2564
+ "propToVariantKeys": {},
2565
+ "runtimeConfigDefaultProps": {},
2566
+ "runtimeConfigGetStyles": {},
2567
+ "runtimeConfigInternalComponentProps": {},
2568
+ "motionVarPrefixes": []
2569
+ },
2570
+ BottomSheetDismiss: {
2571
+ "name": "BottomSheetDismiss",
2572
+ "defaultProps": {},
2573
+ "getStylesLiterals": {},
2574
+ "cxLiterals": [],
2575
+ "internalComponents": ["AriakitDialogDismiss"],
2576
+ "internalComponentProps": {},
2577
+ "propToVariantKeys": {},
2578
+ "runtimeConfigDefaultProps": {},
2579
+ "runtimeConfigGetStyles": {},
2580
+ "runtimeConfigInternalComponentProps": {},
2581
+ "motionVarPrefixes": []
2582
+ },
2583
+ BottomSheetHeader: {
2584
+ "name": "BottomSheetHeader",
2585
+ "defaultProps": { "variant": "default" },
2586
+ "getStylesLiterals": {},
2587
+ "cxLiterals": [
2588
+ "grid-cols-[40px_1fr_40px]",
2589
+ "items-center",
2590
+ "w-full",
2591
+ "min-h-10",
2592
+ "mt-2"
2593
+ ],
2594
+ "internalComponents": [
2595
+ "Box",
2596
+ "Text",
2597
+ "DialogHeading"
2598
+ ],
2599
+ "internalComponentProps": {
2600
+ "Box": {
2601
+ "className": ["h-10 w-10 opacity-0 pointer-events-none"],
2602
+ "display": ["grid", "flex"],
2603
+ "justifyContent": ["flex-start", "flex-end"]
2604
+ },
2605
+ "Text": {
2606
+ "as": ["p"],
2607
+ "variant": ["inherit"],
2608
+ "color": ["inherit"],
2609
+ "textAlign": ["center"],
2610
+ "className": ["m-0 w-full"]
2611
+ },
2612
+ "DialogHeading": { "role": ["heading"] }
2613
+ },
2614
+ "propToVariantKeys": { "variant": ["bottomsheetVariantHeader"] },
2615
+ "runtimeConfigDefaultProps": {},
2616
+ "runtimeConfigGetStyles": {},
2617
+ "runtimeConfigInternalComponentProps": {},
2618
+ "motionVarPrefixes": []
2619
+ },
2620
+ BottomSheetHandle: {
2621
+ "name": "BottomSheetHandle",
2622
+ "defaultProps": { "variant": "default" },
2623
+ "getStylesLiterals": {},
2624
+ "cxLiterals": [
2625
+ "relative",
2626
+ "h-5",
2627
+ "w-16",
2628
+ "outline-none",
2629
+ "focus-visible:outline-none",
2630
+ "[touch-action:pan-y]",
2631
+ "absolute",
2632
+ "left-1/2",
2633
+ "top-1/2",
2634
+ "-translate-x-1/2",
2635
+ "-translate-y-1/2",
2636
+ "h-1",
2637
+ "w-8",
2638
+ "rounded-full"
2639
+ ],
2640
+ "internalComponents": ["Box"],
2641
+ "internalComponentProps": { "Box": {
2642
+ "display": ["block", "flex"],
2643
+ "justifyContent": ["center"]
2644
+ } },
2645
+ "propToVariantKeys": { "variant": ["bottomsheetVariantHandleIndicator"] },
2646
+ "runtimeConfigDefaultProps": {},
2647
+ "runtimeConfigGetStyles": {},
2648
+ "runtimeConfigInternalComponentProps": {},
2474
2649
  "motionVarPrefixes": []
2475
2650
  },
2476
- PopoverContext: {
2477
- "name": "PopoverContext",
2651
+ BottomSheetProvider: {
2652
+ "name": "BottomSheetProvider",
2478
2653
  "defaultProps": {},
2479
2654
  "getStylesLiterals": {},
2480
2655
  "cxLiterals": [],
2481
- "internalComponents": [],
2656
+ "internalComponents": ["AriakitDialogProvider"],
2482
2657
  "internalComponentProps": {},
2483
2658
  "propToVariantKeys": {},
2484
2659
  "runtimeConfigDefaultProps": {},
@@ -2486,25 +2661,30 @@ var componentData_default = {
2486
2661
  "runtimeConfigInternalComponentProps": {},
2487
2662
  "motionVarPrefixes": []
2488
2663
  },
2489
- PopoverTrigger: {
2490
- "name": "PopoverTrigger",
2491
- "defaultProps": {},
2664
+ ChipLink: {
2665
+ "name": "ChipLink",
2666
+ "defaultProps": { "variant": "primary" },
2492
2667
  "getStylesLiterals": {},
2493
- "cxLiterals": [],
2494
- "internalComponents": ["PopoverDisclosure"],
2495
- "internalComponentProps": { "PopoverDisclosure": { "className": ["inline"] } },
2496
- "propToVariantKeys": { "children": ["render"] },
2668
+ "cxLiterals": ["uds-ring"],
2669
+ "internalComponents": ["ChipBase"],
2670
+ "internalComponentProps": { "ChipBase": { "as": ["a"] } },
2671
+ "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
2497
2672
  "runtimeConfigDefaultProps": {},
2498
2673
  "runtimeConfigGetStyles": {},
2499
2674
  "runtimeConfigInternalComponentProps": {},
2500
2675
  "motionVarPrefixes": []
2501
2676
  },
2502
- UDSPopoverConfigProvider: {
2503
- "name": "UDSPopoverConfigProvider",
2677
+ Chip: {
2678
+ "name": "Chip",
2504
2679
  "defaultProps": {},
2505
2680
  "getStylesLiterals": {},
2506
2681
  "cxLiterals": [],
2507
- "internalComponents": ["PopoverContext.Provider"],
2682
+ "internalComponents": [
2683
+ "ChipDismissible",
2684
+ "ChipToggle",
2685
+ "ChipLink",
2686
+ "ChipButton"
2687
+ ],
2508
2688
  "internalComponentProps": {},
2509
2689
  "propToVariantKeys": {},
2510
2690
  "runtimeConfigDefaultProps": {},
@@ -2512,172 +2692,97 @@ var componentData_default = {
2512
2692
  "runtimeConfigInternalComponentProps": {},
2513
2693
  "motionVarPrefixes": []
2514
2694
  },
2515
- Radio: {
2516
- "name": "Radio",
2695
+ ChipToggle: {
2696
+ "name": "ChipToggle",
2517
2697
  "defaultProps": {
2518
- "labelPosition": "start",
2519
2698
  "variant": "primary",
2520
- "size": "md",
2521
- "value": ""
2699
+ "role": "checkbox"
2522
2700
  },
2523
2701
  "getStylesLiterals": {
2524
- "radioVariantValueRoot": "checked",
2525
- "radioVariantValueRoot:1": "unchecked",
2526
- "display": "flex",
2527
- "flexDirection": "row",
2528
- "flexDirection:1": "row-reverse",
2529
- "alignItems": "center",
2530
- "radioVariantValueRadio": "checked",
2531
- "radioVariantValueRadio:1": "unchecked",
2532
- "radioVariantValueRadioCircle": "checked",
2533
- "radioVariantValueRadioCircle:1": "unchecked"
2534
- },
2535
- "cxLiterals": [
2536
- "cursor-pointer",
2537
- "cursor-default",
2538
- "opacity-50",
2539
- "border",
2540
- "uds-ring",
2541
- "uds-ring-within",
2542
- "transition-[background-color,border-color]",
2543
- "transition-shadow",
2544
- "pointer-events-none",
2545
- "w-[8px]",
2546
- "h-[8px]",
2547
- "opacity-55",
2548
- "opacity-100",
2549
- "opacity-0",
2550
- "transition-opacity",
2551
- "cursor-[inherit]",
2552
- "absolute",
2553
- "top-1/2",
2554
- "left-1/2",
2555
- "w-[calc(100%+2px)]",
2556
- "h-[calc(100%+2px)]",
2557
- "transform",
2558
- "translate-x-[-50%]",
2559
- "translate-y-[-50%]",
2560
- "text-start",
2561
- "text-end"
2562
- ],
2563
- "internalComponents": [
2564
- "Box",
2565
- "FormLabel",
2566
- "SpringMotionConfig",
2567
- "RootElement",
2568
- "MotionBox"
2569
- ],
2570
- "internalComponentProps": {
2571
- "Box": { "borderRadius": ["full"] },
2572
- "FormLabel": {
2573
- "as": ["div"],
2574
- "variant": ["inherit"],
2575
- "color": ["inherit"]
2576
- },
2577
- "RootElement": { "data-testid": ["container"] },
2578
- "MotionBox": {
2579
- "position": ["relative"],
2580
- "borderRadius": ["full"],
2581
- "alignItems": ["center"],
2582
- "justifyContent": ["center"],
2583
- "flex": ["none"]
2584
- }
2585
- },
2586
- "propToVariantKeys": {
2587
- "size": ["radioSizeRoot", "radioSizeRadio"],
2588
- "variant": [
2589
- "radioVariantRoot",
2590
- "radioVariantRadio",
2591
- "radioVariantRadioCircle"
2592
- ],
2593
- "reduceMotion": ["reducedMotion"]
2702
+ "chipToggleVariantActiveRoot": "on",
2703
+ "chipToggleVariantActiveRoot:1": "off"
2594
2704
  },
2705
+ "cxLiterals": ["uds-ring"],
2706
+ "internalComponents": ["ChipBase"],
2707
+ "internalComponentProps": { "ChipBase": { "as": ["button"] } },
2708
+ "propToVariantKeys": { "variant": ["chipToggleVariantRoot", "chipToggleVariantIcon"] },
2595
2709
  "runtimeConfigDefaultProps": {},
2596
2710
  "runtimeConfigGetStyles": {},
2597
2711
  "runtimeConfigInternalComponentProps": {},
2598
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
2712
+ "motionVarPrefixes": []
2599
2713
  },
2600
- RadioGroupProvider: {
2601
- "name": "RadioGroupProvider",
2602
- "defaultProps": {},
2714
+ ChipDismissible: {
2715
+ "name": "ChipDismissible",
2716
+ "defaultProps": { "variant": "primary" },
2603
2717
  "getStylesLiterals": {},
2604
- "cxLiterals": [],
2718
+ "cxLiterals": [
2719
+ "uds-chip-dismissible-button",
2720
+ "uds-hit-target",
2721
+ "uds-ring",
2722
+ "rounded-full"
2723
+ ],
2605
2724
  "internalComponents": [
2606
- "DivProps",
2607
- "Comp",
2608
- "RadioGroupContext.Provider"
2725
+ "ChipBase",
2726
+ "IconSlot",
2727
+ "Pressable"
2609
2728
  ],
2610
- "internalComponentProps": { "Comp": { "role": ["radiogroup"] } },
2611
- "propToVariantKeys": {},
2729
+ "internalComponentProps": {},
2730
+ "propToVariantKeys": {
2731
+ "variant": ["chipDismissibleVariantRoot", "chipDismissibleVariantIcon"],
2732
+ "dismissButtonAriaLabel": ["aria-label"]
2733
+ },
2612
2734
  "runtimeConfigDefaultProps": {},
2613
2735
  "runtimeConfigGetStyles": {},
2614
2736
  "runtimeConfigInternalComponentProps": {},
2615
2737
  "motionVarPrefixes": []
2616
2738
  },
2617
- RadioGroupStore: {
2618
- "name": "RadioGroupStore",
2619
- "defaultProps": {},
2739
+ ChipButton: {
2740
+ "name": "ChipButton",
2741
+ "defaultProps": { "variant": "primary" },
2620
2742
  "getStylesLiterals": {},
2621
- "cxLiterals": [],
2622
- "internalComponents": [],
2623
- "internalComponentProps": {},
2624
- "propToVariantKeys": {},
2743
+ "cxLiterals": ["uds-ring"],
2744
+ "internalComponents": ["ChipBase"],
2745
+ "internalComponentProps": { "ChipBase": { "as": ["button"] } },
2746
+ "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
2625
2747
  "runtimeConfigDefaultProps": {},
2626
2748
  "runtimeConfigGetStyles": {},
2627
2749
  "runtimeConfigInternalComponentProps": {},
2628
2750
  "motionVarPrefixes": []
2629
2751
  },
2630
- Tab: {
2631
- "name": "Tab",
2632
- "defaultProps": { "variant": "primary" },
2633
- "getStylesLiterals": {
2634
- "tabSizeRoot": "default",
2635
- "tabVariantActiveRoot": "off",
2636
- "tabVariantActiveRoot:1": "on",
2637
- "tabSizeIcon": "default"
2752
+ ChipBase: {
2753
+ "name": "ChipBase",
2754
+ "defaultProps": {
2755
+ "size": "md",
2756
+ "as": "div"
2638
2757
  },
2758
+ "getStylesLiterals": {},
2639
2759
  "cxLiterals": [
2640
2760
  "pointer-events-none",
2641
- "absolute",
2642
- "bottom-0",
2643
- "left-0",
2644
- "right-0",
2645
- "h-[var(--uds-tab-underline-width,0px)]",
2646
- "bg-[var(--uds-tab-underline-color,transparent)]",
2647
- "transition-[height,background-color]",
2648
- "duration-[240ms]",
2649
- "ease-[cubic-bezier(0.2,0,0,1)]",
2650
- "!bg-transparent",
2651
- "!shadow-none",
2761
+ "cursor-default",
2762
+ "opacity-50",
2652
2763
  "inline-flex",
2653
2764
  "items-center",
2654
- "shrink-0",
2655
- "box-border",
2656
- "relative",
2657
- "z-[1]",
2658
- "cursor-pointer",
2659
- "select-none",
2765
+ "transition-[background-color,outline-color,box-shadow]",
2766
+ "truncate",
2660
2767
  "whitespace-nowrap",
2661
- "uds-ring",
2662
- "opacity-50",
2663
- "cursor-default",
2664
- "border-solid",
2665
- "border-b-solid",
2666
- "transition-colors"
2768
+ "text-center",
2769
+ "flex-1",
2770
+ "md",
2771
+ "primary"
2667
2772
  ],
2668
2773
  "internalComponents": [
2669
2774
  "IconSlot",
2670
- "AriakitTab",
2775
+ "HStack",
2776
+ "As",
2671
2777
  "Text"
2672
2778
  ],
2673
2779
  "internalComponentProps": { "Text": {
2674
- "variant": ["inherit"],
2675
2780
  "as": ["span"],
2676
- "color": ["current"]
2781
+ "color": ["current"],
2782
+ "variant": ["inherit"]
2677
2783
  } },
2678
2784
  "propToVariantKeys": {
2679
- "variant": ["tabVariantRoot", "tabVariantIcon"],
2680
- "activeState": ["tabVariantActiveIcon"],
2785
+ "size": ["chipSizeRoot", "chipSizeIcon"],
2681
2786
  "startIcon": ["icon"],
2682
2787
  "endIcon": ["icon"]
2683
2788
  },
@@ -2735,20 +2840,7 @@ var componentData_default = {
2735
2840
  ],
2736
2841
  "internalComponents": ["AriakitTabList"],
2737
2842
  "internalComponentProps": {},
2738
- "propToVariantKeys": { "variant": ["tabsVariantRoot", "tabVariantRoot"] },
2739
- "runtimeConfigDefaultProps": {},
2740
- "runtimeConfigGetStyles": {},
2741
- "runtimeConfigInternalComponentProps": {},
2742
- "motionVarPrefixes": []
2743
- },
2744
- TabPanel: {
2745
- "name": "TabPanel",
2746
- "defaultProps": {},
2747
- "getStylesLiterals": {},
2748
- "cxLiterals": [],
2749
- "internalComponents": ["AriakitTabPanel"],
2750
- "internalComponentProps": {},
2751
- "propToVariantKeys": {},
2843
+ "propToVariantKeys": { "variant": ["tabsVariantRoot", "tabVariantRoot"] },
2752
2844
  "runtimeConfigDefaultProps": {},
2753
2845
  "runtimeConfigGetStyles": {},
2754
2846
  "runtimeConfigInternalComponentProps": {},
@@ -2767,130 +2859,84 @@ var componentData_default = {
2767
2859
  "runtimeConfigInternalComponentProps": {},
2768
2860
  "motionVarPrefixes": []
2769
2861
  },
2770
- Toast: {
2771
- "name": "Toast",
2772
- "defaultProps": {},
2862
+ Tab: {
2863
+ "name": "Tab",
2864
+ "defaultProps": { "variant": "primary" },
2773
2865
  "getStylesLiterals": {
2774
- "className": "animate-spin",
2775
- "className:1": "flex-none",
2776
- "spacing": "2",
2777
- "borderRadius": "full"
2866
+ "tabSizeRoot": "default",
2867
+ "tabVariantActiveRoot": "off",
2868
+ "tabVariantActiveRoot:1": "on",
2869
+ "tabSizeIcon": "default"
2778
2870
  },
2779
2871
  "cxLiterals": [
2780
- "duration-0",
2781
- "duration-120",
2782
- "transition-[background-color]",
2783
- "bg-carbon-15/0",
2784
- "hover:bg-carbon-15/10",
2785
- "active:bg-carbon-15/15",
2786
- "uds-ring"
2872
+ "pointer-events-none",
2873
+ "absolute",
2874
+ "bottom-0",
2875
+ "left-0",
2876
+ "right-0",
2877
+ "h-[var(--uds-tab-underline-width,0px)]",
2878
+ "bg-[var(--uds-tab-underline-color,transparent)]",
2879
+ "transition-[height,background-color]",
2880
+ "duration-[240ms]",
2881
+ "ease-[cubic-bezier(0.2,0,0,1)]",
2882
+ "!bg-transparent",
2883
+ "!shadow-none",
2884
+ "inline-flex",
2885
+ "items-center",
2886
+ "shrink-0",
2887
+ "box-border",
2888
+ "relative",
2889
+ "z-[1]",
2890
+ "cursor-pointer",
2891
+ "select-none",
2892
+ "whitespace-nowrap",
2893
+ "uds-ring",
2894
+ "opacity-50",
2895
+ "cursor-default",
2896
+ "border-solid",
2897
+ "border-b-solid",
2898
+ "transition-colors"
2787
2899
  ],
2788
2900
  "internalComponents": [
2789
2901
  "IconSlot",
2790
- "ToastContainer",
2791
- "Text",
2792
- "Button",
2793
- "Pressable"
2902
+ "AriakitTab",
2903
+ "Text"
2794
2904
  ],
2795
- "internalComponentProps": {},
2796
- "propToVariantKeys": {
2797
- "size": [
2798
- "toastSizeLabel",
2799
- "toastSizeIcon",
2800
- "toastSizeActionButton",
2801
- "toastSizeCloseIcon"
2802
- ],
2803
- "variant": [
2804
- "toastVariantIcon",
2805
- "toastVariantActionButton",
2806
- "toastVariantCloseIcon"
2807
- ],
2808
- "closeIcon": ["icon"],
2809
- "onClickActionButton": ["onClick"]
2810
- },
2811
- "runtimeConfigDefaultProps": {
2812
- "size": "toast.defaultSize",
2813
- "variant": "toast.defaultVariant"
2814
- },
2815
- "runtimeConfigGetStyles": {
2816
- "toastSizeLabel": ["toast.defaultSize"],
2817
- "toastVariantIcon": ["toast.defaultVariant"],
2818
- "toastSizeIcon": ["toast.defaultSize"],
2819
- "toastSizeActionButton": ["toast.defaultSize"],
2820
- "toastVariantActionButton": ["toast.defaultVariant"],
2821
- "toastVariantCloseIcon": ["toast.defaultVariant"],
2822
- "toastSizeCloseIcon": ["toast.defaultSize"]
2823
- },
2824
- "runtimeConfigInternalComponentProps": {
2825
- "ToastContainer": {
2826
- "size": ["toast.defaultSize"],
2827
- "variant": ["toast.defaultVariant"]
2828
- },
2829
- "Text": {
2830
- "variant": ["toast.textVariant.${size}"],
2831
- "color": ["toast.textColor.${variant}"]
2832
- },
2833
- "Button": {
2834
- "size": ["toast.buttonSize.${size}"],
2835
- "variant": ["toast.buttonVariant.${variant}"]
2836
- }
2837
- },
2838
- "motionVarPrefixes": []
2839
- },
2840
- ToastContainer: {
2841
- "name": "ToastContainer",
2842
- "defaultProps": {},
2843
- "getStylesLiterals": {
2844
- "position": "relative",
2845
- "alignItems": "center",
2846
- "display": "flex",
2847
- "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
2848
- },
2849
- "cxLiterals": ["w-full"],
2850
- "internalComponents": ["HStack"],
2851
- "internalComponentProps": { "HStack": {
2852
- "alignItems": ["center"],
2853
- "justifyContent": ["space-between"],
2854
- "overflow": ["hidden"],
2855
- "position": ["relative"]
2905
+ "internalComponentProps": { "Text": {
2906
+ "variant": ["inherit"],
2907
+ "as": ["span"],
2908
+ "color": ["current"]
2856
2909
  } },
2857
2910
  "propToVariantKeys": {
2858
- "variant": ["toastVariantRoot"],
2859
- "size": ["toastSizeRoot"]
2860
- },
2861
- "runtimeConfigDefaultProps": {
2862
- "size": "toast.defaultSize",
2863
- "variant": "toast.defaultVariant"
2864
- },
2865
- "runtimeConfigGetStyles": {
2866
- "toastVariantRoot": ["toast.defaultVariant"],
2867
- "toastSizeRoot": ["toast.defaultSize"]
2911
+ "variant": ["tabVariantRoot", "tabVariantIcon"],
2912
+ "activeState": ["tabVariantActiveIcon"],
2913
+ "startIcon": ["icon"],
2914
+ "endIcon": ["icon"]
2868
2915
  },
2869
- "runtimeConfigInternalComponentProps": { "HStack": { "backgroundColor": ["toast.backgroundColor.${variant}"] } },
2916
+ "runtimeConfigDefaultProps": {},
2917
+ "runtimeConfigGetStyles": {},
2918
+ "runtimeConfigInternalComponentProps": {},
2870
2919
  "motionVarPrefixes": []
2871
2920
  },
2872
- ToastPortal: {
2873
- "name": "ToastPortal",
2921
+ TabPanel: {
2922
+ "name": "TabPanel",
2874
2923
  "defaultProps": {},
2875
2924
  "getStylesLiterals": {},
2876
2925
  "cxLiterals": [],
2877
- "internalComponents": ["ReactToastifyToastContainer"],
2926
+ "internalComponents": ["AriakitTabPanel"],
2878
2927
  "internalComponentProps": {},
2879
2928
  "propToVariantKeys": {},
2880
- "runtimeConfigDefaultProps": {
2881
- "size": "toast.defaultSize",
2882
- "variant": "toast.defaultVariant"
2883
- },
2929
+ "runtimeConfigDefaultProps": {},
2884
2930
  "runtimeConfigGetStyles": {},
2885
- "runtimeConfigInternalComponentProps": { "ReactToastifyToastContainer": { "autoClose": ["toast.autoClose"] } },
2931
+ "runtimeConfigInternalComponentProps": {},
2886
2932
  "motionVarPrefixes": []
2887
2933
  },
2888
- UDSToastConfigProvider: {
2889
- "name": "UDSToastConfigProvider",
2934
+ UDSTooltipConfigProvider: {
2935
+ "name": "UDSTooltipConfigProvider",
2890
2936
  "defaultProps": {},
2891
2937
  "getStylesLiterals": {},
2892
2938
  "cxLiterals": [],
2893
- "internalComponents": ["ToastContext.Provider"],
2939
+ "internalComponents": ["TooltipContext.Provider"],
2894
2940
  "internalComponentProps": {},
2895
2941
  "propToVariantKeys": {},
2896
2942
  "runtimeConfigDefaultProps": {},
@@ -2898,6 +2944,19 @@ var componentData_default = {
2898
2944
  "runtimeConfigInternalComponentProps": {},
2899
2945
  "motionVarPrefixes": []
2900
2946
  },
2947
+ TooltipTrigger: {
2948
+ "name": "TooltipTrigger",
2949
+ "defaultProps": {},
2950
+ "getStylesLiterals": {},
2951
+ "cxLiterals": [],
2952
+ "internalComponents": ["TooltipAnchor"],
2953
+ "internalComponentProps": { "TooltipAnchor": { "className": ["inline"] } },
2954
+ "propToVariantKeys": { "children": ["render"] },
2955
+ "runtimeConfigDefaultProps": {},
2956
+ "runtimeConfigGetStyles": {},
2957
+ "runtimeConfigInternalComponentProps": {},
2958
+ "motionVarPrefixes": []
2959
+ },
2901
2960
  Tooltip: {
2902
2961
  "name": "Tooltip",
2903
2962
  "defaultProps": {},
@@ -2963,65 +3022,6 @@ var componentData_default = {
2963
3022
  "runtimeConfigInternalComponentProps": {},
2964
3023
  "motionVarPrefixes": []
2965
3024
  },
2966
- TooltipTrigger: {
2967
- "name": "TooltipTrigger",
2968
- "defaultProps": {},
2969
- "getStylesLiterals": {},
2970
- "cxLiterals": [],
2971
- "internalComponents": ["TooltipAnchor"],
2972
- "internalComponentProps": { "TooltipAnchor": { "className": ["inline"] } },
2973
- "propToVariantKeys": { "children": ["render"] },
2974
- "runtimeConfigDefaultProps": {},
2975
- "runtimeConfigGetStyles": {},
2976
- "runtimeConfigInternalComponentProps": {},
2977
- "motionVarPrefixes": []
2978
- },
2979
- UDSTooltipConfigProvider: {
2980
- "name": "UDSTooltipConfigProvider",
2981
- "defaultProps": {},
2982
- "getStylesLiterals": {},
2983
- "cxLiterals": [],
2984
- "internalComponents": ["TooltipContext.Provider"],
2985
- "internalComponentProps": {},
2986
- "propToVariantKeys": {},
2987
- "runtimeConfigDefaultProps": {},
2988
- "runtimeConfigGetStyles": {},
2989
- "runtimeConfigInternalComponentProps": {},
2990
- "motionVarPrefixes": []
2991
- },
2992
- UDSBreakpointsConfigProvider: {
2993
- "name": "UDSBreakpointsConfigProvider",
2994
- "defaultProps": {},
2995
- "getStylesLiterals": {},
2996
- "cxLiterals": [],
2997
- "internalComponents": ["UDSBreakpointsConfigContext.Provider"],
2998
- "internalComponentProps": {},
2999
- "propToVariantKeys": {},
3000
- "runtimeConfigDefaultProps": {},
3001
- "runtimeConfigGetStyles": {},
3002
- "runtimeConfigInternalComponentProps": {},
3003
- "motionVarPrefixes": []
3004
- },
3005
- UDSConfigProvider: {
3006
- "name": "UDSConfigProvider",
3007
- "defaultProps": {},
3008
- "getStylesLiterals": {},
3009
- "cxLiterals": [],
3010
- "internalComponents": [
3011
- "UDSBreakpointsConfigProvider",
3012
- "UDSBottomSheetConfigProvider",
3013
- "UDSToastConfigProvider",
3014
- "UDSTooltipConfigProvider",
3015
- "UDSPopoverConfigProvider",
3016
- "UDSModalConfigProvider"
3017
- ],
3018
- "internalComponentProps": {},
3019
- "propToVariantKeys": {},
3020
- "runtimeConfigDefaultProps": {},
3021
- "runtimeConfigGetStyles": {},
3022
- "runtimeConfigInternalComponentProps": {},
3023
- "motionVarPrefixes": []
3024
- },
3025
3025
  Accordion: {
3026
3026
  "name": "Accordion",
3027
3027
  "defaultProps": {
@@ -3073,19 +3073,6 @@ var componentData_default = {
3073
3073
  "runtimeConfigInternalComponentProps": {},
3074
3074
  "motionVarPrefixes": ["--uds-motion-smooth-3-"]
3075
3075
  },
3076
- AvoidMotionLibraryProvider: {
3077
- "name": "AvoidMotionLibraryProvider",
3078
- "defaultProps": {},
3079
- "getStylesLiterals": {},
3080
- "cxLiterals": [],
3081
- "internalComponents": [],
3082
- "internalComponentProps": {},
3083
- "propToVariantKeys": {},
3084
- "runtimeConfigDefaultProps": {},
3085
- "runtimeConfigGetStyles": {},
3086
- "runtimeConfigInternalComponentProps": {},
3087
- "motionVarPrefixes": []
3088
- },
3089
3076
  SegmentedControl: {
3090
3077
  "name": "SegmentedControl",
3091
3078
  "defaultProps": { "textVariant": "label2" },
@@ -3241,6 +3228,19 @@ var componentData_default = {
3241
3228
  "runtimeConfigGetStyles": {},
3242
3229
  "runtimeConfigInternalComponentProps": {},
3243
3230
  "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
3231
+ },
3232
+ AvoidMotionLibraryProvider: {
3233
+ "name": "AvoidMotionLibraryProvider",
3234
+ "defaultProps": {},
3235
+ "getStylesLiterals": {},
3236
+ "cxLiterals": [],
3237
+ "internalComponents": [],
3238
+ "internalComponentProps": {},
3239
+ "propToVariantKeys": {},
3240
+ "runtimeConfigDefaultProps": {},
3241
+ "runtimeConfigGetStyles": {},
3242
+ "runtimeConfigInternalComponentProps": {},
3243
+ "motionVarPrefixes": []
3244
3244
  }
3245
3245
  };
3246
3246
  //#endregion