@yahoo/uds 3.128.1 → 3.129.0-beta.2

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