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