@yahoo/uds 3.130.1 → 3.131.0-beta.2

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