@yahoo/uds 3.129.0-beta.2 → 3.129.0-beta.3

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 (142) hide show
  1. package/dist/components/IconSlot.cjs +6 -0
  2. package/dist/components/IconSlot.js +6 -0
  3. package/dist/components/client/Toast/UDSToastConfigProvider.d.cts +5 -5
  4. package/dist/components/client/Toast/UDSToastConfigProvider.d.ts +5 -5
  5. package/dist/components/experimental/client/SegmentedControl.d.cts +1 -2
  6. package/dist/styles/styler.d.cts +41 -41
  7. package/dist/styles/styler.d.ts +41 -41
  8. package/dist/uds/generated/componentData.cjs +1257 -1257
  9. package/dist/uds/generated/componentData.js +1257 -1257
  10. package/generated/componentData.json +1579 -1579
  11. package/package.json +1 -1
  12. package/dist/uds/dist/automated-config/dist/generated/universalTokensConfigAuto.d.cts +0 -2
  13. package/dist/uds/dist/automated-config/dist/properties.d.cts +0 -5
  14. package/dist/uds/dist/automated-config/dist/types/ComponentConfig.d.cts +0 -3
  15. package/dist/uds/dist/automated-config/dist/types/ComponentStyles.d.cts +0 -2
  16. package/dist/uds/dist/automated-config/dist/types/ConfigSchema.d.cts +0 -2
  17. package/dist/uds/dist/automated-config/dist/utils/buildConfigSchema.d.cts +0 -7
  18. package/dist/uds/dist/automated-config/dist/utils/coalesceConfigVariant.d.cts +0 -2
  19. package/dist/uds/dist/automated-config/dist/utils/defaults.d.cts +0 -2
  20. package/dist/uds/dist/automated-config/dist/utils/getConfigVariantComponentStatesMatrix.d.cts +0 -2
  21. package/dist/uds/dist/automated-config/dist/utils/getConfigVariantProperties.d.cts +0 -3
  22. package/dist/uds/dist/automated-config/dist/utils/getConfigVariantPseudoStates.d.cts +0 -3
  23. package/dist/uds/dist/automated-config/dist/utils/getConfigVariants.d.cts +0 -2
  24. package/dist/uds/dist/automated-config/dist/utils/index.d.cts +0 -12
  25. package/dist/uds/dist/automated-config/dist/utils/subcomponents.d.cts +0 -2
  26. package/dist/uds/dist/components/Banner/Banner.d.cts +0 -4
  27. package/dist/uds/dist/components/Banner/BannerContent.d.cts +0 -2
  28. package/dist/uds/dist/components/Banner/BannerDescription.d.cts +0 -2
  29. package/dist/uds/dist/components/Banner/BannerTitle.d.cts +0 -2
  30. package/dist/uds/dist/components/Banner/index.d.cts +0 -5
  31. package/dist/uds/dist/components/Box.d.cts +0 -4
  32. package/dist/uds/dist/components/Divider/Divider.d.cts +0 -3
  33. package/dist/uds/dist/components/Divider/DividerCore.d.cts +0 -5
  34. package/dist/uds/dist/components/Divider/DividerInternal.d.cts +0 -5
  35. package/dist/uds/dist/components/Divider/index.d.cts +0 -2
  36. package/dist/uds/dist/components/FormLabel.d.cts +0 -4
  37. package/dist/uds/dist/components/HStack.d.cts +0 -5
  38. package/dist/uds/dist/components/Icon.d.cts +0 -4
  39. package/dist/uds/dist/components/Image.d.cts +0 -4
  40. package/dist/uds/dist/components/Link.d.cts +0 -4
  41. package/dist/uds/dist/components/Scrim.d.cts +0 -3
  42. package/dist/uds/dist/components/Text.d.cts +0 -4
  43. package/dist/uds/dist/components/VStack.d.cts +0 -5
  44. package/dist/uds/dist/components/client/Avatar/Avatar.d.cts +0 -5
  45. package/dist/uds/dist/components/client/Avatar/AvatarIcon.d.cts +0 -7
  46. package/dist/uds/dist/components/client/Avatar/AvatarImage.d.cts +0 -9
  47. package/dist/uds/dist/components/client/Avatar/AvatarText.d.cts +0 -7
  48. package/dist/uds/dist/components/client/Avatar/index.d.cts +0 -7
  49. package/dist/uds/dist/components/client/Badge.d.cts +0 -6
  50. package/dist/uds/dist/components/client/BottomSheet/BottomSheet.d.cts +0 -7
  51. package/dist/uds/dist/components/client/BottomSheet/BottomSheetContent.d.cts +0 -4
  52. package/dist/uds/dist/components/client/BottomSheet/BottomSheetHeader.d.cts +0 -4
  53. package/dist/uds/dist/components/client/BottomSheet/BottomSheetProvider.d.cts +0 -5
  54. package/dist/uds/dist/components/client/BottomSheet/UDSBottomSheetConfigProvider.d.cts +0 -5
  55. package/dist/uds/dist/components/client/BottomSheet/index.d.cts +0 -9
  56. package/dist/uds/dist/components/client/BottomSheet/useBottomSheetStore.d.cts +0 -4
  57. package/dist/uds/dist/components/client/Button.d.cts +0 -7
  58. package/dist/uds/dist/components/client/Checkbox.d.cts +0 -6
  59. package/dist/uds/dist/components/client/Chip/Chip.d.cts +0 -7
  60. package/dist/uds/dist/components/client/Chip/ChipBase.d.cts +0 -8
  61. package/dist/uds/dist/components/client/Chip/ChipButton.d.cts +0 -7
  62. package/dist/uds/dist/components/client/Chip/ChipDismissible.d.cts +0 -7
  63. package/dist/uds/dist/components/client/Chip/ChipLink.d.cts +0 -7
  64. package/dist/uds/dist/components/client/Chip/ChipToggle.d.cts +0 -7
  65. package/dist/uds/dist/components/client/Chip/index.d.cts +0 -8
  66. package/dist/uds/dist/components/client/IconButton.d.cts +0 -7
  67. package/dist/uds/dist/components/client/Input/Input.d.cts +0 -9
  68. package/dist/uds/dist/components/client/Input/InputHelpText.d.cts +0 -4
  69. package/dist/uds/dist/components/client/Input/InputHelpTextInternal.d.cts +0 -8
  70. package/dist/uds/dist/components/client/Input/index.d.cts +0 -5
  71. package/dist/uds/dist/components/client/Menu/Menu.Content.d.cts +0 -8
  72. package/dist/uds/dist/components/client/Menu/Menu.Divider.d.cts +0 -5
  73. package/dist/uds/dist/components/client/Menu/Menu.Item.d.cts +0 -8
  74. package/dist/uds/dist/components/client/Menu/Menu.ItemCheckbox.d.cts +0 -8
  75. package/dist/uds/dist/components/client/Menu/Menu.Provider.d.cts +0 -5
  76. package/dist/uds/dist/components/client/Menu/Menu.Trigger.d.cts +0 -7
  77. package/dist/uds/dist/components/client/Menu/Menu.d.cts +0 -4
  78. package/dist/uds/dist/components/client/Menu/Menu.index.d.cts +0 -11
  79. package/dist/uds/dist/components/client/Menu/index.d.cts +0 -11
  80. package/dist/uds/dist/components/client/Popover/Popover.d.cts +0 -4
  81. package/dist/uds/dist/components/client/Popover/PopoverContent.d.cts +0 -7
  82. package/dist/uds/dist/components/client/Popover/PopoverTrigger.d.cts +0 -4
  83. package/dist/uds/dist/components/client/Popover/UDSPopoverConfigProvider.d.cts +0 -6
  84. package/dist/uds/dist/components/client/Popover/index.d.cts +0 -8
  85. package/dist/uds/dist/components/client/Pressable.d.cts +0 -6
  86. package/dist/uds/dist/components/client/Radio/Radio.d.cts +0 -6
  87. package/dist/uds/dist/components/client/Radio/RadioGroupProvider.d.cts +0 -6
  88. package/dist/uds/dist/components/client/Radio/index.d.cts +0 -5
  89. package/dist/uds/dist/components/client/SpringMotionConfig.d.cts +0 -7
  90. package/dist/uds/dist/components/client/Switch.d.cts +0 -6
  91. package/dist/uds/dist/components/client/Tabs/Tab.d.cts +0 -4
  92. package/dist/uds/dist/components/client/Tabs/TabList.d.cts +0 -5
  93. package/dist/uds/dist/components/client/Tabs/TabPanel.d.cts +0 -5
  94. package/dist/uds/dist/components/client/Tabs/Tabs.d.cts +0 -4
  95. package/dist/uds/dist/components/client/Tabs/index.d.cts +0 -8
  96. package/dist/uds/dist/components/client/Tabs/tabsContext.d.cts +0 -5
  97. package/dist/uds/dist/components/client/Toast/Toast.d.cts +0 -10
  98. package/dist/uds/dist/components/client/Toast/ToastContainer.d.cts +0 -8
  99. package/dist/uds/dist/components/client/Toast/ToastPortal.d.cts +0 -5
  100. package/dist/uds/dist/components/client/Toast/UDSToastConfigProvider.d.cts +0 -7
  101. package/dist/uds/dist/components/client/Toast/createToast.d.cts +0 -8
  102. package/dist/uds/dist/components/client/Toast/index.d.cts +0 -8
  103. package/dist/uds/dist/components/client/Tooltip/Tooltip.d.cts +0 -4
  104. package/dist/uds/dist/components/client/Tooltip/TooltipContent.d.cts +0 -5
  105. package/dist/uds/dist/components/client/Tooltip/TooltipTrigger.d.cts +0 -4
  106. package/dist/uds/dist/components/client/Tooltip/UDSTooltipConfigProvider.d.cts +0 -7
  107. package/dist/uds/dist/components/client/Tooltip/index.d.cts +0 -8
  108. package/dist/uds/dist/components/client/index.d.cts +0 -67
  109. package/dist/uds/dist/components/client/providers/UDSBreakpointsConfigProvider.d.cts +0 -6
  110. package/dist/uds/dist/components/client/providers/UDSConfigProvider.d.cts +0 -5
  111. package/dist/uds/dist/components/index.d.cts +0 -71
  112. package/dist/uds/dist/config/dist/index.d.cts +0 -4
  113. package/dist/uds/dist/css-tokens/dist/index.d.cts +0 -2
  114. package/dist/uds/dist/fixtures/dist/index.d.cts +0 -2
  115. package/dist/uds/dist/fonts/dist/index.d.cts +0 -2
  116. package/dist/uds/dist/index.d.cts +0 -102
  117. package/dist/uds/dist/modes/dist/index.d.cts +0 -2
  118. package/dist/uds/dist/runtime/bottomSheetConfig.d.cts +0 -3
  119. package/dist/uds/dist/runtime/breakpointsConfig.d.cts +0 -4
  120. package/dist/uds/dist/runtime/index.d.cts +0 -7
  121. package/dist/uds/dist/runtime/popoverConfig.d.cts +0 -5
  122. package/dist/uds/dist/runtime/toastConfig.d.cts +0 -4
  123. package/dist/uds/dist/runtime/tooltipConfig.d.cts +0 -5
  124. package/dist/uds/dist/runtime/udsConfig.d.cts +0 -8
  125. package/dist/uds/dist/styles/styler.d.cts +0 -2
  126. package/dist/uds/dist/styles/stylerTypes.d.cts +0 -3
  127. package/dist/uds/dist/tailwind/dist/config/dist/index.d.cts +0 -2
  128. package/dist/uds/dist/tailwind/dist/index.d.cts +0 -3
  129. package/dist/uds/dist/tailwind/dist/tailwind/components/getResponsiveTextStyles.d.cts +0 -2
  130. package/dist/uds/dist/tailwind/dist/utils/parseTokens.d.cts +0 -2
  131. package/dist/uds/dist/tokens/automation/index.d.cts +0 -10
  132. package/dist/uds/dist/tokens/configs/shadow.d.cts +0 -3
  133. package/dist/uds/dist/tokens/consts/cssTokens.d.cts +0 -2
  134. package/dist/uds/dist/tokens/consts/defaultModes.d.cts +0 -2
  135. package/dist/uds/dist/tokens/consts/fontDeclarationsMap.d.cts +0 -2
  136. package/dist/uds/dist/tokens/index.d.cts +0 -28
  137. package/dist/uds/dist/tokens/parseButtonVariants.d.cts +0 -3
  138. package/dist/uds/dist/tokens/types.d.cts +0 -10
  139. package/dist/uds/dist/tokens/utils/getFontUrls.d.cts +0 -4
  140. package/dist/uds/dist/tokens/utils/spectrum.d.cts +0 -3
  141. package/dist/uds/dist/types/dist/index.d.cts +0 -11
  142. package/dist/uds/dist/types.d.cts +0 -2
