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