@yahoo/uds 3.131.0-beta.1 → 3.131.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (216) hide show
  1. package/dist/automated-config/dist/properties.d.cts +1 -1
  2. package/dist/automated-config/dist/properties.d.ts +1 -1
  3. package/dist/automated-config/dist/utils/buildConfigSchema.d.cts +1 -1
  4. package/dist/automated-config/dist/utils/buildConfigSchema.d.ts +1 -1
  5. package/dist/components/Banner/Banner.d.cts +1 -1
  6. package/dist/components/Banner/Banner.d.ts +1 -1
  7. package/dist/components/Banner/utils.d.cts +1 -1
  8. package/dist/components/Banner/utils.d.ts +1 -1
  9. package/dist/components/Box.d.cts +1 -1
  10. package/dist/components/Box.d.ts +1 -1
  11. package/dist/components/Divider/DividerCore.d.cts +1 -1
  12. package/dist/components/Divider/DividerCore.d.ts +1 -1
  13. package/dist/components/Divider/DividerInternal.d.cts +1 -1
  14. package/dist/components/Divider/DividerInternal.d.ts +1 -1
  15. package/dist/components/FormLabel.d.cts +1 -1
  16. package/dist/components/FormLabel.d.ts +1 -1
  17. package/dist/components/HStack.d.cts +1 -1
  18. package/dist/components/HStack.d.ts +1 -1
  19. package/dist/components/Icon.cjs +6 -15
  20. package/dist/components/Icon.d.cts +1 -0
  21. package/dist/components/Icon.d.ts +1 -0
  22. package/dist/components/Icon.js +7 -16
  23. package/dist/components/IconSlot.cjs +6 -25
  24. package/dist/components/IconSlot.d.cts +2 -3
  25. package/dist/components/IconSlot.d.ts +2 -3
  26. package/dist/components/IconSlot.js +5 -25
  27. package/dist/components/Image.d.cts +1 -1
  28. package/dist/components/Image.d.ts +1 -1
  29. package/dist/components/Link.d.cts +1 -1
  30. package/dist/components/Link.d.ts +1 -1
  31. package/dist/components/Text.d.cts +1 -1
  32. package/dist/components/Text.d.ts +1 -1
  33. package/dist/components/VStack.d.cts +1 -1
  34. package/dist/components/VStack.d.ts +1 -1
  35. package/dist/components/client/Avatar/AvatarIcon.d.cts +1 -1
  36. package/dist/components/client/Avatar/AvatarIcon.d.ts +1 -1
  37. package/dist/components/client/Avatar/AvatarImage.d.cts +1 -1
  38. package/dist/components/client/Avatar/AvatarImage.d.ts +1 -1
  39. package/dist/components/client/Avatar/AvatarText.d.cts +1 -1
  40. package/dist/components/client/Avatar/AvatarText.d.ts +1 -1
  41. package/dist/components/client/Avatar/utils.d.cts +1 -1
  42. package/dist/components/client/Avatar/utils.d.ts +1 -1
  43. package/dist/components/client/Badge.d.cts +1 -1
  44. package/dist/components/client/Badge.d.ts +1 -1
  45. package/dist/components/client/BottomSheet/BottomSheet.d.cts +1 -1
  46. package/dist/components/client/BottomSheet/BottomSheet.d.ts +1 -1
  47. package/dist/components/client/BottomSheet/BottomSheetContent.d.cts +1 -1
  48. package/dist/components/client/BottomSheet/BottomSheetContent.d.ts +1 -1
  49. package/dist/components/client/BottomSheet/BottomSheetHandle.d.cts +1 -1
  50. package/dist/components/client/BottomSheet/BottomSheetHandle.d.ts +1 -1
  51. package/dist/components/client/BottomSheet/BottomSheetHeader.d.cts +1 -1
  52. package/dist/components/client/BottomSheet/BottomSheetHeader.d.ts +1 -1
  53. package/dist/components/client/BottomSheet/useBottomSheetSnapModel.d.cts +1 -1
  54. package/dist/components/client/BottomSheet/useBottomSheetSnapModel.d.ts +1 -1
  55. package/dist/components/client/BottomSheet/utils.d.cts +1 -1
  56. package/dist/components/client/BottomSheet/utils.d.ts +1 -1
  57. package/dist/components/client/Button.d.cts +1 -1
  58. package/dist/components/client/Button.d.ts +1 -1
  59. package/dist/components/client/Checkbox.d.cts +1 -1
  60. package/dist/components/client/Checkbox.d.ts +1 -1
  61. package/dist/components/client/Chip/ChipBase.d.cts +1 -1
  62. package/dist/components/client/Chip/ChipBase.d.ts +1 -1
  63. package/dist/components/client/Chip/ChipButton.d.cts +1 -1
  64. package/dist/components/client/Chip/ChipButton.d.ts +1 -1
  65. package/dist/components/client/Chip/ChipDismissible.d.cts +1 -1
  66. package/dist/components/client/Chip/ChipDismissible.d.ts +1 -1
  67. package/dist/components/client/Chip/ChipLink.d.cts +1 -1
  68. package/dist/components/client/Chip/ChipLink.d.ts +1 -1
  69. package/dist/components/client/Chip/ChipToggle.d.cts +1 -1
  70. package/dist/components/client/Chip/ChipToggle.d.ts +1 -1
  71. package/dist/components/client/IconButton.cjs +1 -6
  72. package/dist/components/client/IconButton.js +1 -6
  73. package/dist/components/client/Input/Input.d.cts +1 -1
  74. package/dist/components/client/Input/Input.d.ts +1 -1
  75. package/dist/components/client/Input/InputHelpTextInternal.d.cts +1 -1
  76. package/dist/components/client/Input/InputHelpTextInternal.d.ts +1 -1
  77. package/dist/components/client/Menu/Menu.Content.d.cts +1 -1
  78. package/dist/components/client/Menu/Menu.Content.d.ts +1 -1
  79. package/dist/components/client/Menu/Menu.Item.d.cts +1 -1
  80. package/dist/components/client/Menu/Menu.Item.d.ts +1 -1
  81. package/dist/components/client/Menu/Menu.ItemBase.d.cts +1 -1
  82. package/dist/components/client/Menu/Menu.ItemBase.d.ts +1 -1
  83. package/dist/components/client/Menu/Menu.ItemCheckbox.d.cts +2 -2
  84. package/dist/components/client/Menu/Menu.ItemCheckbox.d.ts +2 -2
  85. package/dist/components/client/Popover/Popover.d.cts +1 -1
  86. package/dist/components/client/Popover/Popover.d.ts +1 -1
  87. package/dist/components/client/Popover/PopoverContent.d.cts +1 -1
  88. package/dist/components/client/Popover/PopoverContent.d.ts +1 -1
  89. package/dist/components/client/Popover/PopoverTrigger.d.cts +1 -1
  90. package/dist/components/client/Popover/PopoverTrigger.d.ts +1 -1
  91. package/dist/components/client/Popover/UDSPopoverConfigProvider.d.cts +1 -1
  92. package/dist/components/client/Popover/UDSPopoverConfigProvider.d.ts +1 -1
  93. package/dist/components/client/Popover/index.d.cts +1 -1
  94. package/dist/components/client/Popover/index.d.ts +1 -1
  95. package/dist/components/client/Pressable.d.cts +1 -1
  96. package/dist/components/client/Pressable.d.ts +1 -1
  97. package/dist/components/client/Radio/Radio.d.cts +1 -1
  98. package/dist/components/client/Radio/Radio.d.ts +1 -1
  99. package/dist/components/client/Radio/RadioGroupProvider.d.cts +1 -1
  100. package/dist/components/client/Radio/RadioGroupProvider.d.ts +1 -1
  101. package/dist/components/client/SpringMotionConfig.d.cts +1 -1
  102. package/dist/components/client/SpringMotionConfig.d.ts +1 -1
  103. package/dist/components/client/Switch.d.cts +1 -1
  104. package/dist/components/client/Switch.d.ts +1 -1
  105. package/dist/components/client/Tabs/Tab.d.cts +1 -1
  106. package/dist/components/client/Tabs/Tab.d.ts +1 -1
  107. package/dist/components/client/Tabs/TabList.d.cts +1 -1
  108. package/dist/components/client/Tabs/TabList.d.ts +1 -1
  109. package/dist/components/client/Tabs/TabPanel.d.cts +1 -1
  110. package/dist/components/client/Tabs/TabPanel.d.ts +1 -1
  111. package/dist/components/client/Tabs/Tabs.d.cts +1 -1
  112. package/dist/components/client/Tabs/Tabs.d.ts +1 -1
  113. package/dist/components/client/Tabs/tabsContext.d.cts +1 -1
  114. package/dist/components/client/Tabs/tabsContext.d.ts +1 -1
  115. package/dist/components/client/Toast/Toast.d.cts +1 -1
  116. package/dist/components/client/Toast/Toast.d.ts +1 -1
  117. package/dist/components/client/Toast/ToastContainer.d.cts +1 -1
  118. package/dist/components/client/Toast/ToastContainer.d.ts +1 -1
  119. package/dist/components/client/Toast/UDSToastConfigProvider.d.cts +2 -2
  120. package/dist/components/client/Toast/UDSToastConfigProvider.d.ts +2 -2
  121. package/dist/components/client/Toast/createToast.d.cts +1 -1
  122. package/dist/components/client/Toast/createToast.d.ts +1 -1
  123. package/dist/components/client/Tooltip/Tooltip.d.cts +1 -1
  124. package/dist/components/client/Tooltip/Tooltip.d.ts +1 -1
  125. package/dist/components/client/Tooltip/TooltipContent.d.cts +2 -3
  126. package/dist/components/client/Tooltip/TooltipContent.d.ts +2 -3
  127. package/dist/components/client/Tooltip/TooltipTrigger.d.cts +1 -1
  128. package/dist/components/client/Tooltip/TooltipTrigger.d.ts +1 -1
  129. package/dist/components/client/Tooltip/UDSTooltipConfigProvider.d.cts +1 -1
  130. package/dist/components/client/Tooltip/UDSTooltipConfigProvider.d.ts +1 -1
  131. package/dist/components/client/Tooltip/index.d.cts +1 -1
  132. package/dist/components/client/Tooltip/index.d.ts +1 -1
  133. package/dist/components/client/buttonConstants.d.cts +1 -1
  134. package/dist/components/client/buttonConstants.d.ts +1 -1
  135. package/dist/components/client/index.d.cts +1 -1
  136. package/dist/components/client/index.d.ts +1 -1
  137. package/dist/components/client/providers/UDSBreakpointsConfigProvider.d.cts +1 -1
  138. package/dist/components/client/providers/UDSBreakpointsConfigProvider.d.ts +1 -1
  139. package/dist/components/experimental/Table.d.cts +1 -1
  140. package/dist/components/experimental/Table.d.ts +1 -1
  141. package/dist/components/experimental/client/SwitchV2.d.cts +1 -1
  142. package/dist/components/experimental/client/SwitchV2.d.ts +1 -1
  143. package/dist/components/index.d.cts +1 -1
  144. package/dist/components/index.d.ts +1 -1
  145. package/dist/config/dist/index.d.cts +1 -1
  146. package/dist/config/dist/index.d.ts +1 -1
  147. package/dist/css-tokens/dist/index.d.cts +1 -1
  148. package/dist/css-tokens/dist/index.d.ts +1 -1
  149. package/dist/fixtures/dist/index.d.cts +1 -1
  150. package/dist/fixtures/dist/index.d.ts +1 -1
  151. package/dist/fixtures/index.d.cts +1 -1
  152. package/dist/fixtures/index.d.ts +1 -1
  153. package/dist/fonts/dist/index.d.cts +1 -1
  154. package/dist/fonts/dist/index.d.ts +1 -1
  155. package/dist/icons/dist/types.d.cts +30 -0
  156. package/dist/icons/dist/types.d.ts +30 -0
  157. package/dist/index.d.cts +2 -2
  158. package/dist/index.d.ts +2 -2
  159. package/dist/modes/dist/index.d.cts +1 -1
  160. package/dist/modes/dist/index.d.ts +1 -1
  161. package/dist/motion-tokens/dist/index.d.cts +1 -1
  162. package/dist/motion-tokens/dist/index.d.ts +1 -1
  163. package/dist/providers/ColorModeProvider.d.cts +1 -1
  164. package/dist/providers/ColorModeProvider.d.ts +1 -1
  165. package/dist/providers/ScaleModeProvider.d.cts +1 -1
  166. package/dist/providers/ScaleModeProvider.d.ts +1 -1
  167. package/dist/providers/ThemeProvider.d.cts +1 -1
  168. package/dist/providers/ThemeProvider.d.ts +1 -1
  169. package/dist/runtime/bottomSheetConfig.d.cts +1 -1
  170. package/dist/runtime/bottomSheetConfig.d.ts +1 -1
  171. package/dist/runtime/breakpointsConfig.d.cts +1 -1
  172. package/dist/runtime/breakpointsConfig.d.ts +1 -1
  173. package/dist/runtime/popoverConfig.d.cts +1 -1
  174. package/dist/runtime/popoverConfig.d.ts +1 -1
  175. package/dist/runtime/toastConfig.d.cts +1 -1
  176. package/dist/runtime/toastConfig.d.ts +1 -1
  177. package/dist/runtime/tooltipConfig.d.cts +1 -1
  178. package/dist/runtime/tooltipConfig.d.ts +1 -1
  179. package/dist/styles/styler.d.cts +48 -48
  180. package/dist/styles/styler.d.ts +48 -48
  181. package/dist/styles/stylerTypes.d.cts +1 -1
  182. package/dist/styles/stylerTypes.d.ts +1 -1
  183. package/dist/tailwind/dist/types/dist/index.d.cts.map +1 -1
  184. package/dist/tailwind/dist/types/dist/index.d.ts.map +1 -1
  185. package/dist/tokens/configs/borderRadius.d.cts +1 -1
  186. package/dist/tokens/configs/borderRadius.d.ts +1 -1
  187. package/dist/tokens/configs/borderWidth.d.cts +1 -1
  188. package/dist/tokens/configs/borderWidth.d.ts +1 -1
  189. package/dist/tokens/configs/font.d.cts +1 -1
  190. package/dist/tokens/configs/font.d.ts +1 -1
  191. package/dist/tokens/configs/scaleMode.d.cts +1 -1
  192. package/dist/tokens/configs/scaleMode.d.ts +1 -1
  193. package/dist/tokens/configs/shadow.d.cts +1 -1
  194. package/dist/tokens/configs/shadow.d.ts +1 -1
  195. package/dist/tokens/configs/sizes.d.cts +1 -1
  196. package/dist/tokens/configs/sizes.d.ts +1 -1
  197. package/dist/tokens/configs/typography.d.cts +1 -1
  198. package/dist/tokens/configs/typography.d.ts +1 -1
  199. package/dist/tokens/index.d.cts +2 -2
  200. package/dist/tokens/index.d.ts +2 -2
  201. package/dist/tokens/parseButtonVariants.d.cts +1 -1
  202. package/dist/tokens/parseButtonVariants.d.ts +1 -1
  203. package/dist/tokens/types.d.cts +7 -7
  204. package/dist/tokens/types.d.ts +7 -7
  205. package/dist/tokens/utils/spectrum.d.cts +1 -1
  206. package/dist/tokens/utils/spectrum.d.ts +1 -1
  207. package/dist/types/{src → dist}/index.d.cts +23 -35
  208. package/dist/types/{src → dist}/index.d.ts +23 -35
  209. package/dist/uds/generated/componentData.cjs +1348 -1348
  210. package/dist/uds/generated/componentData.js +1348 -1348
  211. package/dist/uds/package.cjs +1 -1
  212. package/dist/uds/package.js +1 -1
  213. package/dist/utils/isElevationAlias.d.cts +1 -1
  214. package/dist/utils/isElevationAlias.d.ts +1 -1
  215. package/generated/componentData.json +1566 -1564
  216. package/package.json +2 -2
@@ -1,86 +1,27 @@
1
1
  /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
2
2
 
3
3
  //#region generated/componentData.json
