@yahoo/uds 3.130.0 → 3.131.0-beta.1

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 +2 -2
  92. package/dist/components/client/Popover/UDSPopoverConfigProvider.d.ts +2 -2
  93. package/dist/components/client/Popover/index.d.cts +1 -1
  94. package/dist/components/client/Popover/index.d.ts +1 -1
  95. package/dist/components/client/Pressable.d.cts +1 -1
  96. package/dist/components/client/Pressable.d.ts +1 -1
  97. package/dist/components/client/Radio/Radio.d.cts +1 -1
  98. package/dist/components/client/Radio/Radio.d.ts +1 -1
  99. package/dist/components/client/Radio/RadioGroupProvider.d.cts +1 -1
  100. package/dist/components/client/Radio/RadioGroupProvider.d.ts +1 -1
  101. package/dist/components/client/SpringMotionConfig.d.cts +1 -1
  102. package/dist/components/client/SpringMotionConfig.d.ts +1 -1
  103. package/dist/components/client/Switch.d.cts +1 -1
  104. package/dist/components/client/Switch.d.ts +1 -1
  105. package/dist/components/client/Tabs/Tab.d.cts +1 -1
  106. package/dist/components/client/Tabs/Tab.d.ts +1 -1
  107. package/dist/components/client/Tabs/TabList.d.cts +1 -1
  108. package/dist/components/client/Tabs/TabList.d.ts +1 -1
  109. package/dist/components/client/Tabs/TabPanel.d.cts +1 -1
  110. package/dist/components/client/Tabs/TabPanel.d.ts +1 -1
  111. package/dist/components/client/Tabs/Tabs.d.cts +1 -1
  112. package/dist/components/client/Tabs/Tabs.d.ts +1 -1
  113. package/dist/components/client/Tabs/tabsContext.d.cts +1 -1
  114. package/dist/components/client/Tabs/tabsContext.d.ts +1 -1
  115. package/dist/components/client/Toast/Toast.d.cts +1 -1
  116. package/dist/components/client/Toast/Toast.d.ts +1 -1
  117. package/dist/components/client/Toast/ToastContainer.d.cts +1 -1
  118. package/dist/components/client/Toast/ToastContainer.d.ts +1 -1
  119. package/dist/components/client/Toast/UDSToastConfigProvider.d.cts +1 -1
  120. package/dist/components/client/Toast/UDSToastConfigProvider.d.ts +1 -1
  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 +47 -47
  178. package/dist/styles/styler.d.ts +47 -47
  179. package/dist/styles/stylerTypes.d.cts +1 -1
  180. package/dist/styles/stylerTypes.d.ts +1 -1
  181. package/dist/tailwind/dist/tailwind/utils/getShadowStyles.d.cts +4 -4
  182. package/dist/tailwind/dist/tailwind/utils/getShadowStyles.d.ts +4 -4
  183. package/dist/tailwind/dist/types/dist/index.d.cts.map +1 -1
  184. package/dist/tailwind/dist/types/dist/index.d.ts.map +1 -1
  185. package/dist/tokens/configs/borderRadius.d.cts +1 -1
  186. package/dist/tokens/configs/borderRadius.d.ts +1 -1
  187. package/dist/tokens/configs/borderWidth.d.cts +1 -1
  188. package/dist/tokens/configs/borderWidth.d.ts +1 -1
  189. package/dist/tokens/configs/font.d.cts +1 -1
  190. package/dist/tokens/configs/font.d.ts +1 -1
  191. package/dist/tokens/configs/scaleMode.d.cts +1 -1
  192. package/dist/tokens/configs/scaleMode.d.ts +1 -1
  193. package/dist/tokens/configs/shadow.d.cts +1 -1
  194. package/dist/tokens/configs/shadow.d.ts +1 -1
  195. package/dist/tokens/configs/sizes.d.cts +1 -1
  196. package/dist/tokens/configs/sizes.d.ts +1 -1
  197. package/dist/tokens/configs/typography.d.cts +1 -1
  198. package/dist/tokens/configs/typography.d.ts +1 -1
  199. package/dist/tokens/index.d.cts +2 -2
  200. package/dist/tokens/index.d.ts +2 -2
  201. package/dist/tokens/parseButtonVariants.d.cts +1 -1
  202. package/dist/tokens/parseButtonVariants.d.ts +1 -1
  203. package/dist/tokens/types.d.cts +7 -7
  204. package/dist/tokens/types.d.ts +7 -7
  205. package/dist/tokens/utils/spectrum.d.cts +1 -1
  206. package/dist/tokens/utils/spectrum.d.ts +1 -1
  207. package/dist/types/{dist → src}/index.d.cts +35 -23
  208. package/dist/types/{dist → src}/index.d.ts +35 -23
  209. package/dist/uds/generated/componentData.cjs +1334 -1334
  210. package/dist/uds/generated/componentData.js +1334 -1334
  211. package/dist/utils/isElevationAlias.d.cts +1 -1
  212. package/dist/utils/isElevationAlias.d.ts +1 -1
  213. package/generated/componentData.json +1600 -1602
  214. package/package.json +1 -1
  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,427 +621,400 @@ 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"
705
+ },
706
+ "getStylesLiterals": {
707
+ "display": "flex",
708
+ "flexDirection": "row",
709
+ "flexDirection:1": "row-reverse",
710
+ "alignItems": "center"
872
711
  },
873
- "getStylesLiterals": {},
874
712
  "cxLiterals": [
875
- "overflow-hidden",
876
- "w-full",
877
- "h-full",
878
- "shrink-0",
879
- "text-center",
880
- "inline-flex",
881
- "justify-center",
882
- "items-center",
883
- "object-cover"
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"
884
733
  ],
885
734
  "internalComponents": [
886
- "UDSImage",
887
- "AvatarText",
888
- "AvatarIcon",
889
- "Box"
735
+ "Icon",
736
+ "FormLabel",
737
+ "SpringMotionConfig",
738
+ "RootElement",
739
+ "MotionBox"
890
740
  ],
891
- "internalComponentProps": {},
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
+ },
892
756
  "propToVariantKeys": {
893
- "alt": ["name"],
894
- "fallback": ["initials"]
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"]
895
769
  },
896
770
  "runtimeConfigDefaultProps": {},
897
771
  "runtimeConfigGetStyles": {},
898
772
  "runtimeConfigInternalComponentProps": {},
899
- "motionVarPrefixes": []
773
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
900
774
  };
