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