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