@yahoo/uds 3.126.0 → 3.127.1

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