901
- var AvatarText = {
902
- "name": "AvatarText",
903
- "defaultProps": {
904
- "size": "md",
905
- "variant": "primary"
906
- },
775
+ var Button = {
776
+ "name": "Button",
777
+ "defaultProps": { "type": "button" },
907
778
  "getStylesLiterals": {},
908
779
  "cxLiterals": [
909
- "overflow-hidden",
910
- "truncate",
911
- "w-full",
912
- "h-full",
913
- "shrink-0",
914
- "text-center",
780
+ "uds-ring",
781
+ "uds-hit-target",
915
782
  "inline-flex",
783
+ "overflow-hidden",
916
784
  "justify-center",
917
- "items-center"
918
- ],
919
- "internalComponents": ["Box", "Text"],
920
- "internalComponentProps": { "Text": {
921
- "color": ["inherit"],
922
- "variant": ["inherit"]
923
- } },
924
- "propToVariantKeys": {},
925
- "runtimeConfigDefaultProps": {},
926
- "runtimeConfigGetStyles": {},
927
- "runtimeConfigInternalComponentProps": {},
928
- "motionVarPrefixes": []
929
- };
930
- var Chip = {
931
- "name": "Chip",
932
- "defaultProps": {},
933
- "getStylesLiterals": {},
934
- "cxLiterals": [],
935
- "internalComponents": [
936
- "ChipDismissible",
937
- "ChipToggle",
938
- "ChipLink",
939
- "ChipButton"
940
- ],
941
- "internalComponentProps": {},
942
- "propToVariantKeys": {},
943
- "runtimeConfigDefaultProps": {},
944
- "runtimeConfigGetStyles": {},
945
- "runtimeConfigInternalComponentProps": {},
946
- "motionVarPrefixes": []
947
- };
948
- var ChipBase = {
949
- "name": "ChipBase",
950
- "defaultProps": {
951
- "size": "md",
952
- "as": "div"
953
- },
954
- "getStylesLiterals": {},
955
- "cxLiterals": [
956
- "pointer-events-none",
957
- "cursor-default",
958
- "opacity-50",
959
- "inline-flex",
960
785
  "items-center",
961
- "transition-[background-color,outline-color,box-shadow]",
962
- "truncate",
963
786
  "whitespace-nowrap",
964
- "text-center",
965
- "flex-1"
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"
966
800
  ],
967
801
  "internalComponents": [
802
+ "Icon",
968
803
  "IconSlot",
969
- "HStack",
970
- "As",
971
- "Text"
804
+ "AnimatePresence",
805
+ "SpringMotionConfig",
806
+ "MotionSlot"
972
807
  ],
973
- "internalComponentProps": { "Text": {
974
- "as": ["span"],
975
- "color": ["current"],
976
- "variant": ["inherit"]
977
- } },
808
+ "internalComponentProps": {
809
+ "Icon": { "color": ["current"] },
810
+ "AnimatePresence": { "mode": ["popLayout"] },
811
+ "SpringMotionConfig": { "layoutSpeed": ["3"] },
812
+ "MotionSlot": {
813
+ "whileHover": ["hover"],
814
+ "whileTap": ["pressed"]
815
+ }
816
+ },
978
817
  "propToVariantKeys": {
979
- "size": ["chipSizeRoot", "chipSizeIcon"],
818
+ "size": ["buttonSizeRoot", "buttonSizeIcon"],
819
+ "variant": ["buttonVariantRoot", "buttonVariantIcon"],
820
+ "iconVariant": ["variant"],
980
821
  "startIcon": ["icon"],
981
822
  "endIcon": ["icon"]
982
823
  },
983
824
  "runtimeConfigDefaultProps": {},
984
825
  "runtimeConfigGetStyles": {},
985
826
  "runtimeConfigInternalComponentProps": {},
986
- "motionVarPrefixes": []
987
- };
988
- var ChipButton = {
989
- "name": "ChipButton",
990
- "defaultProps": { "variant": "primary" },
991
- "getStylesLiterals": {},
992
- "cxLiterals": ["uds-ring"],
993
- "internalComponents": ["ChipBase"],
994
- "internalComponentProps": { "ChipBase": { "as": ["button"] } },
995
- "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
996
- "runtimeConfigDefaultProps": {},
997
- "runtimeConfigGetStyles": {},
998
- "runtimeConfigInternalComponentProps": {},
999
- "motionVarPrefixes": []
827
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1000
828
  };
1001
- var ChipDismissible = {
1002
- "name": "ChipDismissible",
1003
- "defaultProps": { "variant": "primary" },
829
+ var UDSToastConfigProvider = {
830
+ "name": "UDSToastConfigProvider",
831
+ "defaultProps": {},
1004
832
  "getStylesLiterals": {},
1005
- "cxLiterals": [
1006
- "uds-chip-dismissible-button",
1007
- "uds-hit-target",
1008
- "uds-ring",
1009
- "rounded-full"
1010
- ],
1011
- "internalComponents": [
1012
- "ChipBase",
1013
- "IconSlot",
1014
- "Pressable"
1015
- ],
833
+ "cxLiterals": [],
834
+ "internalComponents": ["ToastContext.Provider"],
1016
835
  "internalComponentProps": {},
1017
- "propToVariantKeys": {
1018
- "variant": ["chipDismissibleVariantRoot", "chipDismissibleVariantIcon"],
1019
- "dismissButtonAriaLabel": ["aria-label"]
1020
- },
836
+ "propToVariantKeys": {},
1021
837
  "runtimeConfigDefaultProps": {},
1022
838
  "runtimeConfigGetStyles": {},
1023
839
  "runtimeConfigInternalComponentProps": {},
1024
840
  "motionVarPrefixes": []
1025
841
  };
1026
- var ChipLink = {
1027
- "name": "ChipLink",
1028
- "defaultProps": { "variant": "primary" },
842
+ var ToastPortal = {
843
+ "name": "ToastPortal",
844
+ "defaultProps": {},
1029
845
  "getStylesLiterals": {},
1030
- "cxLiterals": ["uds-ring"],
1031
- "internalComponents": ["ChipBase"],
1032
- "internalComponentProps": { "ChipBase": { "as": ["a"] } },
1033
- "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1034
- "runtimeConfigDefaultProps": {},
1035
- "runtimeConfigGetStyles": {},
1036
- "runtimeConfigInternalComponentProps": {},
1037
- "motionVarPrefixes": []
1038
- };
1039
- var ChipToggle = {
1040
- "name": "ChipToggle",
1041
- "defaultProps": {
1042
- "variant": "primary",
1043
- "role": "checkbox"
1044
- },
1045
- "getStylesLiterals": {
1046
- "chipToggleVariantActiveRoot": "on",
1047
- "chipToggleVariantActiveRoot:1": "off"
846
+ "cxLiterals": [],
847
+ "internalComponents": ["ReactToastifyToastContainer"],
848
+ "internalComponentProps": {},
849
+ "propToVariantKeys": {},
850
+ "runtimeConfigDefaultProps": {
851
+ "size": "toast.defaultSize",
852
+ "variant": "toast.defaultVariant"
1048
853
  },
1049
- "cxLiterals": ["uds-ring"],
1050
- "internalComponents": ["ChipBase"],
1051
- "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1052
- "propToVariantKeys": { "variant": ["chipToggleVariantRoot", "chipToggleVariantIcon"] },
1053
- "runtimeConfigDefaultProps": {},
1054
854
  "runtimeConfigGetStyles": {},
1055
- "runtimeConfigInternalComponentProps": {},
855
+ "runtimeConfigInternalComponentProps": { "ReactToastifyToastContainer": { "autoClose": ["toast.autoClose"] } },
1056
856
  "motionVarPrefixes": []
1057
857
  };
1058
- var Input = {
1059
- "name": "Input",
1060
- "defaultProps": {
1061
- "type": "text",
1062
- "size": "md",
1063
- "width": "full"
1064
- },
858
+ var Toast = {
859
+ "name": "Toast",
860
+ "defaultProps": {},
1065
861
  "getStylesLiterals": {
1066
- "inputVariantRoot": "default",
1067
- "inputVariantValueRoot": "empty",
1068
- "inputVariantValueRoot:1": "filled",
1069
- "inputVariantInputWrapper": "default",
1070
- "inputVariantValueInputWrapper": "empty",
1071
- "inputVariantValueInputWrapper:1": "filled",
1072
- "inputVariantInput": "default",
1073
- "inputVariantValueInput": "empty",
1074
- "inputVariantValueInput:1": "filled",
1075
- "inputVariantInputPlaceholder": "default",
1076
- "inputVariantValueInputPlaceholder": "empty",
1077
- "inputVariantValueInputPlaceholder:1": "filled",
1078
- "inputVariantLabel": "default",
1079
- "inputVariantValueLabel": "empty",
1080
- "inputVariantValueLabel:1": "filled",
1081
- "inputVariantLabelRequired": "default",
1082
- "inputVariantValueLabelRequired": "empty",
1083
- "inputVariantValueLabelRequired:1": "filled",
1084
- "inputVariantStartIcon": "default",
1085
- "inputVariantValueStartIcon": "empty",
1086
- "inputVariantValueStartIcon:1": "filled",
1087
- "inputVariantEndIcon": "default",
1088
- "inputVariantValueEndIcon": "empty",
1089
- "inputVariantValueEndIcon:1": "filled"
862
+ "className": "animate-spin",
863
+ "className:1": "flex-none",
864
+ "spacing": "2",
865
+ "borderRadius": "full"
1090
866
  },
1091
867
  "cxLiterals": [
1092
- "opacity-50",
1093
- "min-w-[200px]",
1094
- "grow",
1095
- "uds-hit-target",
1096
- "bg-clip-text",
1097
- "focus:outline-none",
1098
- "cursor-text",
1099
- "cursor-not-allowed"
868
+ "duration-0",
869
+ "duration-120",
870
+ "transition-[background-color]",
871
+ "bg-carbon-15/0",
872
+ "hover:bg-carbon-15/10",
873
+ "active:bg-carbon-15/15",
874
+ "uds-ring"
1100
875
  ],
1101
876
  "internalComponents": [
1102
877
  "IconSlot",
1103
- "StartIcon",
1104
- "EndIcon",
1105
- "HelpTextContent",
1106
- "Box",
1107
- "InputHelpTextInternal",
1108
- "VStack",
1109
- "HStack",
1110
- "AnimateHeightChange"
878
+ "ToastContainer",
879
+ "Text",
880
+ "Button",
881
+ "Pressable"
1111
882
  ],
1112
- "internalComponentProps": {
1113
- "HelpTextContent": { "spacingTop": ["2"] },
1114
- "Box": {
1115
- "spacingBottom": ["2"],
1116
- "columnGap": ["0.5"],
1117
- "alignItems": ["flex-end", "center"],
1118
- "position": ["relative"]
883
+ "internalComponentProps": {},
884
+ "propToVariantKeys": {
885
+ "size": [
886
+ "toastSizeLabel",
887
+ "toastSizeIcon",
888
+ "toastSizeActionButton",
889
+ "toastSizeCloseIcon"
890
+ ],
891
+ "variant": [
892
+ "toastVariantIcon",
893
+ "toastVariantActionButton",
894
+ "toastVariantCloseIcon"
895
+ ],
896
+ "closeIcon": ["icon"],
897
+ "onClickActionButton": ["onClick"]
898
+ },
899
+ "runtimeConfigDefaultProps": {
900
+ "size": "toast.defaultSize",
901
+ "variant": "toast.defaultVariant"
902
+ },
903
+ "runtimeConfigGetStyles": {
904
+ "toastSizeLabel": ["toast.defaultSize"],
905
+ "toastVariantIcon": ["toast.defaultVariant"],
906
+ "toastSizeIcon": ["toast.defaultSize"],
907
+ "toastSizeActionButton": ["toast.defaultSize"],
908
+ "toastVariantActionButton": ["toast.defaultVariant"],
909
+ "toastVariantCloseIcon": ["toast.defaultVariant"],
910
+ "toastSizeCloseIcon": ["toast.defaultSize"]
911
+ },
912
+ "runtimeConfigInternalComponentProps": {
913
+ "ToastContainer": {
914
+ "size": ["toast.defaultSize"],
915
+ "variant": ["toast.defaultVariant"]
916
+ },
917
+ "Text": {
918
+ "variant": ["toast.textVariant.${size}"],
919
+ "color": ["toast.textColor.${variant}"]
1119
920
  },
1120
- "HStack": {
1121
- "alignItems": ["center"],
1122
- "gap": ["1"]
921
+ "Button": {
922
+ "size": ["toast.buttonSize.${size}"],
923
+ "variant": ["toast.buttonVariant.${variant}"]
1123
924
  }
1124
925
  },
926
+ "motionVarPrefixes": []
927
+ };
928
+ var ToastContainer = {
929
+ "name": "ToastContainer",
930
+ "defaultProps": {},
931
+ "getStylesLiterals": {
932
+ "position": "relative",
933
+ "alignItems": "center",
934
+ "display": "flex",
935
+ "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
936
+ },
937
+ "cxLiterals": ["w-full"],
938
+ "internalComponents": ["HStack"],
939
+ "internalComponentProps": { "HStack": {
940
+ "alignItems": ["center"],
941
+ "justifyContent": ["space-between"],
942
+ "overflow": ["hidden"],
943
+ "position": ["relative"]
944
+ } },
1125
945
  "propToVariantKeys": {
1126
- "size": [
1127
- "inputSizeRoot",
1128
- "inputSizeInputWrapper",
1129
- "inputSizeInput",
1130
- "inputSizeLabel",
1131
- "inputSizeStartIcon",
1132
- "inputSizeEndIcon"
1133
- ],
1134
- "startIcon": ["icon"],
1135
- "endIcon": ["icon"],
1136
- "helperTextIcon": ["startIcon"]
946
+ "variant": ["toastVariantRoot"],
947
+ "size": ["toastSizeRoot"]
948
+ },
949
+ "runtimeConfigDefaultProps": {
950
+ "size": "toast.defaultSize",
951
+ "variant": "toast.defaultVariant"
952
+ },
953
+ "runtimeConfigGetStyles": {
954
+ "toastVariantRoot": ["toast.defaultVariant"],
955
+ "toastSizeRoot": ["toast.defaultSize"]
1137
956
  },
957
+ "runtimeConfigInternalComponentProps": { "HStack": { "backgroundColor": ["toast.backgroundColor.${variant}"] } },
958
+ "motionVarPrefixes": []
959
+ };
960
+ var BottomSheetInternalContext = {
961
+ "name": "BottomSheetInternalContext",
962
+ "defaultProps": {},
963
+ "getStylesLiterals": {},
964
+ "cxLiterals": [],
965
+ "internalComponents": [],
966
+ "internalComponentProps": {},
967
+ "propToVariantKeys": {},
1138
968
  "runtimeConfigDefaultProps": {},
1139
969
  "runtimeConfigGetStyles": {},
1140
970
  "runtimeConfigInternalComponentProps": {},
1141
971
  "motionVarPrefixes": []
1142
972
  };
1143
- var InputHelpText = {
1144
- "name": "InputHelpText",
1145
- "defaultProps": { "size": "md" },
1146
- "getStylesLiterals": {
1147
- "inputVariantRoot": "default",
1148
- "inputVariantValueRoot": "empty",
1149
- "inputVariantValueRoot:1": "filled"
973
+ var BottomSheetContent = {
974
+ "name": "BottomSheetContent",
975
+ "defaultProps": {},
976
+ "getStylesLiterals": {},
977
+ "cxLiterals": ["min-h-0", "touch-pan-y"],
978
+ "internalComponents": ["Box", "VStack"],
979
+ "internalComponentProps": {
980
+ "Box": {
981
+ "display": ["block"],
982
+ "flex": ["1"]
983
+ },
984
+ "VStack": { "className": ["pb-[calc(env(safe-area-inset-bottom))]"] }
1150
985
  },
1151
- "cxLiterals": [],
1152
- "internalComponents": ["InputHelpTextInternal", "Box"],
1153
- "internalComponentProps": { "Box": { "spacingTop": ["2"] } },
1154
- "propToVariantKeys": { "size": ["inputSizeRoot"] },
986
+ "propToVariantKeys": {},
1155
987
  "runtimeConfigDefaultProps": {},
1156
988
  "runtimeConfigGetStyles": {},
1157
989
  "runtimeConfigInternalComponentProps": {},
1158
990
  "motionVarPrefixes": []
1159
991
  };
1160
- var InputHelpTextInternal = {
1161
- "name": "InputHelpTextInternal",
1162
- "defaultProps": {},
1163
- "getStylesLiterals": {
1164
- "inputVariantHelperText": "default",
1165
- "inputVariantValueHelperText": "empty",
1166
- "inputVariantValueHelperText:1": "filled",
1167
- "inputVariantHelperIcon": "default",
1168
- "inputVariantValueHelperIcon": "empty",
1169
- "inputVariantValueHelperIcon:1": "filled"
1170
- },
1171
- "cxLiterals": [],
1172
- "internalComponents": ["IconSlot", "HStack"],
1173
- "internalComponentProps": { "HStack": {
1174
- "gap": ["1"],
1175
- "alignItems": ["center"]
992
+ var BottomSheetHandle = {
993
+ "name": "BottomSheetHandle",
994
+ "defaultProps": { "variant": "default" },
995
+ "getStylesLiterals": {},
996
+ "cxLiterals": [
997
+ "relative",
998
+ "h-5",
999
+ "w-16",
1000
+ "outline-none",
1001
+ "focus-visible:outline-none",
1002
+ "[touch-action:pan-y]",
1003
+ "absolute",
1004
+ "left-1/2",
1005
+ "top-1/2",
1006
+ "-translate-x-1/2",
1007
+ "-translate-y-1/2",
1008
+ "h-1",
1009
+ "w-8",
1010
+ "rounded-full"
1011
+ ],
1012
+ "internalComponents": ["Box"],
1013
+ "internalComponentProps": { "Box": {
1014
+ "display": ["block", "flex"],
1015
+ "justifyContent": ["center"]
1176
1016
  } },
1177
- "propToVariantKeys": {
1178
- "size": ["inputSizeHelperText", "inputSizeHelperIcon"],
1179
- "startIcon": ["icon"],
1180
- "endIcon": ["icon"]
1181
- },
1017
+ "propToVariantKeys": { "variant": ["bottomsheetVariantHandleIndicator"] },
1182
1018
  "runtimeConfigDefaultProps": {},
1183
1019
  "runtimeConfigGetStyles": {},
1184
1020
  "runtimeConfigInternalComponentProps": {},
@@ -1229,19 +1065,57 @@ var BottomSheet = {
1229
1065
  "runtimeConfigInternalComponentProps": {},
1230
1066
  "motionVarPrefixes": []
1231
1067
  };
1232
- var BottomSheetContent = {
1233
- "name": "BottomSheetContent",
1234
- "defaultProps": {},
1068
+ var BottomSheetHeader = {
1069
+ "name": "BottomSheetHeader",
1070
+ "defaultProps": { "variant": "default" },
1235
1071
  "getStylesLiterals": {},
1236
- "cxLiterals": ["min-h-0", "touch-pan-y"],
1237
- "internalComponents": ["Box", "VStack"],
1072
+ "cxLiterals": [
1073
+ "grid-cols-[40px_1fr_40px]",
1074
+ "items-center",
1075
+ "w-full",
1076
+ "min-h-10",
1077
+ "mt-2"
1078
+ ],
1079
+ "internalComponents": ["Box", "Text"],
1238
1080
  "internalComponentProps": {
1239
1081
  "Box": {
1240
- "display": ["block"],
1241
- "flex": ["1"]
1082
+ "className": ["h-10 w-10 opacity-0 pointer-events-none"],
1083
+ "display": ["grid", "flex"],
1084
+ "justifyContent": ["flex-start", "flex-end"]
1242
1085
  },
1243
- "VStack": { "className": ["pb-[calc(env(safe-area-inset-bottom))]"] }
1086
+ "Text": {
1087
+ "variant": ["inherit"],
1088
+ "color": ["inherit"],
1089
+ "textAlign": ["center"],
1090
+ "className": ["w-full"]
1091
+ }
1244
1092
  },
1093
+ "propToVariantKeys": { "variant": ["bottomsheetVariantHeader"] },
1094
+ "runtimeConfigDefaultProps": {},
1095
+ "runtimeConfigGetStyles": {},
1096
+ "runtimeConfigInternalComponentProps": {},
1097
+ "motionVarPrefixes": []
1098
+ };
1099
+ var BottomSheetTrigger = {
1100
+ "name": "BottomSheetTrigger",
1101
+ "defaultProps": {},
1102
+ "getStylesLiterals": {},
1103
+ "cxLiterals": [],
1104
+ "internalComponents": ["AriakitDialogDisclosure"],
1105
+ "internalComponentProps": {},
1106
+ "propToVariantKeys": {},
1107
+ "runtimeConfigDefaultProps": {},
1108
+ "runtimeConfigGetStyles": {},
1109
+ "runtimeConfigInternalComponentProps": {},
1110
+ "motionVarPrefixes": []
1111
+ };
1112
+ var UDSBottomSheetConfigProvider = {
1113
+ "name": "UDSBottomSheetConfigProvider",
1114
+ "defaultProps": {},
1115
+ "getStylesLiterals": {},
1116
+ "cxLiterals": [],
1117
+ "internalComponents": ["BottomSheetContext.Provider"],
1118
+ "internalComponentProps": {},
1245
1119
  "propToVariantKeys": {},
1246
1120
  "runtimeConfigDefaultProps": {},
1247
1121
  "runtimeConfigGetStyles": {},
@@ -1261,100 +1135,127 @@ var BottomSheetDismiss = {
1261
1135
  "runtimeConfigInternalComponentProps": {},
1262
1136
  "motionVarPrefixes": []
1263
1137
  };
1264
- var BottomSheetHandle = {
1265
- "name": "BottomSheetHandle",
1266
- "defaultProps": { "variant": "default" },
1138
+ var BottomSheetProvider = {
1139
+ "name": "BottomSheetProvider",
1140
+ "defaultProps": {},
1267
1141
  "getStylesLiterals": {},
1268
- "cxLiterals": [
1269
- "relative",
1270
- "h-5",
1271
- "w-16",
1272
- "outline-none",
1273
- "focus-visible:outline-none",
1274
- "[touch-action:pan-y]",
1275
- "absolute",
1276
- "left-1/2",
1277
- "top-1/2",
1278
- "-translate-x-1/2",
1279
- "-translate-y-1/2",
1280
- "h-1",
1281
- "w-8",
1282
- "rounded-full"
1283
- ],
1284
- "internalComponents": ["Box"],
1285
- "internalComponentProps": { "Box": {
1286
- "display": ["block", "flex"],
1287
- "justifyContent": ["center"]
1288
- } },
1289
- "propToVariantKeys": { "variant": ["bottomsheetVariantHandleIndicator"] },
1142
+ "cxLiterals": [],
1143
+ "internalComponents": ["AriakitDialogProvider"],
1144
+ "internalComponentProps": {},
1145
+ "propToVariantKeys": {},
1290
1146
  "runtimeConfigDefaultProps": {},
1291
1147
  "runtimeConfigGetStyles": {},
1292
1148
  "runtimeConfigInternalComponentProps": {},
1293
1149
  "motionVarPrefixes": []
1294
1150
  };
1295
- var BottomSheetHeader = {
1296
- "name": "BottomSheetHeader",
1297
- "defaultProps": { "variant": "default" },
1151
+ var ChipLink = {
1152
+ "name": "ChipLink",
1153
+ "defaultProps": { "variant": "primary" },
1154
+ "getStylesLiterals": {},
1155
+ "cxLiterals": ["uds-ring"],
1156
+ "internalComponents": ["ChipBase"],
1157
+ "internalComponentProps": { "ChipBase": { "as": ["a"] } },
1158
+ "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1159
+ "runtimeConfigDefaultProps": {},
1160
+ "runtimeConfigGetStyles": {},
1161
+ "runtimeConfigInternalComponentProps": {},
1162
+ "motionVarPrefixes": []
1163
+ };
1164
+ var ChipDismissible = {
1165
+ "name": "ChipDismissible",
1166
+ "defaultProps": { "variant": "primary" },
1298
1167
  "getStylesLiterals": {},
1299
1168
  "cxLiterals": [
1300
- "grid-cols-[40px_1fr_40px]",
1301
- "items-center",
1302
- "w-full",
1303
- "min-h-10",
1304
- "mt-2"
1305
- ],
1306
- "internalComponents": ["Box", "Text"],
1307
- "internalComponentProps": {
1308
- "Box": {
1309
- "className": ["h-10 w-10 opacity-0 pointer-events-none"],
1310
- "display": ["grid", "flex"],
1311
- "justifyContent": ["flex-start", "flex-end"]
1312
- },
1313
- "Text": {
1314
- "variant": ["inherit"],
1315
- "color": ["inherit"],
1316
- "textAlign": ["center"],
1317
- "className": ["w-full"]
1318
- }
1169
+ "uds-chip-dismissible-button",
1170
+ "uds-hit-target",
1171
+ "uds-ring",
1172
+ "rounded-full"
1173
+ ],
1174
+ "internalComponents": [
1175
+ "ChipBase",
1176
+ "IconSlot",
1177
+ "Pressable"
1178
+ ],
1179
+ "internalComponentProps": {},
1180
+ "propToVariantKeys": {
1181
+ "variant": ["chipDismissibleVariantRoot", "chipDismissibleVariantIcon"],
1182
+ "dismissButtonAriaLabel": ["aria-label"]
1319
1183
  },
1320
- "propToVariantKeys": { "variant": ["bottomsheetVariantHeader"] },
1321
1184
  "runtimeConfigDefaultProps": {},
1322
1185
  "runtimeConfigGetStyles": {},
1323
1186
  "runtimeConfigInternalComponentProps": {},
1324
1187
  "motionVarPrefixes": []
1325
1188
  };
1326
- var BottomSheetInternalContext = {
1327
- "name": "BottomSheetInternalContext",
1328
- "defaultProps": {},
1329
- "getStylesLiterals": {},
1330
- "cxLiterals": [],
1331
- "internalComponents": [],
1332
- "internalComponentProps": {},
1333
- "propToVariantKeys": {},
1189
+ var ChipToggle = {
1190
+ "name": "ChipToggle",
1191
+ "defaultProps": {
1192
+ "variant": "primary",
1193
+ "role": "checkbox"
1194
+ },
1195
+ "getStylesLiterals": {
1196
+ "chipToggleVariantActiveRoot": "on",
1197
+ "chipToggleVariantActiveRoot:1": "off"
1198
+ },
1199
+ "cxLiterals": ["uds-ring"],
1200
+ "internalComponents": ["ChipBase"],
1201
+ "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1202
+ "propToVariantKeys": { "variant": ["chipToggleVariantRoot", "chipToggleVariantIcon"] },
1334
1203
  "runtimeConfigDefaultProps": {},
1335
1204
  "runtimeConfigGetStyles": {},
1336
1205
  "runtimeConfigInternalComponentProps": {},
1337
1206
  "motionVarPrefixes": []
1338
1207
  };
1339
- var BottomSheetProvider = {
1340
- "name": "BottomSheetProvider",
1341
- "defaultProps": {},
1208
+ var ChipBase = {
1209
+ "name": "ChipBase",
1210
+ "defaultProps": {
1211
+ "size": "md",
1212
+ "as": "div"
1213
+ },
1342
1214
  "getStylesLiterals": {},
1343
- "cxLiterals": [],
1344
- "internalComponents": ["AriakitDialogProvider"],
1345
- "internalComponentProps": {},
1346
- "propToVariantKeys": {},
1215
+ "cxLiterals": [
1216
+ "pointer-events-none",
1217
+ "cursor-default",
1218
+ "opacity-50",
1219
+ "inline-flex",
1220
+ "items-center",
1221
+ "transition-[background-color,outline-color,box-shadow]",
1222
+ "truncate",
1223
+ "whitespace-nowrap",
1224
+ "text-center",
1225
+ "flex-1"
1226
+ ],
1227
+ "internalComponents": [
1228
+ "IconSlot",
1229
+ "HStack",
1230
+ "As",
1231
+ "Text"
1232
+ ],
1233
+ "internalComponentProps": { "Text": {
1234
+ "as": ["span"],
1235
+ "color": ["current"],
1236
+ "variant": ["inherit"]
1237
+ } },
1238
+ "propToVariantKeys": {
1239
+ "size": ["chipSizeRoot", "chipSizeIcon"],
1240
+ "startIcon": ["icon"],
1241
+ "endIcon": ["icon"]
1242
+ },
1347
1243
  "runtimeConfigDefaultProps": {},
1348
1244
  "runtimeConfigGetStyles": {},
1349
1245
  "runtimeConfigInternalComponentProps": {},
1350
1246
  "motionVarPrefixes": []
1351
1247
  };
1352
- var BottomSheetTrigger = {
1353
- "name": "BottomSheetTrigger",
1248
+ var Chip = {
1249
+ "name": "Chip",
1354
1250
  "defaultProps": {},
1355
1251
  "getStylesLiterals": {},
1356
1252
  "cxLiterals": [],
1357
- "internalComponents": ["AriakitDialogDisclosure"],
1253
+ "internalComponents": [
1254
+ "ChipDismissible",
1255
+ "ChipToggle",
1256
+ "ChipLink",
1257
+ "ChipButton"
1258
+ ],
1358
1259
  "internalComponentProps": {},
1359
1260
  "propToVariantKeys": {},
1360
1261
  "runtimeConfigDefaultProps": {},
@@ -1362,92 +1263,79 @@ var BottomSheetTrigger = {
1362
1263
  "runtimeConfigInternalComponentProps": {},
1363
1264
  "motionVarPrefixes": []
1364
1265
  };
1365
- var UDSBottomSheetConfigProvider = {
1366
- "name": "UDSBottomSheetConfigProvider",
1367
- "defaultProps": {},
1266
+ var ChipButton = {
1267
+ "name": "ChipButton",
1268
+ "defaultProps": { "variant": "primary" },
1368
1269
  "getStylesLiterals": {},
1369
- "cxLiterals": [],
1370
- "internalComponents": ["BottomSheetContext.Provider"],
1371
- "internalComponentProps": {},
1372
- "propToVariantKeys": {},
1270
+ "cxLiterals": ["uds-ring"],
1271
+ "internalComponents": ["ChipBase"],
1272
+ "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1273
+ "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1373
1274
  "runtimeConfigDefaultProps": {},
1374
1275
  "runtimeConfigGetStyles": {},
1375
1276
  "runtimeConfigInternalComponentProps": {},
1376
1277
  "motionVarPrefixes": []
1377
1278
  };
1378
- var Menu_Content = {
1379
- "name": "Menu.Content",
1279
+ var AvatarText = {
1280
+ "name": "AvatarText",
1380
1281
  "defaultProps": {
1381
- "size": "default",
1382
- "variant": "default",
1383
- "gutter": "1"
1282
+ "size": "md",
1283
+ "variant": "primary"
1384
1284
  },
1385
1285
  "getStylesLiterals": {},
1386
1286
  "cxLiterals": [
1387
- "uds-menu-content",
1388
- "transition-shadow",
1389
- "duration-200",
1390
- "ease-in-out",
1391
- "min-w-60",
1392
- "max-w-lg",
1393
- "max-h-96",
1394
- "overflow-auto",
1395
- "uds-ring",
1396
- "z-10",
1397
- "group"
1398
- ],
1399
- "internalComponents": [
1400
- "AriakitMenu",
1401
- "AnimatePresence",
1402
- "MotionVStack"
1287
+ "overflow-hidden",
1288
+ "truncate",
1289
+ "w-full",
1290
+ "h-full",
1291
+ "shrink-0",
1292
+ "text-center",
1293
+ "inline-flex",
1294
+ "justify-center",
1295
+ "items-center"
1403
1296
  ],
1404
- "internalComponentProps": {},
1405
- "propToVariantKeys": {
1406
- "size": ["menucontentSizeRoot"],
1407
- "variant": ["menucontentVariantRoot"]
1408
- },
1297
+ "internalComponents": ["Box", "Text"],
1298
+ "internalComponentProps": { "Text": {
1299
+ "color": ["inherit"],
1300
+ "variant": ["inherit"]
1301
+ } },
1302
+ "propToVariantKeys": {},
1409
1303
  "runtimeConfigDefaultProps": {},
1410
1304
  "runtimeConfigGetStyles": {},
1411
1305
  "runtimeConfigInternalComponentProps": {},
1412
1306
  "motionVarPrefixes": []
1413
1307
  };
1414
- var Menu_Divider = {
1415
- "name": "Menu.Divider",
1308
+ var AvatarIcon = {
1309
+ "name": "AvatarIcon",
1416
1310
  "defaultProps": {
1417
- "role": "separator",
1418
- "contentPosition": "start",
1419
- "gap": "4"
1420
- },
1421
- "getStylesLiterals": {
1422
- "menuitemDividerVariantRoot": "default",
1423
- "menuitemDividerVariantText": "default",
1424
- "menuitemDividerVariantLine": "default"
1311
+ "size": "md",
1312
+ "variant": "primary"
1425
1313
  },
1426
- "cxLiterals": [],
1427
- "internalComponents": ["DividerInternal"],
1428
- "internalComponentProps": { "DividerInternal": { "variant": ["inherit"] } },
1429
- "propToVariantKeys": {},
1314
+ "getStylesLiterals": {},
1315
+ "cxLiterals": [
1316
+ "overflow-hidden",
1317
+ "w-full",
1318
+ "h-full",
1319
+ "shrink-0",
1320
+ "text-center",
1321
+ "inline-flex",
1322
+ "justify-center",
1323
+ "items-center"
1324
+ ],
1325
+ "internalComponents": ["IconSlot", "Box"],
1326
+ "internalComponentProps": {},
1327
+ "propToVariantKeys": { "size": ["avatarSizeIcon"] },
1430
1328
  "runtimeConfigDefaultProps": {},
1431
1329
  "runtimeConfigGetStyles": {},
1432
1330
  "runtimeConfigInternalComponentProps": {},
1433
1331
  "motionVarPrefixes": []
1434
1332
  };
1435
- var Menu_Item = {
1436
- "name": "Menu.Item",
1333
+ var Avatar = {
1334
+ "name": "Avatar",
1437
1335
  "defaultProps": {},
1438
- "getStylesLiterals": {
1439
- "menuitemItemVariantRoot": "default",
1440
- "menuitemItemVariantActiveRoot": "on",
1441
- "menuitemItemVariantActiveRoot:1": "off",
1442
- "menuitemItemVariantText": "default",
1443
- "menuitemItemVariantActiveText": "on",
1444
- "menuitemItemVariantActiveText:1": "off",
1445
- "menuitemItemVariantIcon": "default",
1446
- "menuitemItemVariantActiveIcon": "on",
1447
- "menuitemItemVariantActiveIcon:1": "off"
1448
- },
1336
+ "getStylesLiterals": {},
1449
1337
  "cxLiterals": [],
1450
- "internalComponents": ["MenuItemBase"],
1338
+ "internalComponents": ["AvatarImage"],
1451
1339
  "internalComponentProps": {},
1452
1340
  "propToVariantKeys": {},
1453
1341
  "runtimeConfigDefaultProps": {},
@@ -1455,83 +1343,46 @@ var Menu_Item = {
1455
1343
  "runtimeConfigInternalComponentProps": {},
1456
1344
  "motionVarPrefixes": []
1457
1345
  };
1458
- var Menu_ItemBase = {
1459
- "name": "Menu.ItemBase",
1346
+ var AvatarImage = {
1347
+ "name": "AvatarImage",
1460
1348
  "defaultProps": {
1461
- "spacing": "0",
1462
- "spacingHorizontal": "4",
1463
- "spacingVertical": "3.5",
1464
- "columnGap": "2",
1465
- "alignItems": "center",
1466
- "justifyContent": "space-between"
1467
- },
1468
- "getStylesLiterals": {
1469
- "textAlign": "start",
1470
- "menuitemSizeRoot": "default",
1471
- "flexDirection": "row",
1472
- "menuitemSizeStartIcon": "default",
1473
- "menuitemSizeEndIcon": "default"
1349
+ "size": "md",
1350
+ "variant": "primary"
1474
1351
  },
1352
+ "getStylesLiterals": {},
1475
1353
  "cxLiterals": [
1476
- "flex",
1477
- "focus-visible:text-brand",
1478
- "focus-visible:bg-brand-secondary",
1479
- "focus-visible:z-10",
1480
- "uds-ring",
1481
- "!-outline-offset-2",
1482
- "[&:not([aria-checked])]:cursor-default",
1483
- "opacity-25",
1484
- "cursor-not-allowed",
1485
- "duration-20",
1486
- "transition-[font-variation-settings]",
1487
- "ease-in-out",
1488
- "z-0",
1489
- "uds-start-icon",
1490
- "uds-end-icon"
1354
+ "overflow-hidden",
1355
+ "w-full",
1356
+ "h-full",
1357
+ "shrink-0",
1358
+ "text-center",
1359
+ "inline-flex",
1360
+ "justify-center",
1361
+ "items-center",
1362
+ "object-cover"
1491
1363
  ],
1492
1364
  "internalComponents": [
1493
- "Pressable",
1494
- "IconSlot",
1495
- "RootComponent",
1496
- "HStack",
1497
- "AnimatePresence"
1498
- ],
1499
- "internalComponentProps": {
1500
- "HStack": {
1501
- "alignItems": ["center"],
1502
- "width": ["full"]
1503
- },
1504
- "AnimatePresence": { "mode": ["popLayout"] }
1505
- },
1365
+ "UDSImage",
1366
+ "AvatarText",
1367
+ "AvatarIcon",
1368
+ "Box"
1369
+ ],
1370
+ "internalComponentProps": {},
1506
1371
  "propToVariantKeys": {
1507
- "startIcon": ["icon"],
1508
- "endIcon": ["icon"],
1509
- "columnGap": ["gap"]
1372
+ "alt": ["name"],
1373
+ "fallback": ["initials"]
1510
1374
  },
1511
1375
  "runtimeConfigDefaultProps": {},
1512
1376
  "runtimeConfigGetStyles": {},
1513
1377
  "runtimeConfigInternalComponentProps": {},
1514
1378
  "motionVarPrefixes": []
1515
1379
  };
1516
- var Menu_ItemCheckbox = {
1517
- "name": "Menu.ItemCheckbox",
1380
+ var TabPanel = {
1381
+ "name": "TabPanel",
1518
1382
  "defaultProps": {},
1519
- "getStylesLiterals": {
1520
- "menuitemItemCheckboxVariantRoot": "default",
1521
- "menuitemItemCheckboxVariantActiveRoot": "on",
1522
- "menuitemItemCheckboxVariantActiveRoot:1": "off",
1523
- "menuitemItemCheckboxVariantText": "default",
1524
- "menuitemItemCheckboxVariantActiveText": "on",
1525
- "menuitemItemCheckboxVariantActiveText:1": "off",
1526
- "menuitemItemCheckboxVariantStartIcon": "default",
1527
- "menuitemItemCheckboxVariantActiveStartIcon": "on",
1528
- "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
1529
- "menuitemItemCheckboxVariantEndIcon": "default",
1530
- "menuitemItemCheckboxVariantActiveEndIcon": "on",
1531
- "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
1532
- },
1533
- "cxLiterals": ["uds-menu-item-checkbox"],
1534
- "internalComponents": ["MenuItemBase"],
1383
+ "getStylesLiterals": {},
1384
+ "cxLiterals": [],
1385
+ "internalComponents": ["AriakitTabPanel"],
1535
1386
  "internalComponentProps": {},
1536
1387
  "propToVariantKeys": {},
1537
1388
  "runtimeConfigDefaultProps": {},
@@ -1539,51 +1390,128 @@ var Menu_ItemCheckbox = {
1539
1390
  "runtimeConfigInternalComponentProps": {},
1540
1391
  "motionVarPrefixes": []
1541
1392
  };
1542
- var Menu_Provider = {
1543
- "name": "Menu.Provider",
1544
- "defaultProps": {},
1393
+ var Tabs = {
1394
+ "name": "Tabs",
1395
+ "defaultProps": { "variant": "primary" },
1545
1396
  "getStylesLiterals": {},
1546
1397
  "cxLiterals": [],
1547
- "internalComponents": ["AriakitMenuProvider", "SpringMotionConfig"],
1398
+ "internalComponents": ["TabsContext.Provider", "TabProvider"],
1548
1399
  "internalComponentProps": {},
1549
- "propToVariantKeys": {},
1400
+ "propToVariantKeys": { "onSelectionChange": ["setSelectedId"] },
1550
1401
  "runtimeConfigDefaultProps": {},
1551
1402
  "runtimeConfigGetStyles": {},
1552
1403
  "runtimeConfigInternalComponentProps": {},
1553
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1404
+ "motionVarPrefixes": []
1554
1405
  };
1555
- var Menu_Trigger = {
1556
- "name": "Menu.Trigger",
1557
- "defaultProps": {},
1558
- "getStylesLiterals": {},
1559
- "cxLiterals": ["uds-menu-trigger"],
1560
- "internalComponents": ["AriakitMenuTrigger", "Box"],
1561
- "internalComponentProps": { "Box": { "className": ["uds-ring h-fit w-fit"] } },
1562
- "propToVariantKeys": {},
1406
+ var TabList = {
1407
+ "name": "TabList",
1408
+ "defaultProps": { "variant": "primary" },
1409
+ "getStylesLiterals": {
1410
+ "tabSizeRoot": "default",
1411
+ "tabVariantActiveRoot": "on"
1412
+ },
1413
+ "cxLiterals": [
1414
+ "pointer-events-none",
1415
+ "absolute",
1416
+ "bottom-0",
1417
+ "left-0",
1418
+ "right-0",
1419
+ "h-[var(--uds-tab-underline-width,0px)]",
1420
+ "bg-[var(--uds-tab-underline-color,transparent)]",
1421
+ "transition-[height,background-color]",
1422
+ "duration-[240ms]",
1423
+ "ease-[cubic-bezier(0.2,0,0,1)]",
1424
+ "!m-0",
1425
+ "!p-0",
1426
+ "!gap-0",
1427
+ "box-border",
1428
+ "z-0",
1429
+ "min-w-0",
1430
+ "min-h-0",
1431
+ "flex",
1432
+ "flex-row",
1433
+ "items-center",
1434
+ "overflow-x-auto",
1435
+ "overflow-y-clip",
1436
+ "scrollbar-none",
1437
+ "[overflow-clip-margin:6px]",
1438
+ "overflow-clip",
1439
+ "[overflow-clip-margin:8px]",
1440
+ "relative"
1441
+ ],
1442
+ "internalComponents": ["AriakitTabList"],
1443
+ "internalComponentProps": {},
1444
+ "propToVariantKeys": { "variant": ["tabsVariantRoot", "tabVariantRoot"] },
1563
1445
  "runtimeConfigDefaultProps": {},
1564
1446
  "runtimeConfigGetStyles": {},
1565
1447
  "runtimeConfigInternalComponentProps": {},
1566
1448
  "motionVarPrefixes": []
1567
1449
  };
1568
- var Menu_index = {
1569
- "name": "Menu.index",
1570
- "defaultProps": {},
1571
- "getStylesLiterals": {},
1572
- "cxLiterals": [],
1573
- "internalComponents": [],
1574
- "internalComponentProps": {},
1575
- "propToVariantKeys": {},
1450
+ var Tab = {
1451
+ "name": "Tab",
1452
+ "defaultProps": { "variant": "primary" },
1453
+ "getStylesLiterals": {
1454
+ "tabSizeRoot": "default",
1455
+ "tabVariantActiveRoot": "off",
1456
+ "tabVariantActiveRoot:1": "on",
1457
+ "tabSizeIcon": "default"
1458
+ },
1459
+ "cxLiterals": [
1460
+ "pointer-events-none",
1461
+ "absolute",
1462
+ "bottom-0",
1463
+ "left-0",
1464
+ "right-0",
1465
+ "h-[var(--uds-tab-underline-width,0px)]",
1466
+ "bg-[var(--uds-tab-underline-color,transparent)]",
1467
+ "transition-[height,background-color]",
1468
+ "duration-[240ms]",
1469
+ "ease-[cubic-bezier(0.2,0,0,1)]",
1470
+ "!bg-transparent",
1471
+ "!shadow-none",
1472
+ "inline-flex",
1473
+ "items-center",
1474
+ "shrink-0",
1475
+ "box-border",
1476
+ "relative",
1477
+ "z-[1]",
1478
+ "cursor-pointer",
1479
+ "select-none",
1480
+ "whitespace-nowrap",
1481
+ "uds-ring",
1482
+ "opacity-50",
1483
+ "cursor-default",
1484
+ "border-solid",
1485
+ "border-b-solid",
1486
+ "transition-colors"
1487
+ ],
1488
+ "internalComponents": [
1489
+ "IconSlot",
1490
+ "AriakitTab",
1491
+ "Text"
1492
+ ],
1493
+ "internalComponentProps": { "Text": {
1494
+ "variant": ["inherit"],
1495
+ "as": ["span"],
1496
+ "color": ["current"]
1497
+ } },
1498
+ "propToVariantKeys": {
1499
+ "variant": ["tabVariantRoot", "tabVariantIcon"],
1500
+ "activeState": ["tabVariantActiveIcon"],
1501
+ "startIcon": ["icon"],
1502
+ "endIcon": ["icon"]
1503
+ },
1576
1504
  "runtimeConfigDefaultProps": {},
1577
1505
  "runtimeConfigGetStyles": {},
1578
1506
  "runtimeConfigInternalComponentProps": {},
1579
1507
  "motionVarPrefixes": []
1580
1508
  };
1581
- var Menu = {
1582
- "name": "Menu",
1509
+ var UDSPopoverConfigProvider = {
1510
+ "name": "UDSPopoverConfigProvider",
1583
1511
  "defaultProps": {},
1584
1512
  "getStylesLiterals": {},
1585
1513
  "cxLiterals": [],
1586
- "internalComponents": [],
1514
+ "internalComponents": ["PopoverContext.Provider"],
1587
1515
  "internalComponentProps": {},
1588
1516
  "propToVariantKeys": {},
1589
1517
  "runtimeConfigDefaultProps": {},
@@ -1607,6 +1535,32 @@ var Popover = {
1607
1535
  "runtimeConfigInternalComponentProps": {},
1608
1536
  "motionVarPrefixes": []
1609
1537
  };
1538
+ var PopoverTrigger = {
1539
+ "name": "PopoverTrigger",
1540
+ "defaultProps": {},
1541
+ "getStylesLiterals": {},
1542
+ "cxLiterals": [],
1543
+ "internalComponents": ["PopoverDisclosure"],
1544
+ "internalComponentProps": { "PopoverDisclosure": { "className": ["inline"] } },
1545
+ "propToVariantKeys": { "children": ["render"] },
1546
+ "runtimeConfigDefaultProps": {},
1547
+ "runtimeConfigGetStyles": {},
1548
+ "runtimeConfigInternalComponentProps": {},
1549
+ "motionVarPrefixes": []
1550
+ };
1551
+ var PopoverContext = {
1552
+ "name": "PopoverContext",
1553
+ "defaultProps": {},
1554
+ "getStylesLiterals": {},
1555
+ "cxLiterals": [],
1556
+ "internalComponents": [],
1557
+ "internalComponentProps": {},
1558
+ "propToVariantKeys": {},
1559
+ "runtimeConfigDefaultProps": {},
1560
+ "runtimeConfigGetStyles": {},
1561
+ "runtimeConfigInternalComponentProps": {},
1562
+ "motionVarPrefixes": []
1563
+ };
1610
1564
  var PopoverContent = {
1611
1565
  "name": "PopoverContent",
1612
1566
  "defaultProps": {},
@@ -1675,150 +1629,176 @@ var PopoverContent = {
1675
1629
  "spacingBottom": ["popover.spacingVertical.${size}"],
1676
1630
  "spacingEnd": ["popover.spacingHorizontal.${size}"]
1677
1631
  },
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": {},
1632
+ "runtimeConfigInternalComponentProps": { "SvgFloatingOverlay": { "borderRadius": ["popover.borderRadius.${size}"] } },
1633
+ "motionVarPrefixes": []
1634
+ };
1635
+ var Input = {
1636
+ "name": "Input",
1637
+ "defaultProps": {
1638
+ "type": "text",
1639
+ "size": "md",
1640
+ "width": "full"
1641
+ },
1642
+ "getStylesLiterals": {
1643
+ "inputVariantRoot": "default",
1644
+ "inputVariantValueRoot": "empty",
1645
+ "inputVariantValueRoot:1": "filled",
1646
+ "inputVariantInputWrapper": "default",
1647
+ "inputVariantValueInputWrapper": "empty",
1648
+ "inputVariantValueInputWrapper:1": "filled",
1649
+ "inputVariantInput": "default",
1650
+ "inputVariantValueInput": "empty",
1651
+ "inputVariantValueInput:1": "filled",
1652
+ "inputVariantInputPlaceholder": "default",
1653
+ "inputVariantValueInputPlaceholder": "empty",
1654
+ "inputVariantValueInputPlaceholder:1": "filled",
1655
+ "inputVariantLabel": "default",
1656
+ "inputVariantValueLabel": "empty",
1657
+ "inputVariantValueLabel:1": "filled",
1658
+ "inputVariantLabelRequired": "default",
1659
+ "inputVariantValueLabelRequired": "empty",
1660
+ "inputVariantValueLabelRequired:1": "filled",
1661
+ "inputVariantStartIcon": "default",
1662
+ "inputVariantValueStartIcon": "empty",
1663
+ "inputVariantValueStartIcon:1": "filled",
1664
+ "inputVariantEndIcon": "default",
1665
+ "inputVariantValueEndIcon": "empty",
1666
+ "inputVariantValueEndIcon:1": "filled"
1667
+ },
1668
+ "cxLiterals": [
1669
+ "opacity-50",
1670
+ "min-w-[200px]",
1671
+ "grow",
1672
+ "uds-hit-target",
1673
+ "bg-clip-text",
1674
+ "focus:outline-none",
1675
+ "cursor-text",
1676
+ "cursor-not-allowed"
1677
+ ],
1678
+ "internalComponents": [
1679
+ "IconSlot",
1680
+ "StartIcon",
1681
+ "EndIcon",
1682
+ "HelpTextContent",
1683
+ "Box",
1684
+ "InputHelpTextInternal",
1685
+ "VStack",
1686
+ "HStack",
1687
+ "AnimateHeightChange"
1688
+ ],
1689
+ "internalComponentProps": {
1690
+ "HelpTextContent": { "spacingTop": ["2"] },
1691
+ "Box": {
1692
+ "spacingBottom": ["2"],
1693
+ "columnGap": ["0.5"],
1694
+ "alignItems": ["flex-end", "center"],
1695
+ "position": ["relative"]
1696
+ },
1697
+ "HStack": {
1698
+ "alignItems": ["center"],
1699
+ "gap": ["1"]
1700
+ }
1701
+ },
1702
+ "propToVariantKeys": {
1703
+ "size": [
1704
+ "inputSizeRoot",
1705
+ "inputSizeInputWrapper",
1706
+ "inputSizeInput",
1707
+ "inputSizeLabel",
1708
+ "inputSizeStartIcon",
1709
+ "inputSizeEndIcon"
1710
+ ],
1711
+ "startIcon": ["icon"],
1712
+ "endIcon": ["icon"],
1713
+ "helperTextIcon": ["startIcon"]
1714
+ },
1689
1715
  "runtimeConfigDefaultProps": {},
1690
1716
  "runtimeConfigGetStyles": {},
1691
1717
  "runtimeConfigInternalComponentProps": {},
1692
1718
  "motionVarPrefixes": []
1693
1719
  };
1694
- var PopoverTrigger = {
1695
- "name": "PopoverTrigger",
1696
- "defaultProps": {},
1697
- "getStylesLiterals": {},
1720
+ var InputHelpText = {
1721
+ "name": "InputHelpText",
1722
+ "defaultProps": { "size": "md" },
1723
+ "getStylesLiterals": {
1724
+ "inputVariantRoot": "default",
1725
+ "inputVariantValueRoot": "empty",
1726
+ "inputVariantValueRoot:1": "filled"
1727
+ },
1698
1728
  "cxLiterals": [],
1699
- "internalComponents": ["PopoverDisclosure"],
1700
- "internalComponentProps": { "PopoverDisclosure": { "className": ["inline"] } },
1701
- "propToVariantKeys": { "children": ["render"] },
1729
+ "internalComponents": ["InputHelpTextInternal", "Box"],
1730
+ "internalComponentProps": { "Box": { "spacingTop": ["2"] } },
1731
+ "propToVariantKeys": { "size": ["inputSizeRoot"] },
1702
1732
  "runtimeConfigDefaultProps": {},
1703
1733
  "runtimeConfigGetStyles": {},
1704
1734
  "runtimeConfigInternalComponentProps": {},
1705
1735
  "motionVarPrefixes": []
1706
1736
  };
1707
- var UDSPopoverConfigProvider = {
1708
- "name": "UDSPopoverConfigProvider",
1737
+ var InputHelpTextInternal = {
1738
+ "name": "InputHelpTextInternal",
1709
1739
  "defaultProps": {},
1710
- "getStylesLiterals": {},
1740
+ "getStylesLiterals": {
1741
+ "inputVariantHelperText": "default",
1742
+ "inputVariantValueHelperText": "empty",
1743
+ "inputVariantValueHelperText:1": "filled",
1744
+ "inputVariantHelperIcon": "default",
1745
+ "inputVariantValueHelperIcon": "empty",
1746
+ "inputVariantValueHelperIcon:1": "filled"
1747
+ },
1711
1748
  "cxLiterals": [],
1712
- "internalComponents": ["PopoverContext.Provider"],
1713
- "internalComponentProps": {},
1714
- "propToVariantKeys": {},
1749
+ "internalComponents": ["IconSlot", "HStack"],
1750
+ "internalComponentProps": { "HStack": {
1751
+ "gap": ["1"],
1752
+ "alignItems": ["center"]
1753
+ } },
1754
+ "propToVariantKeys": {
1755
+ "size": ["inputSizeHelperText", "inputSizeHelperIcon"],
1756
+ "startIcon": ["icon"],
1757
+ "endIcon": ["icon"]
1758
+ },
1715
1759
  "runtimeConfigDefaultProps": {},
1716
1760
  "runtimeConfigGetStyles": {},
1717
1761
  "runtimeConfigInternalComponentProps": {},
1718
1762
  "motionVarPrefixes": []
1719
1763
  };
1720
- var Radio = {
1721
- "name": "Radio",
1722
- "defaultProps": {
1723
- "labelPosition": "start",
1724
- "variant": "primary",
1725
- "size": "md",
1726
- "value": ""
1727
- },
1764
+ var Menu_Item = {
1765
+ "name": "Menu.Item",
1766
+ "defaultProps": {},
1728
1767
  "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"
1739
- },
1740
- "cxLiterals": [
1741
- "cursor-pointer",
1742
- "cursor-default",
1743
- "opacity-50",
1744
- "border",
1745
- "uds-ring",
1746
- "uds-ring-within",
1747
- "transition-[background-color,border-color]",
1748
- "transition-shadow",
1749
- "pointer-events-none",
1750
- "w-[8px]",
1751
- "h-[8px]",
1752
- "transition-opacity",
1753
- "cursor-[inherit]",
1754
- "absolute",
1755
- "opacity-0",
1756
- "top-1/2",
1757
- "left-1/2",
1758
- "w-[calc(100%+2px)]",
1759
- "h-[calc(100%+2px)]",
1760
- "transform",
1761
- "translate-x-[-50%]",
1762
- "translate-y-[-50%]",
1763
- "text-start",
1764
- "text-end"
1765
- ],
1766
- "internalComponents": [
1767
- "Box",
1768
- "FormLabel",
1769
- "SpringMotionConfig",
1770
- "RootElement",
1771
- "MotionBox"
1772
- ],
1773
- "internalComponentProps": {
1774
- "Box": { "borderRadius": ["full"] },
1775
- "FormLabel": {
1776
- "as": ["div"],
1777
- "variant": ["inherit"],
1778
- "color": ["inherit"]
1779
- },
1780
- "RootElement": { "data-testid": ["container"] },
1781
- "MotionBox": {
1782
- "position": ["relative"],
1783
- "borderRadius": ["full"],
1784
- "alignItems": ["center"],
1785
- "justifyContent": ["center"],
1786
- "flex": ["none"]
1787
- }
1788
- },
1789
- "propToVariantKeys": {
1790
- "size": ["radioSizeRoot", "radioSizeRadio"],
1791
- "variant": [
1792
- "radioVariantRoot",
1793
- "radioVariantRadio",
1794
- "radioVariantRadioCircle"
1795
- ],
1796
- "reduceMotion": ["reducedMotion"]
1768
+ "menuitemItemVariantRoot": "default",
1769
+ "menuitemItemVariantActiveRoot": "on",
1770
+ "menuitemItemVariantActiveRoot:1": "off",
1771
+ "menuitemItemVariantText": "default",
1772
+ "menuitemItemVariantActiveText": "on",
1773
+ "menuitemItemVariantActiveText:1": "off",
1774
+ "menuitemItemVariantIcon": "default",
1775
+ "menuitemItemVariantActiveIcon": "on",
1776
+ "menuitemItemVariantActiveIcon:1": "off"
1797
1777
  },
1778
+ "cxLiterals": [],
1779
+ "internalComponents": ["MenuItemBase"],
1780
+ "internalComponentProps": {},
1781
+ "propToVariantKeys": {},
1798
1782
  "runtimeConfigDefaultProps": {},
1799
1783
  "runtimeConfigGetStyles": {},
1800
1784
  "runtimeConfigInternalComponentProps": {},
1801
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1785
+ "motionVarPrefixes": []
1802
1786
  };
1803
- var RadioGroupProvider = {
1804
- "name": "RadioGroupProvider",
1787
+ var Menu_index = {
1788
+ "name": "Menu.index",
1805
1789
  "defaultProps": {},
1806
1790
  "getStylesLiterals": {},
1807
1791
  "cxLiterals": [],
1808
- "internalComponents": [
1809
- "DivProps",
1810
- "Comp",
1811
- "RadioGroupContext.Provider"
1812
- ],
1813
- "internalComponentProps": { "Comp": { "role": ["radiogroup"] } },
1792
+ "internalComponents": [],
1793
+ "internalComponentProps": {},
1814
1794
  "propToVariantKeys": {},
1815
1795
  "runtimeConfigDefaultProps": {},
1816
1796
  "runtimeConfigGetStyles": {},
1817
1797
  "runtimeConfigInternalComponentProps": {},
1818
1798
  "motionVarPrefixes": []
1819
1799
  };
1820
- var RadioGroupStore = {
1821
- "name": "RadioGroupStore",
1800
+ var Menu = {
1801
+ "name": "Menu",
1822
1802
  "defaultProps": {},
1823
1803
  "getStylesLiterals": {},
1824
1804
  "cxLiterals": [],
@@ -1830,259 +1810,198 @@ var RadioGroupStore = {
1830
1810
  "runtimeConfigInternalComponentProps": {},
1831
1811
  "motionVarPrefixes": []
1832
1812
  };
1833
- var Tab = {
1834
- "name": "Tab",
1835
- "defaultProps": { "variant": "primary" },
1836
- "getStylesLiterals": {
1837
- "tabSizeRoot": "default",
1838
- "tabVariantActiveRoot": "off",
1839
- "tabVariantActiveRoot:1": "on",
1840
- "tabSizeIcon": "default"
1813
+ var Menu_Content = {
1814
+ "name": "Menu.Content",
1815
+ "defaultProps": {
1816
+ "size": "default",
1817
+ "variant": "default",
1818
+ "gutter": "1"
1841
1819
  },
1820
+ "getStylesLiterals": {},
1842
1821
  "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",
1822
+ "uds-menu-content",
1823
+ "transition-shadow",
1824
+ "duration-200",
1825
+ "ease-in-out",
1826
+ "min-w-60",
1827
+ "max-w-lg",
1828
+ "max-h-96",
1829
+ "overflow-auto",
1864
1830
  "uds-ring",
1865
- "opacity-50",
1866
- "cursor-default",
1867
- "border-solid",
1868
- "border-b-solid",
1869
- "transition-colors"
1831
+ "z-10",
1832
+ "group"
1870
1833
  ],
1871
1834
  "internalComponents": [
1872
- "IconSlot",
1873
- "AriakitTab",
1874
- "Text"
1835
+ "AriakitMenu",
1836
+ "AnimatePresence",
1837
+ "MotionVStack"
1875
1838
  ],
1876
- "internalComponentProps": { "Text": {
1877
- "variant": ["inherit"],
1878
- "as": ["span"],
1879
- "color": ["current"]
1880
- } },
1839
+ "internalComponentProps": {},
1881
1840
  "propToVariantKeys": {
1882
- "variant": ["tabVariantRoot", "tabVariantIcon"],
1883
- "activeState": ["tabVariantActiveIcon"],
1884
- "startIcon": ["icon"],
1885
- "endIcon": ["icon"]
1841
+ "size": ["menucontentSizeRoot"],
1842
+ "variant": ["menucontentVariantRoot"]
1886
1843
  },
1887
1844
  "runtimeConfigDefaultProps": {},
1888
1845
  "runtimeConfigGetStyles": {},
1889
1846
  "runtimeConfigInternalComponentProps": {},
1890
1847
  "motionVarPrefixes": []
1891
1848
  };
1892
- var TabList = {
1893
- "name": "TabList",
1894
- "defaultProps": { "variant": "primary" },
1849
+ var Menu_Trigger = {
1850
+ "name": "Menu.Trigger",
1851
+ "defaultProps": {},
1852
+ "getStylesLiterals": {},
1853
+ "cxLiterals": ["uds-menu-trigger"],
1854
+ "internalComponents": ["AriakitMenuTrigger", "Box"],
1855
+ "internalComponentProps": { "Box": { "className": ["uds-ring h-fit w-fit"] } },
1856
+ "propToVariantKeys": {},
1857
+ "runtimeConfigDefaultProps": {},
1858
+ "runtimeConfigGetStyles": {},
1859
+ "runtimeConfigInternalComponentProps": {},
1860
+ "motionVarPrefixes": []
1861
+ };
1862
+ var Menu_Divider = {
1863
+ "name": "Menu.Divider",
1864
+ "defaultProps": {
1865
+ "role": "separator",
1866
+ "contentPosition": "start",
1867
+ "gap": "4"
1868
+ },
1895
1869
  "getStylesLiterals": {
1896
- "tabSizeRoot": "default",
1897
- "tabVariantActiveRoot": "on"
1870
+ "menuitemDividerVariantRoot": "default",
1871
+ "menuitemDividerVariantText": "default",
1872
+ "menuitemDividerVariantLine": "default"
1898
1873
  },
1899
- "cxLiterals": [
1900
- "pointer-events-none",
1901
- "absolute",
1902
- "bottom-0",
1903
- "left-0",
1904
- "right-0",
1905
- "h-[var(--uds-tab-underline-width,0px)]",
1906
- "bg-[var(--uds-tab-underline-color,transparent)]",
1907
- "transition-[height,background-color]",
1908
- "duration-[240ms]",
1909
- "ease-[cubic-bezier(0.2,0,0,1)]",
1910
- "!m-0",
1911
- "!p-0",
1912
- "!gap-0",
1913
- "box-border",
1914
- "z-0",
1915
- "min-w-0",
1916
- "min-h-0",
1917
- "flex",
1918
- "flex-row",
1919
- "items-center",
1920
- "overflow-x-auto",
1921
- "overflow-y-clip",
1922
- "scrollbar-none",
1923
- "[overflow-clip-margin:6px]",
1924
- "overflow-clip",
1925
- "[overflow-clip-margin:8px]",
1926
- "relative"
1927
- ],
1928
- "internalComponents": ["AriakitTabList"],
1929
- "internalComponentProps": {},
1930
- "propToVariantKeys": { "variant": ["tabsVariantRoot", "tabVariantRoot"] },
1874
+ "cxLiterals": [],
1875
+ "internalComponents": ["DividerInternal"],
1876
+ "internalComponentProps": { "DividerInternal": { "variant": ["inherit"] } },
1877
+ "propToVariantKeys": {},
1931
1878
  "runtimeConfigDefaultProps": {},
1932
1879
  "runtimeConfigGetStyles": {},
1933
1880
  "runtimeConfigInternalComponentProps": {},
1934
1881
  "motionVarPrefixes": []
1935
1882
  };
1936
- var TabPanel = {
1937
- "name": "TabPanel",
1883
+ var Menu_Provider = {
1884
+ "name": "Menu.Provider",
1938
1885
  "defaultProps": {},
1939
1886
  "getStylesLiterals": {},
1940
1887
  "cxLiterals": [],
1941
- "internalComponents": ["AriakitTabPanel"],
1888
+ "internalComponents": ["AriakitMenuProvider", "SpringMotionConfig"],
1942
1889
  "internalComponentProps": {},
1943
1890
  "propToVariantKeys": {},
1944
1891
  "runtimeConfigDefaultProps": {},
1945
1892
  "runtimeConfigGetStyles": {},
1946
1893
  "runtimeConfigInternalComponentProps": {},
1947
- "motionVarPrefixes": []
1894
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1948
1895
  };
1949
- var Tabs = {
1950
- "name": "Tabs",
1951
- "defaultProps": { "variant": "primary" },
1952
- "getStylesLiterals": {},
1953
- "cxLiterals": [],
1954
- "internalComponents": ["TabsContext.Provider", "TabProvider"],
1896
+ var Menu_ItemCheckbox = {
1897
+ "name": "Menu.ItemCheckbox",
1898
+ "defaultProps": {},
1899
+ "getStylesLiterals": {
1900
+ "menuitemItemCheckboxVariantRoot": "default",
1901
+ "menuitemItemCheckboxVariantActiveRoot": "on",
1902
+ "menuitemItemCheckboxVariantActiveRoot:1": "off",
1903
+ "menuitemItemCheckboxVariantText": "default",
1904
+ "menuitemItemCheckboxVariantActiveText": "on",
1905
+ "menuitemItemCheckboxVariantActiveText:1": "off",
1906
+ "menuitemItemCheckboxVariantStartIcon": "default",
1907
+ "menuitemItemCheckboxVariantActiveStartIcon": "on",
1908
+ "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
1909
+ "menuitemItemCheckboxVariantEndIcon": "default",
1910
+ "menuitemItemCheckboxVariantActiveEndIcon": "on",
1911
+ "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
1912
+ },
1913
+ "cxLiterals": ["uds-menu-item-checkbox"],
1914
+ "internalComponents": ["MenuItemBase"],
1955
1915
  "internalComponentProps": {},
1956
- "propToVariantKeys": { "onSelectionChange": ["setSelectedId"] },
1916
+ "propToVariantKeys": {},
1957
1917
  "runtimeConfigDefaultProps": {},
1958
1918
  "runtimeConfigGetStyles": {},
1959
1919
  "runtimeConfigInternalComponentProps": {},
1960
1920
  "motionVarPrefixes": []
1961
1921
  };
1962
- var Toast = {
1963
- "name": "Toast",
1964
- "defaultProps": {},
1922
+ var Menu_ItemBase = {
1923
+ "name": "Menu.ItemBase",
1924
+ "defaultProps": {
1925
+ "spacing": "0",
1926
+ "spacingHorizontal": "4",
1927
+ "spacingVertical": "3.5",
1928
+ "columnGap": "2",
1929
+ "alignItems": "center",
1930
+ "justifyContent": "space-between"
1931
+ },
1965
1932
  "getStylesLiterals": {
1966
- "className": "animate-spin",
1967
- "className:1": "flex-none",
1968
- "spacing": "2",
1969
- "borderRadius": "full"
1933
+ "textAlign": "start",
1934
+ "menuitemSizeRoot": "default",
1935
+ "flexDirection": "row",
1936
+ "menuitemSizeStartIcon": "default",
1937
+ "menuitemSizeEndIcon": "default"
1970
1938
  },
1971
1939
  "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"
1940
+ "flex",
1941
+ "focus-visible:text-brand",
1942
+ "focus-visible:bg-brand-secondary",
1943
+ "focus-visible:z-10",
1944
+ "uds-ring",
1945
+ "!-outline-offset-2",
1946
+ "[&:not([aria-checked])]:cursor-default",
1947
+ "opacity-25",
1948
+ "cursor-not-allowed",
1949
+ "duration-20",
1950
+ "transition-[font-variation-settings]",
1951
+ "ease-in-out",
1952
+ "z-0",
1953
+ "uds-start-icon",
1954
+ "uds-end-icon"
1979
1955
  ],
1980
1956
  "internalComponents": [
1957
+ "Pressable",
1981
1958
  "IconSlot",
1982
- "ToastContainer",
1983
- "Text",
1984
- "Button",
1985
- "Pressable"
1959
+ "RootComponent",
1960
+ "HStack",
1961
+ "AnimatePresence"
1986
1962
  ],
1987
- "internalComponentProps": {},
1988
- "propToVariantKeys": {
1989
- "size": [
1990
- "toastSizeLabel",
1991
- "toastSizeIcon",
1992
- "toastSizeActionButton",
1993
- "toastSizeCloseIcon"
1994
- ],
1995
- "variant": [
1996
- "toastVariantIcon",
1997
- "toastVariantActionButton",
1998
- "toastVariantCloseIcon"
1999
- ],
2000
- "closeIcon": ["icon"],
2001
- "onClickActionButton": ["onClick"]
2002
- },
2003
- "runtimeConfigDefaultProps": {
2004
- "size": "toast.defaultSize",
2005
- "variant": "toast.defaultVariant"
2006
- },
2007
- "runtimeConfigGetStyles": {
2008
- "toastSizeLabel": ["toast.defaultSize"],
2009
- "toastVariantIcon": ["toast.defaultVariant"],
2010
- "toastSizeIcon": ["toast.defaultSize"],
2011
- "toastSizeActionButton": ["toast.defaultSize"],
2012
- "toastVariantActionButton": ["toast.defaultVariant"],
2013
- "toastVariantCloseIcon": ["toast.defaultVariant"],
2014
- "toastSizeCloseIcon": ["toast.defaultSize"]
2015
- },
2016
- "runtimeConfigInternalComponentProps": {
2017
- "ToastContainer": {
2018
- "size": ["toast.defaultSize"],
2019
- "variant": ["toast.defaultVariant"]
2020
- },
2021
- "Text": {
2022
- "variant": ["toast.textVariant.${size}"],
2023
- "color": ["toast.textColor.${variant}"]
1963
+ "internalComponentProps": {
1964
+ "HStack": {
1965
+ "alignItems": ["center"],
1966
+ "width": ["full"]
2024
1967
  },
2025
- "Button": {
2026
- "size": ["toast.buttonSize.${size}"],
2027
- "variant": ["toast.buttonVariant.${variant}"]
2028
- }
2029
- },
2030
- "motionVarPrefixes": []
2031
- };
2032
- var ToastContainer = {
2033
- "name": "ToastContainer",
2034
- "defaultProps": {},
2035
- "getStylesLiterals": {
2036
- "position": "relative",
2037
- "alignItems": "center",
2038
- "display": "flex",
2039
- "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
1968
+ "AnimatePresence": { "mode": ["popLayout"] }
2040
1969
  },
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
1970
  "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"]
1971
+ "startIcon": ["icon"],
1972
+ "endIcon": ["icon"],
1973
+ "columnGap": ["gap"]
2060
1974
  },
2061
- "runtimeConfigInternalComponentProps": { "HStack": { "backgroundColor": ["toast.backgroundColor.${variant}"] } },
1975
+ "runtimeConfigDefaultProps": {},
1976
+ "runtimeConfigGetStyles": {},
1977
+ "runtimeConfigInternalComponentProps": {},
2062
1978
  "motionVarPrefixes": []
2063
1979
  };
2064
- var ToastPortal = {
2065
- "name": "ToastPortal",
1980
+ var UDSBreakpointsConfigProvider = {
1981
+ "name": "UDSBreakpointsConfigProvider",
2066
1982
  "defaultProps": {},
2067
1983
  "getStylesLiterals": {},
2068
1984
  "cxLiterals": [],
2069
- "internalComponents": ["ReactToastifyToastContainer"],
1985
+ "internalComponents": ["UDSBreakpointsConfigContext.Provider"],
2070
1986
  "internalComponentProps": {},
2071
1987
  "propToVariantKeys": {},
2072
- "runtimeConfigDefaultProps": {
2073
- "size": "toast.defaultSize",
2074
- "variant": "toast.defaultVariant"
2075
- },
1988
+ "runtimeConfigDefaultProps": {},
2076
1989
  "runtimeConfigGetStyles": {},
2077
- "runtimeConfigInternalComponentProps": { "ReactToastifyToastContainer": { "autoClose": ["toast.autoClose"] } },
1990
+ "runtimeConfigInternalComponentProps": {},
2078
1991
  "motionVarPrefixes": []
2079
1992
  };
2080
- var UDSToastConfigProvider = {
2081
- "name": "UDSToastConfigProvider",
1993
+ var UDSConfigProvider = {
1994
+ "name": "UDSConfigProvider",
2082
1995
  "defaultProps": {},
2083
1996
  "getStylesLiterals": {},
2084
1997
  "cxLiterals": [],
2085
- "internalComponents": ["ToastContext.Provider"],
1998
+ "internalComponents": [
1999
+ "UDSBreakpointsConfigProvider",
2000
+ "UDSBottomSheetConfigProvider",
2001
+ "UDSToastConfigProvider",
2002
+ "UDSTooltipConfigProvider",
2003
+ "UDSPopoverConfigProvider"
2004
+ ],
2086
2005
  "internalComponentProps": {},
2087
2006
  "propToVariantKeys": {},
2088
2007
  "runtimeConfigDefaultProps": {},
@@ -2155,6 +2074,19 @@ var TooltipContent = {
2155
2074
  "runtimeConfigInternalComponentProps": {},
2156
2075
  "motionVarPrefixes": []
2157
2076
  };
2077
+ var UDSTooltipConfigProvider = {
2078
+ "name": "UDSTooltipConfigProvider",
2079
+ "defaultProps": {},
2080
+ "getStylesLiterals": {},
2081
+ "cxLiterals": [],
2082
+ "internalComponents": ["TooltipContext.Provider"],
2083
+ "internalComponentProps": {},
2084
+ "propToVariantKeys": {},
2085
+ "runtimeConfigDefaultProps": {},
2086
+ "runtimeConfigGetStyles": {},
2087
+ "runtimeConfigInternalComponentProps": {},
2088
+ "motionVarPrefixes": []
2089
+ };
2158
2090
  var TooltipTrigger = {
2159
2091
  "name": "TooltipTrigger",
2160
2092
  "defaultProps": {},
@@ -2168,25 +2100,29 @@ var TooltipTrigger = {
2168
2100
  "runtimeConfigInternalComponentProps": {},
2169
2101
  "motionVarPrefixes": []
2170
2102
  };
2171
- var UDSTooltipConfigProvider = {
2172
- "name": "UDSTooltipConfigProvider",
2103
+ var RadioGroupProvider = {
2104
+ "name": "RadioGroupProvider",
2173
2105
  "defaultProps": {},
2174
2106
  "getStylesLiterals": {},
2175
2107
  "cxLiterals": [],
2176
- "internalComponents": ["TooltipContext.Provider"],
2177
- "internalComponentProps": {},
2108
+ "internalComponents": [
2109
+ "DivProps",
2110
+ "Comp",
2111
+ "RadioGroupContext.Provider"
2112
+ ],
2113
+ "internalComponentProps": { "Comp": { "role": ["radiogroup"] } },
2178
2114
  "propToVariantKeys": {},
2179
2115
  "runtimeConfigDefaultProps": {},
2180
2116
  "runtimeConfigGetStyles": {},
2181
2117
  "runtimeConfigInternalComponentProps": {},
2182
2118
  "motionVarPrefixes": []
2183
2119
  };
2184
- var UDSBreakpointsConfigProvider = {
2185
- "name": "UDSBreakpointsConfigProvider",
2120
+ var RadioGroupStore = {
2121
+ "name": "RadioGroupStore",
2186
2122
  "defaultProps": {},
2187
2123
  "getStylesLiterals": {},
2188
2124
  "cxLiterals": [],
2189
- "internalComponents": ["UDSBreakpointsConfigContext.Provider"],
2125
+ "internalComponents": [],
2190
2126
  "internalComponentProps": {},
2191
2127
  "propToVariantKeys": {},
2192
2128
  "runtimeConfigDefaultProps": {},
@@ -2194,24 +2130,88 @@ var UDSBreakpointsConfigProvider = {
2194
2130
  "runtimeConfigInternalComponentProps": {},
2195
2131
  "motionVarPrefixes": []
2196
2132
  };
2197
- var UDSConfigProvider = {
2198
- "name": "UDSConfigProvider",
2199
- "defaultProps": {},
2200
- "getStylesLiterals": {},
2201
- "cxLiterals": [],
2133
+ var Radio = {
2134
+ "name": "Radio",
2135
+ "defaultProps": {
2136
+ "labelPosition": "start",
2137
+ "variant": "primary",
2138
+ "size": "md",
2139
+ "value": ""
2140
+ },
2141
+ "getStylesLiterals": {
2142
+ "radioVariantValueRoot": "checked",
2143
+ "radioVariantValueRoot:1": "unchecked",
2144
+ "display": "flex",
2145
+ "flexDirection": "row",
2146
+ "flexDirection:1": "row-reverse",
2147
+ "alignItems": "center",
2148
+ "radioVariantValueRadio": "checked",
2149
+ "radioVariantValueRadio:1": "unchecked",
2150
+ "radioVariantValueRadioCircle": "checked",
2151
+ "radioVariantValueRadioCircle:1": "unchecked"
2152
+ },
2153
+ "cxLiterals": [
2154
+ "cursor-pointer",
2155
+ "cursor-default",
2156
+ "opacity-50",
2157
+ "border",
2158
+ "uds-ring",
2159
+ "uds-ring-within",
2160
+ "transition-[background-color,border-color]",
2161
+ "transition-shadow",
2162
+ "pointer-events-none",
2163
+ "w-[8px]",
2164
+ "h-[8px]",
2165
+ "transition-opacity",
2166
+ "cursor-[inherit]",
2167
+ "absolute",
2168
+ "opacity-0",
2169
+ "top-1/2",
2170
+ "left-1/2",
2171
+ "w-[calc(100%+2px)]",
2172
+ "h-[calc(100%+2px)]",
2173
+ "transform",
2174
+ "translate-x-[-50%]",
2175
+ "translate-y-[-50%]",
2176
+ "text-start",
2177
+ "text-end"
2178
+ ],
2202
2179
  "internalComponents": [
2203
- "UDSBreakpointsConfigProvider",
2204
- "UDSBottomSheetConfigProvider",
2205
- "UDSToastConfigProvider",
2206
- "UDSTooltipConfigProvider",
2207
- "UDSPopoverConfigProvider"
2180
+ "Box",
2181
+ "FormLabel",
2182
+ "SpringMotionConfig",
2183
+ "RootElement",
2184
+ "MotionBox"
2208
2185
  ],
2209
- "internalComponentProps": {},
2210
- "propToVariantKeys": {},
2186
+ "internalComponentProps": {
2187
+ "Box": { "borderRadius": ["full"] },
2188
+ "FormLabel": {
2189
+ "as": ["div"],
2190
+ "variant": ["inherit"],
2191
+ "color": ["inherit"]
2192
+ },
2193
+ "RootElement": { "data-testid": ["container"] },
2194
+ "MotionBox": {
2195
+ "position": ["relative"],
2196
+ "borderRadius": ["full"],
2197
+ "alignItems": ["center"],
2198
+ "justifyContent": ["center"],
2199
+ "flex": ["none"]
2200
+ }
2201
+ },
2202
+ "propToVariantKeys": {
2203
+ "size": ["radioSizeRoot", "radioSizeRadio"],
2204
+ "variant": [
2205
+ "radioVariantRoot",
2206
+ "radioVariantRadio",
2207
+ "radioVariantRadioCircle"
2208
+ ],
2209
+ "reduceMotion": ["reducedMotion"]
2210
+ },
2211
2211
  "runtimeConfigDefaultProps": {},
2212
2212
  "runtimeConfigGetStyles": {},
2213
2213
  "runtimeConfigInternalComponentProps": {},
2214
- "motionVarPrefixes": []
2214
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
2215
2215
  };
2216
2216
  var Accordion = {
2217
2217
  "name": "Accordion",
@@ -2264,19 +2264,6 @@ var Accordion = {
2264
2264
  "runtimeConfigInternalComponentProps": {},
2265
2265
  "motionVarPrefixes": ["--uds-motion-smooth-3-"]
2266
2266
  };
2267
- var AvoidMotionLibraryProvider = {
2268
- "name": "AvoidMotionLibraryProvider",
2269
- "defaultProps": {},
2270
- "getStylesLiterals": {},
2271
- "cxLiterals": [],
2272
- "internalComponents": [],
2273
- "internalComponentProps": {},
2274
- "propToVariantKeys": {},
2275
- "runtimeConfigDefaultProps": {},
2276
- "runtimeConfigGetStyles": {},
2277
- "runtimeConfigInternalComponentProps": {},
2278
- "motionVarPrefixes": []
2279
- };
2280
2267
  var Modal = {
2281
2268
  "name": "Modal",
2282
2269
  "defaultProps": {},
@@ -2336,6 +2323,19 @@ var Modal = {
2336
2323
  "runtimeConfigInternalComponentProps": {},
2337
2324
  "motionVarPrefixes": []
2338
2325
  };
2326
+ var AvoidMotionLibraryProvider = {
2327
+ "name": "AvoidMotionLibraryProvider",
2328
+ "defaultProps": {},
2329
+ "getStylesLiterals": {},
2330
+ "cxLiterals": [],
2331
+ "internalComponents": [],
2332
+ "internalComponentProps": {},
2333
+ "propToVariantKeys": {},
2334
+ "runtimeConfigDefaultProps": {},
2335
+ "runtimeConfigGetStyles": {},
2336
+ "runtimeConfigInternalComponentProps": {},
2337
+ "motionVarPrefixes": []
2338
+ };
2339
2339
  var SegmentedControl = {
2340
2340
  "name": "SegmentedControl",
2341
2341
  "defaultProps": { "textVariant": "label2" },
@@ -2494,91 +2494,91 @@ var SwitchV2 = {
2494
2494
  "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--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
- Chip,
2531
- ChipBase,
2532
- ChipButton,
2533
- ChipDismissible,
2534
- ChipLink,
2535
- ChipToggle,
2536
- Input,
2537
- InputHelpText,
2538
- InputHelpTextInternal,
2539
- BottomSheet,
2522
+ IconButton,
2523
+ Badge,
2524
+ Checkbox,
2525
+ Button,
2526
+ UDSToastConfigProvider,
2527
+ ToastPortal,
2528
+ Toast,
2529
+ ToastContainer,
2530
+ BottomSheetInternalContext,
2540
2531
  BottomSheetContent,
2541
- BottomSheetDismiss,
2542
2532
  BottomSheetHandle,
2533
+ BottomSheet,
2543
2534
  BottomSheetHeader,
2544
- BottomSheetInternalContext,
2545
- BottomSheetProvider,
2546
2535
  BottomSheetTrigger,
2547
2536
  UDSBottomSheetConfigProvider,
2548
- "Menu.Content": Menu_Content,
2549
- "Menu.Divider": Menu_Divider,
2537
+ BottomSheetDismiss,
2538
+ BottomSheetProvider,
2539
+ ChipLink,
2540
+ ChipDismissible,
2541
+ ChipToggle,
2542
+ ChipBase,
2543
+ Chip,
2544
+ ChipButton,
2545
+ AvatarText,
2546
+ AvatarIcon,
2547
+ Avatar,
2548
+ AvatarImage,
2549
+ TabPanel,
2550
+ Tabs,
2551
+ TabList,
2552
+ Tab,
2553
+ UDSPopoverConfigProvider,
2554
+ Popover,
2555
+ PopoverTrigger,
2556
+ PopoverContext,
2557
+ PopoverContent,
2558
+ Input,
2559
+ InputHelpText,
2560
+ InputHelpTextInternal,
2550
2561
  "Menu.Item": Menu_Item,
2551
- "Menu.ItemBase": Menu_ItemBase,
2552
- "Menu.ItemCheckbox": Menu_ItemCheckbox,
2553
- "Menu.Provider": Menu_Provider,
2554
- "Menu.Trigger": Menu_Trigger,
2555
2562
  "Menu.index": Menu_index,
2556
2563
  Menu,
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,
2564
+ "Menu.Content": Menu_Content,
2565
+ "Menu.Trigger": Menu_Trigger,
2566
+ "Menu.Divider": Menu_Divider,
2567
+ "Menu.Provider": Menu_Provider,
2568
+ "Menu.ItemCheckbox": Menu_ItemCheckbox,
2569
+ "Menu.ItemBase": Menu_ItemBase,
2570
+ UDSBreakpointsConfigProvider,
2571
+ UDSConfigProvider,
2573
2572
  Tooltip,
2574
2573
  TooltipContent,
2575
- TooltipTrigger,
2576
2574
  UDSTooltipConfigProvider,
2577
- UDSBreakpointsConfigProvider,
2578
- UDSConfigProvider,
2575
+ TooltipTrigger,
2576
+ RadioGroupProvider,
2577
+ RadioGroupStore,
2578
+ Radio,
2579
2579
  Accordion,
2580
- AvoidMotionLibraryProvider,
2581
2580
  Modal,
2581
+ AvoidMotionLibraryProvider,
2582
2582
  SegmentedControl,
2583
2583
  SwitchV2
2584
2584
  };