@@ -1,9 +1,30 @@
1
1
  {
2
- "Box": {
3
- "name": "Box",
2
+ "Icon": {
3
+ "name": "Icon",
4
4
  "defaultProps": {
5
- "as": "div",
6
- "display": "flex"
5
+ "size": "md",
6
+ "variant": "outline",
7
+ "color": "primary"
8
+ },
9
+ "getStylesLiterals": {
10
+ "flex": "none"
11
+ },
12
+ "cxLiterals": [
13
+ "[&_path]:fill-current"
14
+ ],
15
+ "internalComponents": [],
16
+ "internalComponentProps": {},
17
+ "propToVariantKeys": {},
18
+ "runtimeConfigDefaultProps": {},
19
+ "runtimeConfigGetStyles": {},
20
+ "runtimeConfigInternalComponentProps": {},
21
+ "motionVarPrefixes": []
22
+ },
23
+ "Text": {
24
+ "name": "Text",
25
+ "defaultProps": {
26
+ "color": "primary",
27
+ "variant": "body1"
7
28
  },
8
29
  "getStylesLiterals": {},
9
30
  "cxLiterals": [],
@@ -12,11 +33,65 @@
12
33
  ],
13
34
  "internalComponentProps": {},
14
35
  "propToVariantKeys": {
15
- "elevationAlias": [
16
- "backgroundColor",
17
- "borderColor",
18
- "borderWidth",
19
- "dropShadow"
36
+ "variant": [
37
+ "fontFamily",
38
+ "fontSize",
39
+ "fontWeight",
40
+ "lineHeight",
41
+ "textTransform",
42
+ "letterSpacing"
43
+ ]
44
+ },
45
+ "runtimeConfigDefaultProps": {},
46
+ "runtimeConfigGetStyles": {},
47
+ "runtimeConfigInternalComponentProps": {},
48
+ "motionVarPrefixes": []
49
+ },
50
+ "Image": {
51
+ "name": "Image",
52
+ "defaultProps": {},
53
+ "getStylesLiterals": {},
54
+ "cxLiterals": [],
55
+ "internalComponents": [],
56
+ "internalComponentProps": {},
57
+ "propToVariantKeys": {},
58
+ "runtimeConfigDefaultProps": {},
59
+ "runtimeConfigGetStyles": {},
60
+ "runtimeConfigInternalComponentProps": {},
61
+ "motionVarPrefixes": []
62
+ },
63
+ "Scrim": {
64
+ "name": "Scrim",
65
+ "defaultProps": {
66
+ "variant": "default",
67
+ "position": "fixed"
68
+ },
69
+ "getStylesLiterals": {},
70
+ "cxLiterals": [
71
+ "fixed",
72
+ "absolute",
73
+ "inset-0",
74
+ "z-40",
75
+ "transition-opacity",
76
+ "duration-150",
77
+ "data-[enter]:opacity-100",
78
+ "[&:not([data-enter])]:opacity-0",
79
+ "opacity-100",
80
+ "uds-bgBlurFallback"
81
+ ],
82
+ "internalComponents": [
83
+ "Box"
84
+ ],
85
+ "internalComponentProps": {
86
+ "Box": {
87
+ "display": [
88
+ "block"
89
+ ]
90
+ }
91
+ },
92
+ "propToVariantKeys": {
93
+ "variant": [
94
+ "scrimVariantRoot"
20
95
  ]
21
96
  },
22
97
  "runtimeConfigDefaultProps": {},
@@ -57,8 +132,8 @@
57
132
  "runtimeConfigInternalComponentProps": {},
58
133
  "motionVarPrefixes": []
59
134
  },
60
- "HStack": {
61
- "name": "HStack",
135
+ "VStack": {
136
+ "name": "VStack",
62
137
  "defaultProps": {},
63
138
  "getStylesLiterals": {},
64
139
  "cxLiterals": [],
@@ -68,14 +143,14 @@
68
143
  "internalComponentProps": {
69
144
  "Box": {
70
145
  "flexDirection": [
71
- "row"
146
+ "column"
72
147
  ]
73
148
  }
74
149
  },
75
150
  "propToVariantKeys": {
76
151
  "gap": [
77
- "rowGap",
78
- "columnGap"
152
+ "columnGap",
153
+ "rowGap"
79
154
  ]
80
155
  },
81
156
  "runtimeConfigDefaultProps": {},
@@ -83,27 +158,6 @@
83
158
  "runtimeConfigInternalComponentProps": {},
84
159
  "motionVarPrefixes": []
85
160
  },
86
- "Icon": {
87
- "name": "Icon",
88
- "defaultProps": {
89
- "size": "md",
90
- "variant": "outline",
91
- "color": "primary"
92
- },
93
- "getStylesLiterals": {
94
- "flex": "none"
95
- },
96
- "cxLiterals": [
97
- "[&_path]:fill-current"
98
- ],
99
- "internalComponents": [],
100
- "internalComponentProps": {},
101
- "propToVariantKeys": {},
102
- "runtimeConfigDefaultProps": {},
103
- "runtimeConfigGetStyles": {},
104
- "runtimeConfigInternalComponentProps": {},
105
- "motionVarPrefixes": []
106
- },
107
161
  "IconSlot": {
108
162
  "name": "IconSlot",
109
163
  "defaultProps": {},
@@ -119,104 +173,24 @@
119
173
  "runtimeConfigInternalComponentProps": {},
120
174
  "motionVarPrefixes": []
121
175
  },
122
- "Image": {
123
- "name": "Image",
124
- "defaultProps": {},
125
- "getStylesLiterals": {},
126
- "cxLiterals": [],
127
- "internalComponents": [],
128
- "internalComponentProps": {},
129
- "propToVariantKeys": {},
130
- "runtimeConfigDefaultProps": {},
131
- "runtimeConfigGetStyles": {},
132
- "runtimeConfigInternalComponentProps": {},
133
- "motionVarPrefixes": []
134
- },
135
- "Link": {
136
- "name": "Link",
137
- "defaultProps": {
138
- "variant": "primary"
139
- },
140
- "getStylesLiterals": {
141
- "display": "inline-flex",
142
- "alignItems": "center"
143
- },
144
- "cxLiterals": [
145
- "uds-ring",
146
- "underline",
147
- "w-[0.7em]",
148
- "h-[0.7em]"
149
- ],
150
- "internalComponents": [
151
- "IconSlot"
152
- ],
153
- "internalComponentProps": {
154
- "IconSlot": {
155
- "data-testid": [
156
- "start-icon",
157
- "end-icon"
158
- ]
159
- }
160
- },
161
- "propToVariantKeys": {
162
- "textVariant": [
163
- "linkTextStyleRoot",
164
- "fontSize",
165
- "fontFamily",
166
- "fontWeight",
167
- "lineHeight",
168
- "textTransform",
169
- "linkTextStyleIcon"
170
- ],
171
- "variant": [
172
- "linkVariantRoot",
173
- "linkVariantIconStart",
174
- "linkVariantIconEnd"
175
- ],
176
- "startIcon": [
177
- "icon"
178
- ],
179
- "endIcon": [
180
- "icon"
181
- ]
182
- },
183
- "runtimeConfigDefaultProps": {},
184
- "runtimeConfigGetStyles": {},
185
- "runtimeConfigInternalComponentProps": {},
186
- "motionVarPrefixes": []
187
- },
188
- "Scrim": {
189
- "name": "Scrim",
176
+ "Box": {
177
+ "name": "Box",
190
178
  "defaultProps": {
191
- "variant": "default",
192
- "position": "fixed"
179
+ "as": "div",
180
+ "display": "flex"
193
181
  },
194
182
  "getStylesLiterals": {},
195
- "cxLiterals": [
196
- "fixed",
197
- "absolute",
198
- "inset-0",
199
- "z-40",
200
- "transition-opacity",
201
- "duration-150",
202
- "data-[enter]:opacity-100",
203
- "[&:not([data-enter])]:opacity-0",
204
- "opacity-100",
205
- "uds-bgBlurFallback"
206
- ],
183
+ "cxLiterals": [],
207
184
  "internalComponents": [
208
- "Box"
185
+ "Comp"
209
186
  ],
210
- "internalComponentProps": {
211
- "Box": {
212
- "display": [
213
- "block"
214
- ]
215
- }
216
- },
187
+ "internalComponentProps": {},
217
188
  "propToVariantKeys": {
218
- "variant": [
219
- "scrimVariantRoot"
189
+ "elevationAlias": [
190
+ "backgroundColor",
191
+ "borderColor",
192
+ "borderWidth",
193
+ "dropShadow"
220
194
  ]
221
195
  },
222
196
  "runtimeConfigDefaultProps": {},
@@ -279,52 +253,78 @@
279
253
  "runtimeConfigInternalComponentProps": {},
280
254
  "motionVarPrefixes": []
281
255
  },
282
- "Text": {
283
- "name": "Text",
284
- "defaultProps": {
285
- "color": "primary",
286
- "variant": "body1"
287
- },
256
+ "HStack": {
257
+ "name": "HStack",
258
+ "defaultProps": {},
288
259
  "getStylesLiterals": {},
289
260
  "cxLiterals": [],
290
261
  "internalComponents": [
291
- "Comp"
262
+ "Box"
292
263
  ],
293
- "internalComponentProps": {},
294
- "propToVariantKeys": {
295
- "variant": [
296
- "fontFamily",
297
- "fontSize",
298
- "fontWeight",
299
- "lineHeight",
300
- "textTransform",
301
- "letterSpacing"
302
- ]
264
+ "internalComponentProps": {
265
+ "Box": {
266
+ "flexDirection": [
267
+ "row"
268
+ ]
269
+ }
303
270
  },
304
- "runtimeConfigDefaultProps": {},
271
+ "propToVariantKeys": {
272
+ "gap": [
273
+ "rowGap",
274
+ "columnGap"
275
+ ]
276
+ },
277
+ "runtimeConfigDefaultProps": {},
305
278
  "runtimeConfigGetStyles": {},
306
279
  "runtimeConfigInternalComponentProps": {},
307
280
  "motionVarPrefixes": []
308
281
  },
309
- "VStack": {
310
- "name": "VStack",
311
- "defaultProps": {},
312
- "getStylesLiterals": {},
313
- "cxLiterals": [],
282
+ "Link": {
283
+ "name": "Link",
284
+ "defaultProps": {
285
+ "variant": "primary"
286
+ },
287
+ "getStylesLiterals": {
288
+ "display": "inline-flex",
289
+ "alignItems": "center"
290
+ },
291
+ "cxLiterals": [
292
+ "uds-ring",
293
+ "underline",
294
+ "w-[0.7em]",
295
+ "h-[0.7em]"
296
+ ],
314
297
  "internalComponents": [
315
- "Box"
298
+ "IconSlot"
316
299
  ],
317
300
  "internalComponentProps": {
318
- "Box": {
319
- "flexDirection": [
320
- "column"
301
+ "IconSlot": {
302
+ "data-testid": [
303
+ "start-icon",
304
+ "end-icon"
321
305
  ]
322
306
  }
323
307
  },
324
308
  "propToVariantKeys": {
325
- "gap": [
326
- "columnGap",
327
- "rowGap"
309
+ "textVariant": [
310
+ "linkTextStyleRoot",
311
+ "fontSize",
312
+ "fontFamily",
313
+ "fontWeight",
314
+ "lineHeight",
315
+ "textTransform",
316
+ "linkTextStyleIcon"
317
+ ],
318
+ "variant": [
319
+ "linkVariantRoot",
320
+ "linkVariantIconStart",
321
+ "linkVariantIconEnd"
322
+ ],
323
+ "startIcon": [
324
+ "icon"
325
+ ],
326
+ "endIcon": [
327
+ "icon"
328
328
  ]
329
329
  },
330
330
  "runtimeConfigDefaultProps": {},
@@ -332,6 +332,24 @@
332
332
  "runtimeConfigInternalComponentProps": {},
333
333
  "motionVarPrefixes": []
334
334
  },
335
+ "BannerDescription": {
336
+ "name": "BannerDescription",
337
+ "defaultProps": {},
338
+ "getStylesLiterals": {
339
+ "bannerSizeDescription": "default",
340
+ "className": "w-full line-clamp-3"
341
+ },
342
+ "cxLiterals": [],
343
+ "internalComponents": [
344
+ "Text"
345
+ ],
346
+ "internalComponentProps": {},
347
+ "propToVariantKeys": {},
348
+ "runtimeConfigDefaultProps": {},
349
+ "runtimeConfigGetStyles": {},
350
+ "runtimeConfigInternalComponentProps": {},
351
+ "motionVarPrefixes": []
352
+ },
335
353
  "Banner": {
336
354
  "name": "Banner",
337
355
  "defaultProps": {
@@ -448,24 +466,6 @@
448
466
  "runtimeConfigInternalComponentProps": {},
449
467
  "motionVarPrefixes": []
450
468
  },
451
- "BannerDescription": {
452
- "name": "BannerDescription",
453
- "defaultProps": {},
454
- "getStylesLiterals": {
455
- "bannerSizeDescription": "default",
456
- "className": "w-full line-clamp-3"
457
- },
458
- "cxLiterals": [],
459
- "internalComponents": [
460
- "Text"
461
- ],
462
- "internalComponentProps": {},
463
- "propToVariantKeys": {},
464
- "runtimeConfigDefaultProps": {},
465
- "runtimeConfigGetStyles": {},
466
- "runtimeConfigInternalComponentProps": {},
467
- "motionVarPrefixes": []
468
- },
469
469
  "BannerTitle": {
470
470
  "name": "BannerTitle",
471
471
  "defaultProps": {},
@@ -575,6 +575,19 @@
575
575
  "runtimeConfigInternalComponentProps": {},
576
576
  "motionVarPrefixes": []
577
577
  },
578
+ "Table.mocks": {
579
+ "name": "Table.mocks",
580
+ "defaultProps": {},
581
+ "getStylesLiterals": {},
582
+ "cxLiterals": [],
583
+ "internalComponents": [],
584
+ "internalComponentProps": {},
585
+ "propToVariantKeys": {},
586
+ "runtimeConfigDefaultProps": {},
587
+ "runtimeConfigGetStyles": {},
588
+ "runtimeConfigInternalComponentProps": {},
589
+ "motionVarPrefixes": []
590
+ },
578
591
  "Spinner": {
579
592
  "name": "Spinner",
580
593
  "defaultProps": {
@@ -609,19 +622,6 @@
609
622
  "runtimeConfigInternalComponentProps": {},
610
623
  "motionVarPrefixes": []
611
624
  },
612
- "Table.mocks": {
613
- "name": "Table.mocks",
614
- "defaultProps": {},
615
- "getStylesLiterals": {},
616
- "cxLiterals": [],
617
- "internalComponents": [],
618
- "internalComponentProps": {},
619
- "propToVariantKeys": {},
620
- "runtimeConfigDefaultProps": {},
621
- "runtimeConfigGetStyles": {},
622
- "runtimeConfigInternalComponentProps": {},
623
- "motionVarPrefixes": []
624
- },
625
625
  "Table": {
626
626
  "name": "Table",
627
627
  "defaultProps": {
@@ -661,6 +661,43 @@
661
661
  "runtimeConfigInternalComponentProps": {},
662
662
  "motionVarPrefixes": []
663
663
  },
664
+ "Pressable": {
665
+ "name": "Pressable",
666
+ "defaultProps": {},
667
+ "getStylesLiterals": {},
668
+ "cxLiterals": [],
669
+ "internalComponents": [
670
+ "Comp"
671
+ ],
672
+ "internalComponentProps": {},
673
+ "propToVariantKeys": {},
674
+ "runtimeConfigDefaultProps": {},
675
+ "runtimeConfigGetStyles": {},
676
+ "runtimeConfigInternalComponentProps": {},
677
+ "motionVarPrefixes": []
678
+ },
679
+ "SpringMotionConfig": {
680
+ "name": "SpringMotionConfig",
681
+ "defaultProps": {
682
+ "reducedMotion": "user"
683
+ },
684
+ "getStylesLiterals": {},
685
+ "cxLiterals": [],
686
+ "internalComponents": [
687
+ "LazyMotion",
688
+ "MotionConfig"
689
+ ],
690
+ "internalComponentProps": {},
691
+ "propToVariantKeys": {
692
+ "loadFeatures": [
693
+ "features"
694
+ ]
695
+ },
696
+ "runtimeConfigDefaultProps": {},
697
+ "runtimeConfigGetStyles": {},
698
+ "runtimeConfigInternalComponentProps": {},
699
+ "motionVarPrefixes": []
700
+ },
664
701
  "AnimateHeightChange": {
665
702
  "name": "AnimateHeightChange",
666
703
  "defaultProps": {},
@@ -691,65 +728,125 @@
691
728
  "--uds-motion-smooth-3-"
692
729
  ]
693
730
  },
694
- "Badge": {
695
- "name": "Badge",
731
+ "Switch": {
732
+ "name": "Switch",
696
733
  "defaultProps": {
697
- "variant": "primary",
734
+ "labelPosition": "start",
698
735
  "size": "md"
699
736
  },
700
- "getStylesLiterals": {},
737
+ "getStylesLiterals": {
738
+ "switchVariantRoot": "default",
739
+ "switchVariantActiveRoot": "on",
740
+ "switchVariantActiveRoot:1": "off",
741
+ "display": "flex",
742
+ "flexDirection": "row",
743
+ "flexDirection:1": "row-reverse",
744
+ "alignItems": "center",
745
+ "switchVariantSwitch": "default",
746
+ "switchVariantActiveSwitch": "on",
747
+ "switchVariantActiveSwitch:1": "off",
748
+ "borderRadius": "full",
749
+ "position": "relative",
750
+ "switchVariantActiveHandle": "on",
751
+ "switchVariantActiveHandle:1": "off",
752
+ "switchVariantHandle": "default",
753
+ "switchVariantHandleIcon": "default",
754
+ "switchVariantActiveHandleIcon": "on",
755
+ "switchVariantActiveHandleIcon:1": "off"
756
+ },
701
757
  "cxLiterals": [
702
- "flex-1",
703
- "truncate",
704
- "whitespace-nowrap",
705
- "text-center"
758
+ "group",
759
+ "cursor-pointer",
760
+ "cursor-default",
761
+ "opacity-50",
762
+ "uds-ring",
763
+ "uds-ring-within",
764
+ "transition-[background-color,box-shadow]",
765
+ "relative",
766
+ "pointer-events-none",
767
+ "uds-border-radius-full",
768
+ "overflow-hidden",
769
+ "absolute",
770
+ "top-0",
771
+ "left-0",
772
+ "right-0",
773
+ "bottom-0",
774
+ "opacity-95",
775
+ "group-hover:opacity-100",
776
+ "transition-[background-color,box-shadow,opacity]",
777
+ "opacity-0",
778
+ "top-1/2",
779
+ "left-1/2",
780
+ "transform",
781
+ "translate-x-[-50%]",
782
+ "translate-y-[-50%]",
783
+ "transition-opacity",
784
+ "cursor-[inherit]",
785
+ "w-[calc(100%+2px)]",
786
+ "h-[calc(100%+2px)]",
787
+ "text-start",
788
+ "text-end",
789
+ "opacity-100"
706
790
  ],
707
791
  "internalComponents": [
708
792
  "IconSlot",
709
- "HStack"
793
+ "Box",
794
+ "FormLabel",
795
+ "SpringMotionConfig",
796
+ "RootElement",
797
+ "MotionBox"
710
798
  ],
711
799
  "internalComponentProps": {
712
800
  "IconSlot": {
713
801
  "data-testid": [
714
- "start-icon",
715
- "end-icon"
802
+ "on-icon",
803
+ "off-icon"
716
804
  ]
717
805
  },
718
- "HStack": {
719
- "gap": [
720
- "2"
806
+ "FormLabel": {
807
+ "as": [
808
+ "div"
721
809
  ],
722
- "display": [
723
- "inline-flex"
810
+ "variant": [
811
+ "inherit"
724
812
  ],
725
- "alignItems": [
726
- "center"
813
+ "color": [
814
+ "inherit"
815
+ ]
816
+ },
817
+ "RootElement": {
818
+ "data-testid": [
819
+ "container"
727
820
  ]
728
821
  }
729
822
  },
730
823
  "propToVariantKeys": {
731
824
  "size": [
732
- "badgeSizeRoot",
733
- "badgeSizeIcon"
825
+ "switchSizeRoot",
826
+ "switchSizeSwitch",
827
+ "switchSizeHandle",
828
+ "switchSizeHandleIcon"
734
829
  ],
735
- "variant": [
736
- "badgeVariantRoot",
737
- "badgeVariantIcon"
738
- ],
739
- "startIcon": [
830
+ "onIcon": [
740
831
  "icon"
741
832
  ],
742
- "endIcon": [
833
+ "offIcon": [
743
834
  "icon"
835
+ ],
836
+ "reduceMotion": [
837
+ "reducedMotion"
744
838
  ]
745
839
  },
746
840
  "runtimeConfigDefaultProps": {},
747
841
  "runtimeConfigGetStyles": {},
748
842
  "runtimeConfigInternalComponentProps": {},
749
- "motionVarPrefixes": []
843
+ "motionVarPrefixes": [
844
+ "--uds-motion-bouncy-4-",
845
+ "--uds-motion-smooth-3-"
846
+ ]
750
847
  },
751
- "Button": {
752
- "name": "Button",
848
+ "IconButton": {
849
+ "name": "IconButton",
753
850
  "defaultProps": {
754
851
  "type": "button"
755
852
  },
@@ -761,27 +858,21 @@
761
858
  "overflow-hidden",
762
859
  "justify-center",
763
860
  "items-center",
764
- "whitespace-nowrap",
765
- "select-none",
766
861
  "[transform-origin:center]",
767
862
  "[backface-visibility:hidden]",
768
- "[transition-property:color,background-color,border-color,box-shadow,text-decoration-color,fill,stroke]",
863
+ "[transition-property:color,background-color,border-color,",
864
+ "box-shadow,text-decoration-color,fill,stroke]",
769
865
  "[transition-timing-function:cubic-bezier(0,0,0.2,1)]",
770
866
  "[transition-duration:220ms]",
771
867
  "cursor-not-allowed",
772
868
  "uds-button-loading",
773
869
  "uds-button-without-effects",
774
- "withIcon",
775
- "uds-button-with-gap",
776
- "animate-spin",
777
- "truncate"
870
+ "animate-spin"
778
871
  ],
779
872
  "internalComponents": [
780
873
  "Icon",
781
- "IconSlot",
782
- "AnimatePresence",
783
874
  "SpringMotionConfig",
784
- "MotionSlot"
875
+ "AnimatePresence"
785
876
  ],
786
877
  "internalComponentProps": {
787
878
  "Icon": {
@@ -789,29 +880,21 @@
789
880
  "current"
790
881
  ]
791
882
  },
792
- "AnimatePresence": {
793
- "mode": [
794
- "popLayout"
795
- ]
796
- },
797
883
  "SpringMotionConfig": {
798
884
  "layoutSpeed": [
799
885
  "3"
800
886
  ]
801
887
  },
802
- "MotionSlot": {
803
- "whileHover": [
804
- "hover"
805
- ],
806
- "whileTap": [
807
- "pressed"
888
+ "AnimatePresence": {
889
+ "mode": [
890
+ "popLayout"
808
891
  ]
809
892
  }
810
893
  },
811
894
  "propToVariantKeys": {
812
895
  "size": [
813
- "buttonSizeRoot",
814
- "buttonSizeIcon"
896
+ "iconbuttonSizeRoot",
897
+ "iconbuttonSizeIcon"
815
898
  ],
816
899
  "variant": [
817
900
  "buttonVariantRoot",
@@ -819,6 +902,60 @@
819
902
  ],
820
903
  "iconVariant": [
821
904
  "variant"
905
+ ]
906
+ },
907
+ "runtimeConfigDefaultProps": {},
908
+ "runtimeConfigGetStyles": {},
909
+ "runtimeConfigInternalComponentProps": {},
910
+ "motionVarPrefixes": [
911
+ "--uds-motion-subtle-3-",
912
+ "--uds-motion-smooth-3-"
913
+ ]
914
+ },
915
+ "Badge": {
916
+ "name": "Badge",
917
+ "defaultProps": {
918
+ "variant": "primary",
919
+ "size": "md"
920
+ },
921
+ "getStylesLiterals": {},
922
+ "cxLiterals": [
923
+ "flex-1",
924
+ "truncate",
925
+ "whitespace-nowrap",
926
+ "text-center"
927
+ ],
928
+ "internalComponents": [
929
+ "IconSlot",
930
+ "HStack"
931
+ ],
932
+ "internalComponentProps": {
933
+ "IconSlot": {
934
+ "data-testid": [
935
+ "start-icon",
936
+ "end-icon"
937
+ ]
938
+ },
939
+ "HStack": {
940
+ "gap": [
941
+ "2"
942
+ ],
943
+ "display": [
944
+ "inline-flex"
945
+ ],
946
+ "alignItems": [
947
+ "center"
948
+ ]
949
+ }
950
+ },
951
+ "propToVariantKeys": {
952
+ "size": [
953
+ "badgeSizeRoot",
954
+ "badgeSizeIcon"
955
+ ],
956
+ "variant": [
957
+ "badgeVariantRoot",
958
+ "badgeVariantIcon"
822
959
  ],
823
960
  "startIcon": [
824
961
  "icon"
@@ -830,10 +967,7 @@
830
967
  "runtimeConfigDefaultProps": {},
831
968
  "runtimeConfigGetStyles": {},
832
969
  "runtimeConfigInternalComponentProps": {},
833
- "motionVarPrefixes": [
834
- "--uds-motion-subtle-3-",
835
- "--uds-motion-smooth-3-"
836
- ]
970
+ "motionVarPrefixes": []
837
971
  },
838
972
  "Checkbox": {
839
973
  "name": "Checkbox",
@@ -941,8 +1075,8 @@
941
1075
  "--uds-motion-smooth-3-"
942
1076
  ]
943
1077
  },
944
- "IconButton": {
945
- "name": "IconButton",
1078
+ "Button": {
1079
+ "name": "Button",
946
1080
  "defaultProps": {
947
1081
  "type": "button"
948
1082
  },
@@ -954,21 +1088,27 @@
954
1088
  "overflow-hidden",
955
1089
  "justify-center",
956
1090
  "items-center",
1091
+ "whitespace-nowrap",
1092
+ "select-none",
957
1093
  "[transform-origin:center]",
958
1094
  "[backface-visibility:hidden]",
959
- "[transition-property:color,background-color,border-color,",
960
- "box-shadow,text-decoration-color,fill,stroke]",
1095
+ "[transition-property:color,background-color,border-color,box-shadow,text-decoration-color,fill,stroke]",
961
1096
  "[transition-timing-function:cubic-bezier(0,0,0.2,1)]",
962
1097
  "[transition-duration:220ms]",
963
1098
  "cursor-not-allowed",
964
1099
  "uds-button-loading",
965
1100
  "uds-button-without-effects",
966
- "animate-spin"
1101
+ "withIcon",
1102
+ "uds-button-with-gap",
1103
+ "animate-spin",
1104
+ "truncate"
967
1105
  ],
968
1106
  "internalComponents": [
969
1107
  "Icon",
1108
+ "IconSlot",
1109
+ "AnimatePresence",
970
1110
  "SpringMotionConfig",
971
- "AnimatePresence"
1111
+ "MotionSlot"
972
1112
  ],
973
1113
  "internalComponentProps": {
974
1114
  "Icon": {
@@ -976,21 +1116,29 @@
976
1116
  "current"
977
1117
  ]
978
1118
  },
1119
+ "AnimatePresence": {
1120
+ "mode": [
1121
+ "popLayout"
1122
+ ]
1123
+ },
979
1124
  "SpringMotionConfig": {
980
1125
  "layoutSpeed": [
981
1126
  "3"
982
1127
  ]
983
1128
  },
984
- "AnimatePresence": {
985
- "mode": [
986
- "popLayout"
1129
+ "MotionSlot": {
1130
+ "whileHover": [
1131
+ "hover"
1132
+ ],
1133
+ "whileTap": [
1134
+ "pressed"
987
1135
  ]
988
1136
  }
989
1137
  },
990
1138
  "propToVariantKeys": {
991
1139
  "size": [
992
- "iconbuttonSizeRoot",
993
- "iconbuttonSizeIcon"
1140
+ "buttonSizeRoot",
1141
+ "buttonSizeIcon"
994
1142
  ],
995
1143
  "variant": [
996
1144
  "buttonVariantRoot",
@@ -998,6 +1146,12 @@
998
1146
  ],
999
1147
  "iconVariant": [
1000
1148
  "variant"
1149
+ ],
1150
+ "startIcon": [
1151
+ "icon"
1152
+ ],
1153
+ "endIcon": [
1154
+ "icon"
1001
1155
  ]
1002
1156
  },
1003
1157
  "runtimeConfigDefaultProps": {},
@@ -1008,13 +1162,13 @@
1008
1162
  "--uds-motion-smooth-3-"
1009
1163
  ]
1010
1164
  },
1011
- "Pressable": {
1012
- "name": "Pressable",
1165
+ "UDSToastConfigProvider": {
1166
+ "name": "UDSToastConfigProvider",
1013
1167
  "defaultProps": {},
1014
1168
  "getStylesLiterals": {},
1015
1169
  "cxLiterals": [],
1016
1170
  "internalComponents": [
1017
- "Comp"
1171
+ "ToastContext.Provider"
1018
1172
  ],
1019
1173
  "internalComponentProps": {},
1020
1174
  "propToVariantKeys": {},
@@ -1023,144 +1177,189 @@
1023
1177
  "runtimeConfigInternalComponentProps": {},
1024
1178
  "motionVarPrefixes": []
1025
1179
  },
1026
- "SpringMotionConfig": {
1027
- "name": "SpringMotionConfig",
1028
- "defaultProps": {
1029
- "reducedMotion": "user"
1030
- },
1180
+ "ToastPortal": {
1181
+ "name": "ToastPortal",
1182
+ "defaultProps": {},
1031
1183
  "getStylesLiterals": {},
1032
1184
  "cxLiterals": [],
1033
1185
  "internalComponents": [
1034
- "LazyMotion",
1035
- "MotionConfig"
1186
+ "ReactToastifyToastContainer"
1036
1187
  ],
1037
1188
  "internalComponentProps": {},
1038
- "propToVariantKeys": {
1039
- "loadFeatures": [
1040
- "features"
1041
- ]
1189
+ "propToVariantKeys": {},
1190
+ "runtimeConfigDefaultProps": {
1191
+ "size": "toast.defaultSize",
1192
+ "variant": "toast.defaultVariant"
1042
1193
  },
1043
- "runtimeConfigDefaultProps": {},
1044
1194
  "runtimeConfigGetStyles": {},
1045
- "runtimeConfigInternalComponentProps": {},
1195
+ "runtimeConfigInternalComponentProps": {
1196
+ "ReactToastifyToastContainer": {
1197
+ "autoClose": [
1198
+ "toast.autoClose"
1199
+ ]
1200
+ }
1201
+ },
1046
1202
  "motionVarPrefixes": []
1047
1203
  },
1048
- "Switch": {
1049
- "name": "Switch",
1050
- "defaultProps": {
1051
- "labelPosition": "start",
1052
- "size": "md"
1053
- },
1204
+ "Toast": {
1205
+ "name": "Toast",
1206
+ "defaultProps": {},
1054
1207
  "getStylesLiterals": {
1055
- "switchVariantRoot": "default",
1056
- "switchVariantActiveRoot": "on",
1057
- "switchVariantActiveRoot:1": "off",
1058
- "display": "flex",
1059
- "flexDirection": "row",
1060
- "flexDirection:1": "row-reverse",
1061
- "alignItems": "center",
1062
- "switchVariantSwitch": "default",
1063
- "switchVariantActiveSwitch": "on",
1064
- "switchVariantActiveSwitch:1": "off",
1065
- "borderRadius": "full",
1066
- "position": "relative",
1067
- "switchVariantActiveHandle": "on",
1068
- "switchVariantActiveHandle:1": "off",
1069
- "switchVariantHandle": "default",
1070
- "switchVariantHandleIcon": "default",
1071
- "switchVariantActiveHandleIcon": "on",
1072
- "switchVariantActiveHandleIcon:1": "off"
1208
+ "className": "animate-spin",
1209
+ "className:1": "flex-none",
1210
+ "spacing": "2",
1211
+ "borderRadius": "full"
1073
1212
  },
1074
1213
  "cxLiterals": [
1075
- "group",
1076
- "cursor-pointer",
1077
- "cursor-default",
1078
- "opacity-50",
1079
- "uds-ring",
1080
- "uds-ring-within",
1081
- "transition-[background-color,box-shadow]",
1082
- "relative",
1083
- "pointer-events-none",
1084
- "uds-border-radius-full",
1085
- "overflow-hidden",
1086
- "absolute",
1087
- "top-0",
1088
- "left-0",
1089
- "right-0",
1090
- "bottom-0",
1091
- "opacity-95",
1092
- "group-hover:opacity-100",
1093
- "transition-[background-color,box-shadow,opacity]",
1094
- "opacity-0",
1095
- "top-1/2",
1096
- "left-1/2",
1097
- "transform",
1098
- "translate-x-[-50%]",
1099
- "translate-y-[-50%]",
1100
- "transition-opacity",
1101
- "cursor-[inherit]",
1102
- "w-[calc(100%+2px)]",
1103
- "h-[calc(100%+2px)]",
1104
- "text-start",
1105
- "text-end",
1106
- "opacity-100"
1214
+ "duration-0",
1215
+ "duration-120",
1216
+ "transition-[background-color]",
1217
+ "bg-carbon-15/0",
1218
+ "hover:bg-carbon-15/10",
1219
+ "active:bg-carbon-15/15",
1220
+ "uds-ring"
1107
1221
  ],
1108
1222
  "internalComponents": [
1109
1223
  "IconSlot",
1110
- "Box",
1111
- "FormLabel",
1112
- "SpringMotionConfig",
1113
- "RootElement",
1114
- "MotionBox"
1224
+ "ToastContainer",
1225
+ "Text",
1226
+ "Button",
1227
+ "Pressable"
1115
1228
  ],
1116
- "internalComponentProps": {
1117
- "IconSlot": {
1118
- "data-testid": [
1119
- "on-icon",
1120
- "off-icon"
1229
+ "internalComponentProps": {},
1230
+ "propToVariantKeys": {
1231
+ "size": [
1232
+ "toastSizeLabel",
1233
+ "toastSizeIcon",
1234
+ "toastSizeActionButton",
1235
+ "toastSizeCloseIcon"
1236
+ ],
1237
+ "variant": [
1238
+ "toastVariantIcon",
1239
+ "toastVariantActionButton",
1240
+ "toastVariantCloseIcon"
1241
+ ],
1242
+ "closeIcon": [
1243
+ "icon"
1244
+ ],
1245
+ "onClickActionButton": [
1246
+ "onClick"
1247
+ ]
1248
+ },
1249
+ "runtimeConfigDefaultProps": {
1250
+ "size": "toast.defaultSize",
1251
+ "variant": "toast.defaultVariant"
1252
+ },
1253
+ "runtimeConfigGetStyles": {
1254
+ "toastSizeLabel": [
1255
+ "toast.defaultSize"
1256
+ ],
1257
+ "toastVariantIcon": [
1258
+ "toast.defaultVariant"
1259
+ ],
1260
+ "toastSizeIcon": [
1261
+ "toast.defaultSize"
1262
+ ],
1263
+ "toastSizeActionButton": [
1264
+ "toast.defaultSize"
1265
+ ],
1266
+ "toastVariantActionButton": [
1267
+ "toast.defaultVariant"
1268
+ ],
1269
+ "toastVariantCloseIcon": [
1270
+ "toast.defaultVariant"
1271
+ ],
1272
+ "toastSizeCloseIcon": [
1273
+ "toast.defaultSize"
1274
+ ]
1275
+ },
1276
+ "runtimeConfigInternalComponentProps": {
1277
+ "ToastContainer": {
1278
+ "size": [
1279
+ "toast.defaultSize"
1280
+ ],
1281
+ "variant": [
1282
+ "toast.defaultVariant"
1121
1283
  ]
1122
1284
  },
1123
- "FormLabel": {
1124
- "as": [
1125
- "div"
1126
- ],
1285
+ "Text": {
1127
1286
  "variant": [
1128
- "inherit"
1287
+ "toast.textVariant.${size}"
1129
1288
  ],
1130
1289
  "color": [
1131
- "inherit"
1290
+ "toast.textColor.${variant}"
1132
1291
  ]
1133
1292
  },
1134
- "RootElement": {
1135
- "data-testid": [
1136
- "container"
1293
+ "Button": {
1294
+ "size": [
1295
+ "toast.buttonSize.${size}"
1296
+ ],
1297
+ "variant": [
1298
+ "toast.buttonVariant.${variant}"
1299
+ ]
1300
+ }
1301
+ },
1302
+ "motionVarPrefixes": []
1303
+ },
1304
+ "ToastContainer": {
1305
+ "name": "ToastContainer",
1306
+ "defaultProps": {},
1307
+ "getStylesLiterals": {
1308
+ "position": "relative",
1309
+ "alignItems": "center",
1310
+ "display": "flex",
1311
+ "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
1312
+ },
1313
+ "cxLiterals": [
1314
+ "w-full"
1315
+ ],
1316
+ "internalComponents": [
1317
+ "HStack"
1318
+ ],
1319
+ "internalComponentProps": {
1320
+ "HStack": {
1321
+ "alignItems": [
1322
+ "center"
1323
+ ],
1324
+ "justifyContent": [
1325
+ "space-between"
1326
+ ],
1327
+ "overflow": [
1328
+ "hidden"
1329
+ ],
1330
+ "position": [
1331
+ "relative"
1137
1332
  ]
1138
1333
  }
1139
1334
  },
1140
1335
  "propToVariantKeys": {
1141
- "size": [
1142
- "switchSizeRoot",
1143
- "switchSizeSwitch",
1144
- "switchSizeHandle",
1145
- "switchSizeHandleIcon"
1146
- ],
1147
- "onIcon": [
1148
- "icon"
1336
+ "variant": [
1337
+ "toastVariantRoot"
1149
1338
  ],
1150
- "offIcon": [
1151
- "icon"
1339
+ "size": [
1340
+ "toastSizeRoot"
1341
+ ]
1342
+ },
1343
+ "runtimeConfigDefaultProps": {
1344
+ "size": "toast.defaultSize",
1345
+ "variant": "toast.defaultVariant"
1346
+ },
1347
+ "runtimeConfigGetStyles": {
1348
+ "toastVariantRoot": [
1349
+ "toast.defaultVariant"
1152
1350
  ],
1153
- "reduceMotion": [
1154
- "reducedMotion"
1351
+ "toastSizeRoot": [
1352
+ "toast.defaultSize"
1155
1353
  ]
1156
1354
  },
1157
- "runtimeConfigDefaultProps": {},
1158
- "runtimeConfigGetStyles": {},
1159
- "runtimeConfigInternalComponentProps": {},
1160
- "motionVarPrefixes": [
1161
- "--uds-motion-bouncy-4-",
1162
- "--uds-motion-smooth-3-"
1163
- ]
1355
+ "runtimeConfigInternalComponentProps": {
1356
+ "HStack": {
1357
+ "backgroundColor": [
1358
+ "toast.backgroundColor.${variant}"
1359
+ ]
1360
+ }
1361
+ },
1362
+ "motionVarPrefixes": []
1164
1363
  },
1165
1364
  "Accordion": {
1166
1365
  "name": "Accordion",
@@ -1250,19 +1449,6 @@
1250
1449
  "--uds-motion-smooth-3-"
1251
1450
  ]
1252
1451
  },
1253
- "AvoidMotionLibraryProvider": {
1254
- "name": "AvoidMotionLibraryProvider",
1255
- "defaultProps": {},
1256
- "getStylesLiterals": {},
1257
- "cxLiterals": [],
1258
- "internalComponents": [],
1259
- "internalComponentProps": {},
1260
- "propToVariantKeys": {},
1261
- "runtimeConfigDefaultProps": {},
1262
- "runtimeConfigGetStyles": {},
1263
- "runtimeConfigInternalComponentProps": {},
1264
- "motionVarPrefixes": []
1265
- },
1266
1452
  "Modal": {
1267
1453
  "name": "Modal",
1268
1454
  "defaultProps": {},
@@ -1352,6 +1538,19 @@
1352
1538
  "runtimeConfigInternalComponentProps": {},
1353
1539
  "motionVarPrefixes": []
1354
1540
  },
1541
+ "AvoidMotionLibraryProvider": {
1542
+ "name": "AvoidMotionLibraryProvider",
1543
+ "defaultProps": {},
1544
+ "getStylesLiterals": {},
1545
+ "cxLiterals": [],
1546
+ "internalComponents": [],
1547
+ "internalComponentProps": {},
1548
+ "propToVariantKeys": {},
1549
+ "runtimeConfigDefaultProps": {},
1550
+ "runtimeConfigGetStyles": {},
1551
+ "runtimeConfigInternalComponentProps": {},
1552
+ "motionVarPrefixes": []
1553
+ },
1355
1554
  "SegmentedControl": {
1356
1555
  "name": "SegmentedControl",
1357
1556
  "defaultProps": {
@@ -1571,17 +1770,12 @@
1571
1770
  "--uds-motion-smooth-3-"
1572
1771
  ]
1573
1772
  },
1574
- "Chip": {
1575
- "name": "Chip",
1773
+ "BottomSheetInternalContext": {
1774
+ "name": "BottomSheetInternalContext",
1576
1775
  "defaultProps": {},
1577
1776
  "getStylesLiterals": {},
1578
1777
  "cxLiterals": [],
1579
- "internalComponents": [
1580
- "ChipDismissible",
1581
- "ChipToggle",
1582
- "ChipLink",
1583
- "ChipButton"
1584
- ],
1778
+ "internalComponents": [],
1585
1779
  "internalComponentProps": {},
1586
1780
  "propToVariantKeys": {},
1587
1781
  "runtimeConfigDefaultProps": {},
@@ -1589,84 +1783,78 @@
1589
1783
  "runtimeConfigInternalComponentProps": {},
1590
1784
  "motionVarPrefixes": []
1591
1785
  },
1592
- "ChipBase": {
1593
- "name": "ChipBase",
1594
- "defaultProps": {
1595
- "size": "md",
1596
- "as": "div"
1597
- },
1786
+ "BottomSheetContent": {
1787
+ "name": "BottomSheetContent",
1788
+ "defaultProps": {},
1598
1789
  "getStylesLiterals": {},
1599
1790
  "cxLiterals": [
1600
- "pointer-events-none",
1601
- "cursor-default",
1602
- "opacity-50",
1603
- "inline-flex",
1604
- "items-center",
1605
- "transition-[background-color,outline-color,box-shadow]",
1606
- "truncate",
1607
- "whitespace-nowrap",
1608
- "text-center",
1609
- "flex-1"
1791
+ "min-h-0",
1792
+ "touch-pan-y"
1610
1793
  ],
1611
1794
  "internalComponents": [
1612
- "IconSlot",
1613
- "HStack",
1614
- "As",
1615
- "Text"
1795
+ "Box",
1796
+ "VStack"
1616
1797
  ],
1617
1798
  "internalComponentProps": {
1618
- "Text": {
1619
- "as": [
1620
- "span"
1621
- ],
1622
- "color": [
1623
- "current"
1799
+ "Box": {
1800
+ "display": [
1801
+ "block"
1624
1802
  ],
1625
- "variant": [
1626
- "inherit"
1803
+ "flex": [
1804
+ "1"
1805
+ ]
1806
+ },
1807
+ "VStack": {
1808
+ "className": [
1809
+ "pb-[calc(env(safe-area-inset-bottom))]"
1627
1810
  ]
1628
1811
  }
1629
1812
  },
1630
- "propToVariantKeys": {
1631
- "size": [
1632
- "chipSizeRoot",
1633
- "chipSizeIcon"
1634
- ],
1635
- "startIcon": [
1636
- "icon"
1637
- ],
1638
- "endIcon": [
1639
- "icon"
1640
- ]
1641
- },
1813
+ "propToVariantKeys": {},
1642
1814
  "runtimeConfigDefaultProps": {},
1643
1815
  "runtimeConfigGetStyles": {},
1644
1816
  "runtimeConfigInternalComponentProps": {},
1645
1817
  "motionVarPrefixes": []
1646
1818
  },
1647
- "ChipButton": {
1648
- "name": "ChipButton",
1819
+ "BottomSheetHandle": {
1820
+ "name": "BottomSheetHandle",
1649
1821
  "defaultProps": {
1650
- "variant": "primary"
1822
+ "variant": "default"
1651
1823
  },
1652
1824
  "getStylesLiterals": {},
1653
1825
  "cxLiterals": [
1654
- "uds-ring"
1826
+ "relative",
1827
+ "h-5",
1828
+ "w-16",
1829
+ "outline-none",
1830
+ "focus-visible:outline-none",
1831
+ "[touch-action:pan-y]",
1832
+ "absolute",
1833
+ "left-1/2",
1834
+ "top-1/2",
1835
+ "-translate-x-1/2",
1836
+ "-translate-y-1/2",
1837
+ "h-1",
1838
+ "w-8",
1839
+ "rounded-full"
1655
1840
  ],
1656
1841
  "internalComponents": [
1657
- "ChipBase"
1842
+ "Box"
1658
1843
  ],
1659
1844
  "internalComponentProps": {
1660
- "ChipBase": {
1661
- "as": [
1662
- "button"
1845
+ "Box": {
1846
+ "display": [
1847
+ "block",
1848
+ "flex"
1849
+ ],
1850
+ "justifyContent": [
1851
+ "center"
1663
1852
  ]
1664
1853
  }
1665
1854
  },
1666
1855
  "propToVariantKeys": {
1667
1856
  "variant": [
1668
- "chipLinkVariantRoot",
1669
- "chipLinkVariantIcon"
1857
+ "bottomsheetVariantHandleIndicator"
1670
1858
  ]
1671
1859
  },
1672
1860
  "runtimeConfigDefaultProps": {},
@@ -1674,31 +1862,123 @@
1674
1862
  "runtimeConfigInternalComponentProps": {},
1675
1863
  "motionVarPrefixes": []
1676
1864
  },
1677
- "ChipDismissible": {
1678
- "name": "ChipDismissible",
1865
+ "BottomSheet": {
1866
+ "name": "BottomSheet",
1679
1867
  "defaultProps": {
1680
- "variant": "primary"
1868
+ "variant": "default"
1681
1869
  },
1682
1870
  "getStylesLiterals": {},
1683
1871
  "cxLiterals": [
1684
- "uds-chip-dismissible-button",
1685
- "uds-hit-target",
1686
- "uds-ring",
1687
- "rounded-full"
1872
+ "fixed",
1873
+ "overflow-hidden",
1874
+ "inset-x-0",
1875
+ "bottom-0",
1876
+ "z-50",
1877
+ "[will-change:transform]",
1878
+ "touch-none",
1879
+ "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
1880
+ "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
1881
+ "transition-transform",
1882
+ "duration-500",
1883
+ "ease-[cubic-bezier(0.32,0.72,0,1)]",
1884
+ "motion-reduce:transition-none",
1885
+ "top-[-4px]",
1886
+ "z-[1]",
1887
+ "touch-pan-y"
1688
1888
  ],
1689
1889
  "internalComponents": [
1690
- "ChipBase",
1691
- "IconSlot",
1692
- "Pressable"
1890
+ "Scrim",
1891
+ "BottomSheetHandle",
1892
+ "Dialog",
1893
+ "Box",
1894
+ "BottomSheetInternalContext.Provider"
1693
1895
  ],
1694
- "internalComponentProps": {},
1896
+ "internalComponentProps": {
1897
+ "BottomSheetHandle": {
1898
+ "ariaLabel": [
1899
+ "Resize sheet"
1900
+ ]
1901
+ },
1902
+ "Dialog": {
1903
+ "data-testid": [
1904
+ "bottom-sheet"
1905
+ ]
1906
+ },
1907
+ "Box": {
1908
+ "display": [
1909
+ "block",
1910
+ "flex"
1911
+ ],
1912
+ "position": [
1913
+ "absolute"
1914
+ ],
1915
+ "flexDirection": [
1916
+ "column"
1917
+ ],
1918
+ "className": [
1919
+ "absolute inset-0 min-h-0 p-[inherit]"
1920
+ ]
1921
+ }
1922
+ },
1695
1923
  "propToVariantKeys": {
1696
1924
  "variant": [
1697
- "chipDismissibleVariantRoot",
1698
- "chipDismissibleVariantIcon"
1699
- ],
1700
- "dismissButtonAriaLabel": [
1701
- "aria-label"
1925
+ "bottomsheetVariantRoot"
1926
+ ]
1927
+ },
1928
+ "runtimeConfigDefaultProps": {},
1929
+ "runtimeConfigGetStyles": {},
1930
+ "runtimeConfigInternalComponentProps": {},
1931
+ "motionVarPrefixes": []
1932
+ },
1933
+ "BottomSheetHeader": {
1934
+ "name": "BottomSheetHeader",
1935
+ "defaultProps": {
1936
+ "variant": "default"
1937
+ },
1938
+ "getStylesLiterals": {},
1939
+ "cxLiterals": [
1940
+ "grid-cols-[40px_1fr_40px]",
1941
+ "items-center",
1942
+ "w-full",
1943
+ "min-h-10",
1944
+ "mt-2"
1945
+ ],
1946
+ "internalComponents": [
1947
+ "Box",
1948
+ "Text"
1949
+ ],
1950
+ "internalComponentProps": {
1951
+ "Box": {
1952
+ "className": [
1953
+ "h-10 w-10 opacity-0 pointer-events-none"
1954
+ ],
1955
+ "display": [
1956
+ "grid",
1957
+ "flex"
1958
+ ],
1959
+ "justifyContent": [
1960
+ "flex-start",
1961
+ "flex-end"
1962
+ ]
1963
+ },
1964
+ "Text": {
1965
+ "variant": [
1966
+ "inherit"
1967
+ ],
1968
+ "color": [
1969
+ "inherit"
1970
+ ],
1971
+ "textAlign": [
1972
+ "center"
1973
+ ],
1974
+ "className": [
1975
+ "w-full"
1976
+ ]
1977
+ }
1978
+ },
1979
+ "propToVariantKeys": {
1980
+ "variant": [
1981
+ "bottomsheetVariantHeader"
1702
1982
  ]
1703
1983
  },
1704
1984
  "runtimeConfigDefaultProps": {},
@@ -1706,6 +1986,66 @@
1706
1986
  "runtimeConfigInternalComponentProps": {},
1707
1987
  "motionVarPrefixes": []
1708
1988
  },
1989
+ "BottomSheetTrigger": {
1990
+ "name": "BottomSheetTrigger",
1991
+ "defaultProps": {},
1992
+ "getStylesLiterals": {},
1993
+ "cxLiterals": [],
1994
+ "internalComponents": [
1995
+ "AriakitDialogDisclosure"
1996
+ ],
1997
+ "internalComponentProps": {},
1998
+ "propToVariantKeys": {},
1999
+ "runtimeConfigDefaultProps": {},
2000
+ "runtimeConfigGetStyles": {},
2001
+ "runtimeConfigInternalComponentProps": {},
2002
+ "motionVarPrefixes": []
2003
+ },
2004
+ "UDSBottomSheetConfigProvider": {
2005
+ "name": "UDSBottomSheetConfigProvider",
2006
+ "defaultProps": {},
2007
+ "getStylesLiterals": {},
2008
+ "cxLiterals": [],
2009
+ "internalComponents": [
2010
+ "BottomSheetContext.Provider"
2011
+ ],
2012
+ "internalComponentProps": {},
2013
+ "propToVariantKeys": {},
2014
+ "runtimeConfigDefaultProps": {},
2015
+ "runtimeConfigGetStyles": {},
2016
+ "runtimeConfigInternalComponentProps": {},
2017
+ "motionVarPrefixes": []
2018
+ },
2019
+ "BottomSheetDismiss": {
2020
+ "name": "BottomSheetDismiss",
2021
+ "defaultProps": {},
2022
+ "getStylesLiterals": {},
2023
+ "cxLiterals": [],
2024
+ "internalComponents": [
2025
+ "AriakitDialogDismiss"
2026
+ ],
2027
+ "internalComponentProps": {},
2028
+ "propToVariantKeys": {},
2029
+ "runtimeConfigDefaultProps": {},
2030
+ "runtimeConfigGetStyles": {},
2031
+ "runtimeConfigInternalComponentProps": {},
2032
+ "motionVarPrefixes": []
2033
+ },
2034
+ "BottomSheetProvider": {
2035
+ "name": "BottomSheetProvider",
2036
+ "defaultProps": {},
2037
+ "getStylesLiterals": {},
2038
+ "cxLiterals": [],
2039
+ "internalComponents": [
2040
+ "AriakitDialogProvider"
2041
+ ],
2042
+ "internalComponentProps": {},
2043
+ "propToVariantKeys": {},
2044
+ "runtimeConfigDefaultProps": {},
2045
+ "runtimeConfigGetStyles": {},
2046
+ "runtimeConfigInternalComponentProps": {},
2047
+ "motionVarPrefixes": []
2048
+ },
1709
2049
  "ChipLink": {
1710
2050
  "name": "ChipLink",
1711
2051
  "defaultProps": {
@@ -1736,6 +2076,38 @@
1736
2076
  "runtimeConfigInternalComponentProps": {},
1737
2077
  "motionVarPrefixes": []
1738
2078
  },
2079
+ "ChipDismissible": {
2080
+ "name": "ChipDismissible",
2081
+ "defaultProps": {
2082
+ "variant": "primary"
2083
+ },
2084
+ "getStylesLiterals": {},
2085
+ "cxLiterals": [
2086
+ "uds-chip-dismissible-button",
2087
+ "uds-hit-target",
2088
+ "uds-ring",
2089
+ "rounded-full"
2090
+ ],
2091
+ "internalComponents": [
2092
+ "ChipBase",
2093
+ "IconSlot",
2094
+ "Pressable"
2095
+ ],
2096
+ "internalComponentProps": {},
2097
+ "propToVariantKeys": {
2098
+ "variant": [
2099
+ "chipDismissibleVariantRoot",
2100
+ "chipDismissibleVariantIcon"
2101
+ ],
2102
+ "dismissButtonAriaLabel": [
2103
+ "aria-label"
2104
+ ]
2105
+ },
2106
+ "runtimeConfigDefaultProps": {},
2107
+ "runtimeConfigGetStyles": {},
2108
+ "runtimeConfigInternalComponentProps": {},
2109
+ "motionVarPrefixes": []
2110
+ },
1739
2111
  "ChipToggle": {
1740
2112
  "name": "ChipToggle",
1741
2113
  "defaultProps": {
@@ -1770,107 +2142,54 @@
1770
2142
  "runtimeConfigInternalComponentProps": {},
1771
2143
  "motionVarPrefixes": []
1772
2144
  },
1773
- "Input": {
1774
- "name": "Input",
2145
+ "ChipBase": {
2146
+ "name": "ChipBase",
1775
2147
  "defaultProps": {
1776
- "type": "text",
1777
2148
  "size": "md",
1778
- "width": "full"
1779
- },
1780
- "getStylesLiterals": {
1781
- "inputVariantRoot": "default",
1782
- "inputVariantValueRoot": "empty",
1783
- "inputVariantValueRoot:1": "filled",
1784
- "inputVariantInputWrapper": "default",
1785
- "inputVariantValueInputWrapper": "empty",
1786
- "inputVariantValueInputWrapper:1": "filled",
1787
- "inputVariantInput": "default",
1788
- "inputVariantValueInput": "empty",
1789
- "inputVariantValueInput:1": "filled",
1790
- "inputVariantInputPlaceholder": "default",
1791
- "inputVariantValueInputPlaceholder": "empty",
1792
- "inputVariantValueInputPlaceholder:1": "filled",
1793
- "inputVariantLabel": "default",
1794
- "inputVariantValueLabel": "empty",
1795
- "inputVariantValueLabel:1": "filled",
1796
- "inputVariantLabelRequired": "default",
1797
- "inputVariantValueLabelRequired": "empty",
1798
- "inputVariantValueLabelRequired:1": "filled",
1799
- "inputVariantStartIcon": "default",
1800
- "inputVariantValueStartIcon": "empty",
1801
- "inputVariantValueStartIcon:1": "filled",
1802
- "inputVariantEndIcon": "default",
1803
- "inputVariantValueEndIcon": "empty",
1804
- "inputVariantValueEndIcon:1": "filled"
2149
+ "as": "div"
1805
2150
  },
2151
+ "getStylesLiterals": {},
1806
2152
  "cxLiterals": [
2153
+ "pointer-events-none",
2154
+ "cursor-default",
1807
2155
  "opacity-50",
1808
- "min-w-[200px]",
1809
- "grow",
1810
- "uds-hit-target",
1811
- "bg-clip-text",
1812
- "focus:outline-none",
1813
- "cursor-text",
1814
- "cursor-not-allowed"
2156
+ "inline-flex",
2157
+ "items-center",
2158
+ "transition-[background-color,outline-color,box-shadow]",
2159
+ "truncate",
2160
+ "whitespace-nowrap",
2161
+ "text-center",
2162
+ "flex-1"
1815
2163
  ],
1816
2164
  "internalComponents": [
1817
2165
  "IconSlot",
1818
- "StartIcon",
1819
- "EndIcon",
1820
- "HelpTextContent",
1821
- "Box",
1822
- "InputHelpTextInternal",
1823
- "VStack",
1824
2166
  "HStack",
1825
- "AnimateHeightChange"
2167
+ "As",
2168
+ "Text"
1826
2169
  ],
1827
2170
  "internalComponentProps": {
1828
- "HelpTextContent": {
1829
- "spacingTop": [
1830
- "2"
1831
- ]
1832
- },
1833
- "Box": {
1834
- "spacingBottom": [
1835
- "2"
1836
- ],
1837
- "columnGap": [
1838
- "0.5"
1839
- ],
1840
- "alignItems": [
1841
- "flex-end",
1842
- "center"
2171
+ "Text": {
2172
+ "as": [
2173
+ "span"
1843
2174
  ],
1844
- "position": [
1845
- "relative"
1846
- ]
1847
- },
1848
- "HStack": {
1849
- "alignItems": [
1850
- "center"
2175
+ "color": [
2176
+ "current"
1851
2177
  ],
1852
- "gap": [
1853
- "1"
2178
+ "variant": [
2179
+ "inherit"
1854
2180
  ]
1855
2181
  }
1856
2182
  },
1857
2183
  "propToVariantKeys": {
1858
2184
  "size": [
1859
- "inputSizeRoot",
1860
- "inputSizeInputWrapper",
1861
- "inputSizeInput",
1862
- "inputSizeLabel",
1863
- "inputSizeStartIcon",
1864
- "inputSizeEndIcon"
2185
+ "chipSizeRoot",
2186
+ "chipSizeIcon"
1865
2187
  ],
1866
2188
  "startIcon": [
1867
2189
  "icon"
1868
2190
  ],
1869
2191
  "endIcon": [
1870
2192
  "icon"
1871
- ],
1872
- "helperTextIcon": [
1873
- "startIcon"
1874
2193
  ]
1875
2194
  },
1876
2195
  "runtimeConfigDefaultProps": {},
@@ -1878,31 +2197,47 @@
1878
2197
  "runtimeConfigInternalComponentProps": {},
1879
2198
  "motionVarPrefixes": []
1880
2199
  },
1881
- "InputHelpText": {
1882
- "name": "InputHelpText",
2200
+ "Chip": {
2201
+ "name": "Chip",
2202
+ "defaultProps": {},
2203
+ "getStylesLiterals": {},
2204
+ "cxLiterals": [],
2205
+ "internalComponents": [
2206
+ "ChipDismissible",
2207
+ "ChipToggle",
2208
+ "ChipLink",
2209
+ "ChipButton"
2210
+ ],
2211
+ "internalComponentProps": {},
2212
+ "propToVariantKeys": {},
2213
+ "runtimeConfigDefaultProps": {},
2214
+ "runtimeConfigGetStyles": {},
2215
+ "runtimeConfigInternalComponentProps": {},
2216
+ "motionVarPrefixes": []
2217
+ },
2218
+ "ChipButton": {
2219
+ "name": "ChipButton",
1883
2220
  "defaultProps": {
1884
- "size": "md"
1885
- },
1886
- "getStylesLiterals": {
1887
- "inputVariantRoot": "default",
1888
- "inputVariantValueRoot": "empty",
1889
- "inputVariantValueRoot:1": "filled"
2221
+ "variant": "primary"
1890
2222
  },
1891
- "cxLiterals": [],
2223
+ "getStylesLiterals": {},
2224
+ "cxLiterals": [
2225
+ "uds-ring"
2226
+ ],
1892
2227
  "internalComponents": [
1893
- "InputHelpTextInternal",
1894
- "Box"
2228
+ "ChipBase"
1895
2229
  ],
1896
2230
  "internalComponentProps": {
1897
- "Box": {
1898
- "spacingTop": [
1899
- "2"
2231
+ "ChipBase": {
2232
+ "as": [
2233
+ "button"
1900
2234
  ]
1901
2235
  }
1902
2236
  },
1903
2237
  "propToVariantKeys": {
1904
- "size": [
1905
- "inputSizeRoot"
2238
+ "variant": [
2239
+ "chipLinkVariantRoot",
2240
+ "chipLinkVariantIcon"
1906
2241
  ]
1907
2242
  },
1908
2243
  "runtimeConfigDefaultProps": {},
@@ -1910,82 +2245,69 @@
1910
2245
  "runtimeConfigInternalComponentProps": {},
1911
2246
  "motionVarPrefixes": []
1912
2247
  },
1913
- "InputHelpTextInternal": {
1914
- "name": "InputHelpTextInternal",
1915
- "defaultProps": {},
1916
- "getStylesLiterals": {
1917
- "inputVariantHelperText": "default",
1918
- "inputVariantValueHelperText": "empty",
1919
- "inputVariantValueHelperText:1": "filled",
1920
- "inputVariantHelperIcon": "default",
1921
- "inputVariantValueHelperIcon": "empty",
1922
- "inputVariantValueHelperIcon:1": "filled"
2248
+ "AvatarText": {
2249
+ "name": "AvatarText",
2250
+ "defaultProps": {
2251
+ "size": "md",
2252
+ "variant": "primary"
1923
2253
  },
1924
- "cxLiterals": [],
2254
+ "getStylesLiterals": {},
2255
+ "cxLiterals": [
2256
+ "overflow-hidden",
2257
+ "truncate",
2258
+ "w-full",
2259
+ "h-full",
2260
+ "shrink-0",
2261
+ "text-center",
2262
+ "inline-flex",
2263
+ "justify-center",
2264
+ "items-center"
2265
+ ],
1925
2266
  "internalComponents": [
1926
- "IconSlot",
1927
- "HStack"
2267
+ "Box",
2268
+ "Text"
1928
2269
  ],
1929
2270
  "internalComponentProps": {
1930
- "HStack": {
1931
- "gap": [
1932
- "1"
2271
+ "Text": {
2272
+ "color": [
2273
+ "inherit"
1933
2274
  ],
1934
- "alignItems": [
1935
- "center"
2275
+ "variant": [
2276
+ "inherit"
1936
2277
  ]
1937
2278
  }
1938
2279
  },
1939
- "propToVariantKeys": {
1940
- "size": [
1941
- "inputSizeHelperText",
1942
- "inputSizeHelperIcon"
1943
- ],
1944
- "startIcon": [
1945
- "icon"
1946
- ],
1947
- "endIcon": [
1948
- "icon"
1949
- ]
1950
- },
2280
+ "propToVariantKeys": {},
1951
2281
  "runtimeConfigDefaultProps": {},
1952
2282
  "runtimeConfigGetStyles": {},
1953
2283
  "runtimeConfigInternalComponentProps": {},
1954
2284
  "motionVarPrefixes": []
1955
2285
  },
1956
- "Menu.Content": {
1957
- "name": "Menu.Content",
2286
+ "AvatarIcon": {
2287
+ "name": "AvatarIcon",
1958
2288
  "defaultProps": {
1959
- "size": "default",
1960
- "variant": "default",
1961
- "gutter": "1"
2289
+ "size": "md",
2290
+ "variant": "primary"
1962
2291
  },
1963
2292
  "getStylesLiterals": {},
1964
2293
  "cxLiterals": [
1965
- "uds-menu-content",
1966
- "transition-shadow",
1967
- "duration-200",
1968
- "ease-in-out",
1969
- "min-w-60",
1970
- "max-w-lg",
1971
- "max-h-96",
1972
- "overflow-auto",
1973
- "uds-ring",
1974
- "z-10",
1975
- "group"
2294
+ "overflow-hidden",
2295
+ "w-full",
2296
+ "h-full",
2297
+ "shrink-0",
2298
+ "text-center",
2299
+ "inline-flex",
2300
+ "justify-center",
2301
+ "items-center"
1976
2302
  ],
1977
2303
  "internalComponents": [
1978
- "AriakitMenu",
1979
- "AnimatePresence",
1980
- "MotionVStack"
2304
+ "IconSlot",
2305
+ "Box"
1981
2306
  ],
1982
2307
  "internalComponentProps": {},
1983
2308
  "propToVariantKeys": {
1984
2309
  "size": [
1985
- "menucontentSizeRoot"
1986
- ],
1987
- "variant": [
1988
- "menucontentVariantRoot"
2310
+ "avatarSizeIcon"
1989
2311
  ]
1990
2312
  },
1991
2313
  "runtimeConfigDefaultProps": {},
@@ -1993,52 +2315,66 @@
1993
2315
  "runtimeConfigInternalComponentProps": {},
1994
2316
  "motionVarPrefixes": []
1995
2317
  },
1996
- "Menu.Divider": {
1997
- "name": "Menu.Divider",
1998
- "defaultProps": {
1999
- "role": "separator",
2000
- "contentPosition": "start",
2001
- "gap": "4"
2002
- },
2003
- "getStylesLiterals": {
2004
- "menuitemDividerVariantRoot": "default",
2005
- "menuitemDividerVariantText": "default",
2006
- "menuitemDividerVariantLine": "default"
2007
- },
2318
+ "Avatar": {
2319
+ "name": "Avatar",
2320
+ "defaultProps": {},
2321
+ "getStylesLiterals": {},
2008
2322
  "cxLiterals": [],
2009
2323
  "internalComponents": [
2010
- "DividerInternal"
2324
+ "AvatarImage"
2011
2325
  ],
2012
- "internalComponentProps": {
2013
- "DividerInternal": {
2014
- "variant": [
2015
- "inherit"
2016
- ]
2017
- }
2018
- },
2326
+ "internalComponentProps": {},
2019
2327
  "propToVariantKeys": {},
2020
2328
  "runtimeConfigDefaultProps": {},
2021
2329
  "runtimeConfigGetStyles": {},
2022
2330
  "runtimeConfigInternalComponentProps": {},
2023
2331
  "motionVarPrefixes": []
2024
2332
  },
2025
- "Menu.Item": {
2026
- "name": "Menu.Item",
2027
- "defaultProps": {},
2028
- "getStylesLiterals": {
2029
- "menuitemItemVariantRoot": "default",
2030
- "menuitemItemVariantActiveRoot": "on",
2031
- "menuitemItemVariantActiveRoot:1": "off",
2032
- "menuitemItemVariantText": "default",
2033
- "menuitemItemVariantActiveText": "on",
2034
- "menuitemItemVariantActiveText:1": "off",
2035
- "menuitemItemVariantIcon": "default",
2036
- "menuitemItemVariantActiveIcon": "on",
2037
- "menuitemItemVariantActiveIcon:1": "off"
2333
+ "AvatarImage": {
2334
+ "name": "AvatarImage",
2335
+ "defaultProps": {
2336
+ "size": "md",
2337
+ "variant": "primary"
2338
+ },
2339
+ "getStylesLiterals": {},
2340
+ "cxLiterals": [
2341
+ "overflow-hidden",
2342
+ "w-full",
2343
+ "h-full",
2344
+ "shrink-0",
2345
+ "text-center",
2346
+ "inline-flex",
2347
+ "justify-center",
2348
+ "items-center",
2349
+ "object-cover"
2350
+ ],
2351
+ "internalComponents": [
2352
+ "UDSImage",
2353
+ "AvatarText",
2354
+ "AvatarIcon",
2355
+ "Box"
2356
+ ],
2357
+ "internalComponentProps": {},
2358
+ "propToVariantKeys": {
2359
+ "alt": [
2360
+ "name"
2361
+ ],
2362
+ "fallback": [
2363
+ "initials"
2364
+ ]
2038
2365
  },
2366
+ "runtimeConfigDefaultProps": {},
2367
+ "runtimeConfigGetStyles": {},
2368
+ "runtimeConfigInternalComponentProps": {},
2369
+ "motionVarPrefixes": []
2370
+ },
2371
+ "TabPanel": {
2372
+ "name": "TabPanel",
2373
+ "defaultProps": {},
2374
+ "getStylesLiterals": {},
2039
2375
  "cxLiterals": [],
2040
2376
  "internalComponents": [
2041
- "MenuItemBase"
2377
+ "AriakitTabPanel"
2042
2378
  ],
2043
2379
  "internalComponentProps": {},
2044
2380
  "propToVariantKeys": {},
@@ -2047,71 +2383,152 @@
2047
2383
  "runtimeConfigInternalComponentProps": {},
2048
2384
  "motionVarPrefixes": []
2049
2385
  },
2050
- "Menu.ItemBase": {
2051
- "name": "Menu.ItemBase",
2386
+ "Tabs": {
2387
+ "name": "Tabs",
2052
2388
  "defaultProps": {
2053
- "spacing": "0",
2054
- "spacingHorizontal": "4",
2055
- "spacingVertical": "3.5",
2056
- "columnGap": "2",
2057
- "alignItems": "center",
2058
- "justifyContent": "space-between"
2389
+ "variant": "primary"
2390
+ },
2391
+ "getStylesLiterals": {},
2392
+ "cxLiterals": [],
2393
+ "internalComponents": [
2394
+ "TabsContext.Provider",
2395
+ "TabProvider"
2396
+ ],
2397
+ "internalComponentProps": {},
2398
+ "propToVariantKeys": {
2399
+ "onSelectionChange": [
2400
+ "setSelectedId"
2401
+ ]
2402
+ },
2403
+ "runtimeConfigDefaultProps": {},
2404
+ "runtimeConfigGetStyles": {},
2405
+ "runtimeConfigInternalComponentProps": {},
2406
+ "motionVarPrefixes": []
2407
+ },
2408
+ "TabList": {
2409
+ "name": "TabList",
2410
+ "defaultProps": {
2411
+ "variant": "primary"
2059
2412
  },
2060
2413
  "getStylesLiterals": {
2061
- "textAlign": "start",
2062
- "menuitemSizeRoot": "default",
2063
- "flexDirection": "row",
2064
- "menuitemSizeStartIcon": "default",
2065
- "menuitemSizeEndIcon": "default"
2414
+ "tabSizeRoot": "default",
2415
+ "tabVariantActiveRoot": "on"
2066
2416
  },
2067
2417
  "cxLiterals": [
2418
+ "pointer-events-none",
2419
+ "absolute",
2420
+ "bottom-0",
2421
+ "left-0",
2422
+ "right-0",
2423
+ "h-[var(--uds-tab-underline-width,0px)]",
2424
+ "bg-[var(--uds-tab-underline-color,transparent)]",
2425
+ "transition-[height,background-color]",
2426
+ "duration-[240ms]",
2427
+ "ease-[cubic-bezier(0.2,0,0,1)]",
2428
+ "!m-0",
2429
+ "!p-0",
2430
+ "!gap-0",
2431
+ "box-border",
2432
+ "z-0",
2433
+ "min-w-0",
2434
+ "min-h-0",
2068
2435
  "flex",
2069
- "focus-visible:text-brand",
2070
- "focus-visible:bg-brand-secondary",
2071
- "focus-visible:z-10",
2436
+ "flex-row",
2437
+ "items-center",
2438
+ "overflow-x-auto",
2439
+ "overflow-y-clip",
2440
+ "scrollbar-none",
2441
+ "[overflow-clip-margin:6px]",
2442
+ "overflow-clip",
2443
+ "[overflow-clip-margin:8px]",
2444
+ "relative"
2445
+ ],
2446
+ "internalComponents": [
2447
+ "AriakitTabList"
2448
+ ],
2449
+ "internalComponentProps": {},
2450
+ "propToVariantKeys": {
2451
+ "variant": [
2452
+ "tabsVariantRoot",
2453
+ "tabVariantRoot"
2454
+ ]
2455
+ },
2456
+ "runtimeConfigDefaultProps": {},
2457
+ "runtimeConfigGetStyles": {},
2458
+ "runtimeConfigInternalComponentProps": {},
2459
+ "motionVarPrefixes": []
2460
+ },
2461
+ "Tab": {
2462
+ "name": "Tab",
2463
+ "defaultProps": {
2464
+ "variant": "primary"
2465
+ },
2466
+ "getStylesLiterals": {
2467
+ "tabSizeRoot": "default",
2468
+ "tabVariantActiveRoot": "off",
2469
+ "tabVariantActiveRoot:1": "on",
2470
+ "tabSizeIcon": "default"
2471
+ },
2472
+ "cxLiterals": [
2473
+ "pointer-events-none",
2474
+ "absolute",
2475
+ "bottom-0",
2476
+ "left-0",
2477
+ "right-0",
2478
+ "h-[var(--uds-tab-underline-width,0px)]",
2479
+ "bg-[var(--uds-tab-underline-color,transparent)]",
2480
+ "transition-[height,background-color]",
2481
+ "duration-[240ms]",
2482
+ "ease-[cubic-bezier(0.2,0,0,1)]",
2483
+ "!bg-transparent",
2484
+ "!shadow-none",
2485
+ "inline-flex",
2486
+ "items-center",
2487
+ "shrink-0",
2488
+ "box-border",
2489
+ "relative",
2490
+ "z-[1]",
2491
+ "cursor-pointer",
2492
+ "select-none",
2493
+ "whitespace-nowrap",
2072
2494
  "uds-ring",
2073
- "!-outline-offset-2",
2074
- "[&:not([aria-checked])]:cursor-default",
2075
- "opacity-25",
2076
- "cursor-not-allowed",
2077
- "duration-20",
2078
- "transition-[font-variation-settings]",
2079
- "ease-in-out",
2080
- "z-0",
2081
- "uds-start-icon",
2082
- "uds-end-icon"
2495
+ "opacity-50",
2496
+ "cursor-default",
2497
+ "border-solid",
2498
+ "border-b-solid",
2499
+ "transition-colors"
2083
2500
  ],
2084
2501
  "internalComponents": [
2085
- "Pressable",
2086
2502
  "IconSlot",
2087
- "RootComponent",
2088
- "HStack",
2089
- "AnimatePresence"
2503
+ "AriakitTab",
2504
+ "Text"
2090
2505
  ],
2091
2506
  "internalComponentProps": {
2092
- "HStack": {
2093
- "alignItems": [
2094
- "center"
2507
+ "Text": {
2508
+ "variant": [
2509
+ "inherit"
2095
2510
  ],
2096
- "width": [
2097
- "full"
2098
- ]
2099
- },
2100
- "AnimatePresence": {
2101
- "mode": [
2102
- "popLayout"
2511
+ "as": [
2512
+ "span"
2513
+ ],
2514
+ "color": [
2515
+ "current"
2103
2516
  ]
2104
2517
  }
2105
2518
  },
2106
2519
  "propToVariantKeys": {
2520
+ "variant": [
2521
+ "tabVariantRoot",
2522
+ "tabVariantIcon"
2523
+ ],
2524
+ "activeState": [
2525
+ "tabVariantActiveIcon"
2526
+ ],
2107
2527
  "startIcon": [
2108
2528
  "icon"
2109
2529
  ],
2110
2530
  "endIcon": [
2111
2531
  "icon"
2112
- ],
2113
- "columnGap": [
2114
- "gap"
2115
2532
  ]
2116
2533
  },
2117
2534
  "runtimeConfigDefaultProps": {},
@@ -2119,28 +2536,13 @@
2119
2536
  "runtimeConfigInternalComponentProps": {},
2120
2537
  "motionVarPrefixes": []
2121
2538
  },
2122
- "Menu.ItemCheckbox": {
2123
- "name": "Menu.ItemCheckbox",
2539
+ "UDSPopoverConfigProvider": {
2540
+ "name": "UDSPopoverConfigProvider",
2124
2541
  "defaultProps": {},
2125
- "getStylesLiterals": {
2126
- "menuitemItemCheckboxVariantRoot": "default",
2127
- "menuitemItemCheckboxVariantActiveRoot": "on",
2128
- "menuitemItemCheckboxVariantActiveRoot:1": "off",
2129
- "menuitemItemCheckboxVariantText": "default",
2130
- "menuitemItemCheckboxVariantActiveText": "on",
2131
- "menuitemItemCheckboxVariantActiveText:1": "off",
2132
- "menuitemItemCheckboxVariantStartIcon": "default",
2133
- "menuitemItemCheckboxVariantActiveStartIcon": "on",
2134
- "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
2135
- "menuitemItemCheckboxVariantEndIcon": "default",
2136
- "menuitemItemCheckboxVariantActiveEndIcon": "on",
2137
- "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
2138
- },
2139
- "cxLiterals": [
2140
- "uds-menu-item-checkbox"
2141
- ],
2542
+ "getStylesLiterals": {},
2543
+ "cxLiterals": [],
2142
2544
  "internalComponents": [
2143
- "MenuItemBase"
2545
+ "PopoverContext.Provider"
2144
2546
  ],
2145
2547
  "internalComponentProps": {},
2146
2548
  "propToVariantKeys": {},
@@ -2149,64 +2551,52 @@
2149
2551
  "runtimeConfigInternalComponentProps": {},
2150
2552
  "motionVarPrefixes": []
2151
2553
  },
2152
- "Menu.Provider": {
2153
- "name": "Menu.Provider",
2554
+ "Popover": {
2555
+ "name": "Popover",
2154
2556
  "defaultProps": {},
2155
2557
  "getStylesLiterals": {},
2156
2558
  "cxLiterals": [],
2157
2559
  "internalComponents": [
2158
- "AriakitMenuProvider",
2159
- "SpringMotionConfig"
2560
+ "PopoverInternalContext.Provider",
2561
+ "PopoverProvider"
2160
2562
  ],
2161
2563
  "internalComponentProps": {},
2162
2564
  "propToVariantKeys": {},
2163
- "runtimeConfigDefaultProps": {},
2565
+ "runtimeConfigDefaultProps": {
2566
+ "size": "popover.defaultSize",
2567
+ "variant": "popover.defaultVariant"
2568
+ },
2164
2569
  "runtimeConfigGetStyles": {},
2165
2570
  "runtimeConfigInternalComponentProps": {},
2166
- "motionVarPrefixes": [
2167
- "--uds-motion-subtle-3-",
2168
- "--uds-motion-smooth-3-"
2169
- ]
2571
+ "motionVarPrefixes": []
2170
2572
  },
2171
- "Menu.Trigger": {
2172
- "name": "Menu.Trigger",
2573
+ "PopoverTrigger": {
2574
+ "name": "PopoverTrigger",
2173
2575
  "defaultProps": {},
2174
2576
  "getStylesLiterals": {},
2175
- "cxLiterals": [
2176
- "uds-menu-trigger"
2177
- ],
2577
+ "cxLiterals": [],
2178
2578
  "internalComponents": [
2179
- "AriakitMenuTrigger",
2180
- "Box"
2579
+ "PopoverDisclosure"
2181
2580
  ],
2182
2581
  "internalComponentProps": {
2183
- "Box": {
2582
+ "PopoverDisclosure": {
2184
2583
  "className": [
2185
- "uds-ring h-fit w-fit"
2584
+ "inline"
2186
2585
  ]
2187
2586
  }
2188
2587
  },
2189
- "propToVariantKeys": {},
2190
- "runtimeConfigDefaultProps": {},
2191
- "runtimeConfigGetStyles": {},
2192
- "runtimeConfigInternalComponentProps": {},
2193
- "motionVarPrefixes": []
2194
- },
2195
- "Menu.index": {
2196
- "name": "Menu.index",
2197
- "defaultProps": {},
2198
- "getStylesLiterals": {},
2199
- "cxLiterals": [],
2200
- "internalComponents": [],
2201
- "internalComponentProps": {},
2202
- "propToVariantKeys": {},
2588
+ "propToVariantKeys": {
2589
+ "children": [
2590
+ "render"
2591
+ ]
2592
+ },
2203
2593
  "runtimeConfigDefaultProps": {},
2204
2594
  "runtimeConfigGetStyles": {},
2205
2595
  "runtimeConfigInternalComponentProps": {},
2206
2596
  "motionVarPrefixes": []
2207
2597
  },
2208
- "Menu": {
2209
- "name": "Menu",
2598
+ "PopoverContext": {
2599
+ "name": "PopoverContext",
2210
2600
  "defaultProps": {},
2211
2601
  "getStylesLiterals": {},
2212
2602
  "cxLiterals": [],
@@ -2218,25 +2608,6 @@
2218
2608
  "runtimeConfigInternalComponentProps": {},
2219
2609
  "motionVarPrefixes": []
2220
2610
  },
2221
- "Popover": {
2222
- "name": "Popover",
2223
- "defaultProps": {},
2224
- "getStylesLiterals": {},
2225
- "cxLiterals": [],
2226
- "internalComponents": [
2227
- "PopoverInternalContext.Provider",
2228
- "PopoverProvider"
2229
- ],
2230
- "internalComponentProps": {},
2231
- "propToVariantKeys": {},
2232
- "runtimeConfigDefaultProps": {
2233
- "size": "popover.defaultSize",
2234
- "variant": "popover.defaultVariant"
2235
- },
2236
- "runtimeConfigGetStyles": {},
2237
- "runtimeConfigInternalComponentProps": {},
2238
- "motionVarPrefixes": []
2239
- },
2240
2611
  "PopoverContent": {
2241
2612
  "name": "PopoverContent",
2242
2613
  "defaultProps": {},
@@ -2326,37 +2697,139 @@
2326
2697
  },
2327
2698
  "motionVarPrefixes": []
2328
2699
  },
2329
- "PopoverContext": {
2330
- "name": "PopoverContext",
2331
- "defaultProps": {},
2332
- "getStylesLiterals": {},
2333
- "cxLiterals": [],
2334
- "internalComponents": [],
2335
- "internalComponentProps": {},
2336
- "propToVariantKeys": {},
2700
+ "Input": {
2701
+ "name": "Input",
2702
+ "defaultProps": {
2703
+ "type": "text",
2704
+ "size": "md",
2705
+ "width": "full"
2706
+ },
2707
+ "getStylesLiterals": {
2708
+ "inputVariantRoot": "default",
2709
+ "inputVariantValueRoot": "empty",
2710
+ "inputVariantValueRoot:1": "filled",
2711
+ "inputVariantInputWrapper": "default",
2712
+ "inputVariantValueInputWrapper": "empty",
2713
+ "inputVariantValueInputWrapper:1": "filled",
2714
+ "inputVariantInput": "default",
2715
+ "inputVariantValueInput": "empty",
2716
+ "inputVariantValueInput:1": "filled",
2717
+ "inputVariantInputPlaceholder": "default",
2718
+ "inputVariantValueInputPlaceholder": "empty",
2719
+ "inputVariantValueInputPlaceholder:1": "filled",
2720
+ "inputVariantLabel": "default",
2721
+ "inputVariantValueLabel": "empty",
2722
+ "inputVariantValueLabel:1": "filled",
2723
+ "inputVariantLabelRequired": "default",
2724
+ "inputVariantValueLabelRequired": "empty",
2725
+ "inputVariantValueLabelRequired:1": "filled",
2726
+ "inputVariantStartIcon": "default",
2727
+ "inputVariantValueStartIcon": "empty",
2728
+ "inputVariantValueStartIcon:1": "filled",
2729
+ "inputVariantEndIcon": "default",
2730
+ "inputVariantValueEndIcon": "empty",
2731
+ "inputVariantValueEndIcon:1": "filled"
2732
+ },
2733
+ "cxLiterals": [
2734
+ "opacity-50",
2735
+ "min-w-[200px]",
2736
+ "grow",
2737
+ "uds-hit-target",
2738
+ "bg-clip-text",
2739
+ "focus:outline-none",
2740
+ "cursor-text",
2741
+ "cursor-not-allowed"
2742
+ ],
2743
+ "internalComponents": [
2744
+ "IconSlot",
2745
+ "StartIcon",
2746
+ "EndIcon",
2747
+ "HelpTextContent",
2748
+ "Box",
2749
+ "InputHelpTextInternal",
2750
+ "VStack",
2751
+ "HStack",
2752
+ "AnimateHeightChange"
2753
+ ],
2754
+ "internalComponentProps": {
2755
+ "HelpTextContent": {
2756
+ "spacingTop": [
2757
+ "2"
2758
+ ]
2759
+ },
2760
+ "Box": {
2761
+ "spacingBottom": [
2762
+ "2"
2763
+ ],
2764
+ "columnGap": [
2765
+ "0.5"
2766
+ ],
2767
+ "alignItems": [
2768
+ "flex-end",
2769
+ "center"
2770
+ ],
2771
+ "position": [
2772
+ "relative"
2773
+ ]
2774
+ },
2775
+ "HStack": {
2776
+ "alignItems": [
2777
+ "center"
2778
+ ],
2779
+ "gap": [
2780
+ "1"
2781
+ ]
2782
+ }
2783
+ },
2784
+ "propToVariantKeys": {
2785
+ "size": [
2786
+ "inputSizeRoot",
2787
+ "inputSizeInputWrapper",
2788
+ "inputSizeInput",
2789
+ "inputSizeLabel",
2790
+ "inputSizeStartIcon",
2791
+ "inputSizeEndIcon"
2792
+ ],
2793
+ "startIcon": [
2794
+ "icon"
2795
+ ],
2796
+ "endIcon": [
2797
+ "icon"
2798
+ ],
2799
+ "helperTextIcon": [
2800
+ "startIcon"
2801
+ ]
2802
+ },
2337
2803
  "runtimeConfigDefaultProps": {},
2338
2804
  "runtimeConfigGetStyles": {},
2339
2805
  "runtimeConfigInternalComponentProps": {},
2340
2806
  "motionVarPrefixes": []
2341
2807
  },
2342
- "PopoverTrigger": {
2343
- "name": "PopoverTrigger",
2344
- "defaultProps": {},
2345
- "getStylesLiterals": {},
2808
+ "InputHelpText": {
2809
+ "name": "InputHelpText",
2810
+ "defaultProps": {
2811
+ "size": "md"
2812
+ },
2813
+ "getStylesLiterals": {
2814
+ "inputVariantRoot": "default",
2815
+ "inputVariantValueRoot": "empty",
2816
+ "inputVariantValueRoot:1": "filled"
2817
+ },
2346
2818
  "cxLiterals": [],
2347
2819
  "internalComponents": [
2348
- "PopoverDisclosure"
2820
+ "InputHelpTextInternal",
2821
+ "Box"
2349
2822
  ],
2350
2823
  "internalComponentProps": {
2351
- "PopoverDisclosure": {
2352
- "className": [
2353
- "inline"
2824
+ "Box": {
2825
+ "spacingTop": [
2826
+ "2"
2354
2827
  ]
2355
2828
  }
2356
2829
  },
2357
2830
  "propToVariantKeys": {
2358
- "children": [
2359
- "render"
2831
+ "size": [
2832
+ "inputSizeRoot"
2360
2833
  ]
2361
2834
  },
2362
2835
  "runtimeConfigDefaultProps": {},
@@ -2364,28 +2837,66 @@
2364
2837
  "runtimeConfigInternalComponentProps": {},
2365
2838
  "motionVarPrefixes": []
2366
2839
  },
2367
- "UDSPopoverConfigProvider": {
2368
- "name": "UDSPopoverConfigProvider",
2840
+ "InputHelpTextInternal": {
2841
+ "name": "InputHelpTextInternal",
2369
2842
  "defaultProps": {},
2370
- "getStylesLiterals": {},
2843
+ "getStylesLiterals": {
2844
+ "inputVariantHelperText": "default",
2845
+ "inputVariantValueHelperText": "empty",
2846
+ "inputVariantValueHelperText:1": "filled",
2847
+ "inputVariantHelperIcon": "default",
2848
+ "inputVariantValueHelperIcon": "empty",
2849
+ "inputVariantValueHelperIcon:1": "filled"
2850
+ },
2371
2851
  "cxLiterals": [],
2372
2852
  "internalComponents": [
2373
- "PopoverContext.Provider"
2853
+ "IconSlot",
2854
+ "HStack"
2374
2855
  ],
2375
- "internalComponentProps": {},
2376
- "propToVariantKeys": {},
2856
+ "internalComponentProps": {
2857
+ "HStack": {
2858
+ "gap": [
2859
+ "1"
2860
+ ],
2861
+ "alignItems": [
2862
+ "center"
2863
+ ]
2864
+ }
2865
+ },
2866
+ "propToVariantKeys": {
2867
+ "size": [
2868
+ "inputSizeHelperText",
2869
+ "inputSizeHelperIcon"
2870
+ ],
2871
+ "startIcon": [
2872
+ "icon"
2873
+ ],
2874
+ "endIcon": [
2875
+ "icon"
2876
+ ]
2877
+ },
2377
2878
  "runtimeConfigDefaultProps": {},
2378
2879
  "runtimeConfigGetStyles": {},
2379
2880
  "runtimeConfigInternalComponentProps": {},
2380
2881
  "motionVarPrefixes": []
2381
2882
  },
2382
- "Avatar": {
2383
- "name": "Avatar",
2384
- "defaultProps": {},
2385
- "getStylesLiterals": {},
2883
+ "Menu.Item": {
2884
+ "name": "Menu.Item",
2885
+ "defaultProps": {},
2886
+ "getStylesLiterals": {
2887
+ "menuitemItemVariantRoot": "default",
2888
+ "menuitemItemVariantActiveRoot": "on",
2889
+ "menuitemItemVariantActiveRoot:1": "off",
2890
+ "menuitemItemVariantText": "default",
2891
+ "menuitemItemVariantActiveText": "on",
2892
+ "menuitemItemVariantActiveText:1": "off",
2893
+ "menuitemItemVariantIcon": "default",
2894
+ "menuitemItemVariantActiveIcon": "on",
2895
+ "menuitemItemVariantActiveIcon:1": "off"
2896
+ },
2386
2897
  "cxLiterals": [],
2387
2898
  "internalComponents": [
2388
- "AvatarImage"
2899
+ "MenuItemBase"
2389
2900
  ],
2390
2901
  "internalComponentProps": {},
2391
2902
  "propToVariantKeys": {},
@@ -2394,69 +2905,65 @@
2394
2905
  "runtimeConfigInternalComponentProps": {},
2395
2906
  "motionVarPrefixes": []
2396
2907
  },
2397
- "AvatarIcon": {
2398
- "name": "AvatarIcon",
2399
- "defaultProps": {
2400
- "size": "md",
2401
- "variant": "primary"
2402
- },
2908
+ "Menu.index": {
2909
+ "name": "Menu.index",
2910
+ "defaultProps": {},
2403
2911
  "getStylesLiterals": {},
2404
- "cxLiterals": [
2405
- "overflow-hidden",
2406
- "w-full",
2407
- "h-full",
2408
- "shrink-0",
2409
- "text-center",
2410
- "inline-flex",
2411
- "justify-center",
2412
- "items-center"
2413
- ],
2414
- "internalComponents": [
2415
- "IconSlot",
2416
- "Box"
2417
- ],
2912
+ "cxLiterals": [],
2913
+ "internalComponents": [],
2418
2914
  "internalComponentProps": {},
2419
- "propToVariantKeys": {
2420
- "size": [
2421
- "avatarSizeIcon"
2422
- ]
2423
- },
2915
+ "propToVariantKeys": {},
2424
2916
  "runtimeConfigDefaultProps": {},
2425
2917
  "runtimeConfigGetStyles": {},
2426
2918
  "runtimeConfigInternalComponentProps": {},
2427
2919
  "motionVarPrefixes": []
2428
2920
  },
2429
- "AvatarImage": {
2430
- "name": "AvatarImage",
2921
+ "Menu": {
2922
+ "name": "Menu",
2923
+ "defaultProps": {},
2924
+ "getStylesLiterals": {},
2925
+ "cxLiterals": [],
2926
+ "internalComponents": [],
2927
+ "internalComponentProps": {},
2928
+ "propToVariantKeys": {},
2929
+ "runtimeConfigDefaultProps": {},
2930
+ "runtimeConfigGetStyles": {},
2931
+ "runtimeConfigInternalComponentProps": {},
2932
+ "motionVarPrefixes": []
2933
+ },
2934
+ "Menu.Content": {
2935
+ "name": "Menu.Content",
2431
2936
  "defaultProps": {
2432
- "size": "md",
2433
- "variant": "primary"
2937
+ "size": "default",
2938
+ "variant": "default",
2939
+ "gutter": "1"
2434
2940
  },
2435
2941
  "getStylesLiterals": {},
2436
2942
  "cxLiterals": [
2437
- "overflow-hidden",
2438
- "w-full",
2439
- "h-full",
2440
- "shrink-0",
2441
- "text-center",
2442
- "inline-flex",
2443
- "justify-center",
2444
- "items-center",
2445
- "object-cover"
2943
+ "uds-menu-content",
2944
+ "transition-shadow",
2945
+ "duration-200",
2946
+ "ease-in-out",
2947
+ "min-w-60",
2948
+ "max-w-lg",
2949
+ "max-h-96",
2950
+ "overflow-auto",
2951
+ "uds-ring",
2952
+ "z-10",
2953
+ "group"
2446
2954
  ],
2447
2955
  "internalComponents": [
2448
- "UDSImage",
2449
- "AvatarText",
2450
- "AvatarIcon",
2451
- "Box"
2956
+ "AriakitMenu",
2957
+ "AnimatePresence",
2958
+ "MotionVStack"
2452
2959
  ],
2453
2960
  "internalComponentProps": {},
2454
2961
  "propToVariantKeys": {
2455
- "alt": [
2456
- "name"
2962
+ "size": [
2963
+ "menucontentSizeRoot"
2457
2964
  ],
2458
- "fallback": [
2459
- "initials"
2965
+ "variant": [
2966
+ "menucontentVariantRoot"
2460
2967
  ]
2461
2968
  },
2462
2969
  "runtimeConfigDefaultProps": {},
@@ -2464,35 +2971,21 @@
2464
2971
  "runtimeConfigInternalComponentProps": {},
2465
2972
  "motionVarPrefixes": []
2466
2973
  },
2467
- "AvatarText": {
2468
- "name": "AvatarText",
2469
- "defaultProps": {
2470
- "size": "md",
2471
- "variant": "primary"
2472
- },
2974
+ "Menu.Trigger": {
2975
+ "name": "Menu.Trigger",
2976
+ "defaultProps": {},
2473
2977
  "getStylesLiterals": {},
2474
2978
  "cxLiterals": [
2475
- "overflow-hidden",
2476
- "truncate",
2477
- "w-full",
2478
- "h-full",
2479
- "shrink-0",
2480
- "text-center",
2481
- "inline-flex",
2482
- "justify-center",
2483
- "items-center"
2979
+ "uds-menu-trigger"
2484
2980
  ],
2485
2981
  "internalComponents": [
2486
- "Box",
2487
- "Text"
2982
+ "AriakitMenuTrigger",
2983
+ "Box"
2488
2984
  ],
2489
2985
  "internalComponentProps": {
2490
- "Text": {
2491
- "color": [
2492
- "inherit"
2493
- ],
2494
- "variant": [
2495
- "inherit"
2986
+ "Box": {
2987
+ "className": [
2988
+ "uds-ring h-fit w-fit"
2496
2989
  ]
2497
2990
  }
2498
2991
  },
@@ -2502,571 +2995,76 @@
2502
2995
  "runtimeConfigInternalComponentProps": {},
2503
2996
  "motionVarPrefixes": []
2504
2997
  },
2505
- "Radio": {
2506
- "name": "Radio",
2998
+ "Menu.Divider": {
2999
+ "name": "Menu.Divider",
2507
3000
  "defaultProps": {
2508
- "labelPosition": "start",
2509
- "variant": "primary",
2510
- "size": "md",
2511
- "value": ""
3001
+ "role": "separator",
3002
+ "contentPosition": "start",
3003
+ "gap": "4"
2512
3004
  },
2513
3005
  "getStylesLiterals": {
2514
- "radioVariantValueRoot": "checked",
2515
- "radioVariantValueRoot:1": "unchecked",
2516
- "display": "flex",
2517
- "flexDirection": "row",
2518
- "flexDirection:1": "row-reverse",
2519
- "alignItems": "center",
2520
- "radioVariantValueRadio": "checked",
2521
- "radioVariantValueRadio:1": "unchecked",
2522
- "radioVariantValueRadioCircle": "checked",
2523
- "radioVariantValueRadioCircle:1": "unchecked"
3006
+ "menuitemDividerVariantRoot": "default",
3007
+ "menuitemDividerVariantText": "default",
3008
+ "menuitemDividerVariantLine": "default"
2524
3009
  },
2525
- "cxLiterals": [
2526
- "cursor-pointer",
2527
- "cursor-default",
2528
- "opacity-50",
2529
- "border",
2530
- "uds-ring",
2531
- "uds-ring-within",
2532
- "transition-[background-color,border-color]",
2533
- "transition-shadow",
2534
- "pointer-events-none",
2535
- "w-[8px]",
2536
- "h-[8px]",
2537
- "transition-opacity",
2538
- "cursor-[inherit]",
2539
- "absolute",
2540
- "opacity-0",
2541
- "top-1/2",
2542
- "left-1/2",
2543
- "w-[calc(100%+2px)]",
2544
- "h-[calc(100%+2px)]",
2545
- "transform",
2546
- "translate-x-[-50%]",
2547
- "translate-y-[-50%]",
2548
- "text-start",
2549
- "text-end"
2550
- ],
3010
+ "cxLiterals": [],
2551
3011
  "internalComponents": [
2552
- "Box",
2553
- "FormLabel",
2554
- "SpringMotionConfig",
2555
- "RootElement",
2556
- "MotionBox"
3012
+ "DividerInternal"
2557
3013
  ],
2558
3014
  "internalComponentProps": {
2559
- "Box": {
2560
- "borderRadius": [
2561
- "full"
2562
- ]
2563
- },
2564
- "FormLabel": {
2565
- "as": [
2566
- "div"
2567
- ],
3015
+ "DividerInternal": {
2568
3016
  "variant": [
2569
3017
  "inherit"
2570
- ],
2571
- "color": [
2572
- "inherit"
2573
- ]
2574
- },
2575
- "RootElement": {
2576
- "data-testid": [
2577
- "container"
2578
- ]
2579
- },
2580
- "MotionBox": {
2581
- "position": [
2582
- "relative"
2583
- ],
2584
- "borderRadius": [
2585
- "full"
2586
- ],
2587
- "alignItems": [
2588
- "center"
2589
- ],
2590
- "justifyContent": [
2591
- "center"
2592
- ],
2593
- "flex": [
2594
- "none"
2595
3018
  ]
2596
3019
  }
2597
3020
  },
2598
- "propToVariantKeys": {
2599
- "size": [
2600
- "radioSizeRoot",
2601
- "radioSizeRadio"
2602
- ],
2603
- "variant": [
2604
- "radioVariantRoot",
2605
- "radioVariantRadio",
2606
- "radioVariantRadioCircle"
2607
- ],
2608
- "reduceMotion": [
2609
- "reducedMotion"
2610
- ]
2611
- },
3021
+ "propToVariantKeys": {},
2612
3022
  "runtimeConfigDefaultProps": {},
2613
3023
  "runtimeConfigGetStyles": {},
2614
3024
  "runtimeConfigInternalComponentProps": {},
2615
- "motionVarPrefixes": [
2616
- "--uds-motion-subtle-3-",
2617
- "--uds-motion-smooth-3-"
2618
- ]
3025
+ "motionVarPrefixes": []
2619
3026
  },
2620
- "RadioGroupProvider": {
2621
- "name": "RadioGroupProvider",
3027
+ "Menu.Provider": {
3028
+ "name": "Menu.Provider",
2622
3029
  "defaultProps": {},
2623
3030
  "getStylesLiterals": {},
2624
3031
  "cxLiterals": [],
2625
3032
  "internalComponents": [
2626
- "DivProps",
2627
- "Comp",
2628
- "RadioGroupContext.Provider"
2629
- ],
2630
- "internalComponentProps": {
2631
- "Comp": {
2632
- "role": [
2633
- "radiogroup"
2634
- ]
2635
- }
2636
- },
2637
- "propToVariantKeys": {},
2638
- "runtimeConfigDefaultProps": {},
2639
- "runtimeConfigGetStyles": {},
2640
- "runtimeConfigInternalComponentProps": {},
2641
- "motionVarPrefixes": []
2642
- },
2643
- "RadioGroupStore": {
2644
- "name": "RadioGroupStore",
2645
- "defaultProps": {},
2646
- "getStylesLiterals": {},
2647
- "cxLiterals": [],
2648
- "internalComponents": [],
2649
- "internalComponentProps": {},
2650
- "propToVariantKeys": {},
2651
- "runtimeConfigDefaultProps": {},
2652
- "runtimeConfigGetStyles": {},
2653
- "runtimeConfigInternalComponentProps": {},
2654
- "motionVarPrefixes": []
2655
- },
2656
- "BottomSheet": {
2657
- "name": "BottomSheet",
2658
- "defaultProps": {
2659
- "variant": "default"
2660
- },
2661
- "getStylesLiterals": {},
2662
- "cxLiterals": [
2663
- "fixed",
2664
- "overflow-hidden",
2665
- "inset-x-0",
2666
- "bottom-0",
2667
- "z-50",
2668
- "[will-change:transform]",
2669
- "touch-none",
2670
- "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
2671
- "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
2672
- "transition-transform",
2673
- "duration-500",
2674
- "ease-[cubic-bezier(0.32,0.72,0,1)]",
2675
- "motion-reduce:transition-none",
2676
- "top-[-4px]",
2677
- "z-[1]",
2678
- "touch-pan-y"
2679
- ],
2680
- "internalComponents": [
2681
- "Scrim",
2682
- "BottomSheetHandle",
2683
- "Dialog",
2684
- "Box",
2685
- "BottomSheetInternalContext.Provider"
2686
- ],
2687
- "internalComponentProps": {
2688
- "BottomSheetHandle": {
2689
- "ariaLabel": [
2690
- "Resize sheet"
2691
- ]
2692
- },
2693
- "Dialog": {
2694
- "data-testid": [
2695
- "bottom-sheet"
2696
- ]
2697
- },
2698
- "Box": {
2699
- "display": [
2700
- "block",
2701
- "flex"
2702
- ],
2703
- "position": [
2704
- "absolute"
2705
- ],
2706
- "flexDirection": [
2707
- "column"
2708
- ],
2709
- "className": [
2710
- "absolute inset-0 min-h-0 p-[inherit]"
2711
- ]
2712
- }
2713
- },
2714
- "propToVariantKeys": {
2715
- "variant": [
2716
- "bottomsheetVariantRoot"
2717
- ]
2718
- },
2719
- "runtimeConfigDefaultProps": {},
2720
- "runtimeConfigGetStyles": {},
2721
- "runtimeConfigInternalComponentProps": {},
2722
- "motionVarPrefixes": []
2723
- },
2724
- "BottomSheetContent": {
2725
- "name": "BottomSheetContent",
2726
- "defaultProps": {},
2727
- "getStylesLiterals": {},
2728
- "cxLiterals": [
2729
- "min-h-0",
2730
- "touch-pan-y"
2731
- ],
2732
- "internalComponents": [
2733
- "Box",
2734
- "VStack"
2735
- ],
2736
- "internalComponentProps": {
2737
- "Box": {
2738
- "display": [
2739
- "block"
2740
- ],
2741
- "flex": [
2742
- "1"
2743
- ]
2744
- },
2745
- "VStack": {
2746
- "className": [
2747
- "pb-[calc(env(safe-area-inset-bottom))]"
2748
- ]
2749
- }
2750
- },
2751
- "propToVariantKeys": {},
2752
- "runtimeConfigDefaultProps": {},
2753
- "runtimeConfigGetStyles": {},
2754
- "runtimeConfigInternalComponentProps": {},
2755
- "motionVarPrefixes": []
2756
- },
2757
- "BottomSheetDismiss": {
2758
- "name": "BottomSheetDismiss",
2759
- "defaultProps": {},
2760
- "getStylesLiterals": {},
2761
- "cxLiterals": [],
2762
- "internalComponents": [
2763
- "AriakitDialogDismiss"
2764
- ],
2765
- "internalComponentProps": {},
2766
- "propToVariantKeys": {},
2767
- "runtimeConfigDefaultProps": {},
2768
- "runtimeConfigGetStyles": {},
2769
- "runtimeConfigInternalComponentProps": {},
2770
- "motionVarPrefixes": []
2771
- },
2772
- "BottomSheetHandle": {
2773
- "name": "BottomSheetHandle",
2774
- "defaultProps": {
2775
- "variant": "default"
2776
- },
2777
- "getStylesLiterals": {},
2778
- "cxLiterals": [
2779
- "relative",
2780
- "h-5",
2781
- "w-16",
2782
- "outline-none",
2783
- "focus-visible:outline-none",
2784
- "[touch-action:pan-y]",
2785
- "absolute",
2786
- "left-1/2",
2787
- "top-1/2",
2788
- "-translate-x-1/2",
2789
- "-translate-y-1/2",
2790
- "h-1",
2791
- "w-8",
2792
- "rounded-full"
2793
- ],
2794
- "internalComponents": [
2795
- "Box"
2796
- ],
2797
- "internalComponentProps": {
2798
- "Box": {
2799
- "display": [
2800
- "block",
2801
- "flex"
2802
- ],
2803
- "justifyContent": [
2804
- "center"
2805
- ]
2806
- }
2807
- },
2808
- "propToVariantKeys": {
2809
- "variant": [
2810
- "bottomsheetVariantHandleIndicator"
2811
- ]
2812
- },
2813
- "runtimeConfigDefaultProps": {},
2814
- "runtimeConfigGetStyles": {},
2815
- "runtimeConfigInternalComponentProps": {},
2816
- "motionVarPrefixes": []
2817
- },
2818
- "BottomSheetHeader": {
2819
- "name": "BottomSheetHeader",
2820
- "defaultProps": {
2821
- "variant": "default"
2822
- },
2823
- "getStylesLiterals": {},
2824
- "cxLiterals": [
2825
- "grid-cols-[40px_1fr_40px]",
2826
- "items-center",
2827
- "w-full",
2828
- "min-h-10",
2829
- "mt-2"
2830
- ],
2831
- "internalComponents": [
2832
- "Box",
2833
- "Text"
2834
- ],
2835
- "internalComponentProps": {
2836
- "Box": {
2837
- "className": [
2838
- "h-10 w-10 opacity-0 pointer-events-none"
2839
- ],
2840
- "display": [
2841
- "grid",
2842
- "flex"
2843
- ],
2844
- "justifyContent": [
2845
- "flex-start",
2846
- "flex-end"
2847
- ]
2848
- },
2849
- "Text": {
2850
- "variant": [
2851
- "inherit"
2852
- ],
2853
- "color": [
2854
- "inherit"
2855
- ],
2856
- "textAlign": [
2857
- "center"
2858
- ],
2859
- "className": [
2860
- "w-full"
2861
- ]
2862
- }
2863
- },
2864
- "propToVariantKeys": {
2865
- "variant": [
2866
- "bottomsheetVariantHeader"
2867
- ]
2868
- },
2869
- "runtimeConfigDefaultProps": {},
2870
- "runtimeConfigGetStyles": {},
2871
- "runtimeConfigInternalComponentProps": {},
2872
- "motionVarPrefixes": []
2873
- },
2874
- "BottomSheetInternalContext": {
2875
- "name": "BottomSheetInternalContext",
2876
- "defaultProps": {},
2877
- "getStylesLiterals": {},
2878
- "cxLiterals": [],
2879
- "internalComponents": [],
2880
- "internalComponentProps": {},
2881
- "propToVariantKeys": {},
2882
- "runtimeConfigDefaultProps": {},
2883
- "runtimeConfigGetStyles": {},
2884
- "runtimeConfigInternalComponentProps": {},
2885
- "motionVarPrefixes": []
2886
- },
2887
- "BottomSheetProvider": {
2888
- "name": "BottomSheetProvider",
2889
- "defaultProps": {},
2890
- "getStylesLiterals": {},
2891
- "cxLiterals": [],
2892
- "internalComponents": [
2893
- "AriakitDialogProvider"
2894
- ],
2895
- "internalComponentProps": {},
2896
- "propToVariantKeys": {},
2897
- "runtimeConfigDefaultProps": {},
2898
- "runtimeConfigGetStyles": {},
2899
- "runtimeConfigInternalComponentProps": {},
2900
- "motionVarPrefixes": []
2901
- },
2902
- "BottomSheetTrigger": {
2903
- "name": "BottomSheetTrigger",
2904
- "defaultProps": {},
2905
- "getStylesLiterals": {},
2906
- "cxLiterals": [],
2907
- "internalComponents": [
2908
- "AriakitDialogDisclosure"
2909
- ],
2910
- "internalComponentProps": {},
2911
- "propToVariantKeys": {},
2912
- "runtimeConfigDefaultProps": {},
2913
- "runtimeConfigGetStyles": {},
2914
- "runtimeConfigInternalComponentProps": {},
2915
- "motionVarPrefixes": []
2916
- },
2917
- "UDSBottomSheetConfigProvider": {
2918
- "name": "UDSBottomSheetConfigProvider",
2919
- "defaultProps": {},
2920
- "getStylesLiterals": {},
2921
- "cxLiterals": [],
2922
- "internalComponents": [
2923
- "BottomSheetContext.Provider"
2924
- ],
2925
- "internalComponentProps": {},
2926
- "propToVariantKeys": {},
2927
- "runtimeConfigDefaultProps": {},
2928
- "runtimeConfigGetStyles": {},
2929
- "runtimeConfigInternalComponentProps": {},
2930
- "motionVarPrefixes": []
2931
- },
2932
- "Tab": {
2933
- "name": "Tab",
2934
- "defaultProps": {
2935
- "variant": "primary"
2936
- },
2937
- "getStylesLiterals": {
2938
- "tabSizeRoot": "default",
2939
- "tabVariantActiveRoot": "off",
2940
- "tabVariantActiveRoot:1": "on",
2941
- "tabSizeIcon": "default"
2942
- },
2943
- "cxLiterals": [
2944
- "pointer-events-none",
2945
- "absolute",
2946
- "bottom-0",
2947
- "left-0",
2948
- "right-0",
2949
- "h-[var(--uds-tab-underline-width,0px)]",
2950
- "bg-[var(--uds-tab-underline-color,transparent)]",
2951
- "transition-[height,background-color]",
2952
- "duration-[240ms]",
2953
- "ease-[cubic-bezier(0.2,0,0,1)]",
2954
- "!bg-transparent",
2955
- "!shadow-none",
2956
- "inline-flex",
2957
- "items-center",
2958
- "shrink-0",
2959
- "box-border",
2960
- "relative",
2961
- "z-[1]",
2962
- "cursor-pointer",
2963
- "select-none",
2964
- "whitespace-nowrap",
2965
- "uds-ring",
2966
- "opacity-50",
2967
- "cursor-default",
2968
- "border-solid",
2969
- "border-b-solid",
2970
- "transition-colors"
2971
- ],
2972
- "internalComponents": [
2973
- "IconSlot",
2974
- "AriakitTab",
2975
- "Text"
3033
+ "AriakitMenuProvider",
3034
+ "SpringMotionConfig"
2976
3035
  ],
2977
- "internalComponentProps": {
2978
- "Text": {
2979
- "variant": [
2980
- "inherit"
2981
- ],
2982
- "as": [
2983
- "span"
2984
- ],
2985
- "color": [
2986
- "current"
2987
- ]
2988
- }
2989
- },
2990
- "propToVariantKeys": {
2991
- "variant": [
2992
- "tabVariantRoot",
2993
- "tabVariantIcon"
2994
- ],
2995
- "activeState": [
2996
- "tabVariantActiveIcon"
2997
- ],
2998
- "startIcon": [
2999
- "icon"
3000
- ],
3001
- "endIcon": [
3002
- "icon"
3003
- ]
3004
- },
3036
+ "internalComponentProps": {},
3037
+ "propToVariantKeys": {},
3005
3038
  "runtimeConfigDefaultProps": {},
3006
3039
  "runtimeConfigGetStyles": {},
3007
3040
  "runtimeConfigInternalComponentProps": {},
3008
- "motionVarPrefixes": []
3041
+ "motionVarPrefixes": [
3042
+ "--uds-motion-subtle-3-",
3043
+ "--uds-motion-smooth-3-"
3044
+ ]
3009
3045
  },
3010
- "TabList": {
3011
- "name": "TabList",
3012
- "defaultProps": {
3013
- "variant": "primary"
3014
- },
3046
+ "Menu.ItemCheckbox": {
3047
+ "name": "Menu.ItemCheckbox",
3048
+ "defaultProps": {},
3015
3049
  "getStylesLiterals": {
3016
- "tabSizeRoot": "default",
3017
- "tabVariantActiveRoot": "on"
3050
+ "menuitemItemCheckboxVariantRoot": "default",
3051
+ "menuitemItemCheckboxVariantActiveRoot": "on",
3052
+ "menuitemItemCheckboxVariantActiveRoot:1": "off",
3053
+ "menuitemItemCheckboxVariantText": "default",
3054
+ "menuitemItemCheckboxVariantActiveText": "on",
3055
+ "menuitemItemCheckboxVariantActiveText:1": "off",
3056
+ "menuitemItemCheckboxVariantStartIcon": "default",
3057
+ "menuitemItemCheckboxVariantActiveStartIcon": "on",
3058
+ "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
3059
+ "menuitemItemCheckboxVariantEndIcon": "default",
3060
+ "menuitemItemCheckboxVariantActiveEndIcon": "on",
3061
+ "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
3018
3062
  },
3019
3063
  "cxLiterals": [
3020
- "pointer-events-none",
3021
- "absolute",
3022
- "bottom-0",
3023
- "left-0",
3024
- "right-0",
3025
- "h-[var(--uds-tab-underline-width,0px)]",
3026
- "bg-[var(--uds-tab-underline-color,transparent)]",
3027
- "transition-[height,background-color]",
3028
- "duration-[240ms]",
3029
- "ease-[cubic-bezier(0.2,0,0,1)]",
3030
- "!m-0",
3031
- "!p-0",
3032
- "!gap-0",
3033
- "box-border",
3034
- "z-0",
3035
- "min-w-0",
3036
- "min-h-0",
3037
- "flex",
3038
- "flex-row",
3039
- "items-center",
3040
- "overflow-x-auto",
3041
- "overflow-y-clip",
3042
- "scrollbar-none",
3043
- "[overflow-clip-margin:6px]",
3044
- "overflow-clip",
3045
- "[overflow-clip-margin:8px]",
3046
- "relative"
3047
- ],
3048
- "internalComponents": [
3049
- "AriakitTabList"
3064
+ "uds-menu-item-checkbox"
3050
3065
  ],
3051
- "internalComponentProps": {},
3052
- "propToVariantKeys": {
3053
- "variant": [
3054
- "tabsVariantRoot",
3055
- "tabVariantRoot"
3056
- ]
3057
- },
3058
- "runtimeConfigDefaultProps": {},
3059
- "runtimeConfigGetStyles": {},
3060
- "runtimeConfigInternalComponentProps": {},
3061
- "motionVarPrefixes": []
3062
- },
3063
- "TabPanel": {
3064
- "name": "TabPanel",
3065
- "defaultProps": {},
3066
- "getStylesLiterals": {},
3067
- "cxLiterals": [],
3068
3066
  "internalComponents": [
3069
- "AriakitTabPanel"
3067
+ "MenuItemBase"
3070
3068
  ],
3071
3069
  "internalComponentProps": {},
3072
3070
  "propToVariantKeys": {},
@@ -3075,219 +3073,104 @@
3075
3073
  "runtimeConfigInternalComponentProps": {},
3076
3074
  "motionVarPrefixes": []
3077
3075
  },
3078
- "Tabs": {
3079
- "name": "Tabs",
3076
+ "Menu.ItemBase": {
3077
+ "name": "Menu.ItemBase",
3080
3078
  "defaultProps": {
3081
- "variant": "primary"
3082
- },
3083
- "getStylesLiterals": {},
3084
- "cxLiterals": [],
3085
- "internalComponents": [
3086
- "TabsContext.Provider",
3087
- "TabProvider"
3088
- ],
3089
- "internalComponentProps": {},
3090
- "propToVariantKeys": {
3091
- "onSelectionChange": [
3092
- "setSelectedId"
3093
- ]
3094
- },
3095
- "runtimeConfigDefaultProps": {},
3096
- "runtimeConfigGetStyles": {},
3097
- "runtimeConfigInternalComponentProps": {},
3098
- "motionVarPrefixes": []
3099
- },
3100
- "Toast": {
3101
- "name": "Toast",
3102
- "defaultProps": {},
3103
- "getStylesLiterals": {
3104
- "className": "animate-spin",
3105
- "className:1": "flex-none",
3106
- "spacing": "2",
3107
- "borderRadius": "full"
3108
- },
3109
- "cxLiterals": [
3110
- "duration-0",
3111
- "duration-120",
3112
- "transition-[background-color]",
3113
- "bg-carbon-15/0",
3114
- "hover:bg-carbon-15/10",
3115
- "active:bg-carbon-15/15",
3116
- "uds-ring"
3117
- ],
3118
- "internalComponents": [
3119
- "IconSlot",
3120
- "ToastContainer",
3121
- "Text",
3122
- "Button",
3123
- "Pressable"
3124
- ],
3125
- "internalComponentProps": {},
3126
- "propToVariantKeys": {
3127
- "size": [
3128
- "toastSizeLabel",
3129
- "toastSizeIcon",
3130
- "toastSizeActionButton",
3131
- "toastSizeCloseIcon"
3132
- ],
3133
- "variant": [
3134
- "toastVariantIcon",
3135
- "toastVariantActionButton",
3136
- "toastVariantCloseIcon"
3137
- ],
3138
- "closeIcon": [
3139
- "icon"
3140
- ],
3141
- "onClickActionButton": [
3142
- "onClick"
3143
- ]
3144
- },
3145
- "runtimeConfigDefaultProps": {
3146
- "size": "toast.defaultSize",
3147
- "variant": "toast.defaultVariant"
3148
- },
3149
- "runtimeConfigGetStyles": {
3150
- "toastSizeLabel": [
3151
- "toast.defaultSize"
3152
- ],
3153
- "toastVariantIcon": [
3154
- "toast.defaultVariant"
3155
- ],
3156
- "toastSizeIcon": [
3157
- "toast.defaultSize"
3158
- ],
3159
- "toastSizeActionButton": [
3160
- "toast.defaultSize"
3161
- ],
3162
- "toastVariantActionButton": [
3163
- "toast.defaultVariant"
3164
- ],
3165
- "toastVariantCloseIcon": [
3166
- "toast.defaultVariant"
3167
- ],
3168
- "toastSizeCloseIcon": [
3169
- "toast.defaultSize"
3170
- ]
3171
- },
3172
- "runtimeConfigInternalComponentProps": {
3173
- "ToastContainer": {
3174
- "size": [
3175
- "toast.defaultSize"
3176
- ],
3177
- "variant": [
3178
- "toast.defaultVariant"
3179
- ]
3180
- },
3181
- "Text": {
3182
- "variant": [
3183
- "toast.textVariant.${size}"
3184
- ],
3185
- "color": [
3186
- "toast.textColor.${variant}"
3187
- ]
3188
- },
3189
- "Button": {
3190
- "size": [
3191
- "toast.buttonSize.${size}"
3192
- ],
3193
- "variant": [
3194
- "toast.buttonVariant.${variant}"
3195
- ]
3196
- }
3079
+ "spacing": "0",
3080
+ "spacingHorizontal": "4",
3081
+ "spacingVertical": "3.5",
3082
+ "columnGap": "2",
3083
+ "alignItems": "center",
3084
+ "justifyContent": "space-between"
3197
3085
  },
3198
- "motionVarPrefixes": []
3199
- },
3200
- "ToastContainer": {
3201
- "name": "ToastContainer",
3202
- "defaultProps": {},
3203
3086
  "getStylesLiterals": {
3204
- "position": "relative",
3205
- "alignItems": "center",
3206
- "display": "flex",
3207
- "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
3087
+ "textAlign": "start",
3088
+ "menuitemSizeRoot": "default",
3089
+ "flexDirection": "row",
3090
+ "menuitemSizeStartIcon": "default",
3091
+ "menuitemSizeEndIcon": "default"
3208
3092
  },
3209
3093
  "cxLiterals": [
3210
- "w-full"
3094
+ "flex",
3095
+ "focus-visible:text-brand",
3096
+ "focus-visible:bg-brand-secondary",
3097
+ "focus-visible:z-10",
3098
+ "uds-ring",
3099
+ "!-outline-offset-2",
3100
+ "[&:not([aria-checked])]:cursor-default",
3101
+ "opacity-25",
3102
+ "cursor-not-allowed",
3103
+ "duration-20",
3104
+ "transition-[font-variation-settings]",
3105
+ "ease-in-out",
3106
+ "z-0",
3107
+ "uds-start-icon",
3108
+ "uds-end-icon"
3211
3109
  ],
3212
3110
  "internalComponents": [
3213
- "HStack"
3111
+ "Pressable",
3112
+ "IconSlot",
3113
+ "RootComponent",
3114
+ "HStack",
3115
+ "AnimatePresence"
3214
3116
  ],
3215
3117
  "internalComponentProps": {
3216
3118
  "HStack": {
3217
3119
  "alignItems": [
3218
3120
  "center"
3219
3121
  ],
3220
- "justifyContent": [
3221
- "space-between"
3222
- ],
3223
- "overflow": [
3224
- "hidden"
3225
- ],
3226
- "position": [
3227
- "relative"
3122
+ "width": [
3123
+ "full"
3124
+ ]
3125
+ },
3126
+ "AnimatePresence": {
3127
+ "mode": [
3128
+ "popLayout"
3228
3129
  ]
3229
3130
  }
3230
3131
  },
3231
3132
  "propToVariantKeys": {
3232
- "variant": [
3233
- "toastVariantRoot"
3133
+ "startIcon": [
3134
+ "icon"
3234
3135
  ],
3235
- "size": [
3236
- "toastSizeRoot"
3237
- ]
3238
- },
3239
- "runtimeConfigDefaultProps": {
3240
- "size": "toast.defaultSize",
3241
- "variant": "toast.defaultVariant"
3242
- },
3243
- "runtimeConfigGetStyles": {
3244
- "toastVariantRoot": [
3245
- "toast.defaultVariant"
3136
+ "endIcon": [
3137
+ "icon"
3246
3138
  ],
3247
- "toastSizeRoot": [
3248
- "toast.defaultSize"
3139
+ "columnGap": [
3140
+ "gap"
3249
3141
  ]
3250
3142
  },
3251
- "runtimeConfigInternalComponentProps": {
3252
- "HStack": {
3253
- "backgroundColor": [
3254
- "toast.backgroundColor.${variant}"
3255
- ]
3256
- }
3257
- },
3143
+ "runtimeConfigDefaultProps": {},
3144
+ "runtimeConfigGetStyles": {},
3145
+ "runtimeConfigInternalComponentProps": {},
3258
3146
  "motionVarPrefixes": []
3259
3147
  },
3260
- "ToastPortal": {
3261
- "name": "ToastPortal",
3148
+ "UDSBreakpointsConfigProvider": {
3149
+ "name": "UDSBreakpointsConfigProvider",
3262
3150
  "defaultProps": {},
3263
3151
  "getStylesLiterals": {},
3264
3152
  "cxLiterals": [],
3265
3153
  "internalComponents": [
3266
- "ReactToastifyToastContainer"
3154
+ "UDSBreakpointsConfigContext.Provider"
3267
3155
  ],
3268
3156
  "internalComponentProps": {},
3269
3157
  "propToVariantKeys": {},
3270
- "runtimeConfigDefaultProps": {
3271
- "size": "toast.defaultSize",
3272
- "variant": "toast.defaultVariant"
3273
- },
3158
+ "runtimeConfigDefaultProps": {},
3274
3159
  "runtimeConfigGetStyles": {},
3275
- "runtimeConfigInternalComponentProps": {
3276
- "ReactToastifyToastContainer": {
3277
- "autoClose": [
3278
- "toast.autoClose"
3279
- ]
3280
- }
3281
- },
3160
+ "runtimeConfigInternalComponentProps": {},
3282
3161
  "motionVarPrefixes": []
3283
3162
  },
3284
- "UDSToastConfigProvider": {
3285
- "name": "UDSToastConfigProvider",
3163
+ "UDSConfigProvider": {
3164
+ "name": "UDSConfigProvider",
3286
3165
  "defaultProps": {},
3287
3166
  "getStylesLiterals": {},
3288
3167
  "cxLiterals": [],
3289
3168
  "internalComponents": [
3290
- "ToastContext.Provider"
3169
+ "UDSBreakpointsConfigProvider",
3170
+ "UDSBottomSheetConfigProvider",
3171
+ "UDSToastConfigProvider",
3172
+ "UDSTooltipConfigProvider",
3173
+ "UDSPopoverConfigProvider"
3291
3174
  ],
3292
3175
  "internalComponentProps": {},
3293
3176
  "propToVariantKeys": {},
@@ -3391,6 +3274,21 @@
3391
3274
  "runtimeConfigInternalComponentProps": {},
3392
3275
  "motionVarPrefixes": []
3393
3276
  },
3277
+ "UDSTooltipConfigProvider": {
3278
+ "name": "UDSTooltipConfigProvider",
3279
+ "defaultProps": {},
3280
+ "getStylesLiterals": {},
3281
+ "cxLiterals": [],
3282
+ "internalComponents": [
3283
+ "TooltipContext.Provider"
3284
+ ],
3285
+ "internalComponentProps": {},
3286
+ "propToVariantKeys": {},
3287
+ "runtimeConfigDefaultProps": {},
3288
+ "runtimeConfigGetStyles": {},
3289
+ "runtimeConfigInternalComponentProps": {},
3290
+ "motionVarPrefixes": []
3291
+ },
3394
3292
  "TooltipTrigger": {
3395
3293
  "name": "TooltipTrigger",
3396
3294
  "defaultProps": {},
@@ -3416,29 +3314,35 @@
3416
3314
  "runtimeConfigInternalComponentProps": {},
3417
3315
  "motionVarPrefixes": []
3418
3316
  },
3419
- "UDSTooltipConfigProvider": {
3420
- "name": "UDSTooltipConfigProvider",
3317
+ "RadioGroupProvider": {
3318
+ "name": "RadioGroupProvider",
3421
3319
  "defaultProps": {},
3422
3320
  "getStylesLiterals": {},
3423
3321
  "cxLiterals": [],
3424
3322
  "internalComponents": [
3425
- "TooltipContext.Provider"
3323
+ "DivProps",
3324
+ "Comp",
3325
+ "RadioGroupContext.Provider"
3426
3326
  ],
3427
- "internalComponentProps": {},
3327
+ "internalComponentProps": {
3328
+ "Comp": {
3329
+ "role": [
3330
+ "radiogroup"
3331
+ ]
3332
+ }
3333
+ },
3428
3334
  "propToVariantKeys": {},
3429
3335
  "runtimeConfigDefaultProps": {},
3430
3336
  "runtimeConfigGetStyles": {},
3431
3337
  "runtimeConfigInternalComponentProps": {},
3432
3338
  "motionVarPrefixes": []
3433
3339
  },
3434
- "UDSBreakpointsConfigProvider": {
3435
- "name": "UDSBreakpointsConfigProvider",
3340
+ "RadioGroupStore": {
3341
+ "name": "RadioGroupStore",
3436
3342
  "defaultProps": {},
3437
3343
  "getStylesLiterals": {},
3438
3344
  "cxLiterals": [],
3439
- "internalComponents": [
3440
- "UDSBreakpointsConfigContext.Provider"
3441
- ],
3345
+ "internalComponents": [],
3442
3346
  "internalComponentProps": {},
3443
3347
  "propToVariantKeys": {},
3444
3348
  "runtimeConfigDefaultProps": {},
@@ -3446,23 +3350,119 @@
3446
3350
  "runtimeConfigInternalComponentProps": {},
3447
3351
  "motionVarPrefixes": []
3448
3352
  },
3449
- "UDSConfigProvider": {
3450
- "name": "UDSConfigProvider",
3451
- "defaultProps": {},
3452
- "getStylesLiterals": {},
3453
- "cxLiterals": [],
3353
+ "Radio": {
3354
+ "name": "Radio",
3355
+ "defaultProps": {
3356
+ "labelPosition": "start",
3357
+ "variant": "primary",
3358
+ "size": "md",
3359
+ "value": ""
3360
+ },
3361
+ "getStylesLiterals": {
3362
+ "radioVariantValueRoot": "checked",
3363
+ "radioVariantValueRoot:1": "unchecked",
3364
+ "display": "flex",
3365
+ "flexDirection": "row",
3366
+ "flexDirection:1": "row-reverse",
3367
+ "alignItems": "center",
3368
+ "radioVariantValueRadio": "checked",
3369
+ "radioVariantValueRadio:1": "unchecked",
3370
+ "radioVariantValueRadioCircle": "checked",
3371
+ "radioVariantValueRadioCircle:1": "unchecked"
3372
+ },
3373
+ "cxLiterals": [
3374
+ "cursor-pointer",
3375
+ "cursor-default",
3376
+ "opacity-50",
3377
+ "border",
3378
+ "uds-ring",
3379
+ "uds-ring-within",
3380
+ "transition-[background-color,border-color]",
3381
+ "transition-shadow",
3382
+ "pointer-events-none",
3383
+ "w-[8px]",
3384
+ "h-[8px]",
3385
+ "transition-opacity",
3386
+ "cursor-[inherit]",
3387
+ "absolute",
3388
+ "opacity-0",
3389
+ "top-1/2",
3390
+ "left-1/2",
3391
+ "w-[calc(100%+2px)]",
3392
+ "h-[calc(100%+2px)]",
3393
+ "transform",
3394
+ "translate-x-[-50%]",
3395
+ "translate-y-[-50%]",
3396
+ "text-start",
3397
+ "text-end"
3398
+ ],
3454
3399
  "internalComponents": [
3455
- "UDSBreakpointsConfigProvider",
3456
- "UDSBottomSheetConfigProvider",
3457
- "UDSToastConfigProvider",
3458
- "UDSTooltipConfigProvider",
3459
- "UDSPopoverConfigProvider"
3400
+ "Box",
3401
+ "FormLabel",
3402
+ "SpringMotionConfig",
3403
+ "RootElement",
3404
+ "MotionBox"
3460
3405
  ],
3461
- "internalComponentProps": {},
3462
- "propToVariantKeys": {},
3406
+ "internalComponentProps": {
3407
+ "Box": {
3408
+ "borderRadius": [
3409
+ "full"
3410
+ ]
3411
+ },
3412
+ "FormLabel": {
3413
+ "as": [
3414
+ "div"
3415
+ ],
3416
+ "variant": [
3417
+ "inherit"
3418
+ ],
3419
+ "color": [
3420
+ "inherit"
3421
+ ]
3422
+ },
3423
+ "RootElement": {
3424
+ "data-testid": [
3425
+ "container"
3426
+ ]
3427
+ },
3428
+ "MotionBox": {
3429
+ "position": [
3430
+ "relative"
3431
+ ],
3432
+ "borderRadius": [
3433
+ "full"
3434
+ ],
3435
+ "alignItems": [
3436
+ "center"
3437
+ ],
3438
+ "justifyContent": [
3439
+ "center"
3440
+ ],
3441
+ "flex": [
3442
+ "none"
3443
+ ]
3444
+ }
3445
+ },
3446
+ "propToVariantKeys": {
3447
+ "size": [
3448
+ "radioSizeRoot",
3449
+ "radioSizeRadio"
3450
+ ],
3451
+ "variant": [
3452
+ "radioVariantRoot",
3453
+ "radioVariantRadio",
3454
+ "radioVariantRadioCircle"
3455
+ ],
3456
+ "reduceMotion": [
3457
+ "reducedMotion"
3458
+ ]
3459
+ },
3463
3460
  "runtimeConfigDefaultProps": {},
3464
3461
  "runtimeConfigGetStyles": {},
3465
3462
  "runtimeConfigInternalComponentProps": {},
3466
- "motionVarPrefixes": []
3463
+ "motionVarPrefixes": [
3464
+ "--uds-motion-subtle-3-",
3465
+ "--uds-motion-smooth-3-"
3466
+ ]
3467
3467
  }
3468
3468
  }