@yahoo/uds 3.125.1 → 3.126.0

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