@yahoo/uds 3.129.0-beta.2 → 3.129.0-beta.4

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