@yahoo/uds 3.116.3 → 3.117.0

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 (150) hide show
  1. package/dist/automated-config/dist/generated/autoVariants.cjs +11 -0
  2. package/dist/automated-config/dist/generated/autoVariants.d.cts +11 -0
  3. package/dist/automated-config/dist/generated/autoVariants.d.ts +11 -0
  4. package/dist/automated-config/dist/generated/autoVariants.js +11 -0
  5. package/dist/automated-config/dist/generated/generatedConfigs.cjs +1890 -0
  6. package/dist/automated-config/dist/generated/generatedConfigs.d.cts +208 -1
  7. package/dist/automated-config/dist/generated/generatedConfigs.d.ts +208 -1
  8. package/dist/automated-config/dist/generated/generatedConfigs.js +1890 -1
  9. package/dist/automated-config/dist/generated/universalTokensConfigAuto.cjs +83 -0
  10. package/dist/automated-config/dist/generated/universalTokensConfigAuto.d.cts +2 -1
  11. package/dist/automated-config/dist/generated/universalTokensConfigAuto.d.ts +2 -1
  12. package/dist/automated-config/dist/generated/universalTokensConfigAuto.js +83 -0
  13. package/dist/cli/commands/sync.cjs +6 -0
  14. package/dist/cli/commands/sync.js +6 -0
  15. package/dist/components/SvgFloatingOverlay.cjs +122 -0
  16. package/dist/components/SvgFloatingOverlay.d.cts +42 -0
  17. package/dist/components/SvgFloatingOverlay.d.ts +42 -0
  18. package/dist/components/SvgFloatingOverlay.js +120 -0
  19. package/dist/components/client/Menu/Menu.ItemCheckbox.d.cts +1 -1
  20. package/dist/components/client/Menu/Menu.ItemCheckbox.d.ts +1 -1
  21. package/dist/components/client/Popover/Popover.cjs +96 -0
  22. package/dist/components/client/Popover/Popover.d.cts +55 -0
  23. package/dist/components/client/Popover/Popover.d.ts +55 -0
  24. package/dist/components/client/Popover/Popover.js +94 -0
  25. package/dist/components/client/Popover/PopoverContent.cjs +175 -0
  26. package/dist/components/client/Popover/PopoverContent.d.cts +26 -0
  27. package/dist/components/client/Popover/PopoverContent.d.ts +26 -0
  28. package/dist/components/client/Popover/PopoverContent.js +173 -0
  29. package/dist/components/client/Popover/PopoverContext.cjs +11 -0
  30. package/dist/components/client/Popover/PopoverContext.d.cts +21 -0
  31. package/dist/components/client/Popover/PopoverContext.d.ts +21 -0
  32. package/dist/components/client/Popover/PopoverContext.js +9 -0
  33. package/dist/components/client/Popover/PopoverTrigger.cjs +26 -0
  34. package/dist/components/client/Popover/PopoverTrigger.d.cts +14 -0
  35. package/dist/components/client/Popover/PopoverTrigger.d.ts +14 -0
  36. package/dist/components/client/Popover/PopoverTrigger.js +24 -0
  37. package/dist/components/client/Popover/UDSPopoverConfigProvider.cjs +40 -0
  38. package/dist/components/client/Popover/UDSPopoverConfigProvider.d.cts +28 -0
  39. package/dist/components/client/Popover/UDSPopoverConfigProvider.d.ts +28 -0
  40. package/dist/components/client/Popover/UDSPopoverConfigProvider.js +37 -0
  41. package/dist/components/client/Popover/index.cjs +12 -0
  42. package/dist/components/client/Popover/index.d.cts +7 -0
  43. package/dist/components/client/Popover/index.d.ts +7 -0
  44. package/dist/components/client/Popover/index.js +8 -0
  45. package/dist/components/client/Toast/Toast.cjs +3 -3
  46. package/dist/components/client/Toast/Toast.d.cts +1 -1
  47. package/dist/components/client/Toast/Toast.d.ts +1 -1
  48. package/dist/components/client/Toast/Toast.js +3 -3
  49. package/dist/components/client/Toast/index.d.cts +1 -1
  50. package/dist/components/client/Toast/index.d.ts +1 -1
  51. package/dist/components/client/Tooltip/Tooltip.cjs +6 -6
  52. package/dist/components/client/Tooltip/Tooltip.d.cts +1 -1
  53. package/dist/components/client/Tooltip/Tooltip.d.ts +1 -1
  54. package/dist/components/client/Tooltip/Tooltip.js +6 -6
  55. package/dist/components/client/Tooltip/TooltipContent.cjs +33 -96
  56. package/dist/components/client/Tooltip/TooltipContent.js +34 -97
  57. package/dist/components/client/Tooltip/tooltipContext.cjs +0 -1
  58. package/dist/components/client/Tooltip/tooltipContext.d.cts +1 -2
  59. package/dist/components/client/Tooltip/tooltipContext.d.ts +1 -2
  60. package/dist/components/client/Tooltip/tooltipContext.js +0 -1
  61. package/dist/components/client/index.cjs +8 -0
  62. package/dist/components/client/index.d.cts +10 -5
  63. package/dist/components/client/index.d.ts +10 -5
  64. package/dist/components/client/index.js +5 -1
  65. package/dist/components/client/providers/UDSConfigProvider.cjs +6 -2
  66. package/dist/components/client/providers/UDSConfigProvider.d.cts +2 -1
  67. package/dist/components/client/providers/UDSConfigProvider.d.ts +2 -1
  68. package/dist/components/client/providers/UDSConfigProvider.js +6 -2
  69. package/dist/components/experimental/client/{Popover.cjs → ExperimentalPopover.cjs} +10 -1
  70. package/dist/components/experimental/client/ExperimentalPopover.d.cts +40 -0
  71. package/dist/components/experimental/client/ExperimentalPopover.d.ts +40 -0
  72. package/dist/components/experimental/client/{Popover.js → ExperimentalPopover.js} +10 -1
  73. package/dist/components/experimental/client/index.cjs +10 -10
  74. package/dist/components/experimental/client/index.d.cts +2 -2
  75. package/dist/components/experimental/client/index.d.ts +2 -2
  76. package/dist/components/experimental/client/index.js +1 -1
  77. package/dist/components/experimental/index.cjs +19 -19
  78. package/dist/components/experimental/index.d.cts +2 -2
  79. package/dist/components/experimental/index.d.ts +2 -2
  80. package/dist/components/experimental/index.js +1 -1
  81. package/dist/components/index.cjs +12 -0
  82. package/dist/components/index.d.cts +9 -5
  83. package/dist/components/index.d.ts +9 -5
  84. package/dist/components/index.js +9 -1
  85. package/dist/config/dist/index.cjs +84 -1
  86. package/dist/config/dist/index.js +84 -1
  87. package/dist/hooks/useSvgFloatingContent.cjs +236 -0
  88. package/dist/hooks/useSvgFloatingContent.d.cts +74 -0
  89. package/dist/hooks/useSvgFloatingContent.d.ts +74 -0
  90. package/dist/{components/client/Tooltip/useTooltipContent.js → hooks/useSvgFloatingContent.js} +94 -44
  91. package/dist/index.cjs +21 -10
  92. package/dist/index.d.cts +15 -10
  93. package/dist/index.d.ts +15 -10
  94. package/dist/index.js +16 -11
  95. package/dist/runtime/index.cjs +2 -0
  96. package/dist/runtime/index.d.cts +3 -2
  97. package/dist/runtime/index.d.ts +3 -2
  98. package/dist/runtime/index.js +2 -1
  99. package/dist/runtime/popoverConfig.cjs +36 -0
  100. package/dist/runtime/popoverConfig.d.cts +25 -0
  101. package/dist/runtime/popoverConfig.d.ts +25 -0
  102. package/dist/runtime/popoverConfig.js +35 -0
  103. package/dist/runtime/udsConfig.cjs +3 -1
  104. package/dist/runtime/udsConfig.d.cts +3 -1
  105. package/dist/runtime/udsConfig.d.ts +3 -1
  106. package/dist/runtime/udsConfig.js +3 -1
  107. package/dist/styles/styler.d.cts +114 -103
  108. package/dist/styles/styler.d.ts +114 -103
  109. package/dist/styles/variants.d.cts +33 -0
  110. package/dist/styles/variants.d.ts +33 -0
  111. package/dist/tailwind/dist/tailwind/plugins/components.cjs +1 -0
  112. package/dist/tailwind/dist/tailwind/plugins/components.js +2 -1
  113. package/dist/tokens/automation/configs/index.cjs +1 -0
  114. package/dist/tokens/automation/configs/index.d.cts +2 -2
  115. package/dist/tokens/automation/configs/index.d.ts +2 -2
  116. package/dist/tokens/automation/configs/index.js +2 -2
  117. package/dist/tokens/automation/index.cjs +1 -0
  118. package/dist/tokens/automation/index.d.cts +2 -2
  119. package/dist/tokens/automation/index.d.ts +2 -2
  120. package/dist/tokens/automation/index.js +2 -2
  121. package/dist/tokens/index.cjs +2 -1
  122. package/dist/tokens/index.d.cts +3 -3
  123. package/dist/tokens/index.d.ts +3 -3
  124. package/dist/tokens/index.js +3 -3
  125. package/dist/tokens/types.d.cts +2 -2
  126. package/dist/tokens/types.d.ts +2 -2
  127. package/dist/types/dist/index.d.cts +51 -1
  128. package/dist/types/dist/index.d.ts +51 -1
  129. package/dist/uds/generated/componentData.cjs +1296 -1134
  130. package/dist/uds/generated/componentData.js +1262 -1136
  131. package/dist/uds/generated/tailwindPurge.cjs +55 -27
  132. package/dist/uds/generated/tailwindPurge.js +55 -27
  133. package/dist/utils/parseShadow.cjs +120 -0
  134. package/dist/utils/parseShadow.d.cts +33 -0
  135. package/dist/utils/parseShadow.d.ts +33 -0
  136. package/dist/utils/parseShadow.js +118 -0
  137. package/dist/utils/svgFloatingContentUtils.cjs +121 -0
  138. package/dist/{components/client/Tooltip/util.d.cts → utils/svgFloatingContentUtils.d.cts} +25 -62
  139. package/dist/{components/client/Tooltip/util.d.ts → utils/svgFloatingContentUtils.d.ts} +25 -62
  140. package/dist/utils/svgFloatingContentUtils.js +117 -0
  141. package/generated/componentData.json +1628 -1469
  142. package/generated/tailwindPurge.ts +4 -4
  143. package/package.json +1 -1
  144. package/dist/components/client/Tooltip/useTooltipContent.cjs +0 -186
  145. package/dist/components/client/Tooltip/useTooltipContent.d.cts +0 -66
  146. package/dist/components/client/Tooltip/useTooltipContent.d.ts +0 -66
  147. package/dist/components/client/Tooltip/util.cjs +0 -248
  148. package/dist/components/client/Tooltip/util.js +0 -240
  149. package/dist/components/experimental/client/Popover.d.cts +0 -29
  150. package/dist/components/experimental/client/Popover.d.ts +0 -29
@@ -1,85 +1,5 @@
1
1
  /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
2
2
  //#region generated/componentData.json
3
- var Box = {
4
- "name": "Box",
5
- "defaultProps": {
6
- "as": "div",
7
- "display": "flex"
8
- },
9
- "getStylesLiterals": {},
10
- "cxLiterals": [],
11
- "internalComponents": ["Comp"],
12
- "internalComponentProps": {},
13
- "propToVariantKeys": { "elevationAlias": [
14
- "backgroundColor",
15
- "borderColor",
16
- "borderWidth",
17
- "dropShadow"
18
- ] },
19
- "motionVarPrefixes": []
20
- };
21
- var FormLabel = {
22
- "name": "FormLabel",
23
- "defaultProps": {
24
- "color": "muted",
25
- "variant": "label3",
26
- "as": "label"
27
- },
28
- "getStylesLiterals": {},
29
- "cxLiterals": ["cursor-[inherit]"],
30
- "internalComponents": ["Text"],
31
- "internalComponentProps": { "Text": {
32
- "as": ["sup"],
33
- "variant": ["inherit"],
34
- "spacingStart": ["0.5"]
35
- } },
36
- "propToVariantKeys": {},
37
- "motionVarPrefixes": []
38
- };
39
- var HStack = {
40
- "name": "HStack",
41
- "defaultProps": {},
42
- "getStylesLiterals": {},
43
- "cxLiterals": [],
44
- "internalComponents": ["Box"],
45
- "internalComponentProps": { "Box": { "flexDirection": ["row"] } },
46
- "propToVariantKeys": { "gap": ["rowGap", "columnGap"] },
47
- "motionVarPrefixes": []
48
- };
49
- var Icon = {
50
- "name": "Icon",
51
- "defaultProps": {
52
- "size": "md",
53
- "variant": "outline",
54
- "color": "primary"
55
- },
56
- "getStylesLiterals": { "flex": "none" },
57
- "cxLiterals": ["[&_path]:fill-current"],
58
- "internalComponents": ["SVGIcon"],
59
- "internalComponentProps": {},
60
- "propToVariantKeys": {},
61
- "motionVarPrefixes": []
62
- };
63
- var IconSlot = {
64
- "name": "IconSlot",
65
- "defaultProps": {},
66
- "getStylesLiterals": {},
67
- "cxLiterals": [],
68
- "internalComponents": ["Icon"],
69
- "internalComponentProps": {},
70
- "propToVariantKeys": {},
71
- "motionVarPrefixes": []
72
- };
73
- var Image = {
74
- "name": "Image",
75
- "defaultProps": {},
76
- "getStylesLiterals": {},
77
- "cxLiterals": [],
78
- "internalComponents": [],
79
- "internalComponentProps": {},
80
- "propToVariantKeys": {},
81
- "motionVarPrefixes": []
82
- };
83
3
  var Link = {
84
4
  "name": "Link",
85
5
  "defaultProps": { "variant": "primary" },
@@ -115,6 +35,34 @@ var Link = {
115
35
  },
116
36
  "motionVarPrefixes": []
117
37
  };