4
- var Icon = {
5
- "name": "Icon",
6
- "defaultProps": {
7
- "size": "md",
8
- "variant": "outline",
9
- "color": "primary"
10
- },
11
- "getStylesLiterals": { "flex": "none" },
12
- "cxLiterals": ["[&_path]:fill-current"],
13
- "internalComponents": [],
14
- "internalComponentProps": {},
15
- "propToVariantKeys": {},
16
- "runtimeConfigDefaultProps": {},
17
- "runtimeConfigGetStyles": {},
18
- "runtimeConfigInternalComponentProps": {},
19
- "motionVarPrefixes": []
20
- };
21
- var Text = {
22
- "name": "Text",
4
+ var Box = {
5
+ "name": "Box",
23
6
  "defaultProps": {
24
- "color": "primary",
25
- "variant": "body1"
7
+ "as": "div",
8
+ "display": "flex"
26
9
  },
27
10
  "getStylesLiterals": {},
28
11
  "cxLiterals": [],
29
12
  "internalComponents": ["Comp"],
30
13
  "internalComponentProps": {},
31
- "propToVariantKeys": { "variant": [
32
- "fontFamily",
33
- "fontSize",
34
- "fontWeight",
35
- "lineHeight",
36
- "textTransform",
37
- "letterSpacing"
14
+ "propToVariantKeys": { "elevationAlias": [
15
+ "backgroundColor",
16
+ "borderColor",
17
+ "borderWidth",
18
+ "dropShadow"
38
19
  ] },
39
20
  "runtimeConfigDefaultProps": {},
40
21
  "runtimeConfigGetStyles": {},
41
22
  "runtimeConfigInternalComponentProps": {},
42
23
  "motionVarPrefixes": []
43
24
  };
44
- var Image = {
45
- "name": "Image",
46
- "defaultProps": {},
47
- "getStylesLiterals": {},
48
- "cxLiterals": [],
49
- "internalComponents": [],
50
- "internalComponentProps": {},
51
- "propToVariantKeys": {},
52
- "runtimeConfigDefaultProps": {},
53
- "runtimeConfigGetStyles": {},
54
- "runtimeConfigInternalComponentProps": {},
55
- "motionVarPrefixes": []
56
- };
57
- var Scrim = {
58
- "name": "Scrim",
59
- "defaultProps": {
60
- "variant": "default",
61
- "position": "fixed"
62
- },
63
- "getStylesLiterals": {},
64
- "cxLiterals": [
65
- "fixed",
66
- "absolute",
67
- "inset-0",
68
- "z-40",
69
- "transition-opacity",
70
- "duration-150",
71
- "data-[enter]:opacity-100",
72
- "[&:not([data-enter])]:opacity-0",
73
- "opacity-100",
74
- "uds-bgBlurFallback"
75
- ],
76
- "internalComponents": ["Box"],
77
- "internalComponentProps": { "Box": { "display": ["block"] } },
78
- "propToVariantKeys": { "variant": ["scrimVariantRoot"] },
79
- "runtimeConfigDefaultProps": {},
80
- "runtimeConfigGetStyles": {},
81
- "runtimeConfigInternalComponentProps": {},
82
- "motionVarPrefixes": []
83
- };
84
25
  var FormLabel = {
85
26
  "name": "FormLabel",
86
27
  "defaultProps": {
@@ -102,25 +43,29 @@ var FormLabel = {
102
43
  "runtimeConfigInternalComponentProps": {},
103
44
  "motionVarPrefixes": []
104
45
  };
105
- var VStack = {
106
- "name": "VStack",
46
+ var HStack = {
47
+ "name": "HStack",
107
48
  "defaultProps": {},
108
49
  "getStylesLiterals": {},
109
50
  "cxLiterals": [],
110
51
  "internalComponents": ["Box"],
111
- "internalComponentProps": { "Box": { "flexDirection": ["column"] } },
112
- "propToVariantKeys": { "gap": ["columnGap", "rowGap"] },
52
+ "internalComponentProps": { "Box": { "flexDirection": ["row"] } },
53
+ "propToVariantKeys": { "gap": ["rowGap", "columnGap"] },
113
54
  "runtimeConfigDefaultProps": {},
114
55
  "runtimeConfigGetStyles": {},
115
56
  "runtimeConfigInternalComponentProps": {},
116
57
  "motionVarPrefixes": []
117
58
  };
118
- var IconSlot = {
119
- "name": "IconSlot",
120
- "defaultProps": {},
121
- "getStylesLiterals": {},
122
- "cxLiterals": [],
123
- "internalComponents": ["Icon"],
59
+ var Icon = {
60
+ "name": "Icon",
61
+ "defaultProps": {
62
+ "size": "md",
63
+ "variant": "outline",
64
+ "color": "primary"
65
+ },
66
+ "getStylesLiterals": { "flex": "none" },
67
+ "cxLiterals": ["[&_path]:fill-current"],
68
+ "internalComponents": ["SVGIcon"],
124
69
  "internalComponentProps": {},
125
70
  "propToVariantKeys": {},
126
71
  "runtimeConfigDefaultProps": {},
@@ -128,69 +73,27 @@ var IconSlot = {
128
73
  "runtimeConfigInternalComponentProps": {},
129
74
  "motionVarPrefixes": []
130
75
  };
131
- var Box = {
132
- "name": "Box",
133
- "defaultProps": {
134
- "as": "div",
135
- "display": "flex"
136
- },
76
+ var IconSlot = {
77
+ "name": "IconSlot",
78
+ "defaultProps": {},
137
79
  "getStylesLiterals": {},
138
80
  "cxLiterals": [],
139
- "internalComponents": ["Comp"],
81
+ "internalComponents": ["Icon"],
140
82
  "internalComponentProps": {},
141
- "propToVariantKeys": { "elevationAlias": [
142
- "backgroundColor",
143
- "borderColor",
144
- "borderWidth",
145
- "dropShadow"
146
- ] },
147
- "runtimeConfigDefaultProps": {},
148
- "runtimeConfigGetStyles": {},
149
- "runtimeConfigInternalComponentProps": {},
150
- "motionVarPrefixes": []
151
- };
152
- var SvgFloatingOverlay = {
153
- "name": "SvgFloatingOverlay",
154
- "defaultProps": { "contentOverflow": "auto" },
155
- "getStylesLiterals": {},
156
- "cxLiterals": [
157
- "absolute",
158
- "top-0",
159
- "left-0",
160
- "w-full",
161
- "h-full",
162
- "overflow-visible",
163
- "pointer-events-none",
164
- "z-[2]",
165
- "z-[3]",
166
- "max-h-full",
167
- "gap-[inherit]"
168
- ],
169
- "internalComponents": ["Box", "Fragment"],
170
- "internalComponentProps": { "Box": {
171
- "position": ["relative"],
172
- "flexGrow": ["1"],
173
- "overflow": ["hidden"],
174
- "display": ["block"],
175
- "className": ["max-h-full gap-[inherit]"]
176
- } },
177
- "propToVariantKeys": {
178
- "blurClassName": ["className"],
179
- "contentOverflow": ["overflow"]
180
- },
83
+ "propToVariantKeys": {},
181
84
  "runtimeConfigDefaultProps": {},
182
85
  "runtimeConfigGetStyles": {},
183
86
  "runtimeConfigInternalComponentProps": {},
184
87
  "motionVarPrefixes": []
185
88
  };
186
- var HStack = {
187
- "name": "HStack",
89
+ var Image = {
90
+ "name": "Image",
188
91
  "defaultProps": {},
189
92
  "getStylesLiterals": {},
190
93
  "cxLiterals": [],
191
- "internalComponents": ["Box"],
192
- "internalComponentProps": { "Box": { "flexDirection": ["row"] } },
193
- "propToVariantKeys": { "gap": ["rowGap", "columnGap"] },
94
+ "internalComponents": [],
95
+ "internalComponentProps": {},
96
+ "propToVariantKeys": {},
194
97
  "runtimeConfigDefaultProps": {},
195
98
  "runtimeConfigGetStyles": {},
196
99
  "runtimeConfigInternalComponentProps": {},
@@ -234,74 +137,155 @@ var Link = {
234
137
  "runtimeConfigInternalComponentProps": {},
235
138
  "motionVarPrefixes": []
236
139
  };
237
- var BannerDescription = {
238
- "name": "BannerDescription",
239
- "defaultProps": {},
240
- "getStylesLiterals": {
241
- "bannerSizeDescription": "default",
242
- "className": "w-full line-clamp-3"
140
+ var Scrim = {
141
+ "name": "Scrim",
142
+ "defaultProps": {
143
+ "variant": "default",
144
+ "position": "fixed"
243
145
  },
244
- "cxLiterals": [],
245
- "internalComponents": ["Text"],
246
- "internalComponentProps": {},
247
- "propToVariantKeys": {},
146
+ "getStylesLiterals": {},
147
+ "cxLiterals": [
148
+ "fixed",
149
+ "absolute",
150
+ "inset-0",
151
+ "z-40",
152
+ "transition-opacity",
153
+ "duration-150",
154
+ "data-[enter]:opacity-100",
155
+ "[&:not([data-enter])]:opacity-0",
156
+ "opacity-100",
157
+ "uds-bgBlurFallback"
158
+ ],
159
+ "internalComponents": ["Box"],
160
+ "internalComponentProps": { "Box": { "display": ["block"] } },
161
+ "propToVariantKeys": { "variant": ["scrimVariantRoot"] },
248
162
  "runtimeConfigDefaultProps": {},
249
163
  "runtimeConfigGetStyles": {},
250
164
  "runtimeConfigInternalComponentProps": {},
251
165
  "motionVarPrefixes": []
252
166
  };
253
- var Banner = {
254
- "name": "Banner",
255
- "defaultProps": {
256
- "variant": "primary",
257
- "size": "default",
258
- "dismissAriaLabel": "Dismiss"
259
- },
260
- "getStylesLiterals": {
261
- "className": "truncate",
262
- "className:1": "line-clamp-3",
263
- "spacing": "2",
264
- "borderRadius": "full",
265
- "color": "primary"
266
- },
167
+ var SvgFloatingOverlay = {
168
+ "name": "SvgFloatingOverlay",
169
+ "defaultProps": { "contentOverflow": "auto" },
170
+ "getStylesLiterals": {},
267
171
  "cxLiterals": [
268
- "flex",
269
- "flex-row",
270
- "items-center",
271
- "items-start",
272
- "min-w-[300px]",
273
- "transition-[background-color]",
274
- "motion-safe:duration-120",
275
- "bg-carbon-15/0",
276
- "hover:bg-carbon-15/10",
277
- "active:bg-carbon-15/15",
278
- "uds-ring",
279
- "shrink-0",
280
- "self-start",
281
- "flex-1",
282
- "min-w-0",
283
- "flex-col",
284
- "gap-[inherit]",
285
- "uds-sm:flex-row",
286
- "uds-sm:items-center",
287
- "self-stretch",
288
- "gap-0.5",
172
+ "absolute",
173
+ "top-0",
174
+ "left-0",
289
175
  "w-full",
290
- "truncate",
291
- "leading-none",
292
- "line-clamp-3",
293
- "gap-1.5",
294
- "uds-sm:self-center",
295
- "uds-sm:shrink-0"
296
- ],
297
- "internalComponents": [
298
- "IconSlot",
299
- "Text",
300
- "Pressable"
176
+ "h-full",
177
+ "overflow-visible",
178
+ "pointer-events-none",
179
+ "z-[2]",
180
+ "z-[3]",
181
+ "max-h-full",
182
+ "gap-[inherit]"
301
183
  ],
302
- "internalComponentProps": {
303
- "IconSlot": { "data-testid": ["banner-start-icon"] },
304
- "Text": { "data-testid": ["banner-title", "banner-description"] },
184
+ "internalComponents": ["Box", "Fragment"],
185
+ "internalComponentProps": { "Box": {
186
+ "position": ["relative"],
187
+ "flexGrow": ["1"],
188
+ "overflow": ["hidden"],
189
+ "display": ["block"],
190
+ "className": ["max-h-full gap-[inherit]"]
191
+ } },
192
+ "propToVariantKeys": {
193
+ "blurClassName": ["className"],
194
+ "contentOverflow": ["overflow"]
195
+ },
196
+ "runtimeConfigDefaultProps": {},
197
+ "runtimeConfigGetStyles": {},
198
+ "runtimeConfigInternalComponentProps": {},
199
+ "motionVarPrefixes": []
200
+ };
201
+ var Text = {
202
+ "name": "Text",
203
+ "defaultProps": {
204
+ "color": "primary",
205
+ "variant": "body1"
206
+ },
207
+ "getStylesLiterals": {},
208
+ "cxLiterals": [],
209
+ "internalComponents": ["Comp"],
210
+ "internalComponentProps": {},
211
+ "propToVariantKeys": { "variant": [
212
+ "fontFamily",
213
+ "fontSize",
214
+ "fontWeight",
215
+ "lineHeight",
216
+ "textTransform",
217
+ "letterSpacing"
218
+ ] },
219
+ "runtimeConfigDefaultProps": {},
220
+ "runtimeConfigGetStyles": {},
221
+ "runtimeConfigInternalComponentProps": {},
222
+ "motionVarPrefixes": []
223
+ };
224
+ var VStack = {
225
+ "name": "VStack",
226
+ "defaultProps": {},
227
+ "getStylesLiterals": {},
228
+ "cxLiterals": [],
229
+ "internalComponents": ["Box"],
230
+ "internalComponentProps": { "Box": { "flexDirection": ["column"] } },
231
+ "propToVariantKeys": { "gap": ["columnGap", "rowGap"] },
232
+ "runtimeConfigDefaultProps": {},
233
+ "runtimeConfigGetStyles": {},
234
+ "runtimeConfigInternalComponentProps": {},
235
+ "motionVarPrefixes": []
236
+ };
237
+ var Banner = {
238
+ "name": "Banner",
239
+ "defaultProps": {
240
+ "variant": "primary",
241
+ "size": "default",
242
+ "dismissAriaLabel": "Dismiss"
243
+ },
244
+ "getStylesLiterals": {
245
+ "className": "truncate",
246
+ "className:1": "line-clamp-3",
247
+ "spacing": "2",
248
+ "borderRadius": "full",
249
+ "color": "primary"
250
+ },
251
+ "cxLiterals": [
252
+ "flex",
253
+ "flex-row",
254
+ "items-center",
255
+ "items-start",
256
+ "min-w-[300px]",
257
+ "transition-[background-color]",
258
+ "motion-safe:duration-120",
259
+ "bg-carbon-15/0",
260
+ "hover:bg-carbon-15/10",
261
+ "active:bg-carbon-15/15",
262
+ "uds-ring",
263
+ "shrink-0",
264
+ "self-start",
265
+ "flex-1",
266
+ "min-w-0",
267
+ "flex-col",
268
+ "gap-[inherit]",
269
+ "uds-sm:flex-row",
270
+ "uds-sm:items-center",
271
+ "self-stretch",
272
+ "gap-0.5",
273
+ "w-full",
274
+ "truncate",
275
+ "leading-none",
276
+ "line-clamp-3",
277
+ "gap-1.5",
278
+ "uds-sm:self-center",
279
+ "uds-sm:shrink-0"
280
+ ],
281
+ "internalComponents": [
282
+ "IconSlot",
283
+ "Text",
284
+ "Pressable"
285
+ ],
286
+ "internalComponentProps": {
287
+ "IconSlot": { "data-testid": ["banner-start-icon"] },
288
+ "Text": { "data-testid": ["banner-title", "banner-description"] },
305
289
  "Pressable": { "data-testid": ["banner-dismiss"] }
306
290
  },
307
291
  "propToVariantKeys": {
@@ -347,6 +331,22 @@ var BannerContent = {
347
331
  "runtimeConfigInternalComponentProps": {},
348
332
  "motionVarPrefixes": []
349
333
  };
334
+ var BannerDescription = {
335
+ "name": "BannerDescription",
336
+ "defaultProps": {},
337
+ "getStylesLiterals": {
338
+ "bannerSizeDescription": "default",
339
+ "className": "w-full line-clamp-3"
340
+ },
341
+ "cxLiterals": [],
342
+ "internalComponents": ["Text"],
343
+ "internalComponentProps": {},
344
+ "propToVariantKeys": {},
345
+ "runtimeConfigDefaultProps": {},
346
+ "runtimeConfigGetStyles": {},
347
+ "runtimeConfigInternalComponentProps": {},
348
+ "motionVarPrefixes": []
349
+ };
350
350
  var BannerTitle = {
351
351
  "name": "BannerTitle",
352
352
  "defaultProps": {},
@@ -360,135 +360,223 @@ var BannerTitle = {
360
360
  "runtimeConfigInternalComponentProps": {},
361
361
  "motionVarPrefixes": []
362
362
  };
363
- var Divider = {
364
- "name": "Divider",
363
+ var AnimateHeightChange = {
364
+ "name": "AnimateHeightChange",
365
365
  "defaultProps": {},
366
366
  "getStylesLiterals": {},
367
- "cxLiterals": [],
368
- "internalComponents": ["DividerInternal"],
369
- "internalComponentProps": {},
370
- "propToVariantKeys": {},
367
+ "cxLiterals": ["overflow-hidden"],
368
+ "internalComponents": ["SpringMotionConfig"],
369
+ "internalComponentProps": { "SpringMotionConfig": { "layoutSpeed": ["4"] } },
370
+ "propToVariantKeys": { "reduceMotion": ["reducedMotion"] },
371
371
  "runtimeConfigDefaultProps": {},
372
372
  "runtimeConfigGetStyles": {},
373
373
  "runtimeConfigInternalComponentProps": {},
374
- "motionVarPrefixes": []
374
+ "motionVarPrefixes": ["--uds-motion-subtle-4-", "--uds-motion-smooth-3-"]
375
375
  };
376
- var DividerCore = {
377
- "name": "DividerCore",
378
- "defaultProps": { "contentPosition": "center" },
376
+ var Badge = {
377
+ "name": "Badge",
378
+ "defaultProps": {
379
+ "variant": "primary",
380
+ "size": "md"
381
+ },
379
382
  "getStylesLiterals": {},
380
- "cxLiterals": [],
381
- "internalComponents": [
382
- "Box",
383
- "Line",
384
- "InternalComponent",
385
- "Text"
383
+ "cxLiterals": [
384
+ "flex-1",
385
+ "truncate",
386
+ "whitespace-nowrap",
387
+ "text-center"
386
388
  ],
389
+ "internalComponents": ["IconSlot", "HStack"],
387
390
  "internalComponentProps": {
388
- "Box": {
389
- "flex": ["1", "none"],
390
- "display": ["flex"]
391
- },
392
- "InternalComponent": {
393
- "flex": ["1"],
391
+ "IconSlot": { "data-testid": ["start-icon", "end-icon"] },
392
+ "HStack": {
393
+ "gap": ["2"],
394
+ "display": ["inline-flex"],
394
395
  "alignItems": ["center"]
395
- },
396
- "Text": {
397
- "as": ["span"],
398
- "color": ["inherit"],
399
- "variant": ["inherit"]
400
396
  }
401
397
  },
402
- "propToVariantKeys": {},
403
- "runtimeConfigDefaultProps": {},
404
- "runtimeConfigGetStyles": {},
405
- "runtimeConfigInternalComponentProps": {},
406
- "motionVarPrefixes": []
407
- };
408
- var DividerInternal = {
409
- "name": "DividerInternal",
410
- "defaultProps": { "variant": "primary" },
411
- "getStylesLiterals": {},
412
- "cxLiterals": ["inherit"],
413
- "internalComponents": ["DividerCore"],
414
- "internalComponentProps": {},
415
- "propToVariantKeys": { "variant": [
416
- "dividerVariantRoot",
417
- "dividerVariantLabel",
418
- "dividerVariantLine"
419
- ] },
398
+ "propToVariantKeys": {
399
+ "size": ["badgeSizeRoot", "badgeSizeIcon"],
400
+ "variant": ["badgeVariantRoot", "badgeVariantIcon"],
401
+ "startIcon": ["icon"],
402
+ "endIcon": ["icon"]
403
+ },
420
404
  "runtimeConfigDefaultProps": {},
421
405
  "runtimeConfigGetStyles": {},
422
406
  "runtimeConfigInternalComponentProps": {},
423
407
  "motionVarPrefixes": []
424
408
  };
425
- var Table_mocks = {
426
- "name": "Table.mocks",
427
- "defaultProps": {},
409
+ var Button = {
410
+ "name": "Button",
411
+ "defaultProps": { "type": "button" },
428
412
  "getStylesLiterals": {},
429
- "cxLiterals": [],
430
- "internalComponents": [],
431
- "internalComponentProps": {},
432
- "propToVariantKeys": {},
413
+ "cxLiterals": [
414
+ "uds-ring",
415
+ "uds-hit-target",
416
+ "inline-flex",
417
+ "overflow-hidden",
418
+ "justify-center",
419
+ "items-center",
420
+ "whitespace-nowrap",
421
+ "select-none",
422
+ "[transform-origin:center]",
423
+ "[backface-visibility:hidden]",
424
+ "[transition-property:color,background-color,border-color,box-shadow,text-decoration-color,fill,stroke]",
425
+ "[transition-timing-function:cubic-bezier(0,0,0.2,1)]",
426
+ "[transition-duration:220ms]",
427
+ "cursor-not-allowed",
428
+ "uds-button-loading",
429
+ "uds-button-without-effects",
430
+ "withIcon",
431
+ "uds-button-with-gap",
432
+ "animate-spin",
433
+ "truncate"
434
+ ],
435
+ "internalComponents": [
436
+ "Icon",
437
+ "IconSlot",
438
+ "AnimatePresence",
439
+ "SpringMotionConfig",
440
+ "MotionSlot"
441
+ ],
442
+ "internalComponentProps": {
443
+ "Icon": { "color": ["current"] },
444
+ "AnimatePresence": { "mode": ["popLayout"] },
445
+ "SpringMotionConfig": { "layoutSpeed": ["3"] },
446
+ "MotionSlot": {
447
+ "whileHover": ["hover"],
448
+ "whileTap": ["pressed"]
449
+ }
450
+ },
451
+ "propToVariantKeys": {
452
+ "size": ["buttonSizeRoot", "buttonSizeIcon"],
453
+ "variant": ["buttonVariantRoot", "buttonVariantIcon"],
454
+ "iconVariant": ["variant"],
455
+ "startIcon": ["icon"],
456
+ "endIcon": ["icon"]
457
+ },
433
458
  "runtimeConfigDefaultProps": {},
434
459
  "runtimeConfigGetStyles": {},
435
460
  "runtimeConfigInternalComponentProps": {},
436
- "motionVarPrefixes": []
461
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
437
462
  };
438
- var Spinner = {
439
- "name": "Spinner",
463
+ var Checkbox = {
464
+ "name": "Checkbox",
440
465
  "defaultProps": {
441
- "color": "primary",
442
- "size": "lg"
466
+ "labelPosition": "start",
467
+ "variant": "primary",
468
+ "size": "md"
469
+ },
470
+ "getStylesLiterals": {
471
+ "display": "flex",
472
+ "flexDirection": "row",
473
+ "flexDirection:1": "row-reverse",
474
+ "alignItems": "center"
443
475
  },
444
- "getStylesLiterals": {},
445
476
  "cxLiterals": [
446
- "self-center",
447
- "relative",
448
- "sr-only"
477
+ "cursor-pointer",
478
+ "cursor-default",
479
+ "opacity-50",
480
+ "uds-ring",
481
+ "uds-ring-within",
482
+ "transition-[background-color,border-color,box-shadow]",
483
+ "pointer-events-none",
484
+ "transition-opacity",
485
+ "cursor-[inherit]",
486
+ "absolute",
487
+ "opacity-0",
488
+ "top-1/2",
489
+ "left-1/2",
490
+ "w-[calc(100%+2px)]",
491
+ "h-[calc(100%+2px)]",
492
+ "transform",
493
+ "translate-x-[-50%]",
494
+ "translate-y-[-50%]",
495
+ "text-start",
496
+ "text-end"
449
497
  ],
450
- "internalComponents": ["Icon"],
451
- "internalComponentProps": { "Icon": {
452
- "role": ["img"],
453
- "className": ["animate-spin"],
454
- "aria-hidden": ["true"]
455
- } },
456
- "propToVariantKeys": {},
498
+ "internalComponents": [
499
+ "Icon",
500
+ "FormLabel",
501
+ "SpringMotionConfig",
502
+ "RootElement",
503
+ "MotionBox"
504
+ ],
505
+ "internalComponentProps": {
506
+ "Icon": { "size": ["sm"] },
507
+ "FormLabel": {
508
+ "as": ["div"],
509
+ "variant": ["inherit"],
510
+ "color": ["inherit"]
511
+ },
512
+ "RootElement": { "data-testid": ["container"] },
513
+ "MotionBox": {
514
+ "position": ["relative"],
515
+ "alignItems": ["center"],
516
+ "justifyContent": ["center"],
517
+ "flex": ["none"]
518
+ }
519
+ },
520
+ "propToVariantKeys": {
521
+ "size": ["checkboxSizeRoot", "checkboxSizeCheckbox"],
522
+ "variant": [
523
+ "checkboxVariantRoot",
524
+ "checkboxVariantCheckbox",
525
+ "checkboxVariantCheckboxIcon"
526
+ ],
527
+ "valueState": [
528
+ "checkboxVariantValueRoot",
529
+ "checkboxVariantValueCheckbox",
530
+ "checkboxVariantValueCheckboxIcon"
531
+ ],
532
+ "reduceMotion": ["reducedMotion"]
533
+ },
457
534
  "runtimeConfigDefaultProps": {},
458
535
  "runtimeConfigGetStyles": {},
459
536
  "runtimeConfigInternalComponentProps": {},
460
- "motionVarPrefixes": []
537
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
461
538
  };
462
- var Table = {
463
- "name": "Table",
464
- "defaultProps": {
465
- "display": "table-cell",
466
- "overflow": "hidden",
467
- "borderColor": "muted",
468
- "borderRadius": "md",
469
- "spacing": "3",
470
- "borderBottomColor": "muted",
471
- "borderBottomWidth": "thin",
472
- "color": "primary"
473
- },
474
- "getStylesLiterals": { "textAlign": "start" },
475
- "cxLiterals": [],
539
+ var IconButton = {
540
+ "name": "IconButton",
541
+ "defaultProps": { "type": "button" },
542
+ "getStylesLiterals": {},
543
+ "cxLiterals": [
544
+ "uds-ring",
545
+ "uds-hit-target",
546
+ "inline-flex",
547
+ "overflow-hidden",
548
+ "justify-center",
549
+ "items-center",
550
+ "[transform-origin:center]",
551
+ "[backface-visibility:hidden]",
552
+ "[transition-property:color,background-color,border-color,",
553
+ "box-shadow,text-decoration-color,fill,stroke]",
554
+ "[transition-timing-function:cubic-bezier(0,0,0.2,1)]",
555
+ "[transition-duration:220ms]",
556
+ "cursor-not-allowed",
557
+ "uds-button-loading",
558
+ "uds-button-without-effects",
559
+ "animate-spin"
560
+ ],
476
561
  "internalComponents": [
477
- "CellComponent",
478
- "Box",
479
- "Text",
480
- "Table.Root",
481
- "Table.Header",
482
- "Table.Row",
483
- "Table.Cell",
484
- "Table.Body"
562
+ "Icon",
563
+ "SpringMotionConfig",
564
+ "AnimatePresence"
485
565
  ],
486
- "internalComponentProps": { "Table.Cell": { "asHeaderCell": ["column"] } },
487
- "propToVariantKeys": {},
566
+ "internalComponentProps": {
567
+ "Icon": { "color": ["current"] },
568
+ "SpringMotionConfig": { "layoutSpeed": ["3"] },
569
+ "AnimatePresence": { "mode": ["popLayout"] }
570
+ },
571
+ "propToVariantKeys": {
572
+ "size": ["iconbuttonSizeRoot", "iconbuttonSizeIcon"],
573
+ "variant": ["buttonVariantRoot", "buttonVariantIcon"],
574
+ "iconVariant": ["variant"]
575
+ },
488
576
  "runtimeConfigDefaultProps": {},
489
577
  "runtimeConfigGetStyles": {},
490
578
  "runtimeConfigInternalComponentProps": {},
491
- "motionVarPrefixes": []
579
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
492
580
  };
493
581
  var Pressable = {
494
582
  "name": "Pressable",
@@ -516,19 +604,6 @@ var SpringMotionConfig = {
516
604
  "runtimeConfigInternalComponentProps": {},
517
605
  "motionVarPrefixes": []
518
606
  };
519
- var AnimateHeightChange = {
520
- "name": "AnimateHeightChange",
521
- "defaultProps": {},
522
- "getStylesLiterals": {},
523
- "cxLiterals": ["overflow-hidden"],
524
- "internalComponents": ["SpringMotionConfig"],
525
- "internalComponentProps": { "SpringMotionConfig": { "layoutSpeed": ["4"] } },
526
- "propToVariantKeys": { "reduceMotion": ["reducedMotion"] },
527
- "runtimeConfigDefaultProps": {},
528
- "runtimeConfigGetStyles": {},
529
- "runtimeConfigInternalComponentProps": {},
530
- "motionVarPrefixes": ["--uds-motion-subtle-4-", "--uds-motion-smooth-3-"]
531
- };
532
607
  var Switch = {
533
608
  "name": "Switch",
534
609
  "defaultProps": {
@@ -622,217 +697,98 @@ var Switch = {
622
697
  "runtimeConfigInternalComponentProps": {},
623
698
  "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
624
699
  };
625
- var IconButton = {
626
- "name": "IconButton",
627
- "defaultProps": { "type": "button" },
700
+ var Divider = {
701
+ "name": "Divider",
702
+ "defaultProps": {},
628
703
  "getStylesLiterals": {},
629
- "cxLiterals": [
630
- "uds-ring",
631
- "uds-hit-target",
632
- "inline-flex",
633
- "overflow-hidden",
634
- "justify-center",
635
- "items-center",
636
- "[transform-origin:center]",
637
- "[backface-visibility:hidden]",
638
- "[transition-property:color,background-color,border-color,",
639
- "box-shadow,text-decoration-color,fill,stroke]",
640
- "[transition-timing-function:cubic-bezier(0,0,0.2,1)]",
641
- "[transition-duration:220ms]",
642
- "cursor-not-allowed",
643
- "uds-button-loading",
644
- "uds-button-without-effects",
645
- "animate-spin"
646
- ],
647
- "internalComponents": [
648
- "Icon",
649
- "SpringMotionConfig",
650
- "AnimatePresence"
651
- ],
652
- "internalComponentProps": {
653
- "Icon": { "color": ["current"] },
654
- "SpringMotionConfig": { "layoutSpeed": ["3"] },
655
- "AnimatePresence": { "mode": ["popLayout"] }
656
- },
657
- "propToVariantKeys": {
658
- "size": ["iconbuttonSizeRoot", "iconbuttonSizeIcon"],
659
- "variant": ["buttonVariantRoot", "buttonVariantIcon"],
660
- "iconVariant": ["variant"]
661
- },
704
+ "cxLiterals": [],
705
+ "internalComponents": ["DividerInternal"],
706
+ "internalComponentProps": {},
707
+ "propToVariantKeys": {},
662
708
  "runtimeConfigDefaultProps": {},
663
709
  "runtimeConfigGetStyles": {},
664
710
  "runtimeConfigInternalComponentProps": {},
665
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
711
+ "motionVarPrefixes": []
666
712
  };
667
- var Badge = {
668
- "name": "Badge",
669
- "defaultProps": {
670
- "variant": "primary",
671
- "size": "md"
672
- },
713
+ var DividerCore = {
714
+ "name": "DividerCore",
715
+ "defaultProps": { "contentPosition": "center" },
673
716
  "getStylesLiterals": {},
674
- "cxLiterals": [
675
- "flex-1",
676
- "truncate",
677
- "whitespace-nowrap",
678
- "text-center"
717
+ "cxLiterals": [],
718
+ "internalComponents": [
719
+ "Box",
720
+ "Line",
721
+ "InternalComponent",
722
+ "Text"
679
723
  ],
680
- "internalComponents": ["IconSlot", "HStack"],
681
724
  "internalComponentProps": {
682
- "IconSlot": { "data-testid": ["start-icon", "end-icon"] },
683
- "HStack": {
684
- "gap": ["2"],
685
- "display": ["inline-flex"],
725
+ "Box": {
726
+ "flex": ["1", "none"],
727
+ "display": ["flex"]
728
+ },
729
+ "InternalComponent": {
730
+ "flex": ["1"],
686
731
  "alignItems": ["center"]
732
+ },
733
+ "Text": {
734
+ "as": ["span"],
735
+ "color": ["inherit"],
736
+ "variant": ["inherit"]
687
737
  }
688
738
  },
689
- "propToVariantKeys": {
690
- "size": ["badgeSizeRoot", "badgeSizeIcon"],
691
- "variant": ["badgeVariantRoot", "badgeVariantIcon"],
692
- "startIcon": ["icon"],
693
- "endIcon": ["icon"]
694
- },
739
+ "propToVariantKeys": {},
695
740
  "runtimeConfigDefaultProps": {},
696
741
  "runtimeConfigGetStyles": {},
697
742
  "runtimeConfigInternalComponentProps": {},
698
743
  "motionVarPrefixes": []
699
744
  };
700
- var Checkbox = {
701
- "name": "Checkbox",
702
- "defaultProps": {
703
- "labelPosition": "start",
704
- "variant": "primary",
705
- "size": "md"
706
- },
707
- "getStylesLiterals": {
708
- "display": "flex",
709
- "flexDirection": "row",
710
- "flexDirection:1": "row-reverse",
711
- "alignItems": "center"
712
- },
713
- "cxLiterals": [
714
- "cursor-pointer",
715
- "cursor-default",
716
- "opacity-50",
717
- "uds-ring",
718
- "uds-ring-within",
719
- "transition-[background-color,border-color,box-shadow]",
720
- "pointer-events-none",
721
- "transition-opacity",
722
- "cursor-[inherit]",
723
- "absolute",
724
- "opacity-0",
725
- "top-1/2",
726
- "left-1/2",
727
- "w-[calc(100%+2px)]",
728
- "h-[calc(100%+2px)]",
729
- "transform",
730
- "translate-x-[-50%]",
731
- "translate-y-[-50%]",
732
- "text-start",
733
- "text-end"
734
- ],
735
- "internalComponents": [
736
- "Icon",
737
- "FormLabel",
738
- "SpringMotionConfig",
739
- "RootElement",
740
- "MotionBox"
741
- ],
742
- "internalComponentProps": {
743
- "Icon": { "size": ["sm"] },
744
- "FormLabel": {
745
- "as": ["div"],
746
- "variant": ["inherit"],
747
- "color": ["inherit"]
748
- },
749
- "RootElement": { "data-testid": ["container"] },
750
- "MotionBox": {
751
- "position": ["relative"],
752
- "alignItems": ["center"],
753
- "justifyContent": ["center"],
754
- "flex": ["none"]
755
- }
756
- },
757
- "propToVariantKeys": {
758
- "size": ["checkboxSizeRoot", "checkboxSizeCheckbox"],
759
- "variant": [
760
- "checkboxVariantRoot",
761
- "checkboxVariantCheckbox",
762
- "checkboxVariantCheckboxIcon"
763
- ],
764
- "valueState": [
765
- "checkboxVariantValueRoot",
766
- "checkboxVariantValueCheckbox",
767
- "checkboxVariantValueCheckboxIcon"
768
- ],
769
- "reduceMotion": ["reducedMotion"]
770
- },
745
+ var DividerInternal = {
746
+ "name": "DividerInternal",
747
+ "defaultProps": { "variant": "primary" },
748
+ "getStylesLiterals": {},
749
+ "cxLiterals": ["inherit"],
750
+ "internalComponents": ["DividerCore"],
751
+ "internalComponentProps": {},
752
+ "propToVariantKeys": { "variant": [
753
+ "dividerVariantRoot",
754
+ "dividerVariantLabel",
755
+ "dividerVariantLine"
756
+ ] },
771
757
  "runtimeConfigDefaultProps": {},
772
758
  "runtimeConfigGetStyles": {},
773
759
  "runtimeConfigInternalComponentProps": {},
774
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
760
+ "motionVarPrefixes": []
775
761
  };
776
- var Button = {
777
- "name": "Button",
778
- "defaultProps": { "type": "button" },
762
+ var Spinner = {
763
+ "name": "Spinner",
764
+ "defaultProps": {
765
+ "color": "primary",
766
+ "size": "lg"
767
+ },
779
768
  "getStylesLiterals": {},
780
769
  "cxLiterals": [
781
- "uds-ring",
782
- "uds-hit-target",
783
- "inline-flex",
784
- "overflow-hidden",
785
- "justify-center",
786
- "items-center",
787
- "whitespace-nowrap",
788
- "select-none",
789
- "[transform-origin:center]",
790
- "[backface-visibility:hidden]",
791
- "[transition-property:color,background-color,border-color,box-shadow,text-decoration-color,fill,stroke]",
792
- "[transition-timing-function:cubic-bezier(0,0,0.2,1)]",
793
- "[transition-duration:220ms]",
794
- "cursor-not-allowed",
795
- "uds-button-loading",
796
- "uds-button-without-effects",
797
- "withIcon",
798
- "uds-button-with-gap",
799
- "animate-spin",
800
- "truncate"
801
- ],
802
- "internalComponents": [
803
- "Icon",
804
- "IconSlot",
805
- "AnimatePresence",
806
- "SpringMotionConfig",
807
- "MotionSlot"
770
+ "self-center",
771
+ "relative",
772
+ "sr-only"
808
773
  ],
809
- "internalComponentProps": {
810
- "Icon": { "color": ["current"] },
811
- "AnimatePresence": { "mode": ["popLayout"] },
812
- "SpringMotionConfig": { "layoutSpeed": ["3"] },
813
- "MotionSlot": {
814
- "whileHover": ["hover"],
815
- "whileTap": ["pressed"]
816
- }
817
- },
818
- "propToVariantKeys": {
819
- "size": ["buttonSizeRoot", "buttonSizeIcon"],
820
- "variant": ["buttonVariantRoot", "buttonVariantIcon"],
821
- "iconVariant": ["variant"],
822
- "startIcon": ["icon"],
823
- "endIcon": ["icon"]
824
- },
774
+ "internalComponents": ["Icon"],
775
+ "internalComponentProps": { "Icon": {
776
+ "role": ["img"],
777
+ "className": ["animate-spin"],
778
+ "aria-hidden": ["true"]
779
+ } },
780
+ "propToVariantKeys": {},
825
781
  "runtimeConfigDefaultProps": {},
826
782
  "runtimeConfigGetStyles": {},
827
783
  "runtimeConfigInternalComponentProps": {},
828
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
784
+ "motionVarPrefixes": []
829
785
  };
830
- var UDSToastConfigProvider = {
831
- "name": "UDSToastConfigProvider",
786
+ var Table_mocks = {
787
+ "name": "Table.mocks",
832
788
  "defaultProps": {},
833
789
  "getStylesLiterals": {},
834
790
  "cxLiterals": [],
835
- "internalComponents": ["ToastContext.Provider"],
791
+ "internalComponents": [],
836
792
  "internalComponentProps": {},
837
793
  "propToVariantKeys": {},
838
794
  "runtimeConfigDefaultProps": {},
@@ -840,132 +796,178 @@ var UDSToastConfigProvider = {
840
796
  "runtimeConfigInternalComponentProps": {},
841
797
  "motionVarPrefixes": []
842
798
  };
843
- var ToastPortal = {
844
- "name": "ToastPortal",
799
+ var Table = {
800
+ "name": "Table",
801
+ "defaultProps": {
802
+ "display": "table-cell",
803
+ "overflow": "hidden",
804
+ "borderColor": "muted",
805
+ "borderRadius": "md",
806
+ "spacing": "3",
807
+ "borderBottomColor": "muted",
808
+ "borderBottomWidth": "thin",
809
+ "color": "primary"
810
+ },
811
+ "getStylesLiterals": { "textAlign": "start" },
812
+ "cxLiterals": [],
813
+ "internalComponents": [
814
+ "CellComponent",
815
+ "Box",
816
+ "Text",
817
+ "Table.Root",
818
+ "Table.Header",
819
+ "Table.Row",
820
+ "Table.Cell",
821
+ "Table.Body"
822
+ ],
823
+ "internalComponentProps": { "Table.Cell": { "asHeaderCell": ["column"] } },
824
+ "propToVariantKeys": {},
825
+ "runtimeConfigDefaultProps": {},
826
+ "runtimeConfigGetStyles": {},
827
+ "runtimeConfigInternalComponentProps": {},
828
+ "motionVarPrefixes": []
829
+ };
830
+ var Avatar = {
831
+ "name": "Avatar",
845
832
  "defaultProps": {},
846
833
  "getStylesLiterals": {},
847
834
  "cxLiterals": [],
848
- "internalComponents": ["ReactToastifyToastContainer"],
835
+ "internalComponents": ["AvatarImage"],
849
836
  "internalComponentProps": {},
850
837
  "propToVariantKeys": {},
851
- "runtimeConfigDefaultProps": {
852
- "size": "toast.defaultSize",
853
- "variant": "toast.defaultVariant"
838
+ "runtimeConfigDefaultProps": {},
839
+ "runtimeConfigGetStyles": {},
840
+ "runtimeConfigInternalComponentProps": {},
841
+ "motionVarPrefixes": []
842
+ };
843
+ var AvatarIcon = {
844
+ "name": "AvatarIcon",
845
+ "defaultProps": {
846
+ "size": "md",
847
+ "variant": "primary"
854
848
  },
849
+ "getStylesLiterals": {},
850
+ "cxLiterals": [
851
+ "overflow-hidden",
852
+ "w-full",
853
+ "h-full",
854
+ "shrink-0",
855
+ "text-center",
856
+ "inline-flex",
857
+ "justify-center",
858
+ "items-center"
859
+ ],
860
+ "internalComponents": ["IconSlot", "Box"],
861
+ "internalComponentProps": {},
862
+ "propToVariantKeys": { "size": ["avatarSizeIcon"] },
863
+ "runtimeConfigDefaultProps": {},
855
864
  "runtimeConfigGetStyles": {},
856
- "runtimeConfigInternalComponentProps": { "ReactToastifyToastContainer": { "autoClose": ["toast.autoClose"] } },
865
+ "runtimeConfigInternalComponentProps": {},
857
866
  "motionVarPrefixes": []
858
867
  };
859
- var Toast = {
860
- "name": "Toast",
861
- "defaultProps": {},
862
- "getStylesLiterals": {
863
- "className": "animate-spin",
864
- "className:1": "flex-none",
865
- "spacing": "2",
866
- "borderRadius": "full"
868
+ var AvatarImage = {
869
+ "name": "AvatarImage",
870
+ "defaultProps": {
871
+ "size": "md",
872
+ "variant": "primary"
867
873
  },
874
+ "getStylesLiterals": {},
868
875
  "cxLiterals": [
869
- "duration-0",
870
- "duration-120",
871
- "transition-[background-color]",
872
- "bg-carbon-15/0",
873
- "hover:bg-carbon-15/10",
874
- "active:bg-carbon-15/15",
875
- "uds-ring"
876
+ "overflow-hidden",
877
+ "w-full",
878
+ "h-full",
879
+ "shrink-0",
880
+ "text-center",
881
+ "inline-flex",
882
+ "justify-center",
883
+ "items-center",
884
+ "object-cover"
876
885
  ],
877
886
  "internalComponents": [
878
- "IconSlot",
879
- "ToastContainer",
880
- "Text",
881
- "Button",
882
- "Pressable"
887
+ "UDSImage",
888
+ "AvatarText",
889
+ "AvatarIcon",
890
+ "Box"
883
891
  ],
884
892
  "internalComponentProps": {},
885
893
  "propToVariantKeys": {
886
- "size": [
887
- "toastSizeLabel",
888
- "toastSizeIcon",
889
- "toastSizeActionButton",
890
- "toastSizeCloseIcon"
891
- ],
892
- "variant": [
893
- "toastVariantIcon",
894
- "toastVariantActionButton",
895
- "toastVariantCloseIcon"
896
- ],
897
- "closeIcon": ["icon"],
898
- "onClickActionButton": ["onClick"]
899
- },
900
- "runtimeConfigDefaultProps": {
901
- "size": "toast.defaultSize",
902
- "variant": "toast.defaultVariant"
903
- },
904
- "runtimeConfigGetStyles": {
905
- "toastSizeLabel": ["toast.defaultSize"],
906
- "toastVariantIcon": ["toast.defaultVariant"],
907
- "toastSizeIcon": ["toast.defaultSize"],
908
- "toastSizeActionButton": ["toast.defaultSize"],
909
- "toastVariantActionButton": ["toast.defaultVariant"],
910
- "toastVariantCloseIcon": ["toast.defaultVariant"],
911
- "toastSizeCloseIcon": ["toast.defaultSize"]
912
- },
913
- "runtimeConfigInternalComponentProps": {
914
- "ToastContainer": {
915
- "size": ["toast.defaultSize"],
916
- "variant": ["toast.defaultVariant"]
917
- },
918
- "Text": {
919
- "variant": ["toast.textVariant.${size}"],
920
- "color": ["toast.textColor.${variant}"]
921
- },
922
- "Button": {
923
- "size": ["toast.buttonSize.${size}"],
924
- "variant": ["toast.buttonVariant.${variant}"]
925
- }
894
+ "alt": ["name"],
895
+ "fallback": ["initials"]
926
896
  },
897
+ "runtimeConfigDefaultProps": {},
898
+ "runtimeConfigGetStyles": {},
899
+ "runtimeConfigInternalComponentProps": {},
927
900
  "motionVarPrefixes": []
928
901
  };
929
- var ToastContainer = {
930
- "name": "ToastContainer",
931
- "defaultProps": {},
932
- "getStylesLiterals": {
933
- "position": "relative",
934
- "alignItems": "center",
935
- "display": "flex",
936
- "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
902
+ var AvatarText = {
903
+ "name": "AvatarText",
904
+ "defaultProps": {
905
+ "size": "md",
906
+ "variant": "primary"
937
907
  },
938
- "cxLiterals": ["w-full"],
939
- "internalComponents": ["HStack"],
940
- "internalComponentProps": { "HStack": {
941
- "alignItems": ["center"],
942
- "justifyContent": ["space-between"],
943
- "overflow": ["hidden"],
944
- "position": ["relative"]
908
+ "getStylesLiterals": {},
909
+ "cxLiterals": [
910
+ "overflow-hidden",
911
+ "truncate",
912
+ "w-full",
913
+ "h-full",
914
+ "shrink-0",
915
+ "text-center",
916
+ "inline-flex",
917
+ "justify-center",
918
+ "items-center"
919
+ ],
920
+ "internalComponents": ["Box", "Text"],
921
+ "internalComponentProps": { "Text": {
922
+ "color": ["inherit"],
923
+ "variant": ["inherit"]
945
924
  } },
946
- "propToVariantKeys": {
947
- "variant": ["toastVariantRoot"],
948
- "size": ["toastSizeRoot"]
949
- },
950
- "runtimeConfigDefaultProps": {
951
- "size": "toast.defaultSize",
952
- "variant": "toast.defaultVariant"
953
- },
954
- "runtimeConfigGetStyles": {
955
- "toastVariantRoot": ["toast.defaultVariant"],
956
- "toastSizeRoot": ["toast.defaultSize"]
957
- },
958
- "runtimeConfigInternalComponentProps": { "HStack": { "backgroundColor": ["toast.backgroundColor.${variant}"] } },
925
+ "propToVariantKeys": {},
926
+ "runtimeConfigDefaultProps": {},
927
+ "runtimeConfigGetStyles": {},
928
+ "runtimeConfigInternalComponentProps": {},
959
929
  "motionVarPrefixes": []
960
930
  };
961
- var BottomSheetInternalContext = {
962
- "name": "BottomSheetInternalContext",
963
- "defaultProps": {},
931
+ var BottomSheet = {
932
+ "name": "BottomSheet",
933
+ "defaultProps": { "variant": "default" },
964
934
  "getStylesLiterals": {},
965
- "cxLiterals": [],
966
- "internalComponents": [],
967
- "internalComponentProps": {},
968
- "propToVariantKeys": {},
935
+ "cxLiterals": [
936
+ "fixed",
937
+ "overflow-hidden",
938
+ "inset-x-0",
939
+ "bottom-0",
940
+ "z-50",
941
+ "[will-change:transform]",
942
+ "touch-none",
943
+ "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
944
+ "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
945
+ "transition-transform",
946
+ "duration-500",
947
+ "ease-[cubic-bezier(0.32,0.72,0,1)]",
948
+ "motion-reduce:transition-none",
949
+ "top-[-4px]",
950
+ "z-[1]",
951
+ "touch-pan-y"
952
+ ],
953
+ "internalComponents": [
954
+ "Scrim",
955
+ "BottomSheetHandle",
956
+ "Dialog",
957
+ "Box",
958
+ "BottomSheetInternalContext.Provider"
959
+ ],
960
+ "internalComponentProps": {
961
+ "BottomSheetHandle": { "ariaLabel": ["Resize sheet"] },
962
+ "Dialog": { "data-testid": ["bottom-sheet"] },
963
+ "Box": {
964
+ "display": ["block", "flex"],
965
+ "position": ["absolute"],
966
+ "flexDirection": ["column"],
967
+ "className": ["absolute inset-0 min-h-0 p-[inherit]"]
968
+ }
969
+ },
970
+ "propToVariantKeys": { "variant": ["bottomsheetVariantRoot"] },
969
971
  "runtimeConfigDefaultProps": {},
970
972
  "runtimeConfigGetStyles": {},
971
973
  "runtimeConfigInternalComponentProps": {},
@@ -990,6 +992,19 @@ var BottomSheetContent = {
990
992
  "runtimeConfigInternalComponentProps": {},
991
993
  "motionVarPrefixes": []
992
994
  };
995
+ var BottomSheetDismiss = {
996
+ "name": "BottomSheetDismiss",
997
+ "defaultProps": {},
998
+ "getStylesLiterals": {},
999
+ "cxLiterals": [],
1000
+ "internalComponents": ["AriakitDialogDismiss"],
1001
+ "internalComponentProps": {},
1002
+ "propToVariantKeys": {},
1003
+ "runtimeConfigDefaultProps": {},
1004
+ "runtimeConfigGetStyles": {},
1005
+ "runtimeConfigInternalComponentProps": {},
1006
+ "motionVarPrefixes": []
1007
+ };
993
1008
  var BottomSheetHandle = {
994
1009
  "name": "BottomSheetHandle",
995
1010
  "defaultProps": { "variant": "default" },
@@ -1021,51 +1036,6 @@ var BottomSheetHandle = {
1021
1036
  "runtimeConfigInternalComponentProps": {},
1022
1037
  "motionVarPrefixes": []
1023
1038
  };
1024
- var BottomSheet = {
1025
- "name": "BottomSheet",
1026
- "defaultProps": { "variant": "default" },
1027
- "getStylesLiterals": {},
1028
- "cxLiterals": [
1029
- "fixed",
1030
- "overflow-hidden",
1031
- "inset-x-0",
1032
- "bottom-0",
1033
- "z-50",
1034
- "[will-change:transform]",
1035
- "touch-none",
1036
- "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
1037
- "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
1038
- "transition-transform",
1039
- "duration-500",
1040
- "ease-[cubic-bezier(0.32,0.72,0,1)]",
1041
- "motion-reduce:transition-none",
1042
- "top-[-4px]",
1043
- "z-[1]",
1044
- "touch-pan-y"
1045
- ],
1046
- "internalComponents": [
1047
- "Scrim",
1048
- "BottomSheetHandle",
1049
- "Dialog",
1050
- "Box",
1051
- "BottomSheetInternalContext.Provider"
1052
- ],
1053
- "internalComponentProps": {
1054
- "BottomSheetHandle": { "ariaLabel": ["Resize sheet"] },
1055
- "Dialog": { "data-testid": ["bottom-sheet"] },
1056
- "Box": {
1057
- "display": ["block", "flex"],
1058
- "position": ["absolute"],
1059
- "flexDirection": ["column"],
1060
- "className": ["absolute inset-0 min-h-0 p-[inherit]"]
1061
- }
1062
- },
1063
- "propToVariantKeys": { "variant": ["bottomsheetVariantRoot"] },
1064
- "runtimeConfigDefaultProps": {},
1065
- "runtimeConfigGetStyles": {},
1066
- "runtimeConfigInternalComponentProps": {},
1067
- "motionVarPrefixes": []
1068
- };
1069
1039
  var BottomSheetHeader = {
1070
1040
  "name": "BottomSheetHeader",
1071
1041
  "defaultProps": { "variant": "default" },
@@ -1097,6 +1067,32 @@ var BottomSheetHeader = {
1097
1067
  "runtimeConfigInternalComponentProps": {},
1098
1068
  "motionVarPrefixes": []
1099
1069
  };
1070
+ var BottomSheetInternalContext = {
1071
+ "name": "BottomSheetInternalContext",
1072
+ "defaultProps": {},
1073
+ "getStylesLiterals": {},
1074
+ "cxLiterals": [],
1075
+ "internalComponents": [],
1076
+ "internalComponentProps": {},
1077
+ "propToVariantKeys": {},
1078
+ "runtimeConfigDefaultProps": {},
1079
+ "runtimeConfigGetStyles": {},
1080
+ "runtimeConfigInternalComponentProps": {},
1081
+ "motionVarPrefixes": []
1082
+ };
1083
+ var BottomSheetProvider = {
1084
+ "name": "BottomSheetProvider",
1085
+ "defaultProps": {},
1086
+ "getStylesLiterals": {},
1087
+ "cxLiterals": [],
1088
+ "internalComponents": ["AriakitDialogProvider"],
1089
+ "internalComponentProps": {},
1090
+ "propToVariantKeys": {},
1091
+ "runtimeConfigDefaultProps": {},
1092
+ "runtimeConfigGetStyles": {},
1093
+ "runtimeConfigInternalComponentProps": {},
1094
+ "motionVarPrefixes": []
1095
+ };
1100
1096
  var BottomSheetTrigger = {
1101
1097
  "name": "BottomSheetTrigger",
1102
1098
  "defaultProps": {},
@@ -1123,12 +1119,17 @@ var UDSBottomSheetConfigProvider = {
1123
1119
  "runtimeConfigInternalComponentProps": {},
1124
1120
  "motionVarPrefixes": []
1125
1121
  };
1126
- var BottomSheetDismiss = {
1127
- "name": "BottomSheetDismiss",
1122
+ var Chip = {
1123
+ "name": "Chip",
1128
1124
  "defaultProps": {},
1129
1125
  "getStylesLiterals": {},
1130
1126
  "cxLiterals": [],
1131
- "internalComponents": ["AriakitDialogDismiss"],
1127
+ "internalComponents": [
1128
+ "ChipDismissible",
1129
+ "ChipToggle",
1130
+ "ChipLink",
1131
+ "ChipButton"
1132
+ ],
1132
1133
  "internalComponentProps": {},
1133
1134
  "propToVariantKeys": {},
1134
1135
  "runtimeConfigDefaultProps": {},
@@ -1136,26 +1137,53 @@ var BottomSheetDismiss = {
1136
1137
  "runtimeConfigInternalComponentProps": {},
1137
1138
  "motionVarPrefixes": []
1138
1139
  };
1139
- var BottomSheetProvider = {
1140
- "name": "BottomSheetProvider",
1141
- "defaultProps": {},
1140
+ var ChipBase = {
1141
+ "name": "ChipBase",
1142
+ "defaultProps": {
1143
+ "size": "md",
1144
+ "as": "div"
1145
+ },
1142
1146
  "getStylesLiterals": {},
1143
- "cxLiterals": [],
1144
- "internalComponents": ["AriakitDialogProvider"],
1145
- "internalComponentProps": {},
1146
- "propToVariantKeys": {},
1147
+ "cxLiterals": [
1148
+ "pointer-events-none",
1149
+ "cursor-default",
1150
+ "opacity-50",
1151
+ "inline-flex",
1152
+ "items-center",
1153
+ "transition-[background-color,outline-color,box-shadow]",
1154
+ "truncate",
1155
+ "whitespace-nowrap",
1156
+ "text-center",
1157
+ "flex-1"
1158
+ ],
1159
+ "internalComponents": [
1160
+ "IconSlot",
1161
+ "HStack",
1162
+ "As",
1163
+ "Text"
1164
+ ],
1165
+ "internalComponentProps": { "Text": {
1166
+ "as": ["span"],
1167
+ "color": ["current"],
1168
+ "variant": ["inherit"]
1169
+ } },
1170
+ "propToVariantKeys": {
1171
+ "size": ["chipSizeRoot", "chipSizeIcon"],
1172
+ "startIcon": ["icon"],
1173
+ "endIcon": ["icon"]
1174
+ },
1147
1175
  "runtimeConfigDefaultProps": {},
1148
1176
  "runtimeConfigGetStyles": {},
1149
1177
  "runtimeConfigInternalComponentProps": {},
1150
1178
  "motionVarPrefixes": []
1151
1179
  };
1152
- var ChipLink = {
1153
- "name": "ChipLink",
1180
+ var ChipButton = {
1181
+ "name": "ChipButton",
1154
1182
  "defaultProps": { "variant": "primary" },
1155
1183
  "getStylesLiterals": {},
1156
1184
  "cxLiterals": ["uds-ring"],
1157
1185
  "internalComponents": ["ChipBase"],
1158
- "internalComponentProps": { "ChipBase": { "as": ["a"] } },
1186
+ "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1159
1187
  "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1160
1188
  "runtimeConfigDefaultProps": {},
1161
1189
  "runtimeConfigGetStyles": {},
@@ -1187,6 +1215,19 @@ var ChipDismissible = {
1187
1215
  "runtimeConfigInternalComponentProps": {},
1188
1216
  "motionVarPrefixes": []
1189
1217
  };
1218
+ var ChipLink = {
1219
+ "name": "ChipLink",
1220
+ "defaultProps": { "variant": "primary" },
1221
+ "getStylesLiterals": {},
1222
+ "cxLiterals": ["uds-ring"],
1223
+ "internalComponents": ["ChipBase"],
1224
+ "internalComponentProps": { "ChipBase": { "as": ["a"] } },
1225
+ "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1226
+ "runtimeConfigDefaultProps": {},
1227
+ "runtimeConfigGetStyles": {},
1228
+ "runtimeConfigInternalComponentProps": {},
1229
+ "motionVarPrefixes": []
1230
+ };
1190
1231
  var ChipToggle = {
1191
1232
  "name": "ChipToggle",
1192
1233
  "defaultProps": {
@@ -1206,57 +1247,99 @@ var ChipToggle = {
1206
1247
  "runtimeConfigInternalComponentProps": {},
1207
1248
  "motionVarPrefixes": []
1208
1249
  };
1209
- var ChipBase = {
1210
- "name": "ChipBase",
1211
- "defaultProps": {
1212
- "size": "md",
1213
- "as": "div"
1214
- },
1250
+ var Popover = {
1251
+ "name": "Popover",
1252
+ "defaultProps": {},
1215
1253
  "getStylesLiterals": {},
1254
+ "cxLiterals": [],
1255
+ "internalComponents": ["PopoverInternalContext.Provider", "PopoverProvider"],
1256
+ "internalComponentProps": {},
1257
+ "propToVariantKeys": {},
1258
+ "runtimeConfigDefaultProps": {
1259
+ "size": "popover.defaultSize",
1260
+ "variant": "popover.defaultVariant"
1261
+ },
1262
+ "runtimeConfigGetStyles": {},
1263
+ "runtimeConfigInternalComponentProps": {},
1264
+ "motionVarPrefixes": []
1265
+ };
1266
+ var PopoverContent = {
1267
+ "name": "PopoverContent",
1268
+ "defaultProps": {},
1269
+ "getStylesLiterals": {
1270
+ "popoverSizeRoot": "default",
1271
+ "popoverVariantRoot": "default",
1272
+ "display": "flex",
1273
+ "position": "relative",
1274
+ "display:1": "block",
1275
+ "spacingTop": "0",
1276
+ "spacingStart": "0",
1277
+ "spacingBottom": "0",
1278
+ "spacingEnd": "0",
1279
+ "popoverSizeSvgBase": "default",
1280
+ "popoverVariantSvgBase": "default",
1281
+ "popoverSizeSvgBorder": "default",
1282
+ "popoverVariantSvgBorder": "default",
1283
+ "popoverVariantBlur": "default",
1284
+ "position:1": "absolute",
1285
+ "width": "full",
1286
+ "height": "full",
1287
+ "flexShrink": "0",
1288
+ "borderRadius": "full",
1289
+ "alignItems": "center",
1290
+ "justifyContent": "center",
1291
+ "popoverVariantCloseIcon": "default",
1292
+ "popoverSizeCloseIcon": "default"
1293
+ },
1216
1294
  "cxLiterals": [
1217
- "pointer-events-none",
1218
- "cursor-default",
1219
- "opacity-50",
1220
- "inline-flex",
1221
- "items-center",
1222
- "transition-[background-color,outline-color,box-shadow]",
1223
- "truncate",
1224
- "whitespace-nowrap",
1225
- "text-center",
1226
- "flex-1"
1295
+ "z-[9999]",
1296
+ "outline-none",
1297
+ "focus-visible:outline-none",
1298
+ "uds-bgBlurFillFallback",
1299
+ "uds-bgBlurFallback",
1300
+ "top-0",
1301
+ "left-0",
1302
+ "z-[1]",
1303
+ "duration-0",
1304
+ "duration-120",
1305
+ "transition-[background-color]",
1306
+ "bg-carbon-15/0",
1307
+ "hover:bg-carbon-15/10",
1308
+ "active:bg-carbon-15/15",
1309
+ "uds-ring",
1310
+ "absolute",
1311
+ "z-[4]"
1227
1312
  ],
1228
1313
  "internalComponents": [
1314
+ "PopoverDismiss",
1229
1315
  "IconSlot",
1230
- "HStack",
1231
- "As",
1232
- "Text"
1316
+ "PopoverArrow",
1317
+ "Popover",
1318
+ "SvgFloatingOverlay",
1319
+ "Box",
1320
+ "Pressable"
1233
1321
  ],
1234
- "internalComponentProps": { "Text": {
1235
- "as": ["span"],
1236
- "color": ["current"],
1237
- "variant": ["inherit"]
1238
- } },
1239
- "propToVariantKeys": {
1240
- "size": ["chipSizeRoot", "chipSizeIcon"],
1241
- "startIcon": ["icon"],
1242
- "endIcon": ["icon"]
1322
+ "internalComponentProps": {},
1323
+ "propToVariantKeys": { "closeIcon": ["icon"] },
1324
+ "runtimeConfigDefaultProps": {
1325
+ "size": "popover.defaultSize",
1326
+ "variant": "popover.defaultVariant"
1243
1327
  },
1244
- "runtimeConfigDefaultProps": {},
1245
- "runtimeConfigGetStyles": {},
1246
- "runtimeConfigInternalComponentProps": {},
1328
+ "runtimeConfigGetStyles": {
1329
+ "spacingTop": ["popover.spacingVertical.${size}"],
1330
+ "spacingStart": ["popover.spacingHorizontal.${size}"],
1331
+ "spacingBottom": ["popover.spacingVertical.${size}"],
1332
+ "spacingEnd": ["popover.spacingHorizontal.${size}"]
1333
+ },
1334
+ "runtimeConfigInternalComponentProps": { "SvgFloatingOverlay": { "borderRadius": ["popover.borderRadius.${size}"] } },
1247
1335
  "motionVarPrefixes": []
1248
1336
  };
1249
- var Chip = {
1250
- "name": "Chip",
1337
+ var PopoverContext = {
1338
+ "name": "PopoverContext",
1251
1339
  "defaultProps": {},
1252
1340
  "getStylesLiterals": {},
1253
1341
  "cxLiterals": [],
1254
- "internalComponents": [
1255
- "ChipDismissible",
1256
- "ChipToggle",
1257
- "ChipLink",
1258
- "ChipButton"
1259
- ],
1342
+ "internalComponents": [],
1260
1343
  "internalComponentProps": {},
1261
1344
  "propToVariantKeys": {},
1262
1345
  "runtimeConfigDefaultProps": {},
@@ -1264,79 +1347,25 @@ var Chip = {
1264
1347
  "runtimeConfigInternalComponentProps": {},
1265
1348
  "motionVarPrefixes": []
1266
1349
  };
1267
- var ChipButton = {
1268
- "name": "ChipButton",
1269
- "defaultProps": { "variant": "primary" },
1270
- "getStylesLiterals": {},
1271
- "cxLiterals": ["uds-ring"],
1272
- "internalComponents": ["ChipBase"],
1273
- "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1274
- "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1275
- "runtimeConfigDefaultProps": {},
1276
- "runtimeConfigGetStyles": {},
1277
- "runtimeConfigInternalComponentProps": {},
1278
- "motionVarPrefixes": []
1279
- };
1280
- var AvatarText = {
1281
- "name": "AvatarText",
1282
- "defaultProps": {
1283
- "size": "md",
1284
- "variant": "primary"
1285
- },
1286
- "getStylesLiterals": {},
1287
- "cxLiterals": [
1288
- "overflow-hidden",
1289
- "truncate",
1290
- "w-full",
1291
- "h-full",
1292
- "shrink-0",
1293
- "text-center",
1294
- "inline-flex",
1295
- "justify-center",
1296
- "items-center"
1297
- ],
1298
- "internalComponents": ["Box", "Text"],
1299
- "internalComponentProps": { "Text": {
1300
- "color": ["inherit"],
1301
- "variant": ["inherit"]
1302
- } },
1303
- "propToVariantKeys": {},
1304
- "runtimeConfigDefaultProps": {},
1305
- "runtimeConfigGetStyles": {},
1306
- "runtimeConfigInternalComponentProps": {},
1307
- "motionVarPrefixes": []
1308
- };
1309
- var AvatarIcon = {
1310
- "name": "AvatarIcon",
1311
- "defaultProps": {
1312
- "size": "md",
1313
- "variant": "primary"
1314
- },
1350
+ var PopoverTrigger = {
1351
+ "name": "PopoverTrigger",
1352
+ "defaultProps": {},
1315
1353
  "getStylesLiterals": {},
1316
- "cxLiterals": [
1317
- "overflow-hidden",
1318
- "w-full",
1319
- "h-full",
1320
- "shrink-0",
1321
- "text-center",
1322
- "inline-flex",
1323
- "justify-center",
1324
- "items-center"
1325
- ],
1326
- "internalComponents": ["IconSlot", "Box"],
1327
- "internalComponentProps": {},
1328
- "propToVariantKeys": { "size": ["avatarSizeIcon"] },
1354
+ "cxLiterals": [],
1355
+ "internalComponents": ["PopoverDisclosure"],
1356
+ "internalComponentProps": { "PopoverDisclosure": { "className": ["inline"] } },
1357
+ "propToVariantKeys": { "children": ["render"] },
1329
1358
  "runtimeConfigDefaultProps": {},
1330
1359
  "runtimeConfigGetStyles": {},
1331
1360
  "runtimeConfigInternalComponentProps": {},
1332
1361
  "motionVarPrefixes": []
1333
1362
  };
1334
- var Avatar = {
1335
- "name": "Avatar",
1363
+ var UDSPopoverConfigProvider = {
1364
+ "name": "UDSPopoverConfigProvider",
1336
1365
  "defaultProps": {},
1337
1366
  "getStylesLiterals": {},
1338
1367
  "cxLiterals": [],
1339
- "internalComponents": ["AvatarImage"],
1368
+ "internalComponents": ["PopoverContext.Provider"],
1340
1369
  "internalComponentProps": {},
1341
1370
  "propToVariantKeys": {},
1342
1371
  "runtimeConfigDefaultProps": {},
@@ -1344,175 +1373,163 @@ var Avatar = {
1344
1373
  "runtimeConfigInternalComponentProps": {},
1345
1374
  "motionVarPrefixes": []
1346
1375
  };
1347
- var AvatarImage = {
1348
- "name": "AvatarImage",
1376
+ var Menu_Content = {
1377
+ "name": "Menu.Content",
1349
1378
  "defaultProps": {
1350
- "size": "md",
1351
- "variant": "primary"
1379
+ "size": "default",
1380
+ "variant": "default",
1381
+ "gutter": "1"
1352
1382
  },
1353
1383
  "getStylesLiterals": {},
1354
1384
  "cxLiterals": [
1355
- "overflow-hidden",
1356
- "w-full",
1357
- "h-full",
1358
- "shrink-0",
1359
- "text-center",
1360
- "inline-flex",
1361
- "justify-center",
1362
- "items-center",
1363
- "object-cover"
1385
+ "uds-menu-content",
1386
+ "transition-shadow",
1387
+ "duration-200",
1388
+ "ease-in-out",
1389
+ "min-w-60",
1390
+ "max-w-lg",
1391
+ "max-h-96",
1392
+ "overflow-auto",
1393
+ "uds-ring",
1394
+ "z-10",
1395
+ "group"
1364
1396
  ],
1365
1397
  "internalComponents": [
1366
- "UDSImage",
1367
- "AvatarText",
1368
- "AvatarIcon",
1369
- "Box"
1398
+ "AriakitMenu",
1399
+ "AnimatePresence",
1400
+ "MotionVStack"
1370
1401
  ],
1371
1402
  "internalComponentProps": {},
1372
1403
  "propToVariantKeys": {
1373
- "alt": ["name"],
1374
- "fallback": ["initials"]
1404
+ "size": ["menucontentSizeRoot"],
1405
+ "variant": ["menucontentVariantRoot"]
1375
1406
  },
1376
1407
  "runtimeConfigDefaultProps": {},
1377
1408
  "runtimeConfigGetStyles": {},
1378
1409
  "runtimeConfigInternalComponentProps": {},
1379
1410
  "motionVarPrefixes": []
1380
1411
  };
1381
- var TabPanel = {
1382
- "name": "TabPanel",
1383
- "defaultProps": {},
1384
- "getStylesLiterals": {},
1412
+ var Menu_Divider = {
1413
+ "name": "Menu.Divider",
1414
+ "defaultProps": {
1415
+ "role": "separator",
1416
+ "contentPosition": "start",
1417
+ "gap": "4"
1418
+ },
1419
+ "getStylesLiterals": {
1420
+ "menuitemDividerVariantRoot": "default",
1421
+ "menuitemDividerVariantText": "default",
1422
+ "menuitemDividerVariantLine": "default"
1423
+ },
1385
1424
  "cxLiterals": [],
1386
- "internalComponents": ["AriakitTabPanel"],
1387
- "internalComponentProps": {},
1425
+ "internalComponents": ["DividerInternal"],
1426
+ "internalComponentProps": { "DividerInternal": { "variant": ["inherit"] } },
1388
1427
  "propToVariantKeys": {},
1389
1428
  "runtimeConfigDefaultProps": {},
1390
1429
  "runtimeConfigGetStyles": {},
1391
1430
  "runtimeConfigInternalComponentProps": {},
1392
1431
  "motionVarPrefixes": []
1393
1432
  };
1394
- var Tabs = {
1395
- "name": "Tabs",
1396
- "defaultProps": { "variant": "primary" },
1397
- "getStylesLiterals": {},
1398
- "cxLiterals": [],
1399
- "internalComponents": ["TabsContext.Provider", "TabProvider"],
1400
- "internalComponentProps": {},
1401
- "propToVariantKeys": { "onSelectionChange": ["setSelectedId"] },
1402
- "runtimeConfigDefaultProps": {},
1403
- "runtimeConfigGetStyles": {},
1404
- "runtimeConfigInternalComponentProps": {},
1405
- "motionVarPrefixes": []
1406
- };
1407
- var TabList = {
1408
- "name": "TabList",
1409
- "defaultProps": { "variant": "primary" },
1433
+ var Menu_Item = {
1434
+ "name": "Menu.Item",
1435
+ "defaultProps": {},
1410
1436
  "getStylesLiterals": {
1411
- "tabSizeRoot": "default",
1412
- "tabVariantActiveRoot": "on"
1437
+ "menuitemItemVariantRoot": "default",
1438
+ "menuitemItemVariantActiveRoot": "on",
1439
+ "menuitemItemVariantActiveRoot:1": "off",
1440
+ "menuitemItemVariantText": "default",
1441
+ "menuitemItemVariantActiveText": "on",
1442
+ "menuitemItemVariantActiveText:1": "off",
1443
+ "menuitemItemVariantIcon": "default",
1444
+ "menuitemItemVariantActiveIcon": "on",
1445
+ "menuitemItemVariantActiveIcon:1": "off"
1413
1446
  },
1414
- "cxLiterals": [
1415
- "pointer-events-none",
1416
- "absolute",
1417
- "bottom-0",
1418
- "left-0",
1419
- "right-0",
1420
- "h-[var(--uds-tab-underline-width,0px)]",
1421
- "bg-[var(--uds-tab-underline-color,transparent)]",
1422
- "transition-[height,background-color]",
1423
- "duration-[240ms]",
1424
- "ease-[cubic-bezier(0.2,0,0,1)]",
1425
- "!m-0",
1426
- "!p-0",
1427
- "!gap-0",
1428
- "box-border",
1429
- "z-0",
1430
- "min-w-0",
1431
- "min-h-0",
1432
- "flex",
1433
- "flex-row",
1434
- "items-center",
1435
- "overflow-x-auto",
1436
- "overflow-y-clip",
1437
- "scrollbar-none",
1438
- "[overflow-clip-margin:6px]",
1439
- "overflow-clip",
1440
- "[overflow-clip-margin:8px]",
1441
- "relative"
1442
- ],
1443
- "internalComponents": ["AriakitTabList"],
1447
+ "cxLiterals": [],
1448
+ "internalComponents": ["MenuItemBase"],
1444
1449
  "internalComponentProps": {},
1445
- "propToVariantKeys": { "variant": ["tabsVariantRoot", "tabVariantRoot"] },
1450
+ "propToVariantKeys": {},
1446
1451
  "runtimeConfigDefaultProps": {},
1447
1452
  "runtimeConfigGetStyles": {},
1448
1453
  "runtimeConfigInternalComponentProps": {},
1449
1454
  "motionVarPrefixes": []
1450
1455
  };
1451
- var Tab = {
1452
- "name": "Tab",
1453
- "defaultProps": { "variant": "primary" },
1454
- "getStylesLiterals": {
1455
- "tabSizeRoot": "default",
1456
- "tabVariantActiveRoot": "off",
1457
- "tabVariantActiveRoot:1": "on",
1458
- "tabSizeIcon": "default"
1459
- },
1460
- "cxLiterals": [
1461
- "pointer-events-none",
1462
- "absolute",
1463
- "bottom-0",
1464
- "left-0",
1465
- "right-0",
1466
- "h-[var(--uds-tab-underline-width,0px)]",
1467
- "bg-[var(--uds-tab-underline-color,transparent)]",
1468
- "transition-[height,background-color]",
1469
- "duration-[240ms]",
1470
- "ease-[cubic-bezier(0.2,0,0,1)]",
1471
- "!bg-transparent",
1472
- "!shadow-none",
1473
- "inline-flex",
1474
- "items-center",
1475
- "shrink-0",
1476
- "box-border",
1477
- "relative",
1478
- "z-[1]",
1479
- "cursor-pointer",
1480
- "select-none",
1481
- "whitespace-nowrap",
1456
+ var Menu_ItemBase = {
1457
+ "name": "Menu.ItemBase",
1458
+ "defaultProps": {
1459
+ "spacing": "0",
1460
+ "spacingHorizontal": "4",
1461
+ "spacingVertical": "3.5",
1462
+ "columnGap": "2",
1463
+ "alignItems": "center",
1464
+ "justifyContent": "space-between"
1465
+ },
1466
+ "getStylesLiterals": {
1467
+ "textAlign": "start",
1468
+ "menuitemSizeRoot": "default",
1469
+ "flexDirection": "row",
1470
+ "menuitemSizeStartIcon": "default",
1471
+ "menuitemSizeEndIcon": "default"
1472
+ },
1473
+ "cxLiterals": [
1474
+ "flex",
1475
+ "focus-visible:text-brand",
1476
+ "focus-visible:bg-brand-secondary",
1477
+ "focus-visible:z-10",
1482
1478
  "uds-ring",
1483
- "opacity-50",
1484
- "cursor-default",
1485
- "border-solid",
1486
- "border-b-solid",
1487
- "transition-colors"
1479
+ "!-outline-offset-2",
1480
+ "[&:not([aria-checked])]:cursor-default",
1481
+ "opacity-25",
1482
+ "cursor-not-allowed",
1483
+ "duration-20",
1484
+ "transition-[font-variation-settings]",
1485
+ "ease-in-out",
1486
+ "z-0",
1487
+ "uds-start-icon",
1488
+ "uds-end-icon"
1488
1489
  ],
1489
1490
  "internalComponents": [
1491
+ "Pressable",
1490
1492
  "IconSlot",
1491
- "AriakitTab",
1492
- "Text"
1493
+ "RootComponent",
1494
+ "HStack",
1495
+ "AnimatePresence"
1493
1496
  ],
1494
- "internalComponentProps": { "Text": {
1495
- "variant": ["inherit"],
1496
- "as": ["span"],
1497
- "color": ["current"]
1498
- } },
1497
+ "internalComponentProps": {
1498
+ "HStack": {
1499
+ "alignItems": ["center"],
1500
+ "width": ["full"]
1501
+ },
1502
+ "AnimatePresence": { "mode": ["popLayout"] }
1503
+ },
1499
1504
  "propToVariantKeys": {
1500
- "variant": ["tabVariantRoot", "tabVariantIcon"],
1501
- "activeState": ["tabVariantActiveIcon"],
1502
1505
  "startIcon": ["icon"],
1503
- "endIcon": ["icon"]
1506
+ "endIcon": ["icon"],
1507
+ "columnGap": ["gap"]
1504
1508
  },
1505
1509
  "runtimeConfigDefaultProps": {},
1506
1510
  "runtimeConfigGetStyles": {},
1507
1511
  "runtimeConfigInternalComponentProps": {},
1508
1512
  "motionVarPrefixes": []
1509
1513
  };
1510
- var UDSPopoverConfigProvider = {
1511
- "name": "UDSPopoverConfigProvider",
1514
+ var Menu_ItemCheckbox = {
1515
+ "name": "Menu.ItemCheckbox",
1512
1516
  "defaultProps": {},
1513
- "getStylesLiterals": {},
1514
- "cxLiterals": [],
1515
- "internalComponents": ["PopoverContext.Provider"],
1517
+ "getStylesLiterals": {
1518
+ "menuitemItemCheckboxVariantRoot": "default",
1519
+ "menuitemItemCheckboxVariantActiveRoot": "on",
1520
+ "menuitemItemCheckboxVariantActiveRoot:1": "off",
1521
+ "menuitemItemCheckboxVariantText": "default",
1522
+ "menuitemItemCheckboxVariantActiveText": "on",
1523
+ "menuitemItemCheckboxVariantActiveText:1": "off",
1524
+ "menuitemItemCheckboxVariantStartIcon": "default",
1525
+ "menuitemItemCheckboxVariantActiveStartIcon": "on",
1526
+ "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
1527
+ "menuitemItemCheckboxVariantEndIcon": "default",
1528
+ "menuitemItemCheckboxVariantActiveEndIcon": "on",
1529
+ "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
1530
+ },
1531
+ "cxLiterals": ["uds-menu-item-checkbox"],
1532
+ "internalComponents": ["MenuItemBase"],
1516
1533
  "internalComponentProps": {},
1517
1534
  "propToVariantKeys": {},
1518
1535
  "runtimeConfigDefaultProps": {},
@@ -1520,37 +1537,34 @@ var UDSPopoverConfigProvider = {
1520
1537
  "runtimeConfigInternalComponentProps": {},
1521
1538
  "motionVarPrefixes": []
1522
1539
  };
1523
- var Popover = {
1524
- "name": "Popover",
1540
+ var Menu_Provider = {
1541
+ "name": "Menu.Provider",
1525
1542
  "defaultProps": {},
1526
1543
  "getStylesLiterals": {},
1527
1544
  "cxLiterals": [],
1528
- "internalComponents": ["PopoverInternalContext.Provider", "PopoverProvider"],
1545
+ "internalComponents": ["AriakitMenuProvider", "SpringMotionConfig"],
1529
1546
  "internalComponentProps": {},
1530
1547
  "propToVariantKeys": {},
1531
- "runtimeConfigDefaultProps": {
1532
- "size": "popover.defaultSize",
1533
- "variant": "popover.defaultVariant"
1534
- },
1548
+ "runtimeConfigDefaultProps": {},
1535
1549
  "runtimeConfigGetStyles": {},
1536
1550
  "runtimeConfigInternalComponentProps": {},
1537
- "motionVarPrefixes": []
1551
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1538
1552
  };
1539
- var PopoverTrigger = {
1540
- "name": "PopoverTrigger",
1553
+ var Menu_Trigger = {
1554
+ "name": "Menu.Trigger",
1541
1555
  "defaultProps": {},
1542
1556
  "getStylesLiterals": {},
1543
- "cxLiterals": [],
1544
- "internalComponents": ["PopoverDisclosure"],
1545
- "internalComponentProps": { "PopoverDisclosure": { "className": ["inline"] } },
1546
- "propToVariantKeys": { "children": ["render"] },
1557
+ "cxLiterals": ["uds-menu-trigger"],
1558
+ "internalComponents": ["AriakitMenuTrigger", "Box"],
1559
+ "internalComponentProps": { "Box": { "className": ["uds-ring h-fit w-fit"] } },
1560
+ "propToVariantKeys": {},
1547
1561
  "runtimeConfigDefaultProps": {},
1548
1562
  "runtimeConfigGetStyles": {},
1549
1563
  "runtimeConfigInternalComponentProps": {},
1550
1564
  "motionVarPrefixes": []
1551
1565
  };
1552
- var PopoverContext = {
1553
- "name": "PopoverContext",
1566
+ var Menu_index = {
1567
+ "name": "Menu.index",
1554
1568
  "defaultProps": {},
1555
1569
  "getStylesLiterals": {},
1556
1570
  "cxLiterals": [],
@@ -1562,75 +1576,17 @@ var PopoverContext = {
1562
1576
  "runtimeConfigInternalComponentProps": {},
1563
1577
  "motionVarPrefixes": []
1564
1578
  };
1565
- var PopoverContent = {
1566
- "name": "PopoverContent",
1579
+ var Menu = {
1580
+ "name": "Menu",
1567
1581
  "defaultProps": {},
1568
- "getStylesLiterals": {
1569
- "popoverSizeRoot": "default",
1570
- "popoverVariantRoot": "default",
1571
- "display": "flex",
1572
- "position": "relative",
1573
- "display:1": "block",
1574
- "spacingTop": "0",
1575
- "spacingStart": "0",
1576
- "spacingBottom": "0",
1577
- "spacingEnd": "0",
1578
- "popoverSizeSvgBase": "default",
1579
- "popoverVariantSvgBase": "default",
1580
- "popoverSizeSvgBorder": "default",
1581
- "popoverVariantSvgBorder": "default",
1582
- "popoverVariantBlur": "default",
1583
- "position:1": "absolute",
1584
- "width": "full",
1585
- "height": "full",
1586
- "flexShrink": "0",
1587
- "borderRadius": "full",
1588
- "alignItems": "center",
1589
- "justifyContent": "center",
1590
- "popoverVariantCloseIcon": "default",
1591
- "popoverSizeCloseIcon": "default"
1592
- },
1593
- "cxLiterals": [
1594
- "z-[9999]",
1595
- "outline-none",
1596
- "focus-visible:outline-none",
1597
- "uds-bgBlurFillFallback",
1598
- "uds-bgBlurFallback",
1599
- "top-0",
1600
- "left-0",
1601
- "z-[1]",
1602
- "duration-0",
1603
- "duration-120",
1604
- "transition-[background-color]",
1605
- "bg-carbon-15/0",
1606
- "hover:bg-carbon-15/10",
1607
- "active:bg-carbon-15/15",
1608
- "uds-ring",
1609
- "absolute",
1610
- "z-[4]"
1611
- ],
1612
- "internalComponents": [
1613
- "PopoverDismiss",
1614
- "IconSlot",
1615
- "PopoverArrow",
1616
- "Popover",
1617
- "SvgFloatingOverlay",
1618
- "Box",
1619
- "Pressable"
1620
- ],
1582
+ "getStylesLiterals": {},
1583
+ "cxLiterals": [],
1584
+ "internalComponents": [],
1621
1585
  "internalComponentProps": {},
1622
- "propToVariantKeys": { "closeIcon": ["icon"] },
1623
- "runtimeConfigDefaultProps": {
1624
- "size": "popover.defaultSize",
1625
- "variant": "popover.defaultVariant"
1626
- },
1627
- "runtimeConfigGetStyles": {
1628
- "spacingTop": ["popover.spacingVertical.${size}"],
1629
- "spacingStart": ["popover.spacingHorizontal.${size}"],
1630
- "spacingBottom": ["popover.spacingVertical.${size}"],
1631
- "spacingEnd": ["popover.spacingHorizontal.${size}"]
1632
- },
1633
- "runtimeConfigInternalComponentProps": { "SvgFloatingOverlay": { "borderRadius": ["popover.borderRadius.${size}"] } },
1586
+ "propToVariantKeys": {},
1587
+ "runtimeConfigDefaultProps": {},
1588
+ "runtimeConfigGetStyles": {},
1589
+ "runtimeConfigInternalComponentProps": {},
1634
1590
  "motionVarPrefixes": []
1635
1591
  };
1636
1592
  var Input = {
@@ -1762,157 +1718,112 @@ var InputHelpTextInternal = {
1762
1718
  "runtimeConfigInternalComponentProps": {},
1763
1719
  "motionVarPrefixes": []
1764
1720
  };
1765
- var Menu_Item = {
1766
- "name": "Menu.Item",
1767
- "defaultProps": {},
1768
- "getStylesLiterals": {
1769
- "menuitemItemVariantRoot": "default",
1770
- "menuitemItemVariantActiveRoot": "on",
1771
- "menuitemItemVariantActiveRoot:1": "off",
1772
- "menuitemItemVariantText": "default",
1773
- "menuitemItemVariantActiveText": "on",
1774
- "menuitemItemVariantActiveText:1": "off",
1775
- "menuitemItemVariantIcon": "default",
1776
- "menuitemItemVariantActiveIcon": "on",
1777
- "menuitemItemVariantActiveIcon:1": "off"
1778
- },
1779
- "cxLiterals": [],
1780
- "internalComponents": ["MenuItemBase"],
1781
- "internalComponentProps": {},
1782
- "propToVariantKeys": {},
1783
- "runtimeConfigDefaultProps": {},
1784
- "runtimeConfigGetStyles": {},
1785
- "runtimeConfigInternalComponentProps": {},
1786
- "motionVarPrefixes": []
1787
- };
1788
- var Menu_index = {
1789
- "name": "Menu.index",
1790
- "defaultProps": {},
1791
- "getStylesLiterals": {},
1792
- "cxLiterals": [],
1793
- "internalComponents": [],
1794
- "internalComponentProps": {},
1795
- "propToVariantKeys": {},
1796
- "runtimeConfigDefaultProps": {},
1797
- "runtimeConfigGetStyles": {},
1798
- "runtimeConfigInternalComponentProps": {},
1799
- "motionVarPrefixes": []
1800
- };
1801
- var Menu = {
1802
- "name": "Menu",
1803
- "defaultProps": {},
1804
- "getStylesLiterals": {},
1805
- "cxLiterals": [],
1806
- "internalComponents": [],
1807
- "internalComponentProps": {},
1808
- "propToVariantKeys": {},
1809
- "runtimeConfigDefaultProps": {},
1810
- "runtimeConfigGetStyles": {},
1811
- "runtimeConfigInternalComponentProps": {},
1812
- "motionVarPrefixes": []
1813
- };
1814
- var Menu_Content = {
1815
- "name": "Menu.Content",
1721
+ var Radio = {
1722
+ "name": "Radio",
1816
1723
  "defaultProps": {
1817
- "size": "default",
1818
- "variant": "default",
1819
- "gutter": "1"
1724
+ "labelPosition": "start",
1725
+ "variant": "primary",
1726
+ "size": "md",
1727
+ "value": ""
1728
+ },
1729
+ "getStylesLiterals": {
1730
+ "radioVariantValueRoot": "checked",
1731
+ "radioVariantValueRoot:1": "unchecked",
1732
+ "display": "flex",
1733
+ "flexDirection": "row",
1734
+ "flexDirection:1": "row-reverse",
1735
+ "alignItems": "center",
1736
+ "radioVariantValueRadio": "checked",
1737
+ "radioVariantValueRadio:1": "unchecked",
1738
+ "radioVariantValueRadioCircle": "checked",
1739
+ "radioVariantValueRadioCircle:1": "unchecked"
1820
1740
  },
1821
- "getStylesLiterals": {},
1822
1741
  "cxLiterals": [
1823
- "uds-menu-content",
1824
- "transition-shadow",
1825
- "duration-200",
1826
- "ease-in-out",
1827
- "min-w-60",
1828
- "max-w-lg",
1829
- "max-h-96",
1830
- "overflow-auto",
1742
+ "cursor-pointer",
1743
+ "cursor-default",
1744
+ "opacity-50",
1745
+ "border",
1831
1746
  "uds-ring",
1832
- "z-10",
1833
- "group"
1747
+ "uds-ring-within",
1748
+ "transition-[background-color,border-color]",
1749
+ "transition-shadow",
1750
+ "pointer-events-none",
1751
+ "w-[8px]",
1752
+ "h-[8px]",
1753
+ "transition-opacity",
1754
+ "cursor-[inherit]",
1755
+ "absolute",
1756
+ "opacity-0",
1757
+ "top-1/2",
1758
+ "left-1/2",
1759
+ "w-[calc(100%+2px)]",
1760
+ "h-[calc(100%+2px)]",
1761
+ "transform",
1762
+ "translate-x-[-50%]",
1763
+ "translate-y-[-50%]",
1764
+ "text-start",
1765
+ "text-end"
1834
1766
  ],
1835
1767
  "internalComponents": [
1836
- "AriakitMenu",
1837
- "AnimatePresence",
1838
- "MotionVStack"
1768
+ "Box",
1769
+ "FormLabel",
1770
+ "SpringMotionConfig",
1771
+ "RootElement",
1772
+ "MotionBox"
1839
1773
  ],
1840
- "internalComponentProps": {},
1774
+ "internalComponentProps": {
1775
+ "Box": { "borderRadius": ["full"] },
1776
+ "FormLabel": {
1777
+ "as": ["div"],
1778
+ "variant": ["inherit"],
1779
+ "color": ["inherit"]
1780
+ },
1781
+ "RootElement": { "data-testid": ["container"] },
1782
+ "MotionBox": {
1783
+ "position": ["relative"],
1784
+ "borderRadius": ["full"],
1785
+ "alignItems": ["center"],
1786
+ "justifyContent": ["center"],
1787
+ "flex": ["none"]
1788
+ }
1789
+ },
1841
1790
  "propToVariantKeys": {
1842
- "size": ["menucontentSizeRoot"],
1843
- "variant": ["menucontentVariantRoot"]
1791
+ "size": ["radioSizeRoot", "radioSizeRadio"],
1792
+ "variant": [
1793
+ "radioVariantRoot",
1794
+ "radioVariantRadio",
1795
+ "radioVariantRadioCircle"
1796
+ ],
1797
+ "reduceMotion": ["reducedMotion"]
1844
1798
  },
1845
1799
  "runtimeConfigDefaultProps": {},
1846
1800
  "runtimeConfigGetStyles": {},
1847
1801
  "runtimeConfigInternalComponentProps": {},
1848
- "motionVarPrefixes": []
1802
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1849
1803
  };
1850
- var Menu_Trigger = {
1851
- "name": "Menu.Trigger",
1804
+ var RadioGroupProvider = {
1805
+ "name": "RadioGroupProvider",
1852
1806
  "defaultProps": {},
1853
1807
  "getStylesLiterals": {},
1854
- "cxLiterals": ["uds-menu-trigger"],
1855
- "internalComponents": ["AriakitMenuTrigger", "Box"],
1856
- "internalComponentProps": { "Box": { "className": ["uds-ring h-fit w-fit"] } },
1857
- "propToVariantKeys": {},
1858
- "runtimeConfigDefaultProps": {},
1859
- "runtimeConfigGetStyles": {},
1860
- "runtimeConfigInternalComponentProps": {},
1861
- "motionVarPrefixes": []
1862
- };
1863
- var Menu_Divider = {
1864
- "name": "Menu.Divider",
1865
- "defaultProps": {
1866
- "role": "separator",
1867
- "contentPosition": "start",
1868
- "gap": "4"
1869
- },
1870
- "getStylesLiterals": {
1871
- "menuitemDividerVariantRoot": "default",
1872
- "menuitemDividerVariantText": "default",
1873
- "menuitemDividerVariantLine": "default"
1874
- },
1875
1808
  "cxLiterals": [],
1876
- "internalComponents": ["DividerInternal"],
1877
- "internalComponentProps": { "DividerInternal": { "variant": ["inherit"] } },
1809
+ "internalComponents": [
1810
+ "DivProps",
1811
+ "Comp",
1812
+ "RadioGroupContext.Provider"
1813
+ ],
1814
+ "internalComponentProps": { "Comp": { "role": ["radiogroup"] } },
1878
1815
  "propToVariantKeys": {},
1879
1816
  "runtimeConfigDefaultProps": {},
1880
1817
  "runtimeConfigGetStyles": {},
1881
1818
  "runtimeConfigInternalComponentProps": {},
1882
1819
  "motionVarPrefixes": []
1883
1820
  };
1884
- var Menu_Provider = {
1885
- "name": "Menu.Provider",
1821
+ var RadioGroupStore = {
1822
+ "name": "RadioGroupStore",
1886
1823
  "defaultProps": {},
1887
1824
  "getStylesLiterals": {},
1888
1825
  "cxLiterals": [],
1889
- "internalComponents": ["AriakitMenuProvider", "SpringMotionConfig"],
1890
- "internalComponentProps": {},
1891
- "propToVariantKeys": {},
1892
- "runtimeConfigDefaultProps": {},
1893
- "runtimeConfigGetStyles": {},
1894
- "runtimeConfigInternalComponentProps": {},
1895
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1896
- };
1897
- var Menu_ItemCheckbox = {
1898
- "name": "Menu.ItemCheckbox",
1899
- "defaultProps": {},
1900
- "getStylesLiterals": {
1901
- "menuitemItemCheckboxVariantRoot": "default",
1902
- "menuitemItemCheckboxVariantActiveRoot": "on",
1903
- "menuitemItemCheckboxVariantActiveRoot:1": "off",
1904
- "menuitemItemCheckboxVariantText": "default",
1905
- "menuitemItemCheckboxVariantActiveText": "on",
1906
- "menuitemItemCheckboxVariantActiveText:1": "off",
1907
- "menuitemItemCheckboxVariantStartIcon": "default",
1908
- "menuitemItemCheckboxVariantActiveStartIcon": "on",
1909
- "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
1910
- "menuitemItemCheckboxVariantEndIcon": "default",
1911
- "menuitemItemCheckboxVariantActiveEndIcon": "on",
1912
- "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
1913
- },
1914
- "cxLiterals": ["uds-menu-item-checkbox"],
1915
- "internalComponents": ["MenuItemBase"],
1826
+ "internalComponents": [],
1916
1827
  "internalComponentProps": {},
1917
1828
  "propToVariantKeys": {},
1918
1829
  "runtimeConfigDefaultProps": {},
@@ -1920,89 +1831,115 @@ var Menu_ItemCheckbox = {
1920
1831
  "runtimeConfigInternalComponentProps": {},
1921
1832
  "motionVarPrefixes": []
1922
1833
  };
1923
- var Menu_ItemBase = {
1924
- "name": "Menu.ItemBase",
1925
- "defaultProps": {
1926
- "spacing": "0",
1927
- "spacingHorizontal": "4",
1928
- "spacingVertical": "3.5",
1929
- "columnGap": "2",
1930
- "alignItems": "center",
1931
- "justifyContent": "space-between"
1932
- },
1834
+ var Tab = {
1835
+ "name": "Tab",
1836
+ "defaultProps": { "variant": "primary" },
1933
1837
  "getStylesLiterals": {
1934
- "textAlign": "start",
1935
- "menuitemSizeRoot": "default",
1936
- "flexDirection": "row",
1937
- "menuitemSizeStartIcon": "default",
1938
- "menuitemSizeEndIcon": "default"
1838
+ "tabSizeRoot": "default",
1839
+ "tabVariantActiveRoot": "off",
1840
+ "tabVariantActiveRoot:1": "on",
1841
+ "tabSizeIcon": "default"
1939
1842
  },
1940
1843
  "cxLiterals": [
1941
- "flex",
1942
- "focus-visible:text-brand",
1943
- "focus-visible:bg-brand-secondary",
1944
- "focus-visible:z-10",
1844
+ "pointer-events-none",
1845
+ "absolute",
1846
+ "bottom-0",
1847
+ "left-0",
1848
+ "right-0",
1849
+ "h-[var(--uds-tab-underline-width,0px)]",
1850
+ "bg-[var(--uds-tab-underline-color,transparent)]",
1851
+ "transition-[height,background-color]",
1852
+ "duration-[240ms]",
1853
+ "ease-[cubic-bezier(0.2,0,0,1)]",
1854
+ "!bg-transparent",
1855
+ "!shadow-none",
1856
+ "inline-flex",
1857
+ "items-center",
1858
+ "shrink-0",
1859
+ "box-border",
1860
+ "relative",
1861
+ "z-[1]",
1862
+ "cursor-pointer",
1863
+ "select-none",
1864
+ "whitespace-nowrap",
1945
1865
  "uds-ring",
1946
- "!-outline-offset-2",
1947
- "[&:not([aria-checked])]:cursor-default",
1948
- "opacity-25",
1949
- "cursor-not-allowed",
1950
- "duration-20",
1951
- "transition-[font-variation-settings]",
1952
- "ease-in-out",
1953
- "z-0",
1954
- "uds-start-icon",
1955
- "uds-end-icon"
1866
+ "opacity-50",
1867
+ "cursor-default",
1868
+ "border-solid",
1869
+ "border-b-solid",
1870
+ "transition-colors"
1956
1871
  ],
1957
1872
  "internalComponents": [
1958
- "Pressable",
1959
1873
  "IconSlot",
1960
- "RootComponent",
1961
- "HStack",
1962
- "AnimatePresence"
1874
+ "AriakitTab",
1875
+ "Text"
1963
1876
  ],
1964
- "internalComponentProps": {
1965
- "HStack": {
1966
- "alignItems": ["center"],
1967
- "width": ["full"]
1968
- },
1969
- "AnimatePresence": { "mode": ["popLayout"] }
1970
- },
1877
+ "internalComponentProps": { "Text": {
1878
+ "variant": ["inherit"],
1879
+ "as": ["span"],
1880
+ "color": ["current"]
1881
+ } },
1971
1882
  "propToVariantKeys": {
1883
+ "variant": ["tabVariantRoot", "tabVariantIcon"],
1884
+ "activeState": ["tabVariantActiveIcon"],
1972
1885
  "startIcon": ["icon"],
1973
- "endIcon": ["icon"],
1974
- "columnGap": ["gap"]
1886
+ "endIcon": ["icon"]
1975
1887
  },
1976
1888
  "runtimeConfigDefaultProps": {},
1977
1889
  "runtimeConfigGetStyles": {},
1978
1890
  "runtimeConfigInternalComponentProps": {},
1979
1891
  "motionVarPrefixes": []
1980
1892
  };
1981
- var UDSBreakpointsConfigProvider = {
1982
- "name": "UDSBreakpointsConfigProvider",
1983
- "defaultProps": {},
1984
- "getStylesLiterals": {},
1985
- "cxLiterals": [],
1986
- "internalComponents": ["UDSBreakpointsConfigContext.Provider"],
1893
+ var TabList = {
1894
+ "name": "TabList",
1895
+ "defaultProps": { "variant": "primary" },
1896
+ "getStylesLiterals": {
1897
+ "tabSizeRoot": "default",
1898
+ "tabVariantActiveRoot": "on"
1899
+ },
1900
+ "cxLiterals": [
1901
+ "pointer-events-none",
1902
+ "absolute",
1903
+ "bottom-0",
1904
+ "left-0",
1905
+ "right-0",
1906
+ "h-[var(--uds-tab-underline-width,0px)]",
1907
+ "bg-[var(--uds-tab-underline-color,transparent)]",
1908
+ "transition-[height,background-color]",
1909
+ "duration-[240ms]",
1910
+ "ease-[cubic-bezier(0.2,0,0,1)]",
1911
+ "!m-0",
1912
+ "!p-0",
1913
+ "!gap-0",
1914
+ "box-border",
1915
+ "z-0",
1916
+ "min-w-0",
1917
+ "min-h-0",
1918
+ "flex",
1919
+ "flex-row",
1920
+ "items-center",
1921
+ "overflow-x-auto",
1922
+ "overflow-y-clip",
1923
+ "scrollbar-none",
1924
+ "[overflow-clip-margin:6px]",
1925
+ "overflow-clip",
1926
+ "[overflow-clip-margin:8px]",
1927
+ "relative"
1928
+ ],
1929
+ "internalComponents": ["AriakitTabList"],
1987
1930
  "internalComponentProps": {},
1988
- "propToVariantKeys": {},
1931
+ "propToVariantKeys": { "variant": ["tabsVariantRoot", "tabVariantRoot"] },
1989
1932
  "runtimeConfigDefaultProps": {},
1990
1933
  "runtimeConfigGetStyles": {},
1991
1934
  "runtimeConfigInternalComponentProps": {},
1992
1935
  "motionVarPrefixes": []
1993
1936
  };
1994
- var UDSConfigProvider = {
1995
- "name": "UDSConfigProvider",
1937
+ var TabPanel = {
1938
+ "name": "TabPanel",
1996
1939
  "defaultProps": {},
1997
1940
  "getStylesLiterals": {},
1998
1941
  "cxLiterals": [],
1999
- "internalComponents": [
2000
- "UDSBreakpointsConfigProvider",
2001
- "UDSBottomSheetConfigProvider",
2002
- "UDSToastConfigProvider",
2003
- "UDSTooltipConfigProvider",
2004
- "UDSPopoverConfigProvider"
2005
- ],
1942
+ "internalComponents": ["AriakitTabPanel"],
2006
1943
  "internalComponentProps": {},
2007
1944
  "propToVariantKeys": {},
2008
1945
  "runtimeConfigDefaultProps": {},
@@ -2010,209 +1947,240 @@ var UDSConfigProvider = {
2010
1947
  "runtimeConfigInternalComponentProps": {},
2011
1948
  "motionVarPrefixes": []
2012
1949
  };
2013
- var Tooltip = {
2014
- "name": "Tooltip",
2015
- "defaultProps": {},
1950
+ var Tabs = {
1951
+ "name": "Tabs",
1952
+ "defaultProps": { "variant": "primary" },
2016
1953
  "getStylesLiterals": {},
2017
1954
  "cxLiterals": [],
2018
- "internalComponents": ["TooltipInternalContext.Provider", "TooltipProvider"],
1955
+ "internalComponents": ["TabsContext.Provider", "TabProvider"],
2019
1956
  "internalComponentProps": {},
2020
- "propToVariantKeys": {},
1957
+ "propToVariantKeys": { "onSelectionChange": ["setSelectedId"] },
2021
1958
  "runtimeConfigDefaultProps": {},
2022
1959
  "runtimeConfigGetStyles": {},
2023
- "runtimeConfigInternalComponentProps": { "TooltipProvider": { "animated": ["tooltip.animationDuration"] } },
1960
+ "runtimeConfigInternalComponentProps": {},
2024
1961
  "motionVarPrefixes": []
2025
1962
  };
2026
- var TooltipContent = {
2027
- "name": "TooltipContent",
1963
+ var Toast = {
1964
+ "name": "Toast",
2028
1965
  "defaultProps": {},
2029
1966
  "getStylesLiterals": {
2030
- "tooltipSizeRoot": "default",
2031
- "tooltipVariantRoot": "default",
2032
- "tooltipSizeSvg": "default",
2033
- "tooltipVariantSvg": "default",
2034
- "tooltipVariantBlur": "default",
2035
- "position": "absolute",
2036
- "width": "full",
2037
- "height": "full",
2038
- "tooltipSizeTitle": "default",
2039
- "tooltipSizeBody": "default",
2040
- "tooltipSizeEndContent": "default",
2041
- "tooltipSizeIcon": "default",
2042
- "tooltipVariantIcon": "default"
1967
+ "className": "animate-spin",
1968
+ "className:1": "flex-none",
1969
+ "spacing": "2",
1970
+ "borderRadius": "full"
2043
1971
  },
2044
1972
  "cxLiterals": [
2045
- "max-w-lg",
2046
- "flex",
2047
- "z-[9999]",
2048
- "uds-bgBlurFillFallback",
2049
- "uds-bgBlurFallback",
2050
- "top-0",
2051
- "left-0",
2052
- "z-[1]"
1973
+ "duration-0",
1974
+ "duration-120",
1975
+ "transition-[background-color]",
1976
+ "bg-carbon-15/0",
1977
+ "hover:bg-carbon-15/10",
1978
+ "active:bg-carbon-15/15",
1979
+ "uds-ring"
2053
1980
  ],
2054
1981
  "internalComponents": [
2055
1982
  "IconSlot",
2056
- "TooltipArrow",
2057
- "Tooltip",
2058
- "SvgFloatingOverlay",
2059
- "VStack",
2060
- "Box",
2061
- "Text"
1983
+ "ToastContainer",
1984
+ "Text",
1985
+ "Button",
1986
+ "Pressable"
2062
1987
  ],
2063
- "internalComponentProps": {
2064
- "SvgFloatingOverlay": { "contentOverflow": ["visible"] },
2065
- "VStack": { "className": ["gap-[inherit]"] },
2066
- "Box": {
2067
- "alignItems": ["center"],
2068
- "columnGap": ["1", "1.5"]
1988
+ "internalComponentProps": {},
1989
+ "propToVariantKeys": {
1990
+ "size": [
1991
+ "toastSizeLabel",
1992
+ "toastSizeIcon",
1993
+ "toastSizeActionButton",
1994
+ "toastSizeCloseIcon"
1995
+ ],
1996
+ "variant": [
1997
+ "toastVariantIcon",
1998
+ "toastVariantActionButton",
1999
+ "toastVariantCloseIcon"
2000
+ ],
2001
+ "closeIcon": ["icon"],
2002
+ "onClickActionButton": ["onClick"]
2003
+ },
2004
+ "runtimeConfigDefaultProps": {
2005
+ "size": "toast.defaultSize",
2006
+ "variant": "toast.defaultVariant"
2007
+ },
2008
+ "runtimeConfigGetStyles": {
2009
+ "toastSizeLabel": ["toast.defaultSize"],
2010
+ "toastVariantIcon": ["toast.defaultVariant"],
2011
+ "toastSizeIcon": ["toast.defaultSize"],
2012
+ "toastSizeActionButton": ["toast.defaultSize"],
2013
+ "toastVariantActionButton": ["toast.defaultVariant"],
2014
+ "toastVariantCloseIcon": ["toast.defaultVariant"],
2015
+ "toastSizeCloseIcon": ["toast.defaultSize"]
2016
+ },
2017
+ "runtimeConfigInternalComponentProps": {
2018
+ "ToastContainer": {
2019
+ "size": ["toast.defaultSize"],
2020
+ "variant": ["toast.defaultVariant"]
2069
2021
  },
2070
- "Text": { "color": ["inherit"] }
2022
+ "Text": {
2023
+ "variant": ["toast.textVariant.${size}"],
2024
+ "color": ["toast.textColor.${variant}"]
2025
+ },
2026
+ "Button": {
2027
+ "size": ["toast.buttonSize.${size}"],
2028
+ "variant": ["toast.buttonVariant.${variant}"]
2029
+ }
2071
2030
  },
2072
- "propToVariantKeys": { "startTitleIcon": ["icon"] },
2073
- "runtimeConfigDefaultProps": {},
2074
- "runtimeConfigGetStyles": {},
2075
- "runtimeConfigInternalComponentProps": {},
2076
2031
  "motionVarPrefixes": []
2077
2032
  };
2078
- var UDSTooltipConfigProvider = {
2079
- "name": "UDSTooltipConfigProvider",
2033
+ var ToastContainer = {
2034
+ "name": "ToastContainer",
2080
2035
  "defaultProps": {},
2081
- "getStylesLiterals": {},
2082
- "cxLiterals": [],
2083
- "internalComponents": ["TooltipContext.Provider"],
2084
- "internalComponentProps": {},
2085
- "propToVariantKeys": {},
2086
- "runtimeConfigDefaultProps": {},
2087
- "runtimeConfigGetStyles": {},
2088
- "runtimeConfigInternalComponentProps": {},
2036
+ "getStylesLiterals": {
2037
+ "position": "relative",
2038
+ "alignItems": "center",
2039
+ "display": "flex",
2040
+ "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
2041
+ },
2042
+ "cxLiterals": ["w-full"],
2043
+ "internalComponents": ["HStack"],
2044
+ "internalComponentProps": { "HStack": {
2045
+ "alignItems": ["center"],
2046
+ "justifyContent": ["space-between"],
2047
+ "overflow": ["hidden"],
2048
+ "position": ["relative"]
2049
+ } },
2050
+ "propToVariantKeys": {
2051
+ "variant": ["toastVariantRoot"],
2052
+ "size": ["toastSizeRoot"]
2053
+ },
2054
+ "runtimeConfigDefaultProps": {
2055
+ "size": "toast.defaultSize",
2056
+ "variant": "toast.defaultVariant"
2057
+ },
2058
+ "runtimeConfigGetStyles": {
2059
+ "toastVariantRoot": ["toast.defaultVariant"],
2060
+ "toastSizeRoot": ["toast.defaultSize"]
2061
+ },
2062
+ "runtimeConfigInternalComponentProps": { "HStack": { "backgroundColor": ["toast.backgroundColor.${variant}"] } },
2089
2063
  "motionVarPrefixes": []
2090
2064
  };
2091
- var TooltipTrigger = {
2092
- "name": "TooltipTrigger",
2065
+ var ToastPortal = {
2066
+ "name": "ToastPortal",
2093
2067
  "defaultProps": {},
2094
2068
  "getStylesLiterals": {},
2095
2069
  "cxLiterals": [],
2096
- "internalComponents": ["TooltipAnchor"],
2097
- "internalComponentProps": { "TooltipAnchor": { "className": ["inline"] } },
2098
- "propToVariantKeys": { "children": ["render"] },
2099
- "runtimeConfigDefaultProps": {},
2070
+ "internalComponents": ["ReactToastifyToastContainer"],
2071
+ "internalComponentProps": {},
2072
+ "propToVariantKeys": {},
2073
+ "runtimeConfigDefaultProps": {
2074
+ "size": "toast.defaultSize",
2075
+ "variant": "toast.defaultVariant"
2076
+ },
2100
2077
  "runtimeConfigGetStyles": {},
2101
- "runtimeConfigInternalComponentProps": {},
2078
+ "runtimeConfigInternalComponentProps": { "ReactToastifyToastContainer": { "autoClose": ["toast.autoClose"] } },
2102
2079
  "motionVarPrefixes": []
2103
2080
  };
2104
- var RadioGroupProvider = {
2105
- "name": "RadioGroupProvider",
2081
+ var UDSToastConfigProvider = {
2082
+ "name": "UDSToastConfigProvider",
2106
2083
  "defaultProps": {},
2107
2084
  "getStylesLiterals": {},
2108
2085
  "cxLiterals": [],
2109
- "internalComponents": [
2110
- "DivProps",
2111
- "Comp",
2112
- "RadioGroupContext.Provider"
2113
- ],
2114
- "internalComponentProps": { "Comp": { "role": ["radiogroup"] } },
2086
+ "internalComponents": ["ToastContext.Provider"],
2087
+ "internalComponentProps": {},
2115
2088
  "propToVariantKeys": {},
2116
2089
  "runtimeConfigDefaultProps": {},
2117
2090
  "runtimeConfigGetStyles": {},
2118
2091
  "runtimeConfigInternalComponentProps": {},
2119
2092
  "motionVarPrefixes": []
2120
2093
  };
2121
- var RadioGroupStore = {
2122
- "name": "RadioGroupStore",
2094
+ var Tooltip = {
2095
+ "name": "Tooltip",
2123
2096
  "defaultProps": {},
2124
2097
  "getStylesLiterals": {},
2125
2098
  "cxLiterals": [],
2126
- "internalComponents": [],
2099
+ "internalComponents": ["TooltipInternalContext.Provider", "TooltipProvider"],
2127
2100
  "internalComponentProps": {},
2128
2101
  "propToVariantKeys": {},
2129
2102
  "runtimeConfigDefaultProps": {},
2130
2103
  "runtimeConfigGetStyles": {},
2131
- "runtimeConfigInternalComponentProps": {},
2104
+ "runtimeConfigInternalComponentProps": { "TooltipProvider": { "animated": ["tooltip.animationDuration"] } },
2132
2105
  "motionVarPrefixes": []
2133
2106
  };
2134
- var Radio = {
2135
- "name": "Radio",
2136
- "defaultProps": {
2137
- "labelPosition": "start",
2138
- "variant": "primary",
2139
- "size": "md",
2140
- "value": ""
2141
- },
2107
+ var TooltipContent = {
2108
+ "name": "TooltipContent",
2109
+ "defaultProps": {},
2142
2110
  "getStylesLiterals": {
2143
- "radioVariantValueRoot": "checked",
2144
- "radioVariantValueRoot:1": "unchecked",
2145
- "display": "flex",
2146
- "flexDirection": "row",
2147
- "flexDirection:1": "row-reverse",
2148
- "alignItems": "center",
2149
- "radioVariantValueRadio": "checked",
2150
- "radioVariantValueRadio:1": "unchecked",
2151
- "radioVariantValueRadioCircle": "checked",
2152
- "radioVariantValueRadioCircle:1": "unchecked"
2153
- },
2154
- "cxLiterals": [
2155
- "cursor-pointer",
2156
- "cursor-default",
2157
- "opacity-50",
2158
- "border",
2159
- "uds-ring",
2160
- "uds-ring-within",
2161
- "transition-[background-color,border-color]",
2162
- "transition-shadow",
2163
- "pointer-events-none",
2164
- "w-[8px]",
2165
- "h-[8px]",
2166
- "transition-opacity",
2167
- "cursor-[inherit]",
2168
- "absolute",
2169
- "opacity-0",
2170
- "top-1/2",
2171
- "left-1/2",
2172
- "w-[calc(100%+2px)]",
2173
- "h-[calc(100%+2px)]",
2174
- "transform",
2175
- "translate-x-[-50%]",
2176
- "translate-y-[-50%]",
2177
- "text-start",
2178
- "text-end"
2111
+ "tooltipSizeRoot": "default",
2112
+ "tooltipVariantRoot": "default",
2113
+ "tooltipSizeSvg": "default",
2114
+ "tooltipVariantSvg": "default",
2115
+ "tooltipVariantBlur": "default",
2116
+ "position": "absolute",
2117
+ "width": "full",
2118
+ "height": "full",
2119
+ "tooltipSizeTitle": "default",
2120
+ "tooltipSizeBody": "default",
2121
+ "tooltipSizeEndContent": "default",
2122
+ "tooltipSizeIcon": "default",
2123
+ "tooltipVariantIcon": "default"
2124
+ },
2125
+ "cxLiterals": [
2126
+ "max-w-lg",
2127
+ "flex",
2128
+ "z-[9999]",
2129
+ "uds-bgBlurFillFallback",
2130
+ "uds-bgBlurFallback",
2131
+ "top-0",
2132
+ "left-0",
2133
+ "z-[1]"
2179
2134
  ],
2180
2135
  "internalComponents": [
2136
+ "IconSlot",
2137
+ "TooltipArrow",
2138
+ "Tooltip",
2139
+ "SvgFloatingOverlay",
2140
+ "VStack",
2181
2141
  "Box",
2182
- "FormLabel",
2183
- "SpringMotionConfig",
2184
- "RootElement",
2185
- "MotionBox"
2142
+ "Text"
2186
2143
  ],
2187
2144
  "internalComponentProps": {
2188
- "Box": { "borderRadius": ["full"] },
2189
- "FormLabel": {
2190
- "as": ["div"],
2191
- "variant": ["inherit"],
2192
- "color": ["inherit"]
2193
- },
2194
- "RootElement": { "data-testid": ["container"] },
2195
- "MotionBox": {
2196
- "position": ["relative"],
2197
- "borderRadius": ["full"],
2145
+ "SvgFloatingOverlay": { "contentOverflow": ["visible"] },
2146
+ "VStack": { "className": ["gap-[inherit]"] },
2147
+ "Box": {
2198
2148
  "alignItems": ["center"],
2199
- "justifyContent": ["center"],
2200
- "flex": ["none"]
2201
- }
2202
- },
2203
- "propToVariantKeys": {
2204
- "size": ["radioSizeRoot", "radioSizeRadio"],
2205
- "variant": [
2206
- "radioVariantRoot",
2207
- "radioVariantRadio",
2208
- "radioVariantRadioCircle"
2209
- ],
2210
- "reduceMotion": ["reducedMotion"]
2149
+ "columnGap": ["1", "1.5"]
2150
+ },
2151
+ "Text": { "color": ["inherit"] }
2211
2152
  },
2153
+ "propToVariantKeys": { "startTitleIcon": ["icon"] },
2212
2154
  "runtimeConfigDefaultProps": {},
2213
2155
  "runtimeConfigGetStyles": {},
2214
2156
  "runtimeConfigInternalComponentProps": {},
2215
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
2157
+ "motionVarPrefixes": []
2158
+ };
2159
+ var TooltipTrigger = {
2160
+ "name": "TooltipTrigger",
2161
+ "defaultProps": {},
2162
+ "getStylesLiterals": {},
2163
+ "cxLiterals": [],
2164
+ "internalComponents": ["TooltipAnchor"],
2165
+ "internalComponentProps": { "TooltipAnchor": { "className": ["inline"] } },
2166
+ "propToVariantKeys": { "children": ["render"] },
2167
+ "runtimeConfigDefaultProps": {},
2168
+ "runtimeConfigGetStyles": {},
2169
+ "runtimeConfigInternalComponentProps": {},
2170
+ "motionVarPrefixes": []
2171
+ };
2172
+ var UDSTooltipConfigProvider = {
2173
+ "name": "UDSTooltipConfigProvider",
2174
+ "defaultProps": {},
2175
+ "getStylesLiterals": {},
2176
+ "cxLiterals": [],
2177
+ "internalComponents": ["TooltipContext.Provider"],
2178
+ "internalComponentProps": {},
2179
+ "propToVariantKeys": {},
2180
+ "runtimeConfigDefaultProps": {},
2181
+ "runtimeConfigGetStyles": {},
2182
+ "runtimeConfigInternalComponentProps": {},
2183
+ "motionVarPrefixes": []
2216
2184
  };
2217
2185
  var Accordion = {
2218
2186
  "name": "Accordion",
@@ -2265,6 +2233,19 @@ var Accordion = {
2265
2233
  "runtimeConfigInternalComponentProps": {},
2266
2234
  "motionVarPrefixes": ["--uds-motion-smooth-3-"]
2267
2235
  };
2236
+ var AvoidMotionLibraryProvider = {
2237
+ "name": "AvoidMotionLibraryProvider",
2238
+ "defaultProps": {},
2239
+ "getStylesLiterals": {},
2240
+ "cxLiterals": [],
2241
+ "internalComponents": [],
2242
+ "internalComponentProps": {},
2243
+ "propToVariantKeys": {},
2244
+ "runtimeConfigDefaultProps": {},
2245
+ "runtimeConfigGetStyles": {},
2246
+ "runtimeConfigInternalComponentProps": {},
2247
+ "motionVarPrefixes": []
2248
+ };
2268
2249
  var Modal = {
2269
2250
  "name": "Modal",
2270
2251
  "defaultProps": {},
@@ -2324,19 +2305,6 @@ var Modal = {
2324
2305
  "runtimeConfigInternalComponentProps": {},
2325
2306
  "motionVarPrefixes": []
2326
2307
  };
2327
- var AvoidMotionLibraryProvider = {
2328
- "name": "AvoidMotionLibraryProvider",
2329
- "defaultProps": {},
2330
- "getStylesLiterals": {},
2331
- "cxLiterals": [],
2332
- "internalComponents": [],
2333
- "internalComponentProps": {},
2334
- "propToVariantKeys": {},
2335
- "runtimeConfigDefaultProps": {},
2336
- "runtimeConfigGetStyles": {},
2337
- "runtimeConfigInternalComponentProps": {},
2338
- "motionVarPrefixes": []
2339
- };
2340
2308
  var SegmentedControl = {
2341
2309
  "name": "SegmentedControl",
2342
2310
  "defaultProps": { "textVariant": "label2" },
@@ -2494,94 +2462,126 @@ var SwitchV2 = {
2494
2462
  "runtimeConfigInternalComponentProps": {},
2495
2463
  "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
2496
2464
  };
2465
+ var UDSBreakpointsConfigProvider = {
2466
+ "name": "UDSBreakpointsConfigProvider",
2467
+ "defaultProps": {},
2468
+ "getStylesLiterals": {},
2469
+ "cxLiterals": [],
2470
+ "internalComponents": ["UDSBreakpointsConfigContext.Provider"],
2471
+ "internalComponentProps": {},
2472
+ "propToVariantKeys": {},
2473
+ "runtimeConfigDefaultProps": {},
2474
+ "runtimeConfigGetStyles": {},
2475
+ "runtimeConfigInternalComponentProps": {},
2476
+ "motionVarPrefixes": []
2477
+ };
2478
+ var UDSConfigProvider = {
2479
+ "name": "UDSConfigProvider",
2480
+ "defaultProps": {},
2481
+ "getStylesLiterals": {},
2482
+ "cxLiterals": [],
2483
+ "internalComponents": [
2484
+ "UDSBreakpointsConfigProvider",
2485
+ "UDSBottomSheetConfigProvider",
2486
+ "UDSToastConfigProvider",
2487
+ "UDSTooltipConfigProvider",
2488
+ "UDSPopoverConfigProvider"
2489
+ ],
2490
+ "internalComponentProps": {},
2491
+ "propToVariantKeys": {},
2492
+ "runtimeConfigDefaultProps": {},
2493
+ "runtimeConfigGetStyles": {},
2494
+ "runtimeConfigInternalComponentProps": {},
2495
+ "motionVarPrefixes": []
2496
+ };
2497
2497
  var componentData_default = {
2498
+ Box,
2499
+ FormLabel,
2500
+ HStack,
2498
2501
  Icon,
2499
- Text,
2502
+ IconSlot,
2500
2503
  Image,
2504
+ Link,
2501
2505
  Scrim,
2502
- FormLabel,
2503
- VStack,
2504
- IconSlot,
2505
- Box,
2506
2506
  SvgFloatingOverlay,
2507
- HStack,
2508
- Link,
2509
- BannerDescription,
2507
+ Text,
2508
+ VStack,
2510
2509
  Banner,
2511
2510
  BannerContent,
2511
+ BannerDescription,
2512
2512
  BannerTitle,
2513
+ AnimateHeightChange,
2514
+ Badge,
2515
+ Button,
2516
+ Checkbox,
2517
+ IconButton,
2518
+ Pressable,
2519
+ SpringMotionConfig,
2520
+ Switch,
2513
2521
  Divider,
2514
2522
  DividerCore,
2515
2523
  DividerInternal,
2516
- "Table.mocks": Table_mocks,
2517
2524
  Spinner,
2525
+ "Table.mocks": Table_mocks,
2518
2526
  Table,
2519
- Pressable,
2520
- SpringMotionConfig,
2521
- AnimateHeightChange,
2522
- Switch,
2523
- IconButton,
2524
- Badge,
2525
- Checkbox,
2526
- Button,
2527
- UDSToastConfigProvider,
2528
- ToastPortal,
2529
- Toast,
2530
- ToastContainer,
2531
- BottomSheetInternalContext,
2527
+ Avatar,
2528
+ AvatarIcon,
2529
+ AvatarImage,
2530
+ AvatarText,
2531
+ BottomSheet,
2532
2532
  BottomSheetContent,
2533
+ BottomSheetDismiss,
2533
2534
  BottomSheetHandle,
2534
- BottomSheet,
2535
2535
  BottomSheetHeader,
2536
+ BottomSheetInternalContext,
2537
+ BottomSheetProvider,
2536
2538
  BottomSheetTrigger,
2537
2539
  UDSBottomSheetConfigProvider,
2538
- BottomSheetDismiss,
2539
- BottomSheetProvider,
2540
- ChipLink,
2541
- ChipDismissible,
2542
- ChipToggle,
2543
- ChipBase,
2544
2540
  Chip,
2541
+ ChipBase,
2545
2542
  ChipButton,
2546
- AvatarText,
2547
- AvatarIcon,
2548
- Avatar,
2549
- AvatarImage,
2550
- TabPanel,
2551
- Tabs,
2552
- TabList,
2553
- Tab,
2554
- UDSPopoverConfigProvider,
2543
+ ChipDismissible,
2544
+ ChipLink,
2545
+ ChipToggle,
2555
2546
  Popover,
2556
- PopoverTrigger,
2557
- PopoverContext,
2558
2547
  PopoverContent,
2559
- Input,
2560
- InputHelpText,
2561
- InputHelpTextInternal,
2562
- "Menu.Item": Menu_Item,
2563
- "Menu.index": Menu_index,
2564
- Menu,
2548
+ PopoverContext,
2549
+ PopoverTrigger,
2550
+ UDSPopoverConfigProvider,
2565
2551
  "Menu.Content": Menu_Content,
2566
- "Menu.Trigger": Menu_Trigger,
2567
2552
  "Menu.Divider": Menu_Divider,
2568
- "Menu.Provider": Menu_Provider,
2569
- "Menu.ItemCheckbox": Menu_ItemCheckbox,
2553
+ "Menu.Item": Menu_Item,
2570
2554
  "Menu.ItemBase": Menu_ItemBase,
2571
- UDSBreakpointsConfigProvider,
2572
- UDSConfigProvider,
2555
+ "Menu.ItemCheckbox": Menu_ItemCheckbox,
2556
+ "Menu.Provider": Menu_Provider,
2557
+ "Menu.Trigger": Menu_Trigger,
2558
+ "Menu.index": Menu_index,
2559
+ Menu,
2560
+ Input,
2561
+ InputHelpText,
2562
+ InputHelpTextInternal,
2563
+ Radio,
2564
+ RadioGroupProvider,
2565
+ RadioGroupStore,
2566
+ Tab,
2567
+ TabList,
2568
+ TabPanel,
2569
+ Tabs,
2570
+ Toast,
2571
+ ToastContainer,
2572
+ ToastPortal,
2573
+ UDSToastConfigProvider,
2573
2574
  Tooltip,
2574
2575
  TooltipContent,
2575
- UDSTooltipConfigProvider,
2576
2576
  TooltipTrigger,
2577
- RadioGroupProvider,
2578
- RadioGroupStore,
2579
- Radio,
2577
+ UDSTooltipConfigProvider,
2580
2578
  Accordion,
2581
- Modal,
2582
2579
  AvoidMotionLibraryProvider,
2580
+ Modal,
2583
2581
  SegmentedControl,
2584
- SwitchV2
2582
+ SwitchV2,
2583
+ UDSBreakpointsConfigProvider,
2584
+ UDSConfigProvider
2585
2585
  };
2586
2586
 
2587
2587
  //#endregion