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