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