@yahoo/uds 3.128.1 → 3.129.0-beta.2

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