38
+ var VStack = {
39
+ "name": "VStack",
40
+ "defaultProps": {},
41
+ "getStylesLiterals": {},
42
+ "cxLiterals": [],
43
+ "internalComponents": ["Box"],
44
+ "internalComponentProps": { "Box": { "flexDirection": ["column"] } },
45
+ "propToVariantKeys": { "gap": ["columnGap", "rowGap"] },
46
+ "motionVarPrefixes": []
47
+ };
48
+ var Box = {
49
+ "name": "Box",
50
+ "defaultProps": {
51
+ "as": "div",
52
+ "display": "flex"
53
+ },
54
+ "getStylesLiterals": {},
55
+ "cxLiterals": [],
56
+ "internalComponents": ["Comp"],
57
+ "internalComponentProps": {},
58
+ "propToVariantKeys": { "elevationAlias": [
59
+ "backgroundColor",
60
+ "borderColor",
61
+ "borderWidth",
62
+ "dropShadow"
63
+ ] },
64
+ "motionVarPrefixes": []
65
+ };
118
66
  var Scrim = {
119
67
  "name": "Scrim",
120
68
  "defaultProps": {
@@ -139,6 +87,66 @@ var Scrim = {
139
87
  "propToVariantKeys": { "variant": ["scrimVariantRoot"] },
140
88
  "motionVarPrefixes": []
141
89
  };
90
+ var Icon = {
91
+ "name": "Icon",
92
+ "defaultProps": {
93
+ "size": "md",
94
+ "variant": "outline",
95
+ "color": "primary"
96
+ },
97
+ "getStylesLiterals": { "flex": "none" },
98
+ "cxLiterals": ["[&_path]:fill-current"],
99
+ "internalComponents": ["SVGIcon"],
100
+ "internalComponentProps": {},
101
+ "propToVariantKeys": {},
102
+ "motionVarPrefixes": []
103
+ };
104
+ var SvgFloatingOverlay = {
105
+ "name": "SvgFloatingOverlay",
106
+ "defaultProps": {},
107
+ "getStylesLiterals": {},
108
+ "cxLiterals": [
109
+ "absolute",
110
+ "top-0",
111
+ "left-0",
112
+ "w-full",
113
+ "h-full",
114
+ "overflow-visible",
115
+ "pointer-events-none",
116
+ "z-[2]",
117
+ "z-[3]",
118
+ "max-h-full",
119
+ "gap-[inherit]"
120
+ ],
121
+ "internalComponents": ["Box", "Fragment"],
122
+ "internalComponentProps": { "Box": {
123
+ "position": ["relative"],
124
+ "flexGrow": ["1"],
125
+ "overflow": ["hidden", "auto"],
126
+ "display": ["block"],
127
+ "className": ["max-h-full gap-[inherit]"]
128
+ } },
129
+ "propToVariantKeys": { "blurClassName": ["className"] },
130
+ "motionVarPrefixes": []
131
+ };
132
+ var FormLabel = {
133
+ "name": "FormLabel",
134
+ "defaultProps": {
135
+ "color": "muted",
136
+ "variant": "label3",
137
+ "as": "label"
138
+ },
139
+ "getStylesLiterals": {},
140
+ "cxLiterals": ["cursor-[inherit]"],
141
+ "internalComponents": ["Text"],
142
+ "internalComponentProps": { "Text": {
143
+ "as": ["sup"],
144
+ "variant": ["inherit"],
145
+ "spacingStart": ["0.5"]
146
+ } },
147
+ "propToVariantKeys": {},
148
+ "motionVarPrefixes": []
149
+ };
142
150
  var Text = {
143
151
  "name": "Text",
144
152
  "defaultProps": {
@@ -159,26 +167,95 @@ var Text = {
159
167
  ] },
160
168
  "motionVarPrefixes": []
161
169
  };
162
- var VStack = {
163
- "name": "VStack",
170
+ var IconSlot = {
171
+ "name": "IconSlot",
172
+ "defaultProps": {},
173
+ "getStylesLiterals": {},
174
+ "cxLiterals": [],
175
+ "internalComponents": ["Icon"],
176
+ "internalComponentProps": {},
177
+ "propToVariantKeys": {},
178
+ "motionVarPrefixes": []
179
+ };
180
+ var HStack = {
181
+ "name": "HStack",
164
182
  "defaultProps": {},
165
183
  "getStylesLiterals": {},
166
184
  "cxLiterals": [],
167
185
  "internalComponents": ["Box"],
168
- "internalComponentProps": { "Box": { "flexDirection": ["column"] } },
169
- "propToVariantKeys": { "gap": ["columnGap", "rowGap"] },
186
+ "internalComponentProps": { "Box": { "flexDirection": ["row"] } },
187
+ "propToVariantKeys": { "gap": ["rowGap", "columnGap"] },
170
188
  "motionVarPrefixes": []
171
189
  };
172
- var Divider = {
173
- "name": "Divider",
190
+ var Image = {
191
+ "name": "Image",
174
192
  "defaultProps": {},
175
193
  "getStylesLiterals": {},
176
194
  "cxLiterals": [],
177
- "internalComponents": ["DividerInternal"],
195
+ "internalComponents": [],
196
+ "internalComponentProps": {},
197
+ "propToVariantKeys": {},
198
+ "motionVarPrefixes": []
199
+ };
200
+ var Table_mocks = {
201
+ "name": "Table.mocks",
202
+ "defaultProps": {},
203
+ "getStylesLiterals": {},
204
+ "cxLiterals": [],
205
+ "internalComponents": [],
178
206
  "internalComponentProps": {},
179
207
  "propToVariantKeys": {},
180
208
  "motionVarPrefixes": []
181
209
  };
210
+ var Table = {
211
+ "name": "Table",
212
+ "defaultProps": {
213
+ "display": "table-cell",
214
+ "overflow": "hidden",
215
+ "borderColor": "muted",
216
+ "borderRadius": "md",
217
+ "spacing": "3",
218
+ "borderBottomColor": "muted",
219
+ "borderBottomWidth": "thin",
220
+ "color": "primary"
221
+ },
222
+ "getStylesLiterals": { "textAlign": "start" },
223
+ "cxLiterals": [],
224
+ "internalComponents": [
225
+ "CellComponent",
226
+ "Box",
227
+ "Text",
228
+ "Table.Root",
229
+ "Table.Header",
230
+ "Table.Row",
231
+ "Table.Cell",
232
+ "Table.Body"
233
+ ],
234
+ "internalComponentProps": { "Table.Cell": { "asHeaderCell": ["column"] } },
235
+ "propToVariantKeys": {},
236
+ "motionVarPrefixes": []
237
+ };
238
+ var Spinner = {
239
+ "name": "Spinner",
240
+ "defaultProps": {
241
+ "color": "primary",
242
+ "size": "lg"
243
+ },
244
+ "getStylesLiterals": {},
245
+ "cxLiterals": [
246
+ "self-center",
247
+ "relative",
248
+ "sr-only"
249
+ ],
250
+ "internalComponents": ["Icon"],
251
+ "internalComponentProps": { "Icon": {
252
+ "role": ["img"],
253
+ "className": ["animate-spin"],
254
+ "aria-hidden": ["true"]
255
+ } },
256
+ "propToVariantKeys": {},
257
+ "motionVarPrefixes": []
258
+ };
182
259
  var DividerCore = {
183
260
  "name": "DividerCore",
184
261
  "defaultProps": { "contentPosition": "center" },
@@ -222,45 +299,15 @@ var DividerInternal = {
222
299
  ] },
223
300
  "motionVarPrefixes": []
224
301
  };
225
- var AnimateHeightChange = {
226
- "name": "AnimateHeightChange",
302
+ var Divider = {
303
+ "name": "Divider",
227
304
  "defaultProps": {},
228
305
  "getStylesLiterals": {},
229
- "cxLiterals": ["overflow-hidden"],
230
- "internalComponents": ["SpringMotionConfig"],
231
- "internalComponentProps": { "SpringMotionConfig": { "layoutSpeed": ["4"] } },
232
- "propToVariantKeys": { "reduceMotion": ["reducedMotion"] },
233
- "motionVarPrefixes": ["--uds-motion-subtle-4-", "--uds-motion-smooth-3-"]
234
- };
235
- var Badge = {
236
- "name": "Badge",
237
- "defaultProps": {
238
- "variant": "primary",
239
- "size": "md"
240
- },
241
- "getStylesLiterals": {},
242
- "cxLiterals": [
243
- "flex-1",
244
- "truncate",
245
- "whitespace-nowrap",
246
- "text-center"
247
- ],
248
- "internalComponents": ["IconSlot", "HStack"],
249
- "internalComponentProps": {
250
- "IconSlot": { "data-testid": ["start-icon", "end-icon"] },
251
- "HStack": {
252
- "gap": ["2"],
253
- "display": ["inline-flex"],
254
- "alignItems": ["center"]
255
- }
256
- },
257
- "propToVariantKeys": {
258
- "size": ["badgeSizeRoot", "badgeSizeIcon"],
259
- "variant": ["badgeVariantRoot", "badgeVariantIcon"],
260
- "startIcon": ["icon"],
261
- "endIcon": ["icon"]
262
- },
263
- "motionVarPrefixes": []
306
+ "cxLiterals": [],
307
+ "internalComponents": ["DividerInternal"],
308
+ "internalComponentProps": {},
309
+ "propToVariantKeys": {},
310
+ "motionVarPrefixes": []
264
311
  };
265
312
  var Button = {
266
313
  "name": "Button",
@@ -386,6 +433,16 @@ var Checkbox = {
386
433
  },
387
434
  "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
388
435
  };
436
+ var SpringMotionConfig = {
437
+ "name": "SpringMotionConfig",
438
+ "defaultProps": { "reducedMotion": "user" },
439
+ "getStylesLiterals": {},
440
+ "cxLiterals": [],
441
+ "internalComponents": ["LazyMotion", "MotionConfig"],
442
+ "internalComponentProps": {},
443
+ "propToVariantKeys": { "loadFeatures": ["features"] },
444
+ "motionVarPrefixes": []
445
+ };
389
446
  var IconButton = {
390
447
  "name": "IconButton",
391
448
  "defaultProps": { "type": "button" },
@@ -425,26 +482,6 @@ var IconButton = {
425
482
  },
426
483
  "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
427
484
  };
428
- var Pressable = {
429
- "name": "Pressable",
430
- "defaultProps": {},
431
- "getStylesLiterals": {},
432
- "cxLiterals": [],
433
- "internalComponents": ["Comp"],
434
- "internalComponentProps": {},
435
- "propToVariantKeys": {},
436
- "motionVarPrefixes": []
437
- };
438
- var SpringMotionConfig = {
439
- "name": "SpringMotionConfig",
440
- "defaultProps": { "reducedMotion": "user" },
441
- "getStylesLiterals": {},
442
- "cxLiterals": [],
443
- "internalComponents": ["LazyMotion", "MotionConfig"],
444
- "internalComponentProps": {},
445
- "propToVariantKeys": { "loadFeatures": ["features"] },
446
- "motionVarPrefixes": []
447
- };
448
485
  var Switch = {
449
486
  "name": "Switch",
450
487
  "defaultProps": {
@@ -535,720 +572,821 @@ var Switch = {
535
572
  },
536
573
  "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
537
574
  };
538
- var Spinner = {
539
- "name": "Spinner",
575
+ var Badge = {
576
+ "name": "Badge",
540
577
  "defaultProps": {
541
- "color": "primary",
542
- "size": "lg"
578
+ "variant": "primary",
579
+ "size": "md"
543
580
  },
544
581
  "getStylesLiterals": {},
545
582
  "cxLiterals": [
546
- "self-center",
547
- "relative",
548
- "sr-only"
583
+ "flex-1",
584
+ "truncate",
585
+ "whitespace-nowrap",
586
+ "text-center"
549
587
  ],
550
- "internalComponents": ["Icon"],
551
- "internalComponentProps": { "Icon": {
552
- "role": ["img"],
553
- "className": ["animate-spin"],
554
- "aria-hidden": ["true"]
555
- } },
556
- "propToVariantKeys": {},
588
+ "internalComponents": ["IconSlot", "HStack"],
589
+ "internalComponentProps": {
590
+ "IconSlot": { "data-testid": ["start-icon", "end-icon"] },
591
+ "HStack": {
592
+ "gap": ["2"],
593
+ "display": ["inline-flex"],
594
+ "alignItems": ["center"]
595
+ }
596
+ },
597
+ "propToVariantKeys": {
598
+ "size": ["badgeSizeRoot", "badgeSizeIcon"],
599
+ "variant": ["badgeVariantRoot", "badgeVariantIcon"],
600
+ "startIcon": ["icon"],
601
+ "endIcon": ["icon"]
602
+ },
557
603
  "motionVarPrefixes": []
558
604
  };
559
- var Table_mocks = {
560
- "name": "Table.mocks",
605
+ var AnimateHeightChange = {
606
+ "name": "AnimateHeightChange",
607
+ "defaultProps": {},
608
+ "getStylesLiterals": {},
609
+ "cxLiterals": ["overflow-hidden"],
610
+ "internalComponents": ["SpringMotionConfig"],
611
+ "internalComponentProps": { "SpringMotionConfig": { "layoutSpeed": ["4"] } },
612
+ "propToVariantKeys": { "reduceMotion": ["reducedMotion"] },
613
+ "motionVarPrefixes": ["--uds-motion-subtle-4-", "--uds-motion-smooth-3-"]
614
+ };
615
+ var Pressable = {
616
+ "name": "Pressable",
561
617
  "defaultProps": {},
562
618
  "getStylesLiterals": {},
563
619
  "cxLiterals": [],
564
- "internalComponents": [],
620
+ "internalComponents": ["Comp"],
565
621
  "internalComponentProps": {},
566
622
  "propToVariantKeys": {},
567
623
  "motionVarPrefixes": []
568
624
  };
569
- var Table = {
570
- "name": "Table",
571
- "defaultProps": {
572
- "display": "table-cell",
573
- "overflow": "hidden",
574
- "borderColor": "muted",
575
- "borderRadius": "md",
576
- "spacing": "3",
577
- "borderBottomColor": "muted",
578
- "borderBottomWidth": "thin",
579
- "color": "primary"
580
- },
581
- "getStylesLiterals": { "textAlign": "start" },
625
+ var ExperimentalPopover = {
626
+ "name": "ExperimentalPopover",
627
+ "defaultProps": {},
628
+ "getStylesLiterals": {},
582
629
  "cxLiterals": [],
583
630
  "internalComponents": [
584
- "CellComponent",
585
- "Box",
631
+ "HStack",
586
632
  "Text",
587
- "Table.Root",
588
- "Table.Header",
589
- "Table.Row",
590
- "Table.Cell",
591
- "Table.Body"
633
+ "ExperimentalPopoverHeadingBase"
592
634
  ],
593
- "internalComponentProps": { "Table.Cell": { "asHeaderCell": ["column"] } },
635
+ "internalComponentProps": { "Text": {
636
+ "variant": ["headline1"],
637
+ "color": ["primary"]
638
+ } },
594
639
  "propToVariantKeys": {},
595
640
  "motionVarPrefixes": []
596
641
  };
597
- var Avatar = {
598
- "name": "Avatar",
642
+ var AvoidMotionLibraryProvider = {
643
+ "name": "AvoidMotionLibraryProvider",
599
644
  "defaultProps": {},
600
645
  "getStylesLiterals": {},
601
646
  "cxLiterals": [],
602
- "internalComponents": ["AvatarImage"],
647
+ "internalComponents": [],
603
648
  "internalComponentProps": {},
604
649
  "propToVariantKeys": {},
605
650
  "motionVarPrefixes": []
606
651
  };
607
- var AvatarIcon = {
608
- "name": "AvatarIcon",
609
- "defaultProps": {
610
- "size": "md",
611
- "variant": "primary"
612
- },
613
- "getStylesLiterals": {},
614
- "cxLiterals": [
615
- "overflow-hidden",
616
- "w-full",
617
- "h-full",
618
- "shrink-0",
619
- "text-center",
620
- "inline-flex",
621
- "justify-center",
622
- "items-center"
623
- ],
624
- "internalComponents": ["IconSlot", "Box"],
625
- "internalComponentProps": {},
626
- "propToVariantKeys": { "size": ["avatarSizeIcon"] },
627
- "motionVarPrefixes": []
628
- };
629
- var AvatarImage = {
630
- "name": "AvatarImage",
631
- "defaultProps": {
632
- "size": "md",
633
- "variant": "primary"
652
+ var SegmentedControl = {
653
+ "name": "SegmentedControl",
654
+ "defaultProps": {},
655
+ "getStylesLiterals": {
656
+ "display": "flex",
657
+ "alignItems": "center",
658
+ "backgroundColor": "primary",
659
+ "spacingVertical": "1",
660
+ "spacingHorizontal": "3",
661
+ "columnGap": "1.5",
662
+ "borderWidth": "thin",
663
+ "borderRadius": "full",
664
+ "borderColor": "muted",
665
+ "borderColor:1": "transparent",
666
+ "color": "primary",
667
+ "color:1": "tertiary",
668
+ "color:2": "muted"
634
669
  },
635
- "getStylesLiterals": {},
636
670
  "cxLiterals": [
637
- "overflow-hidden",
638
- "w-full",
639
- "h-full",
640
- "shrink-0",
641
- "text-center",
642
- "inline-flex",
643
- "justify-center",
644
- "items-center",
645
- "object-cover"
671
+ "uds-ring",
672
+ "cursor-not-allowed",
673
+ "opacity-50",
674
+ "pointer-events-none",
675
+ "hover:bg-primary"
646
676
  ],
647
677
  "internalComponents": [
648
- "UDSImage",
649
- "AvatarText",
650
- "AvatarIcon",
651
- "Box"
678
+ "Radio",
679
+ "Icon",
680
+ "RadioProvider",
681
+ "HStack",
682
+ "RadioGroup",
683
+ "Pressable",
684
+ "Text"
652
685
  ],
653
- "internalComponentProps": {},
686
+ "internalComponentProps": {
687
+ "Icon": {
688
+ "size": ["sm"],
689
+ "color": ["current"],
690
+ "aria-hidden": ["true"]
691
+ },
692
+ "HStack": {
693
+ "spacing": ["1"],
694
+ "gap": ["1"],
695
+ "backgroundColor": ["secondary"],
696
+ "borderRadius": ["full"],
697
+ "display": ["inline-flex"]
698
+ },
699
+ "Text": {
700
+ "variant": ["label2"],
701
+ "color": ["current"]
702
+ }
703
+ },
654
704
  "propToVariantKeys": {
655
- "alt": ["name"],
656
- "fallback": ["initials"]
705
+ "value": ["key"],
706
+ "label": ["aria-label"]
657
707
  },
658
708
  "motionVarPrefixes": []
659
709
  };
660
- var AvatarText = {
661
- "name": "AvatarText",
710
+ var SwitchV2 = {
711
+ "name": "SwitchV2",
662
712
  "defaultProps": {
663
- "size": "md",
664
- "variant": "primary"
713
+ "labelPosition": "start",
714
+ "size": "md"
715
+ },
716
+ "getStylesLiterals": {
717
+ "switchVariantRoot": "default",
718
+ "switchVariantActiveRoot": "on",
719
+ "switchVariantActiveRoot:1": "off",
720
+ "switchVariantSwitch": "default",
721
+ "switchVariantActiveSwitch": "on",
722
+ "switchVariantActiveSwitch:1": "off",
723
+ "switchVariantActiveHandle": "on",
724
+ "switchVariantActiveHandle:1": "off",
725
+ "switchVariantHandle": "default",
726
+ "switchVariantHandleIcon": "default",
727
+ "switchVariantActiveHandleIcon": "on",
728
+ "switchVariantActiveHandleIcon:1": "off"
665
729
  },
666
- "getStylesLiterals": {},
667
- "cxLiterals": [
668
- "overflow-hidden",
669
- "truncate",
670
- "w-full",
671
- "h-full",
672
- "shrink-0",
673
- "text-center",
674
- "inline-flex",
675
- "justify-center",
676
- "items-center"
677
- ],
678
- "internalComponents": ["Box", "Text"],
679
- "internalComponentProps": { "Text": {
680
- "color": ["inherit"],
681
- "variant": ["inherit"]
682
- } },
683
- "propToVariantKeys": {},
684
- "motionVarPrefixes": []
685
- };
686
- var BottomSheet = {
687
- "name": "BottomSheet",
688
- "defaultProps": { "variant": "default" },
689
- "getStylesLiterals": {},
690
730
  "cxLiterals": [
691
- "fixed",
692
- "overflow-hidden",
693
- "inset-x-0",
731
+ "group",
732
+ "flex",
733
+ "items-center",
734
+ "flex-row",
735
+ "flex-row-reverse",
736
+ "uds-ring",
737
+ "uds-ring-within",
738
+ "relative",
739
+ "uds-border-radius-full",
740
+ "transition-[background-color,box-shadow]",
741
+ "pointer-events-none",
742
+ "w-full",
743
+ "h-full",
744
+ "absolute",
745
+ "top-0",
694
746
  "bottom-0",
695
- "z-50",
696
- "[will-change:transform]",
697
- "touch-none",
698
- "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
699
- "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
700
- "transition-transform",
701
- "duration-500",
702
- "ease-[cubic-bezier(0.32,0.72,0,1)]",
703
- "motion-reduce:transition-none",
704
- "top-[-4px]",
705
- "z-[1]",
706
- "touch-pan-y"
747
+ "right-0",
748
+ "left-0",
749
+ "overflow-hidden",
750
+ "group-hover:scale-105",
751
+ "opacity-95",
752
+ "group-hover:opacity-100",
753
+ "transition-[transform,opacity]",
754
+ "opacity-0",
755
+ "top-1/2",
756
+ "left-1/2",
757
+ "transform",
758
+ "translate-x-[-50%]",
759
+ "translate-y-[-50%]",
760
+ "transition-opacity",
761
+ "cursor-[inherit]",
762
+ "w-[calc(100%+2px)]",
763
+ "h-[calc(100%+2px)]",
764
+ "text-start",
765
+ "text-end",
766
+ "opacity-100"
707
767
  ],
708
768
  "internalComponents": [
709
- "Scrim",
710
- "BottomSheetHandle",
711
- "Dialog",
769
+ "IconSlot",
712
770
  "Box",
713
- "BottomSheetInternalContext.Provider"
771
+ "FormLabel",
772
+ "SpringMotionConfig",
773
+ "RootElement",
774
+ "MotionBox"
714
775
  ],
715
776
  "internalComponentProps": {
716
- "BottomSheetHandle": { "ariaLabel": ["Resize sheet"] },
717
- "Dialog": { "data-testid": ["bottom-sheet"] },
718
- "Box": {
719
- "display": ["block", "flex"],
720
- "position": ["absolute"],
721
- "flexDirection": ["column"],
722
- "className": ["absolute inset-0 min-h-0 p-[inherit]"]
777
+ "IconSlot": { "data-testid": ["on-icon", "off-icon"] },
778
+ "FormLabel": {
779
+ "as": ["div"],
780
+ "variant": ["inherit"],
781
+ "color": ["inherit"]
782
+ },
783
+ "SpringMotionConfig": {
784
+ "layoutVariant": ["bouncy"],
785
+ "layoutSpeed": ["4"]
786
+ },
787
+ "RootElement": { "data-testid": ["switch-root"] },
788
+ "MotionBox": { "layout": ["position"] }
789
+ },
790
+ "propToVariantKeys": {
791
+ "size": [
792
+ "switchSizeRoot",
793
+ "switchSizeSwitch",
794
+ "switchSizeHandle",
795
+ "switchSizeHandleIcon"
796
+ ],
797
+ "onIcon": ["icon"],
798
+ "offIcon": ["icon"],
799
+ "reduceMotion": ["reducedMotion"],
800
+ "isOn": ["layoutDependency"]
801
+ },
802
+ "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
803
+ };
804
+ var Tabs = {
805
+ "name": "Tabs",
806
+ "defaultProps": {},
807
+ "getStylesLiterals": {
808
+ "display": "flex",
809
+ "flexDirection": "row",
810
+ "columnGap": "6"
811
+ },
812
+ "cxLiterals": [
813
+ "text-tertiary",
814
+ "border-b-transparent",
815
+ "aria-selected:border-b-brand",
816
+ "aria-selected:text-secondary"
817
+ ],
818
+ "internalComponents": [
819
+ "TabProvider",
820
+ "OriginalTabList",
821
+ "OriginalTab",
822
+ "Icon",
823
+ "OriginalTabPanel",
824
+ "Pressable",
825
+ "Comp",
826
+ "Text"
827
+ ],
828
+ "internalComponentProps": {
829
+ "Icon": {
830
+ "className": ["text-current"],
831
+ "size": ["md"]
832
+ },
833
+ "Pressable": {
834
+ "borderBottomWidth": ["medium"],
835
+ "spacingBottom": ["1"],
836
+ "spacingTop": ["4"]
837
+ },
838
+ "Text": {
839
+ "className": ["text-current"],
840
+ "variant": ["headline1"],
841
+ "as": ["span"]
723
842
  }
724
843
  },
725
- "propToVariantKeys": { "variant": ["bottomsheetVariantRoot"] },
844
+ "propToVariantKeys": {},
726
845
  "motionVarPrefixes": []
727
846
  };
728
- var BottomSheetContent = {
729
- "name": "BottomSheetContent",
847
+ var Modal = {
848
+ "name": "Modal",
730
849
  "defaultProps": {},
731
850
  "getStylesLiterals": {},
732
- "cxLiterals": ["min-h-0", "touch-pan-y"],
733
- "internalComponents": ["Box", "VStack"],
851
+ "cxLiterals": [
852
+ "inset-8",
853
+ "top-[250px]",
854
+ "z-50",
855
+ "mx-auto",
856
+ "h-fit",
857
+ "w-[600px]",
858
+ "origin-center",
859
+ "scale-95",
860
+ "opacity-0",
861
+ "transition",
862
+ "duration-150",
863
+ "data-[enter]:scale-100",
864
+ "data-[enter]:opacity-100",
865
+ "data-[enter]:bg-primary",
866
+ "backdrop-blur-0",
867
+ "data-[enter]:opacity-60",
868
+ "data-[enter]:backdrop-blur-sm"
869
+ ],
870
+ "internalComponents": [
871
+ "IconButton",
872
+ "Dialog",
873
+ "HStack",
874
+ "Text",
875
+ "VStack"
876
+ ],
734
877
  "internalComponentProps": {
735
- "Box": {
736
- "display": ["block"],
737
- "flex": ["1"]
878
+ "IconButton": {
879
+ "aria-label": ["Close"],
880
+ "size": ["sm"],
881
+ "variant": ["tertiary"]
738
882
  },
739
- "VStack": { "className": ["pb-[calc(env(safe-area-inset-bottom))]"] }
883
+ "HStack": {
884
+ "alignItems": ["center"],
885
+ "justifyContent": ["space-between"]
886
+ },
887
+ "Text": {
888
+ "variant": ["headline1"],
889
+ "color": ["primary"]
890
+ },
891
+ "VStack": {
892
+ "borderRadius": ["md"],
893
+ "position": ["fixed"],
894
+ "backgroundColor": ["primary"],
895
+ "dropShadow": ["md"],
896
+ "spacing": ["8"],
897
+ "overflow": ["hidden"]
898
+ }
740
899
  },
741
- "propToVariantKeys": {},
900
+ "propToVariantKeys": { "handleClose": ["onClick"] },
742
901
  "motionVarPrefixes": []
743
902
  };
744
- var BottomSheetDismiss = {
745
- "name": "BottomSheetDismiss",
746
- "defaultProps": {},
903
+ var Accordion = {
904
+ "name": "Accordion",
905
+ "defaultProps": {
906
+ "spacingHorizontal": "4",
907
+ "spacingVertical": "4"
908
+ },
747
909
  "getStylesLiterals": {},
748
- "cxLiterals": [],
749
- "internalComponents": ["AriakitDialogDismiss"],
750
- "internalComponentProps": {},
910
+ "cxLiterals": ["hover:bg-secondary/80", "w-full"],
911
+ "internalComponents": [
912
+ "Icon",
913
+ "SpringMotionConfig",
914
+ "Pressable",
915
+ "Text",
916
+ "HStack",
917
+ "AnimatePresence",
918
+ "VStack"
919
+ ],
920
+ "internalComponentProps": {
921
+ "Icon": {
922
+ "variant": ["fill"],
923
+ "size": ["sm"],
924
+ "color": ["primary"]
925
+ },
926
+ "SpringMotionConfig": {
927
+ "layoutVariant": ["smooth"],
928
+ "layoutSpeed": ["3"]
929
+ },
930
+ "Pressable": {
931
+ "display": ["flex"],
932
+ "flexDirection": ["row"],
933
+ "alignItems": ["center"],
934
+ "justifyContent": ["space-between"],
935
+ "borderRadius": ["md"]
936
+ },
937
+ "Text": {
938
+ "variant": ["title4"],
939
+ "color": ["primary"]
940
+ },
941
+ "HStack": {
942
+ "display": ["flex"],
943
+ "alignItems": ["center"],
944
+ "justifyContent": ["space-between"],
945
+ "columnGap": ["2.5"]
946
+ }
947
+ },
751
948
  "propToVariantKeys": {},
752
- "motionVarPrefixes": []
949
+ "motionVarPrefixes": ["--uds-motion-smooth-3-"]
753
950
  };
754
- var BottomSheetHandle = {
755
- "name": "BottomSheetHandle",
756
- "defaultProps": {},
951
+ var AvatarImage = {
952
+ "name": "AvatarImage",
953
+ "defaultProps": {
954
+ "size": "md",
955
+ "variant": "primary"
956
+ },
757
957
  "getStylesLiterals": {},
758
958
  "cxLiterals": [
759
- "relative",
760
- "h-5",
761
- "w-16",
762
- "outline-none",
763
- "focus-visible:outline-none",
764
- "[touch-action:pan-y]",
765
- "absolute",
766
- "left-1/2",
767
- "top-1/2",
768
- "-translate-x-1/2",
769
- "-translate-y-1/2",
770
- "h-1",
771
- "w-8",
772
- "rounded-full",
773
- "bg-accent"
959
+ "overflow-hidden",
960
+ "w-full",
961
+ "h-full",
962
+ "shrink-0",
963
+ "text-center",
964
+ "inline-flex",
965
+ "justify-center",
966
+ "items-center",
967
+ "object-cover"
774
968
  ],
775
- "internalComponents": ["Box"],
776
- "internalComponentProps": { "Box": {
777
- "display": ["block", "flex"],
778
- "justifyContent": ["center"]
779
- } },
780
- "propToVariantKeys": {},
969
+ "internalComponents": [
970
+ "UDSImage",
971
+ "AvatarText",
972
+ "AvatarIcon",
973
+ "Box"
974
+ ],
975
+ "internalComponentProps": {},
976
+ "propToVariantKeys": {
977
+ "alt": ["name"],
978
+ "fallback": ["initials"]
979
+ },
781
980
  "motionVarPrefixes": []
782
981
  };
783
- var BottomSheetHeader = {
784
- "name": "BottomSheetHeader",
785
- "defaultProps": { "variant": "default" },
982
+ var AvatarText = {
983
+ "name": "AvatarText",
984
+ "defaultProps": {
985
+ "size": "md",
986
+ "variant": "primary"
987
+ },
786
988
  "getStylesLiterals": {},
787
989
  "cxLiterals": [
788
- "grid-cols-[40px_1fr_40px]",
789
- "items-center",
990
+ "overflow-hidden",
991
+ "truncate",
790
992
  "w-full",
791
- "min-h-10",
792
- "mt-2"
993
+ "h-full",
994
+ "shrink-0",
995
+ "text-center",
996
+ "inline-flex",
997
+ "justify-center",
998
+ "items-center"
793
999
  ],
794
1000
  "internalComponents": ["Box", "Text"],
795
- "internalComponentProps": {
796
- "Box": {
797
- "className": ["h-10 w-10 opacity-0 pointer-events-none"],
798
- "display": ["grid", "flex"],
799
- "justifyContent": ["flex-start", "flex-end"]
800
- },
801
- "Text": {
802
- "variant": ["inherit"],
803
- "color": ["inherit"],
804
- "textAlign": ["center"],
805
- "className": ["w-full"]
806
- }
807
- },
808
- "propToVariantKeys": { "variant": ["bottomsheetVariantHeader"] },
1001
+ "internalComponentProps": { "Text": {
1002
+ "color": ["inherit"],
1003
+ "variant": ["inherit"]
1004
+ } },
1005
+ "propToVariantKeys": {},
809
1006
  "motionVarPrefixes": []
810
1007
  };
811
- var BottomSheetInternalContext = {
812
- "name": "BottomSheetInternalContext",
1008
+ var Avatar = {
1009
+ "name": "Avatar",
813
1010
  "defaultProps": {},
814
1011
  "getStylesLiterals": {},
815
1012
  "cxLiterals": [],
816
- "internalComponents": [],
1013
+ "internalComponents": ["AvatarImage"],
817
1014
  "internalComponentProps": {},
818
1015
  "propToVariantKeys": {},
819
1016
  "motionVarPrefixes": []
820
1017
  };
821
- var BottomSheetProvider = {
822
- "name": "BottomSheetProvider",
1018
+ var AvatarIcon = {
1019
+ "name": "AvatarIcon",
1020
+ "defaultProps": {
1021
+ "size": "md",
1022
+ "variant": "primary"
1023
+ },
1024
+ "getStylesLiterals": {},
1025
+ "cxLiterals": [
1026
+ "overflow-hidden",
1027
+ "w-full",
1028
+ "h-full",
1029
+ "shrink-0",
1030
+ "text-center",
1031
+ "inline-flex",
1032
+ "justify-center",
1033
+ "items-center"
1034
+ ],
1035
+ "internalComponents": ["IconSlot", "Box"],
1036
+ "internalComponentProps": {},
1037
+ "propToVariantKeys": { "size": ["avatarSizeIcon"] },
1038
+ "motionVarPrefixes": []
1039
+ };
1040
+ var UDSPopoverConfigProvider = {
1041
+ "name": "UDSPopoverConfigProvider",
823
1042
  "defaultProps": {},
824
1043
  "getStylesLiterals": {},
825
1044
  "cxLiterals": [],
826
- "internalComponents": ["AriakitDialogProvider"],
1045
+ "internalComponents": ["PopoverContext.Provider"],
827
1046
  "internalComponentProps": {},
828
1047
  "propToVariantKeys": {},
829
1048
  "motionVarPrefixes": []
830
1049
  };
831
- var BottomSheetTrigger = {
832
- "name": "BottomSheetTrigger",
1050
+ var Popover = {
1051
+ "name": "Popover",
833
1052
  "defaultProps": {},
834
1053
  "getStylesLiterals": {},
835
1054
  "cxLiterals": [],
836
- "internalComponents": ["AriakitDialogDisclosure"],
1055
+ "internalComponents": ["PopoverInternalContext.Provider", "PopoverProvider"],
837
1056
  "internalComponentProps": {},
838
1057
  "propToVariantKeys": {},
839
1058
  "motionVarPrefixes": []
840
1059
  };
841
- var UDSBottomSheetConfigProvider = {
842
- "name": "UDSBottomSheetConfigProvider",
1060
+ var PopoverContext = {
1061
+ "name": "PopoverContext",
843
1062
  "defaultProps": {},
844
1063
  "getStylesLiterals": {},
845
1064
  "cxLiterals": [],
846
- "internalComponents": ["BottomSheetContext.Provider"],
1065
+ "internalComponents": [],
847
1066
  "internalComponentProps": {},
848
1067
  "propToVariantKeys": {},
849
1068
  "motionVarPrefixes": []
850
1069
  };
851
- var Chip = {
852
- "name": "Chip",
1070
+ var PopoverTrigger = {
1071
+ "name": "PopoverTrigger",
853
1072
  "defaultProps": {},
854
1073
  "getStylesLiterals": {},
855
1074
  "cxLiterals": [],
856
- "internalComponents": [
857
- "ChipDismissible",
858
- "ChipToggle",
859
- "ChipLink",
860
- "ChipButton"
861
- ],
862
- "internalComponentProps": {},
863
- "propToVariantKeys": {},
1075
+ "internalComponents": ["PopoverDisclosure"],
1076
+ "internalComponentProps": { "PopoverDisclosure": { "className": ["inline"] } },
1077
+ "propToVariantKeys": { "children": ["render"] },
864
1078
  "motionVarPrefixes": []
865
1079
  };
866
- var ChipBase = {
867
- "name": "ChipBase",
868
- "defaultProps": {
869
- "size": "md",
870
- "as": "div"
1080
+ var PopoverContent = {
1081
+ "name": "PopoverContent",
1082
+ "defaultProps": {},
1083
+ "getStylesLiterals": {
1084
+ "popoverSizeRoot": "default",
1085
+ "popoverVariantRoot": "default",
1086
+ "display": "flex",
1087
+ "position": "absolute",
1088
+ "spacingTop": "0",
1089
+ "spacingStart": "0",
1090
+ "spacingBottom": "0",
1091
+ "spacingEnd": "0",
1092
+ "popoverSizeSvgBase": "default",
1093
+ "popoverVariantSvgBase": "default",
1094
+ "popoverSizeSvgBorder": "default",
1095
+ "popoverVariantSvgBorder": "default",
1096
+ "popoverVariantBlur": "default",
1097
+ "width": "full",
1098
+ "height": "full",
1099
+ "flexShrink": "0",
1100
+ "borderRadius": "full",
1101
+ "alignItems": "center",
1102
+ "justifyContent": "center",
1103
+ "popoverVariantCloseIcon": "default",
1104
+ "popoverSizeCloseIcon": "default"
871
1105
  },
872
- "getStylesLiterals": {},
873
1106
  "cxLiterals": [
874
- "pointer-events-none",
875
- "cursor-default",
876
- "opacity-50",
877
- "inline-flex",
878
- "items-center",
879
- "transition-[background-color,outline-color,box-shadow]",
880
- "truncate",
881
- "whitespace-nowrap",
882
- "text-center",
883
- "flex-1"
1107
+ "z-[9999]",
1108
+ "outline-none",
1109
+ "focus-visible:outline-none",
1110
+ "uds-bgBlurFillFallback",
1111
+ "uds-bgBlurFallback",
1112
+ "top-0",
1113
+ "left-0",
1114
+ "z-[1]",
1115
+ "duration-0",
1116
+ "duration-120",
1117
+ "transition-[background-color]",
1118
+ "bg-carbon-15/0",
1119
+ "hover:bg-carbon-15/10",
1120
+ "active:bg-carbon-15/15",
1121
+ "uds-ring",
1122
+ "absolute",
1123
+ "z-[4]"
884
1124
  ],
885
1125
  "internalComponents": [
1126
+ "PopoverDismiss",
886
1127
  "IconSlot",
887
- "HStack",
888
- "As",
889
- "Text"
1128
+ "PopoverArrow",
1129
+ "Popover",
1130
+ "SvgFloatingOverlay",
1131
+ "Box",
1132
+ "Pressable"
890
1133
  ],
891
- "internalComponentProps": { "Text": {
892
- "as": ["span"],
893
- "color": ["current"],
894
- "variant": ["inherit"]
895
- } },
896
- "propToVariantKeys": {
897
- "size": ["chipSizeRoot", "chipSizeIcon"],
898
- "startIcon": ["icon"],
899
- "endIcon": ["icon"]
1134
+ "internalComponentProps": {},
1135
+ "propToVariantKeys": { "closeIcon": ["icon"] },
1136
+ "motionVarPrefixes": []
1137
+ };
1138
+ var BottomSheetContent = {
1139
+ "name": "BottomSheetContent",
1140
+ "defaultProps": {},
1141
+ "getStylesLiterals": {},
1142
+ "cxLiterals": ["min-h-0", "touch-pan-y"],
1143
+ "internalComponents": ["Box", "VStack"],
1144
+ "internalComponentProps": {
1145
+ "Box": {
1146
+ "display": ["block"],
1147
+ "flex": ["1"]
1148
+ },
1149
+ "VStack": { "className": ["pb-[calc(env(safe-area-inset-bottom))]"] }
900
1150
  },
1151
+ "propToVariantKeys": {},
901
1152
  "motionVarPrefixes": []
902
1153
  };
903
- var ChipButton = {
904
- "name": "ChipButton",
905
- "defaultProps": { "variant": "primary" },
1154
+ var BottomSheetDismiss = {
1155
+ "name": "BottomSheetDismiss",
1156
+ "defaultProps": {},
906
1157
  "getStylesLiterals": {},
907
- "cxLiterals": ["uds-ring"],
908
- "internalComponents": ["ChipBase"],
909
- "internalComponentProps": { "ChipBase": { "as": ["button"] } },
910
- "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1158
+ "cxLiterals": [],
1159
+ "internalComponents": ["AriakitDialogDismiss"],
1160
+ "internalComponentProps": {},
1161
+ "propToVariantKeys": {},
911
1162
  "motionVarPrefixes": []
912
1163
  };
913
- var ChipDismissible = {
914
- "name": "ChipDismissible",
915
- "defaultProps": { "variant": "primary" },
1164
+ var BottomSheet = {
1165
+ "name": "BottomSheet",
1166
+ "defaultProps": { "variant": "default" },
916
1167
  "getStylesLiterals": {},
917
1168
  "cxLiterals": [
918
- "uds-chip-dismissible-button",
919
- "uds-hit-target",
920
- "uds-ring",
921
- "rounded-full"
1169
+ "fixed",
1170
+ "overflow-hidden",
1171
+ "inset-x-0",
1172
+ "bottom-0",
1173
+ "z-50",
1174
+ "[will-change:transform]",
1175
+ "touch-none",
1176
+ "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
1177
+ "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
1178
+ "transition-transform",
1179
+ "duration-500",
1180
+ "ease-[cubic-bezier(0.32,0.72,0,1)]",
1181
+ "motion-reduce:transition-none",
1182
+ "top-[-4px]",
1183
+ "z-[1]",
1184
+ "touch-pan-y"
922
1185
  ],
923
1186
  "internalComponents": [
924
- "ChipBase",
925
- "IconSlot",
926
- "Pressable"
1187
+ "Scrim",
1188
+ "BottomSheetHandle",
1189
+ "Dialog",
1190
+ "Box",
1191
+ "BottomSheetInternalContext.Provider"
927
1192
  ],
928
- "internalComponentProps": {},
929
- "propToVariantKeys": {
930
- "variant": ["chipDismissibleVariantRoot", "chipDismissibleVariantIcon"],
931
- "dismissButtonAriaLabel": ["aria-label"]
1193
+ "internalComponentProps": {
1194
+ "BottomSheetHandle": { "ariaLabel": ["Resize sheet"] },
1195
+ "Dialog": { "data-testid": ["bottom-sheet"] },
1196
+ "Box": {
1197
+ "display": ["block", "flex"],
1198
+ "position": ["absolute"],
1199
+ "flexDirection": ["column"],
1200
+ "className": ["absolute inset-0 min-h-0 p-[inherit]"]
1201
+ }
932
1202
  },
1203
+ "propToVariantKeys": { "variant": ["bottomsheetVariantRoot"] },
933
1204
  "motionVarPrefixes": []
934
1205
  };
935
- var ChipLink = {
936
- "name": "ChipLink",
937
- "defaultProps": { "variant": "primary" },
1206
+ var BottomSheetHandle = {
1207
+ "name": "BottomSheetHandle",
1208
+ "defaultProps": {},
938
1209
  "getStylesLiterals": {},
939
- "cxLiterals": ["uds-ring"],
940
- "internalComponents": ["ChipBase"],
941
- "internalComponentProps": { "ChipBase": { "as": ["a"] } },
942
- "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1210
+ "cxLiterals": [
1211
+ "relative",
1212
+ "h-5",
1213
+ "w-16",
1214
+ "outline-none",
1215
+ "focus-visible:outline-none",
1216
+ "[touch-action:pan-y]",
1217
+ "absolute",
1218
+ "left-1/2",
1219
+ "top-1/2",
1220
+ "-translate-x-1/2",
1221
+ "-translate-y-1/2",
1222
+ "h-1",
1223
+ "w-8",
1224
+ "rounded-full",
1225
+ "bg-accent"
1226
+ ],
1227
+ "internalComponents": ["Box"],
1228
+ "internalComponentProps": { "Box": {
1229
+ "display": ["block", "flex"],
1230
+ "justifyContent": ["center"]
1231
+ } },
1232
+ "propToVariantKeys": {},
943
1233
  "motionVarPrefixes": []
944
1234
  };
945
- var ChipToggle = {
946
- "name": "ChipToggle",
947
- "defaultProps": {
948
- "variant": "primary",
949
- "role": "checkbox"
950
- },
951
- "getStylesLiterals": {
952
- "chipToggleVariantActiveRoot": "on",
953
- "chipToggleVariantActiveRoot:1": "off"
954
- },
955
- "cxLiterals": ["uds-ring"],
956
- "internalComponents": ["ChipBase"],
957
- "internalComponentProps": { "ChipBase": { "as": ["button"] } },
958
- "propToVariantKeys": { "variant": ["chipToggleVariantRoot", "chipToggleVariantIcon"] },
1235
+ var BottomSheetInternalContext = {
1236
+ "name": "BottomSheetInternalContext",
1237
+ "defaultProps": {},
1238
+ "getStylesLiterals": {},
1239
+ "cxLiterals": [],
1240
+ "internalComponents": [],
1241
+ "internalComponentProps": {},
1242
+ "propToVariantKeys": {},
959
1243
  "motionVarPrefixes": []
960
1244
  };
961
- var Input = {
962
- "name": "Input",
963
- "defaultProps": {
964
- "type": "text",
965
- "size": "md",
966
- "width": "full"
967
- },
968
- "getStylesLiterals": {
969
- "inputVariantRoot": "default",
970
- "inputVariantValueRoot": "empty",
971
- "inputVariantValueRoot:1": "filled",
972
- "inputVariantInputWrapper": "default",
973
- "inputVariantValueInputWrapper": "empty",
974
- "inputVariantValueInputWrapper:1": "filled",
975
- "inputVariantInput": "default",
976
- "inputVariantValueInput": "empty",
977
- "inputVariantValueInput:1": "filled",
978
- "inputVariantInputPlaceholder": "default",
979
- "inputVariantValueInputPlaceholder": "empty",
980
- "inputVariantValueInputPlaceholder:1": "filled",
981
- "inputVariantLabel": "default",
982
- "inputVariantValueLabel": "empty",
983
- "inputVariantValueLabel:1": "filled",
984
- "inputVariantLabelRequired": "default",
985
- "inputVariantValueLabelRequired": "empty",
986
- "inputVariantValueLabelRequired:1": "filled",
987
- "inputVariantStartIcon": "default",
988
- "inputVariantValueStartIcon": "empty",
989
- "inputVariantValueStartIcon:1": "filled",
990
- "inputVariantEndIcon": "default",
991
- "inputVariantValueEndIcon": "empty",
992
- "inputVariantValueEndIcon:1": "filled"
993
- },
1245
+ var BottomSheetHeader = {
1246
+ "name": "BottomSheetHeader",
1247
+ "defaultProps": { "variant": "default" },
1248
+ "getStylesLiterals": {},
994
1249
  "cxLiterals": [
995
- "opacity-50",
996
- "min-w-[200px]",
997
- "grow",
998
- "uds-hit-target",
999
- "bg-clip-text",
1000
- "focus:outline-none",
1001
- "cursor-text",
1002
- "cursor-not-allowed"
1003
- ],
1004
- "internalComponents": [
1005
- "IconSlot",
1006
- "StartIcon",
1007
- "EndIcon",
1008
- "HelpTextContent",
1009
- "Box",
1010
- "InputHelpTextInternal",
1011
- "VStack",
1012
- "HStack",
1013
- "AnimateHeightChange"
1250
+ "grid-cols-[40px_1fr_40px]",
1251
+ "items-center",
1252
+ "w-full",
1253
+ "min-h-10",
1254
+ "mt-2"
1014
1255
  ],
1256
+ "internalComponents": ["Box", "Text"],
1015
1257
  "internalComponentProps": {
1016
- "HelpTextContent": { "spacingTop": ["2"] },
1017
1258
  "Box": {
1018
- "spacingBottom": ["2"],
1019
- "columnGap": ["0.5"],
1020
- "alignItems": ["flex-end", "center"],
1021
- "position": ["relative"]
1259
+ "className": ["h-10 w-10 opacity-0 pointer-events-none"],
1260
+ "display": ["grid", "flex"],
1261
+ "justifyContent": ["flex-start", "flex-end"]
1022
1262
  },
1023
- "HStack": {
1024
- "alignItems": ["center"],
1025
- "gap": ["1"]
1263
+ "Text": {
1264
+ "variant": ["inherit"],
1265
+ "color": ["inherit"],
1266
+ "textAlign": ["center"],
1267
+ "className": ["w-full"]
1026
1268
  }
1027
1269
  },
1028
- "propToVariantKeys": {
1029
- "size": [
1030
- "inputSizeRoot",
1031
- "inputSizeInputWrapper",
1032
- "inputSizeInput",
1033
- "inputSizeLabel",
1034
- "inputSizeStartIcon",
1035
- "inputSizeEndIcon"
1036
- ],
1037
- "startIcon": ["icon"],
1038
- "endIcon": ["icon"],
1039
- "helperTextIcon": ["startIcon"]
1040
- },
1041
- "motionVarPrefixes": []
1042
- };
1043
- var InputHelpText = {
1044
- "name": "InputHelpText",
1045
- "defaultProps": { "size": "md" },
1046
- "getStylesLiterals": {
1047
- "inputVariantRoot": "default",
1048
- "inputVariantValueRoot": "empty",
1049
- "inputVariantValueRoot:1": "filled"
1050
- },
1051
- "cxLiterals": [],
1052
- "internalComponents": ["InputHelpTextInternal", "Box"],
1053
- "internalComponentProps": { "Box": { "spacingTop": ["2"] } },
1054
- "propToVariantKeys": { "size": ["inputSizeRoot"] },
1270
+ "propToVariantKeys": { "variant": ["bottomsheetVariantHeader"] },
1055
1271
  "motionVarPrefixes": []
1056
1272
  };
1057
- var InputHelpTextInternal = {
1058
- "name": "InputHelpTextInternal",
1273
+ var BottomSheetTrigger = {
1274
+ "name": "BottomSheetTrigger",
1059
1275
  "defaultProps": {},
1060
- "getStylesLiterals": {
1061
- "inputVariantHelperText": "default",
1062
- "inputVariantValueHelperText": "empty",
1063
- "inputVariantValueHelperText:1": "filled",
1064
- "inputVariantHelperIcon": "default",
1065
- "inputVariantValueHelperIcon": "empty",
1066
- "inputVariantValueHelperIcon:1": "filled"
1067
- },
1276
+ "getStylesLiterals": {},
1068
1277
  "cxLiterals": [],
1069
- "internalComponents": ["IconSlot", "HStack"],
1070
- "internalComponentProps": { "HStack": {
1071
- "gap": ["1"],
1072
- "alignItems": ["center"]
1073
- } },
1074
- "propToVariantKeys": {
1075
- "size": ["inputSizeHelperText", "inputSizeHelperIcon"],
1076
- "startIcon": ["icon"],
1077
- "endIcon": ["icon"]
1078
- },
1278
+ "internalComponents": ["AriakitDialogDisclosure"],
1279
+ "internalComponentProps": {},
1280
+ "propToVariantKeys": {},
1079
1281
  "motionVarPrefixes": []
1080
1282
  };
1081
- var Menu_Content = {
1082
- "name": "Menu.Content",
1083
- "defaultProps": {
1084
- "size": "default",
1085
- "variant": "default",
1086
- "gutter": "1"
1087
- },
1283
+ var BottomSheetProvider = {
1284
+ "name": "BottomSheetProvider",
1285
+ "defaultProps": {},
1088
1286
  "getStylesLiterals": {},
1089
- "cxLiterals": [
1090
- "uds-menu-content",
1091
- "transition-shadow",
1092
- "duration-200",
1093
- "ease-in-out",
1094
- "min-w-60",
1095
- "max-w-lg",
1096
- "max-h-96",
1097
- "overflow-auto",
1098
- "uds-ring",
1099
- "z-10",
1100
- "group"
1101
- ],
1102
- "internalComponents": [
1103
- "AriakitMenu",
1104
- "AnimatePresence",
1105
- "MotionVStack"
1106
- ],
1287
+ "cxLiterals": [],
1288
+ "internalComponents": ["AriakitDialogProvider"],
1107
1289
  "internalComponentProps": {},
1108
- "propToVariantKeys": {
1109
- "size": ["menucontentSizeRoot"],
1110
- "variant": ["menucontentVariantRoot"]
1111
- },
1290
+ "propToVariantKeys": {},
1112
1291
  "motionVarPrefixes": []
1113
1292
  };
1114
- var Menu_Divider = {
1115
- "name": "Menu.Divider",
1116
- "defaultProps": {
1117
- "role": "separator",
1118
- "contentPosition": "start",
1119
- "gap": "4"
1120
- },
1121
- "getStylesLiterals": {
1122
- "menuitemDividerVariantRoot": "default",
1123
- "menuitemDividerVariantText": "default",
1124
- "menuitemDividerVariantLine": "default"
1125
- },
1293
+ var UDSBottomSheetConfigProvider = {
1294
+ "name": "UDSBottomSheetConfigProvider",
1295
+ "defaultProps": {},
1296
+ "getStylesLiterals": {},
1126
1297
  "cxLiterals": [],
1127
- "internalComponents": ["DividerInternal"],
1128
- "internalComponentProps": { "DividerInternal": { "variant": ["inherit"] } },
1298
+ "internalComponents": ["BottomSheetContext.Provider"],
1299
+ "internalComponentProps": {},
1129
1300
  "propToVariantKeys": {},
1130
1301
  "motionVarPrefixes": []
1131
1302
  };
1132
- var Menu_Item = {
1133
- "name": "Menu.Item",
1303
+ var UDSToastConfigProvider = {
1304
+ "name": "UDSToastConfigProvider",
1134
1305
  "defaultProps": {},
1135
- "getStylesLiterals": {
1136
- "menuitemItemVariantRoot": "default",
1137
- "menuitemItemVariantActiveRoot": "on",
1138
- "menuitemItemVariantActiveRoot:1": "off",
1139
- "menuitemItemVariantText": "default",
1140
- "menuitemItemVariantActiveText": "on",
1141
- "menuitemItemVariantActiveText:1": "off",
1142
- "menuitemItemVariantIcon": "default",
1143
- "menuitemItemVariantActiveIcon": "on",
1144
- "menuitemItemVariantActiveIcon:1": "off"
1145
- },
1306
+ "getStylesLiterals": {},
1146
1307
  "cxLiterals": [],
1147
- "internalComponents": ["MenuItemBase"],
1308
+ "internalComponents": ["ToastContext.Provider"],
1148
1309
  "internalComponentProps": {},
1149
1310
  "propToVariantKeys": {},
1150
1311
  "motionVarPrefixes": []
1151
1312
  };
1152
- var Menu_ItemBase = {
1153
- "name": "Menu.ItemBase",
1154
- "defaultProps": {
1155
- "spacing": "0",
1156
- "spacingHorizontal": "4",
1157
- "spacingVertical": "3.5",
1158
- "columnGap": "2",
1159
- "alignItems": "center",
1160
- "justifyContent": "space-between"
1161
- },
1313
+ var Toast = {
1314
+ "name": "Toast",
1315
+ "defaultProps": {},
1162
1316
  "getStylesLiterals": {
1163
- "textAlign": "start",
1164
- "menuitemSizeRoot": "default",
1165
- "flexDirection": "row",
1166
- "menuitemSizeStartIcon": "default",
1167
- "menuitemSizeEndIcon": "default"
1317
+ "className": "flex-none",
1318
+ "spacing": "2",
1319
+ "borderRadius": "full"
1168
1320
  },
1169
1321
  "cxLiterals": [
1170
- "flex",
1171
- "focus-visible:text-brand",
1172
- "focus-visible:bg-brand-secondary",
1173
- "focus-visible:z-10",
1174
- "uds-ring",
1175
- "!-outline-offset-2",
1176
- "[&:not([aria-checked])]:cursor-default",
1177
- "opacity-25",
1178
- "cursor-not-allowed",
1179
- "duration-20",
1180
- "transition-[font-variation-settings]",
1181
- "ease-in-out",
1182
- "z-0",
1183
- "uds-start-icon",
1184
- "uds-end-icon"
1322
+ "duration-0",
1323
+ "duration-120",
1324
+ "transition-[background-color]",
1325
+ "bg-carbon-15/0",
1326
+ "hover:bg-carbon-15/10",
1327
+ "active:bg-carbon-15/15",
1328
+ "uds-ring"
1185
1329
  ],
1186
1330
  "internalComponents": [
1187
- "Pressable",
1188
1331
  "IconSlot",
1189
- "RootComponent",
1190
- "HStack",
1191
- "AnimatePresence"
1332
+ "ToastContainer",
1333
+ "Text",
1334
+ "Button",
1335
+ "Pressable"
1192
1336
  ],
1193
- "internalComponentProps": {
1194
- "HStack": {
1195
- "alignItems": ["center"],
1196
- "width": ["full"]
1197
- },
1198
- "AnimatePresence": { "mode": ["popLayout"] }
1199
- },
1337
+ "internalComponentProps": {},
1200
1338
  "propToVariantKeys": {
1201
- "startIcon": ["icon"],
1202
- "endIcon": ["icon"],
1203
- "columnGap": ["gap"]
1339
+ "size": [
1340
+ "toastSizeLabel",
1341
+ "toastSizeIcon",
1342
+ "toastSizeActionButton",
1343
+ "toastSizeCloseIcon"
1344
+ ],
1345
+ "variant": [
1346
+ "toastVariantIcon",
1347
+ "toastVariantActionButton",
1348
+ "toastVariantCloseIcon"
1349
+ ],
1350
+ "closeIcon": ["icon"],
1351
+ "onClickActionButton": ["onClick"]
1204
1352
  },
1205
1353
  "motionVarPrefixes": []
1206
1354
  };
1207
- var Menu_ItemCheckbox = {
1208
- "name": "Menu.ItemCheckbox",
1355
+ var ToastContainer = {
1356
+ "name": "ToastContainer",
1209
1357
  "defaultProps": {},
1210
1358
  "getStylesLiterals": {
1211
- "menuitemItemCheckboxVariantRoot": "default",
1212
- "menuitemItemCheckboxVariantActiveRoot": "on",
1213
- "menuitemItemCheckboxVariantActiveRoot:1": "off",
1214
- "menuitemItemCheckboxVariantText": "default",
1215
- "menuitemItemCheckboxVariantActiveText": "on",
1216
- "menuitemItemCheckboxVariantActiveText:1": "off",
1217
- "menuitemItemCheckboxVariantStartIcon": "default",
1218
- "menuitemItemCheckboxVariantActiveStartIcon": "on",
1219
- "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
1220
- "menuitemItemCheckboxVariantEndIcon": "default",
1221
- "menuitemItemCheckboxVariantActiveEndIcon": "on",
1222
- "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
1359
+ "position": "relative",
1360
+ "alignItems": "center",
1361
+ "display": "flex",
1362
+ "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
1363
+ },
1364
+ "cxLiterals": ["w-full"],
1365
+ "internalComponents": ["HStack"],
1366
+ "internalComponentProps": { "HStack": {
1367
+ "alignItems": ["center"],
1368
+ "justifyContent": ["space-between"],
1369
+ "overflow": ["hidden"],
1370
+ "position": ["relative"]
1371
+ } },
1372
+ "propToVariantKeys": {
1373
+ "variant": ["toastVariantRoot"],
1374
+ "size": ["toastSizeRoot"]
1223
1375
  },
1224
- "cxLiterals": ["uds-menu-item-checkbox"],
1225
- "internalComponents": ["MenuItemBase"],
1226
- "internalComponentProps": {},
1227
- "propToVariantKeys": {},
1228
1376
  "motionVarPrefixes": []
1229
1377
  };
1230
- var Menu_Provider = {
1231
- "name": "Menu.Provider",
1378
+ var ToastPortal = {
1379
+ "name": "ToastPortal",
1232
1380
  "defaultProps": {},
1233
1381
  "getStylesLiterals": {},
1234
1382
  "cxLiterals": [],
1235
- "internalComponents": ["AriakitMenuProvider", "SpringMotionConfig"],
1383
+ "internalComponents": ["ReactToastifyToastContainer"],
1236
1384
  "internalComponentProps": {},
1237
1385
  "propToVariantKeys": {},
1238
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1239
- };
1240
- var Menu_Trigger = {
1241
- "name": "Menu.Trigger",
1242
- "defaultProps": {},
1243
- "getStylesLiterals": {},
1244
- "cxLiterals": ["uds-menu-trigger"],
1245
- "internalComponents": ["AriakitMenuTrigger", "Box"],
1246
- "internalComponentProps": { "Box": { "className": ["uds-ring h-fit w-fit"] } },
1247
- "propToVariantKeys": {},
1248
1386
  "motionVarPrefixes": []
1249
1387
  };
1250
- var Menu_index = {
1251
- "name": "Menu.index",
1388
+ var RadioGroupStore = {
1389
+ "name": "RadioGroupStore",
1252
1390
  "defaultProps": {},
1253
1391
  "getStylesLiterals": {},
1254
1392
  "cxLiterals": [],
@@ -1257,13 +1395,17 @@ var Menu_index = {
1257
1395
  "propToVariantKeys": {},
1258
1396
  "motionVarPrefixes": []
1259
1397
  };
1260
- var Menu = {
1261
- "name": "Menu",
1398
+ var RadioGroupProvider = {
1399
+ "name": "RadioGroupProvider",
1262
1400
  "defaultProps": {},
1263
1401
  "getStylesLiterals": {},
1264
1402
  "cxLiterals": [],
1265
- "internalComponents": [],
1266
- "internalComponentProps": {},
1403
+ "internalComponents": [
1404
+ "DivProps",
1405
+ "Comp",
1406
+ "RadioGroupContext.Provider"
1407
+ ],
1408
+ "internalComponentProps": { "Comp": { "role": ["radiogroup"] } },
1267
1409
  "propToVariantKeys": {},
1268
1410
  "motionVarPrefixes": []
1269
1411
  };
@@ -1342,126 +1484,29 @@ var Radio = {
1342
1484
  "radioVariantRoot",
1343
1485
  "radioVariantRadio",
1344
1486
  "radioVariantRadioCircle"
1345
- ],
1346
- "reduceMotion": ["reducedMotion"]
1347
- },
1348
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1349
- };
1350
- var RadioGroupProvider = {
1351
- "name": "RadioGroupProvider",
1352
- "defaultProps": {},
1353
- "getStylesLiterals": {},
1354
- "cxLiterals": [],
1355
- "internalComponents": [
1356
- "DivProps",
1357
- "Comp",
1358
- "RadioGroupContext.Provider"
1359
- ],
1360
- "internalComponentProps": { "Comp": { "role": ["radiogroup"] } },
1361
- "propToVariantKeys": {},
1362
- "motionVarPrefixes": []
1363
- };
1364
- var RadioGroupStore = {
1365
- "name": "RadioGroupStore",
1366
- "defaultProps": {},
1367
- "getStylesLiterals": {},
1368
- "cxLiterals": [],
1369
- "internalComponents": [],
1370
- "internalComponentProps": {},
1371
- "propToVariantKeys": {},
1372
- "motionVarPrefixes": []
1373
- };
1374
- var Toast = {
1375
- "name": "Toast",
1376
- "defaultProps": {},
1377
- "getStylesLiterals": {
1378
- "className": "flex-none",
1379
- "spacing": "2",
1380
- "borderRadius": "full"
1381
- },
1382
- "cxLiterals": [
1383
- "transition-[background-color]",
1384
- "bg-carbon-15/0",
1385
- "hover:bg-carbon-15/10",
1386
- "active:bg-carbon-15/15",
1387
- "uds-ring"
1388
- ],
1389
- "internalComponents": [
1390
- "IconSlot",
1391
- "ToastContainer",
1392
- "Text",
1393
- "Button",
1394
- "Pressable"
1395
- ],
1396
- "internalComponentProps": {},
1397
- "propToVariantKeys": {
1398
- "size": [
1399
- "toastSizeLabel",
1400
- "toastSizeIcon",
1401
- "toastSizeActionButton",
1402
- "toastSizeCloseIcon"
1403
- ],
1404
- "variant": [
1405
- "toastVariantIcon",
1406
- "toastVariantActionButton",
1407
- "toastVariantCloseIcon"
1408
- ],
1409
- "closeIcon": ["icon"],
1410
- "onClickActionButton": ["onClick"]
1411
- },
1412
- "motionVarPrefixes": []
1413
- };
1414
- var ToastContainer = {
1415
- "name": "ToastContainer",
1416
- "defaultProps": {},
1417
- "getStylesLiterals": {
1418
- "position": "relative",
1419
- "alignItems": "center",
1420
- "display": "flex",
1421
- "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
1422
- },
1423
- "cxLiterals": ["w-full"],
1424
- "internalComponents": ["HStack"],
1425
- "internalComponentProps": { "HStack": {
1426
- "alignItems": ["center"],
1427
- "justifyContent": ["space-between"],
1428
- "overflow": ["hidden"],
1429
- "position": ["relative"]
1430
- } },
1431
- "propToVariantKeys": {
1432
- "variant": ["toastVariantRoot"],
1433
- "size": ["toastSizeRoot"]
1434
- },
1435
- "motionVarPrefixes": []
1436
- };
1437
- var ToastPortal = {
1438
- "name": "ToastPortal",
1439
- "defaultProps": {},
1440
- "getStylesLiterals": {},
1441
- "cxLiterals": [],
1442
- "internalComponents": ["ReactToastifyToastContainer"],
1443
- "internalComponentProps": {},
1444
- "propToVariantKeys": {},
1445
- "motionVarPrefixes": []
1487
+ ],
1488
+ "reduceMotion": ["reducedMotion"]
1489
+ },
1490
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1446
1491
  };
1447
- var UDSToastConfigProvider = {
1448
- "name": "UDSToastConfigProvider",
1492
+ var UDSTooltipConfigProvider = {
1493
+ "name": "UDSTooltipConfigProvider",
1449
1494
  "defaultProps": {},
1450
1495
  "getStylesLiterals": {},
1451
1496
  "cxLiterals": [],
1452
- "internalComponents": ["ToastContext.Provider"],
1497
+ "internalComponents": ["TooltipContext.Provider"],
1453
1498
  "internalComponentProps": {},
1454
1499
  "propToVariantKeys": {},
1455
1500
  "motionVarPrefixes": []
1456
1501
  };
1457
- var Tooltip = {
1458
- "name": "Tooltip",
1502
+ var TooltipTrigger = {
1503
+ "name": "TooltipTrigger",
1459
1504
  "defaultProps": {},
1460
1505
  "getStylesLiterals": {},
1461
1506
  "cxLiterals": [],
1462
- "internalComponents": ["TooltipInternalContext.Provider", "TooltipProvider"],
1463
- "internalComponentProps": {},
1464
- "propToVariantKeys": {},
1507
+ "internalComponents": ["TooltipAnchor"],
1508
+ "internalComponentProps": { "TooltipAnchor": { "className": ["inline"] } },
1509
+ "propToVariantKeys": { "children": ["render"] },
1465
1510
  "motionVarPrefixes": []
1466
1511
  };
1467
1512
  var TooltipContent = {
@@ -1483,36 +1528,27 @@ var TooltipContent = {
1483
1528
  "tooltipVariantIcon": "default"
1484
1529
  },
1485
1530
  "cxLiterals": [
1531
+ "max-w-lg",
1486
1532
  "flex",
1487
1533
  "z-[9999]",
1488
- "stroke-1",
1489
1534
  "uds-bgBlurFillFallback",
1490
1535
  "uds-bgBlurFallback",
1491
1536
  "top-0",
1492
1537
  "left-0",
1493
- "z-[1]",
1494
- "transition-opacity",
1495
- "ease-in-out",
1496
- "absolute",
1497
- "w-full",
1498
- "h-full",
1499
- "overflow-visible",
1500
- "pointer-events-none",
1501
- "z-[2]"
1538
+ "z-[1]"
1502
1539
  ],
1503
1540
  "internalComponents": [
1504
- "Box",
1505
1541
  "IconSlot",
1506
1542
  "TooltipArrow",
1507
1543
  "Tooltip",
1508
- "Fragment",
1544
+ "SvgFloatingOverlay",
1545
+ "VStack",
1546
+ "Box",
1509
1547
  "Text"
1510
1548
  ],
1511
1549
  "internalComponentProps": {
1550
+ "VStack": { "className": ["gap-[inherit]"] },
1512
1551
  "Box": {
1513
- "position": ["relative"],
1514
- "flexDirection": ["column"],
1515
- "className": ["z-[3] gap-[inherit]"],
1516
1552
  "alignItems": ["center"],
1517
1553
  "columnGap": ["1", "1.5"]
1518
1554
  },
@@ -1521,22 +1557,28 @@ var TooltipContent = {
1521
1557
  "propToVariantKeys": { "startTitleIcon": ["icon"] },
1522
1558
  "motionVarPrefixes": []
1523
1559
  };
1524
- var TooltipTrigger = {
1525
- "name": "TooltipTrigger",
1560
+ var Tooltip = {
1561
+ "name": "Tooltip",
1526
1562
  "defaultProps": {},
1527
1563
  "getStylesLiterals": {},
1528
1564
  "cxLiterals": [],
1529
- "internalComponents": ["TooltipAnchor"],
1530
- "internalComponentProps": { "TooltipAnchor": { "className": ["inline"] } },
1531
- "propToVariantKeys": { "children": ["render"] },
1565
+ "internalComponents": ["TooltipInternalContext.Provider", "TooltipProvider"],
1566
+ "internalComponentProps": {},
1567
+ "propToVariantKeys": {},
1532
1568
  "motionVarPrefixes": []
1533
1569
  };
1534
- var UDSTooltipConfigProvider = {
1535
- "name": "UDSTooltipConfigProvider",
1570
+ var UDSConfigProvider = {
1571
+ "name": "UDSConfigProvider",
1536
1572
  "defaultProps": {},
1537
1573
  "getStylesLiterals": {},
1538
1574
  "cxLiterals": [],
1539
- "internalComponents": ["TooltipContext.Provider"],
1575
+ "internalComponents": [
1576
+ "UDSBreakpointsConfigProvider",
1577
+ "UDSBottomSheetConfigProvider",
1578
+ "UDSToastConfigProvider",
1579
+ "UDSTooltipConfigProvider",
1580
+ "UDSPopoverConfigProvider"
1581
+ ],
1540
1582
  "internalComponentProps": {},
1541
1583
  "propToVariantKeys": {},
1542
1584
  "motionVarPrefixes": []
@@ -1551,424 +1593,508 @@ var UDSBreakpointsConfigProvider = {
1551
1593
  "propToVariantKeys": {},
1552
1594
  "motionVarPrefixes": []
1553
1595
  };
1554
- var UDSConfigProvider = {
1555
- "name": "UDSConfigProvider",
1556
- "defaultProps": {},
1557
- "getStylesLiterals": {},
1558
- "cxLiterals": [],
1559
- "internalComponents": [
1560
- "UDSBreakpointsConfigProvider",
1561
- "UDSBottomSheetConfigProvider",
1562
- "UDSToastConfigProvider",
1563
- "UDSTooltipConfigProvider"
1564
- ],
1565
- "internalComponentProps": {},
1566
- "propToVariantKeys": {},
1567
- "motionVarPrefixes": []
1568
- };
1569
- var Accordion = {
1570
- "name": "Accordion",
1596
+ var Input = {
1597
+ "name": "Input",
1571
1598
  "defaultProps": {
1572
- "spacingHorizontal": "4",
1573
- "spacingVertical": "4"
1599
+ "type": "text",
1600
+ "size": "md",
1601
+ "width": "full"
1574
1602
  },
1575
- "getStylesLiterals": {},
1576
- "cxLiterals": ["hover:bg-secondary/80", "w-full"],
1603
+ "getStylesLiterals": {
1604
+ "inputVariantRoot": "default",
1605
+ "inputVariantValueRoot": "empty",
1606
+ "inputVariantValueRoot:1": "filled",
1607
+ "inputVariantInputWrapper": "default",
1608
+ "inputVariantValueInputWrapper": "empty",
1609
+ "inputVariantValueInputWrapper:1": "filled",
1610
+ "inputVariantInput": "default",
1611
+ "inputVariantValueInput": "empty",
1612
+ "inputVariantValueInput:1": "filled",
1613
+ "inputVariantInputPlaceholder": "default",
1614
+ "inputVariantValueInputPlaceholder": "empty",
1615
+ "inputVariantValueInputPlaceholder:1": "filled",
1616
+ "inputVariantLabel": "default",
1617
+ "inputVariantValueLabel": "empty",
1618
+ "inputVariantValueLabel:1": "filled",
1619
+ "inputVariantLabelRequired": "default",
1620
+ "inputVariantValueLabelRequired": "empty",
1621
+ "inputVariantValueLabelRequired:1": "filled",
1622
+ "inputVariantStartIcon": "default",
1623
+ "inputVariantValueStartIcon": "empty",
1624
+ "inputVariantValueStartIcon:1": "filled",
1625
+ "inputVariantEndIcon": "default",
1626
+ "inputVariantValueEndIcon": "empty",
1627
+ "inputVariantValueEndIcon:1": "filled"
1628
+ },
1629
+ "cxLiterals": [
1630
+ "opacity-50",
1631
+ "min-w-[200px]",
1632
+ "grow",
1633
+ "uds-hit-target",
1634
+ "bg-clip-text",
1635
+ "focus:outline-none",
1636
+ "cursor-text",
1637
+ "cursor-not-allowed"
1638
+ ],
1577
1639
  "internalComponents": [
1578
- "Icon",
1579
- "SpringMotionConfig",
1580
- "Pressable",
1581
- "Text",
1640
+ "IconSlot",
1641
+ "StartIcon",
1642
+ "EndIcon",
1643
+ "HelpTextContent",
1644
+ "Box",
1645
+ "InputHelpTextInternal",
1646
+ "VStack",
1582
1647
  "HStack",
1583
- "AnimatePresence",
1584
- "VStack"
1648
+ "AnimateHeightChange"
1585
1649
  ],
1586
1650
  "internalComponentProps": {
1587
- "Icon": {
1588
- "variant": ["fill"],
1589
- "size": ["sm"],
1590
- "color": ["primary"]
1591
- },
1592
- "SpringMotionConfig": {
1593
- "layoutVariant": ["smooth"],
1594
- "layoutSpeed": ["3"]
1595
- },
1596
- "Pressable": {
1597
- "display": ["flex"],
1598
- "flexDirection": ["row"],
1599
- "alignItems": ["center"],
1600
- "justifyContent": ["space-between"],
1601
- "borderRadius": ["md"]
1602
- },
1603
- "Text": {
1604
- "variant": ["title4"],
1605
- "color": ["primary"]
1651
+ "HelpTextContent": { "spacingTop": ["2"] },
1652
+ "Box": {
1653
+ "spacingBottom": ["2"],
1654
+ "columnGap": ["0.5"],
1655
+ "alignItems": ["flex-end", "center"],
1656
+ "position": ["relative"]
1606
1657
  },
1607
1658
  "HStack": {
1608
- "display": ["flex"],
1609
1659
  "alignItems": ["center"],
1610
- "justifyContent": ["space-between"],
1611
- "columnGap": ["2.5"]
1660
+ "gap": ["1"]
1612
1661
  }
1613
1662
  },
1614
- "propToVariantKeys": {},
1615
- "motionVarPrefixes": ["--uds-motion-smooth-3-"]
1663
+ "propToVariantKeys": {
1664
+ "size": [
1665
+ "inputSizeRoot",
1666
+ "inputSizeInputWrapper",
1667
+ "inputSizeInput",
1668
+ "inputSizeLabel",
1669
+ "inputSizeStartIcon",
1670
+ "inputSizeEndIcon"
1671
+ ],
1672
+ "startIcon": ["icon"],
1673
+ "endIcon": ["icon"],
1674
+ "helperTextIcon": ["startIcon"]
1675
+ },
1676
+ "motionVarPrefixes": []
1616
1677
  };
1617
- var AvoidMotionLibraryProvider = {
1618
- "name": "AvoidMotionLibraryProvider",
1678
+ var InputHelpText = {
1679
+ "name": "InputHelpText",
1680
+ "defaultProps": { "size": "md" },
1681
+ "getStylesLiterals": {
1682
+ "inputVariantRoot": "default",
1683
+ "inputVariantValueRoot": "empty",
1684
+ "inputVariantValueRoot:1": "filled"
1685
+ },
1686
+ "cxLiterals": [],
1687
+ "internalComponents": ["InputHelpTextInternal", "Box"],
1688
+ "internalComponentProps": { "Box": { "spacingTop": ["2"] } },
1689
+ "propToVariantKeys": { "size": ["inputSizeRoot"] },
1690
+ "motionVarPrefixes": []
1691
+ };
1692
+ var InputHelpTextInternal = {
1693
+ "name": "InputHelpTextInternal",
1619
1694
  "defaultProps": {},
1620
- "getStylesLiterals": {},
1695
+ "getStylesLiterals": {
1696
+ "inputVariantHelperText": "default",
1697
+ "inputVariantValueHelperText": "empty",
1698
+ "inputVariantValueHelperText:1": "filled",
1699
+ "inputVariantHelperIcon": "default",
1700
+ "inputVariantValueHelperIcon": "empty",
1701
+ "inputVariantValueHelperIcon:1": "filled"
1702
+ },
1621
1703
  "cxLiterals": [],
1622
- "internalComponents": [],
1704
+ "internalComponents": ["IconSlot", "HStack"],
1705
+ "internalComponentProps": { "HStack": {
1706
+ "gap": ["1"],
1707
+ "alignItems": ["center"]
1708
+ } },
1709
+ "propToVariantKeys": {
1710
+ "size": ["inputSizeHelperText", "inputSizeHelperIcon"],
1711
+ "startIcon": ["icon"],
1712
+ "endIcon": ["icon"]
1713
+ },
1714
+ "motionVarPrefixes": []
1715
+ };
1716
+ var Menu_Item = {
1717
+ "name": "Menu.Item",
1718
+ "defaultProps": {},
1719
+ "getStylesLiterals": {
1720
+ "menuitemItemVariantRoot": "default",
1721
+ "menuitemItemVariantActiveRoot": "on",
1722
+ "menuitemItemVariantActiveRoot:1": "off",
1723
+ "menuitemItemVariantText": "default",
1724
+ "menuitemItemVariantActiveText": "on",
1725
+ "menuitemItemVariantActiveText:1": "off",
1726
+ "menuitemItemVariantIcon": "default",
1727
+ "menuitemItemVariantActiveIcon": "on",
1728
+ "menuitemItemVariantActiveIcon:1": "off"
1729
+ },
1730
+ "cxLiterals": [],
1731
+ "internalComponents": ["MenuItemBase"],
1623
1732
  "internalComponentProps": {},
1624
1733
  "propToVariantKeys": {},
1625
1734
  "motionVarPrefixes": []
1626
1735
  };
1627
- var Modal = {
1628
- "name": "Modal",
1736
+ var Menu_Provider = {
1737
+ "name": "Menu.Provider",
1629
1738
  "defaultProps": {},
1630
1739
  "getStylesLiterals": {},
1740
+ "cxLiterals": [],
1741
+ "internalComponents": ["AriakitMenuProvider", "SpringMotionConfig"],
1742
+ "internalComponentProps": {},
1743
+ "propToVariantKeys": {},
1744
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1745
+ };
1746
+ var Menu_ItemBase = {
1747
+ "name": "Menu.ItemBase",
1748
+ "defaultProps": {
1749
+ "spacing": "0",
1750
+ "spacingHorizontal": "4",
1751
+ "spacingVertical": "3.5",
1752
+ "columnGap": "2",
1753
+ "alignItems": "center",
1754
+ "justifyContent": "space-between"
1755
+ },
1756
+ "getStylesLiterals": {
1757
+ "textAlign": "start",
1758
+ "menuitemSizeRoot": "default",
1759
+ "flexDirection": "row",
1760
+ "menuitemSizeStartIcon": "default",
1761
+ "menuitemSizeEndIcon": "default"
1762
+ },
1631
1763
  "cxLiterals": [
1632
- "inset-8",
1633
- "top-[250px]",
1634
- "z-50",
1635
- "mx-auto",
1636
- "h-fit",
1637
- "w-[600px]",
1638
- "origin-center",
1639
- "scale-95",
1640
- "opacity-0",
1641
- "transition",
1642
- "duration-150",
1643
- "data-[enter]:scale-100",
1644
- "data-[enter]:opacity-100",
1645
- "data-[enter]:bg-primary",
1646
- "backdrop-blur-0",
1647
- "data-[enter]:opacity-60",
1648
- "data-[enter]:backdrop-blur-sm"
1764
+ "flex",
1765
+ "focus-visible:text-brand",
1766
+ "focus-visible:bg-brand-secondary",
1767
+ "focus-visible:z-10",
1768
+ "uds-ring",
1769
+ "!-outline-offset-2",
1770
+ "[&:not([aria-checked])]:cursor-default",
1771
+ "opacity-25",
1772
+ "cursor-not-allowed",
1773
+ "duration-20",
1774
+ "transition-[font-variation-settings]",
1775
+ "ease-in-out",
1776
+ "z-0",
1777
+ "uds-start-icon",
1778
+ "uds-end-icon"
1649
1779
  ],
1650
1780
  "internalComponents": [
1651
- "IconButton",
1652
- "Dialog",
1781
+ "Pressable",
1782
+ "IconSlot",
1783
+ "RootComponent",
1653
1784
  "HStack",
1654
- "Text",
1655
- "VStack"
1785
+ "AnimatePresence"
1656
1786
  ],
1657
1787
  "internalComponentProps": {
1658
- "IconButton": {
1659
- "aria-label": ["Close"],
1660
- "size": ["sm"],
1661
- "variant": ["tertiary"]
1662
- },
1663
1788
  "HStack": {
1664
1789
  "alignItems": ["center"],
1665
- "justifyContent": ["space-between"]
1666
- },
1667
- "Text": {
1668
- "variant": ["headline1"],
1669
- "color": ["primary"]
1790
+ "width": ["full"]
1670
1791
  },
1671
- "VStack": {
1672
- "borderRadius": ["md"],
1673
- "position": ["fixed"],
1674
- "backgroundColor": ["primary"],
1675
- "dropShadow": ["md"],
1676
- "spacing": ["8"],
1677
- "overflow": ["hidden"]
1678
- }
1792
+ "AnimatePresence": { "mode": ["popLayout"] }
1793
+ },
1794
+ "propToVariantKeys": {
1795
+ "startIcon": ["icon"],
1796
+ "endIcon": ["icon"],
1797
+ "columnGap": ["gap"]
1679
1798
  },
1680
- "propToVariantKeys": { "handleClose": ["onClick"] },
1681
1799
  "motionVarPrefixes": []
1682
1800
  };
1683
- var Popover = {
1684
- "name": "Popover",
1801
+ var Menu_Trigger = {
1802
+ "name": "Menu.Trigger",
1685
1803
  "defaultProps": {},
1686
1804
  "getStylesLiterals": {},
1687
- "cxLiterals": [],
1688
- "internalComponents": [
1689
- "HStack",
1690
- "Text",
1691
- "OriginalPopoverHeading"
1692
- ],
1693
- "internalComponentProps": { "Text": {
1694
- "variant": ["headline1"],
1695
- "color": ["primary"]
1696
- } },
1805
+ "cxLiterals": ["uds-menu-trigger"],
1806
+ "internalComponents": ["AriakitMenuTrigger", "Box"],
1807
+ "internalComponentProps": { "Box": { "className": ["uds-ring h-fit w-fit"] } },
1697
1808
  "propToVariantKeys": {},
1698
1809
  "motionVarPrefixes": []
1699
1810
  };
1700
- var SegmentedControl = {
1701
- "name": "SegmentedControl",
1811
+ var Menu_index = {
1812
+ "name": "Menu.index",
1702
1813
  "defaultProps": {},
1703
- "getStylesLiterals": {
1704
- "display": "flex",
1705
- "alignItems": "center",
1706
- "backgroundColor": "primary",
1707
- "spacingVertical": "1",
1708
- "spacingHorizontal": "3",
1709
- "columnGap": "1.5",
1710
- "borderWidth": "thin",
1711
- "borderRadius": "full",
1712
- "borderColor": "muted",
1713
- "borderColor:1": "transparent",
1714
- "color": "primary",
1715
- "color:1": "tertiary",
1716
- "color:2": "muted"
1814
+ "getStylesLiterals": {},
1815
+ "cxLiterals": [],
1816
+ "internalComponents": [],
1817
+ "internalComponentProps": {},
1818
+ "propToVariantKeys": {},
1819
+ "motionVarPrefixes": []
1820
+ };
1821
+ var Menu_Content = {
1822
+ "name": "Menu.Content",
1823
+ "defaultProps": {
1824
+ "size": "default",
1825
+ "variant": "default",
1826
+ "gutter": "1"
1717
1827
  },
1828
+ "getStylesLiterals": {},
1718
1829
  "cxLiterals": [
1830
+ "uds-menu-content",
1831
+ "transition-shadow",
1832
+ "duration-200",
1833
+ "ease-in-out",
1834
+ "min-w-60",
1835
+ "max-w-lg",
1836
+ "max-h-96",
1837
+ "overflow-auto",
1719
1838
  "uds-ring",
1720
- "cursor-not-allowed",
1721
- "opacity-50",
1722
- "pointer-events-none",
1723
- "hover:bg-primary"
1839
+ "z-10",
1840
+ "group"
1724
1841
  ],
1725
1842
  "internalComponents": [
1726
- "Radio",
1727
- "Icon",
1728
- "RadioProvider",
1729
- "HStack",
1730
- "RadioGroup",
1731
- "Pressable",
1732
- "Text"
1843
+ "AriakitMenu",
1844
+ "AnimatePresence",
1845
+ "MotionVStack"
1733
1846
  ],
1734
- "internalComponentProps": {
1735
- "Icon": {
1736
- "size": ["sm"],
1737
- "color": ["current"],
1738
- "aria-hidden": ["true"]
1739
- },
1740
- "HStack": {
1741
- "spacing": ["1"],
1742
- "gap": ["1"],
1743
- "backgroundColor": ["secondary"],
1744
- "borderRadius": ["full"],
1745
- "display": ["inline-flex"]
1746
- },
1747
- "Text": {
1748
- "variant": ["label2"],
1749
- "color": ["current"]
1750
- }
1751
- },
1847
+ "internalComponentProps": {},
1752
1848
  "propToVariantKeys": {
1753
- "value": ["key"],
1754
- "label": ["aria-label"]
1849
+ "size": ["menucontentSizeRoot"],
1850
+ "variant": ["menucontentVariantRoot"]
1755
1851
  },
1756
1852
  "motionVarPrefixes": []
1757
1853
  };
1758
- var SwitchV2 = {
1759
- "name": "SwitchV2",
1854
+ var Menu_Divider = {
1855
+ "name": "Menu.Divider",
1760
1856
  "defaultProps": {
1761
- "labelPosition": "start",
1762
- "size": "md"
1857
+ "role": "separator",
1858
+ "contentPosition": "start",
1859
+ "gap": "4"
1763
1860
  },
1764
1861
  "getStylesLiterals": {
1765
- "switchVariantRoot": "default",
1766
- "switchVariantActiveRoot": "on",
1767
- "switchVariantActiveRoot:1": "off",
1768
- "switchVariantSwitch": "default",
1769
- "switchVariantActiveSwitch": "on",
1770
- "switchVariantActiveSwitch:1": "off",
1771
- "switchVariantActiveHandle": "on",
1772
- "switchVariantActiveHandle:1": "off",
1773
- "switchVariantHandle": "default",
1774
- "switchVariantHandleIcon": "default",
1775
- "switchVariantActiveHandleIcon": "on",
1776
- "switchVariantActiveHandleIcon:1": "off"
1862
+ "menuitemDividerVariantRoot": "default",
1863
+ "menuitemDividerVariantText": "default",
1864
+ "menuitemDividerVariantLine": "default"
1777
1865
  },
1778
- "cxLiterals": [
1779
- "group",
1780
- "flex",
1781
- "items-center",
1782
- "flex-row",
1783
- "flex-row-reverse",
1784
- "uds-ring",
1785
- "uds-ring-within",
1786
- "relative",
1787
- "uds-border-radius-full",
1788
- "transition-[background-color,box-shadow]",
1789
- "pointer-events-none",
1790
- "w-full",
1791
- "h-full",
1792
- "absolute",
1793
- "top-0",
1794
- "bottom-0",
1795
- "right-0",
1796
- "left-0",
1797
- "overflow-hidden",
1798
- "group-hover:scale-105",
1799
- "opacity-95",
1800
- "group-hover:opacity-100",
1801
- "transition-[transform,opacity]",
1802
- "opacity-0",
1803
- "top-1/2",
1804
- "left-1/2",
1805
- "transform",
1806
- "translate-x-[-50%]",
1807
- "translate-y-[-50%]",
1808
- "transition-opacity",
1809
- "cursor-[inherit]",
1810
- "w-[calc(100%+2px)]",
1811
- "h-[calc(100%+2px)]",
1812
- "text-start",
1813
- "text-end",
1814
- "opacity-100"
1866
+ "cxLiterals": [],
1867
+ "internalComponents": ["DividerInternal"],
1868
+ "internalComponentProps": { "DividerInternal": { "variant": ["inherit"] } },
1869
+ "propToVariantKeys": {},
1870
+ "motionVarPrefixes": []
1871
+ };
1872
+ var Menu = {
1873
+ "name": "Menu",
1874
+ "defaultProps": {},
1875
+ "getStylesLiterals": {},
1876
+ "cxLiterals": [],
1877
+ "internalComponents": [],
1878
+ "internalComponentProps": {},
1879
+ "propToVariantKeys": {},
1880
+ "motionVarPrefixes": []
1881
+ };
1882
+ var Menu_ItemCheckbox = {
1883
+ "name": "Menu.ItemCheckbox",
1884
+ "defaultProps": {},
1885
+ "getStylesLiterals": {
1886
+ "menuitemItemCheckboxVariantRoot": "default",
1887
+ "menuitemItemCheckboxVariantActiveRoot": "on",
1888
+ "menuitemItemCheckboxVariantActiveRoot:1": "off",
1889
+ "menuitemItemCheckboxVariantText": "default",
1890
+ "menuitemItemCheckboxVariantActiveText": "on",
1891
+ "menuitemItemCheckboxVariantActiveText:1": "off",
1892
+ "menuitemItemCheckboxVariantStartIcon": "default",
1893
+ "menuitemItemCheckboxVariantActiveStartIcon": "on",
1894
+ "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
1895
+ "menuitemItemCheckboxVariantEndIcon": "default",
1896
+ "menuitemItemCheckboxVariantActiveEndIcon": "on",
1897
+ "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
1898
+ },
1899
+ "cxLiterals": ["uds-menu-item-checkbox"],
1900
+ "internalComponents": ["MenuItemBase"],
1901
+ "internalComponentProps": {},
1902
+ "propToVariantKeys": {},
1903
+ "motionVarPrefixes": []
1904
+ };
1905
+ var ChipLink = {
1906
+ "name": "ChipLink",
1907
+ "defaultProps": { "variant": "primary" },
1908
+ "getStylesLiterals": {},
1909
+ "cxLiterals": ["uds-ring"],
1910
+ "internalComponents": ["ChipBase"],
1911
+ "internalComponentProps": { "ChipBase": { "as": ["a"] } },
1912
+ "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1913
+ "motionVarPrefixes": []
1914
+ };
1915
+ var ChipDismissible = {
1916
+ "name": "ChipDismissible",
1917
+ "defaultProps": { "variant": "primary" },
1918
+ "getStylesLiterals": {},
1919
+ "cxLiterals": [
1920
+ "uds-chip-dismissible-button",
1921
+ "uds-hit-target",
1922
+ "uds-ring",
1923
+ "rounded-full"
1815
1924
  ],
1816
1925
  "internalComponents": [
1926
+ "ChipBase",
1817
1927
  "IconSlot",
1818
- "Box",
1819
- "FormLabel",
1820
- "SpringMotionConfig",
1821
- "RootElement",
1822
- "MotionBox"
1928
+ "Pressable"
1823
1929
  ],
1824
- "internalComponentProps": {
1825
- "IconSlot": { "data-testid": ["on-icon", "off-icon"] },
1826
- "FormLabel": {
1827
- "as": ["div"],
1828
- "variant": ["inherit"],
1829
- "color": ["inherit"]
1830
- },
1831
- "SpringMotionConfig": {
1832
- "layoutVariant": ["bouncy"],
1833
- "layoutSpeed": ["4"]
1834
- },
1835
- "RootElement": { "data-testid": ["switch-root"] },
1836
- "MotionBox": { "layout": ["position"] }
1837
- },
1930
+ "internalComponentProps": {},
1838
1931
  "propToVariantKeys": {
1839
- "size": [
1840
- "switchSizeRoot",
1841
- "switchSizeSwitch",
1842
- "switchSizeHandle",
1843
- "switchSizeHandleIcon"
1844
- ],
1845
- "onIcon": ["icon"],
1846
- "offIcon": ["icon"],
1847
- "reduceMotion": ["reducedMotion"],
1848
- "isOn": ["layoutDependency"]
1932
+ "variant": ["chipDismissibleVariantRoot", "chipDismissibleVariantIcon"],
1933
+ "dismissButtonAriaLabel": ["aria-label"]
1849
1934
  },
1850
- "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
1935
+ "motionVarPrefixes": []
1851
1936
  };
1852
- var Tabs = {
1853
- "name": "Tabs",
1854
- "defaultProps": {},
1937
+ var ChipToggle = {
1938
+ "name": "ChipToggle",
1939
+ "defaultProps": {
1940
+ "variant": "primary",
1941
+ "role": "checkbox"
1942
+ },
1855
1943
  "getStylesLiterals": {
1856
- "display": "flex",
1857
- "flexDirection": "row",
1858
- "columnGap": "6"
1944
+ "chipToggleVariantActiveRoot": "on",
1945
+ "chipToggleVariantActiveRoot:1": "off"
1946
+ },
1947
+ "cxLiterals": ["uds-ring"],
1948
+ "internalComponents": ["ChipBase"],
1949
+ "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1950
+ "propToVariantKeys": { "variant": ["chipToggleVariantRoot", "chipToggleVariantIcon"] },
1951
+ "motionVarPrefixes": []
1952
+ };
1953
+ var Chip = {
1954
+ "name": "Chip",
1955
+ "defaultProps": {},
1956
+ "getStylesLiterals": {},
1957
+ "cxLiterals": [],
1958
+ "internalComponents": [
1959
+ "ChipDismissible",
1960
+ "ChipToggle",
1961
+ "ChipLink",
1962
+ "ChipButton"
1963
+ ],
1964
+ "internalComponentProps": {},
1965
+ "propToVariantKeys": {},
1966
+ "motionVarPrefixes": []
1967
+ };
1968
+ var ChipBase = {
1969
+ "name": "ChipBase",
1970
+ "defaultProps": {
1971
+ "size": "md",
1972
+ "as": "div"
1859
1973
  },
1974
+ "getStylesLiterals": {},
1860
1975
  "cxLiterals": [
1861
- "text-tertiary",
1862
- "border-b-transparent",
1863
- "aria-selected:border-b-brand",
1864
- "aria-selected:text-secondary"
1976
+ "pointer-events-none",
1977
+ "cursor-default",
1978
+ "opacity-50",
1979
+ "inline-flex",
1980
+ "items-center",
1981
+ "transition-[background-color,outline-color,box-shadow]",
1982
+ "truncate",
1983
+ "whitespace-nowrap",
1984
+ "text-center",
1985
+ "flex-1"
1865
1986
  ],
1866
1987
  "internalComponents": [
1867
- "TabProvider",
1868
- "OriginalTabList",
1869
- "OriginalTab",
1870
- "Icon",
1871
- "OriginalTabPanel",
1872
- "Pressable",
1873
- "Comp",
1988
+ "IconSlot",
1989
+ "HStack",
1990
+ "As",
1874
1991
  "Text"
1875
1992
  ],
1876
- "internalComponentProps": {
1877
- "Icon": {
1878
- "className": ["text-current"],
1879
- "size": ["md"]
1880
- },
1881
- "Pressable": {
1882
- "borderBottomWidth": ["medium"],
1883
- "spacingBottom": ["1"],
1884
- "spacingTop": ["4"]
1885
- },
1886
- "Text": {
1887
- "className": ["text-current"],
1888
- "variant": ["headline1"],
1889
- "as": ["span"]
1890
- }
1993
+ "internalComponentProps": { "Text": {
1994
+ "as": ["span"],
1995
+ "color": ["current"],
1996
+ "variant": ["inherit"]
1997
+ } },
1998
+ "propToVariantKeys": {
1999
+ "size": ["chipSizeRoot", "chipSizeIcon"],
2000
+ "startIcon": ["icon"],
2001
+ "endIcon": ["icon"]
1891
2002
  },
1892
- "propToVariantKeys": {},
2003
+ "motionVarPrefixes": []
2004
+ };
2005
+ var ChipButton = {
2006
+ "name": "ChipButton",
2007
+ "defaultProps": { "variant": "primary" },
2008
+ "getStylesLiterals": {},
2009
+ "cxLiterals": ["uds-ring"],
2010
+ "internalComponents": ["ChipBase"],
2011
+ "internalComponentProps": { "ChipBase": { "as": ["button"] } },
2012
+ "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1893
2013
  "motionVarPrefixes": []
1894
2014
  };
1895
2015
  var componentData_default = {
2016
+ Link,
2017
+ VStack,
1896
2018
  Box,
1897
- FormLabel,
1898
- HStack,
2019
+ Scrim,
1899
2020
  Icon,
2021
+ SvgFloatingOverlay,
2022
+ FormLabel,
2023
+ Text,
1900
2024
  IconSlot,
2025
+ HStack,
1901
2026
  Image,
1902
- Link,
1903
- Scrim,
1904
- Text,
1905
- VStack,
1906
- Divider,
2027
+ "Table.mocks": Table_mocks,
2028
+ Table,
2029
+ Spinner,
1907
2030
  DividerCore,
1908
2031
  DividerInternal,
1909
- AnimateHeightChange,
1910
- Badge,
2032
+ Divider,
1911
2033
  Button,
1912
2034
  Checkbox,
1913
- IconButton,
1914
- Pressable,
1915
2035
  SpringMotionConfig,
2036
+ IconButton,
1916
2037
  Switch,
1917
- Spinner,
1918
- "Table.mocks": Table_mocks,
1919
- Table,
1920
- Avatar,
1921
- AvatarIcon,
2038
+ Badge,
2039
+ AnimateHeightChange,
2040
+ Pressable,
2041
+ ExperimentalPopover,
2042
+ AvoidMotionLibraryProvider,
2043
+ SegmentedControl,
2044
+ SwitchV2,
2045
+ Tabs,
2046
+ Modal,
2047
+ Accordion,
1922
2048
  AvatarImage,
1923
2049
  AvatarText,
1924
- BottomSheet,
2050
+ Avatar,
2051
+ AvatarIcon,
2052
+ UDSPopoverConfigProvider,
2053
+ Popover,
2054
+ PopoverContext,
2055
+ PopoverTrigger,
2056
+ PopoverContent,
1925
2057
  BottomSheetContent,
1926
2058
  BottomSheetDismiss,
2059
+ BottomSheet,
1927
2060
  BottomSheetHandle,
1928
- BottomSheetHeader,
1929
2061
  BottomSheetInternalContext,
1930
- BottomSheetProvider,
2062
+ BottomSheetHeader,
1931
2063
  BottomSheetTrigger,
2064
+ BottomSheetProvider,
1932
2065
  UDSBottomSheetConfigProvider,
1933
- Chip,
1934
- ChipBase,
1935
- ChipButton,
1936
- ChipDismissible,
1937
- ChipLink,
1938
- ChipToggle,
2066
+ UDSToastConfigProvider,
2067
+ Toast,
2068
+ ToastContainer,
2069
+ ToastPortal,
2070
+ RadioGroupStore,
2071
+ RadioGroupProvider,
2072
+ Radio,
2073
+ UDSTooltipConfigProvider,
2074
+ TooltipTrigger,
2075
+ TooltipContent,
2076
+ Tooltip,
2077
+ UDSConfigProvider,
2078
+ UDSBreakpointsConfigProvider,
1939
2079
  Input,
1940
2080
  InputHelpText,
1941
2081
  InputHelpTextInternal,
1942
- "Menu.Content": Menu_Content,
1943
- "Menu.Divider": Menu_Divider,
1944
2082
  "Menu.Item": Menu_Item,
1945
- "Menu.ItemBase": Menu_ItemBase,
1946
- "Menu.ItemCheckbox": Menu_ItemCheckbox,
1947
2083
  "Menu.Provider": Menu_Provider,
2084
+ "Menu.ItemBase": Menu_ItemBase,
1948
2085
  "Menu.Trigger": Menu_Trigger,
1949
2086
  "Menu.index": Menu_index,
2087
+ "Menu.Content": Menu_Content,
2088
+ "Menu.Divider": Menu_Divider,
1950
2089
  Menu,
1951
- Radio,
1952
- RadioGroupProvider,
1953
- RadioGroupStore,
1954
- Toast,
1955
- ToastContainer,
1956
- ToastPortal,
1957
- UDSToastConfigProvider,
1958
- Tooltip,
1959
- TooltipContent,
1960
- TooltipTrigger,
1961
- UDSTooltipConfigProvider,
1962
- UDSBreakpointsConfigProvider,
1963
- UDSConfigProvider,
1964
- Accordion,
1965
- AvoidMotionLibraryProvider,
1966
- Modal,
1967
- Popover,
1968
- SegmentedControl,
1969
- SwitchV2,
1970
- Tabs
2090
+ "Menu.ItemCheckbox": Menu_ItemCheckbox,
2091
+ ChipLink,
2092
+ ChipDismissible,
2093
+ ChipToggle,
2094
+ Chip,
2095
+ ChipBase,
2096
+ ChipButton
1971
2097
  };
1972
2098
 
1973
2099
  //#endregion
1974
- export { Accordion, AnimateHeightChange, Avatar, AvatarIcon, AvatarImage, AvatarText, AvoidMotionLibraryProvider, Badge, BottomSheet, BottomSheetContent, BottomSheetDismiss, BottomSheetHandle, BottomSheetHeader, BottomSheetInternalContext, BottomSheetProvider, BottomSheetTrigger, Box, Button, Checkbox, Chip, ChipBase, ChipButton, ChipDismissible, ChipLink, ChipToggle, Divider, DividerCore, DividerInternal, FormLabel, HStack, Icon, IconButton, IconSlot, Image, Input, InputHelpText, InputHelpTextInternal, Link, Menu, Menu_Content as "Menu.Content", Menu_Divider as "Menu.Divider", Menu_Item as "Menu.Item", Menu_ItemBase as "Menu.ItemBase", Menu_ItemCheckbox as "Menu.ItemCheckbox", Menu_Provider as "Menu.Provider", Menu_Trigger as "Menu.Trigger", Menu_index as "Menu.index", Modal, Popover, Pressable, Radio, RadioGroupProvider, RadioGroupStore, Scrim, SegmentedControl, Spinner, SpringMotionConfig, Switch, SwitchV2, Table, Table_mocks as "Table.mocks", Tabs, Text, Toast, ToastContainer, ToastPortal, Tooltip, TooltipContent, TooltipTrigger, UDSBottomSheetConfigProvider, UDSBreakpointsConfigProvider, UDSConfigProvider, UDSToastConfigProvider, UDSTooltipConfigProvider, VStack, componentData_default as default };
2100
+ export { Accordion, AnimateHeightChange, Avatar, AvatarIcon, AvatarImage, AvatarText, AvoidMotionLibraryProvider, Badge, BottomSheet, BottomSheetContent, BottomSheetDismiss, BottomSheetHandle, BottomSheetHeader, BottomSheetInternalContext, BottomSheetProvider, BottomSheetTrigger, Box, Button, Checkbox, Chip, ChipBase, ChipButton, ChipDismissible, ChipLink, ChipToggle, Divider, DividerCore, DividerInternal, ExperimentalPopover, FormLabel, HStack, Icon, IconButton, IconSlot, Image, Input, InputHelpText, InputHelpTextInternal, Link, Menu, Menu_Content as "Menu.Content", Menu_Divider as "Menu.Divider", Menu_Item as "Menu.Item", Menu_ItemBase as "Menu.ItemBase", Menu_ItemCheckbox as "Menu.ItemCheckbox", Menu_Provider as "Menu.Provider", Menu_Trigger as "Menu.Trigger", Menu_index as "Menu.index", Modal, Popover, PopoverContent, PopoverContext, PopoverTrigger, Pressable, Radio, RadioGroupProvider, RadioGroupStore, Scrim, SegmentedControl, Spinner, SpringMotionConfig, SvgFloatingOverlay, Switch, SwitchV2, Table, Table_mocks as "Table.mocks", Tabs, Text, Toast, ToastContainer, ToastPortal, Tooltip, TooltipContent, TooltipTrigger, UDSBottomSheetConfigProvider, UDSBreakpointsConfigProvider, UDSConfigProvider, UDSPopoverConfigProvider, UDSToastConfigProvider, UDSTooltipConfigProvider, VStack, componentData_default as default };