@yahoo/uds 3.112.1 → 3.114.0-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (104) hide show
  1. package/dist/automated-config/dist/mapTextVariantFixtureToValue.cjs +12 -1
  2. package/dist/automated-config/dist/mapTextVariantFixtureToValue.js +12 -1
  3. package/dist/automated-config/dist/properties.cjs +1 -1
  4. package/dist/automated-config/dist/properties.js +1 -1
  5. package/dist/automated-config/dist/utils/getConfigVariantProperties.d.cts +2 -2
  6. package/dist/automated-config/dist/utils/getConfigVariantProperties.d.ts +2 -2
  7. package/dist/cli/commands/sync.cjs +1 -3
  8. package/dist/cli/commands/sync.d.cts +1 -1
  9. package/dist/cli/commands/sync.d.ts +1 -1
  10. package/dist/cli/commands/sync.js +1 -3
  11. package/dist/cli/commands/version.cjs +0 -2
  12. package/dist/cli/commands/version.d.cts +1 -1
  13. package/dist/cli/commands/version.d.ts +1 -1
  14. package/dist/cli/commands/version.js +0 -2
  15. package/dist/cli/dist/cli.cjs +1 -1
  16. package/dist/cli/dist/cli.js +1 -1
  17. package/dist/cli/dist/commands/editor-rules.cjs +2 -2
  18. package/dist/cli/dist/commands/editor-rules.js +2 -2
  19. package/dist/cli/dist/lib/logger.cjs +66 -0
  20. package/dist/cli/dist/lib/logger.js +66 -0
  21. package/dist/cli/dist/utils/rules/config.cjs +1 -1
  22. package/dist/cli/dist/utils/rules/config.js +1 -1
  23. package/dist/cli/runner.cjs +11 -2
  24. package/dist/cli/runner.js +11 -2
  25. package/dist/components/client/Menu/Menu.ItemCheckbox.d.cts +1 -1
  26. package/dist/components/client/Menu/Menu.ItemCheckbox.d.ts +1 -1
  27. package/dist/index.cjs +2 -0
  28. package/dist/index.d.cts +3 -1
  29. package/dist/index.d.ts +3 -1
  30. package/dist/index.js +2 -1
  31. package/dist/styles/styler.d.cts +11 -11
  32. package/dist/styles/styler.d.ts +11 -11
  33. package/dist/styles/variants.cjs +278 -278
  34. package/dist/styles/variants.js +278 -278
  35. package/dist/tailwind/dist/commands/css.cjs +79 -0
  36. package/dist/tailwind/dist/commands/css.d.ts +3 -0
  37. package/dist/tailwind/dist/commands/css.helpers.cjs +32 -0
  38. package/dist/tailwind/dist/commands/css.helpers.js +28 -0
  39. package/dist/tailwind/dist/commands/css.js +79 -0
  40. package/dist/tailwind/dist/commands/generateComponentData.cjs +33 -31
  41. package/dist/tailwind/dist/commands/generateComponentData.d.ts +1 -1
  42. package/dist/tailwind/dist/commands/generateComponentData.js +33 -31
  43. package/dist/tailwind/dist/commands/generatePurgeCSSData.d.ts +1 -1
  44. package/dist/tailwind/dist/commands/purge.cjs +3 -4
  45. package/dist/tailwind/dist/commands/purge.d.ts +1 -1
  46. package/dist/tailwind/dist/commands/purge.js +3 -4
  47. package/dist/tailwind/dist/css/generate.cjs +116 -0
  48. package/dist/tailwind/dist/css/generate.d.cts +30 -0
  49. package/dist/tailwind/dist/css/generate.d.ts +31 -0
  50. package/dist/tailwind/dist/css/generate.helpers.cjs +112 -0
  51. package/dist/tailwind/dist/css/generate.helpers.js +100 -0
  52. package/dist/tailwind/dist/css/generate.js +111 -0
  53. package/dist/tailwind/dist/css/postcss.cjs +35 -0
  54. package/dist/tailwind/dist/css/postcss.helpers.cjs +27 -0
  55. package/dist/tailwind/dist/css/postcss.helpers.js +26 -0
  56. package/dist/tailwind/dist/css/postcss.js +35 -0
  57. package/dist/tailwind/dist/css/runner.cjs +277 -0
  58. package/dist/tailwind/dist/css/runner.helpers.cjs +26 -0
  59. package/dist/tailwind/dist/css/runner.helpers.js +23 -0
  60. package/dist/tailwind/dist/css/runner.js +274 -0
  61. package/dist/tailwind/dist/css/theme.cjs +12 -0
  62. package/dist/tailwind/dist/css/theme.d.cts +66 -0
  63. package/dist/tailwind/dist/css/theme.d.ts +66 -0
  64. package/dist/tailwind/dist/css/theme.js +11 -0
  65. package/dist/tailwind/dist/css/utils.cjs +234 -0
  66. package/dist/tailwind/dist/css/utils.js +223 -0
  67. package/dist/tailwind/dist/index.d.cts +1 -0
  68. package/dist/tailwind/dist/index.d.ts +5 -3
  69. package/dist/tailwind/dist/purger/legacy/purgeCSS.cjs +4 -3
  70. package/dist/tailwind/dist/purger/legacy/purgeCSS.js +4 -3
  71. package/dist/tailwind/dist/purger/optimized/ast/expressions.cjs +122 -125
  72. package/dist/tailwind/dist/purger/optimized/ast/expressions.js +122 -125
  73. package/dist/tailwind/dist/purger/optimized/ast/jsx.cjs +1 -8
  74. package/dist/tailwind/dist/purger/optimized/ast/jsx.js +1 -8
  75. package/dist/tailwind/dist/purger/optimized/purge.cjs +11 -10
  76. package/dist/tailwind/dist/purger/optimized/purge.js +10 -9
  77. package/dist/tailwind/dist/purger/optimized/purgeFromCode.cjs +232 -127
  78. package/dist/tailwind/dist/purger/optimized/purgeFromCode.js +232 -127
  79. package/dist/tailwind/dist/purger/optimized/utils/componentAnalyzer.cjs +313 -251
  80. package/dist/tailwind/dist/purger/optimized/utils/componentAnalyzer.js +313 -251
  81. package/dist/tailwind/dist/purger/optimized/utils/files.cjs +4 -3
  82. package/dist/tailwind/dist/purger/optimized/utils/files.js +4 -3
  83. package/dist/tailwind/dist/purger/optimized/utils/safelist.cjs +13 -21
  84. package/dist/tailwind/dist/purger/optimized/utils/safelist.js +13 -21
  85. package/dist/tailwind/dist/tailwind/plugins/typography.cjs +41 -13
  86. package/dist/tailwind/dist/tailwind/plugins/typography.js +41 -13
  87. package/dist/tailwind/dist/tailwind/utils/composeTailwindPlugins.cjs +4 -2
  88. package/dist/tailwind/dist/tailwind/utils/composeTailwindPlugins.d.cts +10 -1
  89. package/dist/tailwind/dist/tailwind/utils/composeTailwindPlugins.d.ts +10 -1
  90. package/dist/tailwind/dist/tailwind/utils/composeTailwindPlugins.js +4 -2
  91. package/dist/tailwind/dist/tailwind/utils/getFontStyles.d.cts +1 -1
  92. package/dist/tailwind/dist/tailwind/utils/getFontStyles.d.ts +1 -1
  93. package/dist/tailwind/dist/utils/optimizeCSS.cjs +405 -0
  94. package/dist/tailwind/dist/utils/optimizeCSS.js +403 -0
  95. package/dist/tailwind/dist/utils/postcssPreserveVars.cjs +67 -0
  96. package/dist/tailwind/dist/utils/postcssPreserveVars.js +65 -0
  97. package/dist/tailwind/dist/utils/tsMorph.cjs +1 -1
  98. package/dist/uds/generated/componentData.cjs +1168 -1153
  99. package/dist/uds/generated/componentData.js +1168 -1153
  100. package/dist/uds/package.cjs +10 -4
  101. package/dist/uds/package.js +10 -4
  102. package/generated/componentData.json +2397 -0
  103. package/generated/tailwindPurge.ts +4560 -0
  104. package/package.json +7 -4
@@ -1,5 +1,50 @@
1
1
  /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
2
2
  //#region generated/componentData.json
3
+ var Link = {
4
+ "name": "Link",
5
+ "defaultProps": { "variant": "primary" },
6
+ "getStylesLiterals": {
7
+ "display": "inline-flex",
8
+ "alignItems": "center"
9
+ },
10
+ "cxLiterals": [
11
+ "uds-ring",
12
+ "underline",
13
+ "w-[0.7em]",
14
+ "h-[0.7em]"
15
+ ],
16
+ "internalComponents": ["IconSlot"],
17
+ "internalComponentProps": { "IconSlot": { "data-testid": ["start-icon", "end-icon"] } },
18
+ "propToVariantKeys": {
19
+ "textVariant": [
20
+ "linkTextStyleRoot",
21
+ "fontSize",
22
+ "fontFamily",
23
+ "fontWeight",
24
+ "lineHeight",
25
+ "textTransform",
26
+ "linkTextStyleIcon"
27
+ ],
28
+ "variant": [
29
+ "linkVariantRoot",
30
+ "linkVariantIconStart",
31
+ "linkVariantIconEnd"
32
+ ],
33
+ "startIcon": ["icon"],
34
+ "endIcon": ["icon"]
35
+ },
36
+ "motionVarPrefixes": []
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
+ };
3
48
  var Box = {
4
49
  "name": "Box",
5
50
  "defaultProps": {
@@ -18,34 +63,6 @@ var Box = {
18
63
  ] },
19
64
  "motionVarPrefixes": []
20
65
  };
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
66
  var Icon = {
50
67
  "name": "Icon",
51
68
  "defaultProps": {
@@ -60,61 +77,24 @@ var Icon = {
60
77
  "propToVariantKeys": {},
61
78
  "motionVarPrefixes": []
62
79
  };
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": {},
80
+ var FormLabel = {
81
+ "name": "FormLabel",
82
+ "defaultProps": {
83
+ "color": "muted",
84
+ "variant": "label3",
85
+ "as": "label"
86
+ },
76
87
  "getStylesLiterals": {},
77
- "cxLiterals": [],
78
- "internalComponents": [],
79
- "internalComponentProps": {},
88
+ "cxLiterals": ["cursor-[inherit]"],
89
+ "internalComponents": ["Text"],
90
+ "internalComponentProps": { "Text": {
91
+ "as": ["sup"],
92
+ "variant": ["inherit"],
93
+ "spacingStart": ["0.5"]
94
+ } },
80
95
  "propToVariantKeys": {},
81
96
  "motionVarPrefixes": []
82
97
  };
83
- var Link = {
84
- "name": "Link",
85
- "defaultProps": { "variant": "primary" },
86
- "getStylesLiterals": {
87
- "display": "inline-flex",
88
- "alignItems": "center"
89
- },
90
- "cxLiterals": [
91
- "uds-ring",
92
- "underline",
93
- "w-[0.7em]",
94
- "h-[0.7em]"
95
- ],
96
- "internalComponents": ["IconSlot"],
97
- "internalComponentProps": { "IconSlot": { "data-testid": ["start-icon", "end-icon"] } },
98
- "propToVariantKeys": {
99
- "textVariant": [
100
- "linkTextStyleRoot",
101
- "fontSize",
102
- "fontFamily",
103
- "fontWeight",
104
- "lineHeight",
105
- "textTransform",
106
- "linkTextStyleIcon"
107
- ],
108
- "variant": [
109
- "linkVariantRoot",
110
- "linkVariantIconStart",
111
- "linkVariantIconEnd"
112
- ],
113
- "startIcon": ["icon"],
114
- "endIcon": ["icon"]
115
- },
116
- "motionVarPrefixes": []
117
- };
118
98
  var Text = {
119
99
  "name": "Text",
120
100
  "defaultProps": {
@@ -135,258 +115,211 @@ var Text = {
135
115
  ] },
136
116
  "motionVarPrefixes": []
137
117
  };
138
- var VStack = {
139
- "name": "VStack",
118
+ var IconSlot = {
119
+ "name": "IconSlot",
140
120
  "defaultProps": {},
141
121
  "getStylesLiterals": {},
142
122
  "cxLiterals": [],
143
- "internalComponents": ["Box"],
144
- "internalComponentProps": { "Box": { "flexDirection": ["column"] } },
145
- "propToVariantKeys": { "gap": ["columnGap", "rowGap"] },
146
- "motionVarPrefixes": []
147
- };
148
- var Spinner = {
149
- "name": "Spinner",
150
- "defaultProps": {
151
- "color": "primary",
152
- "size": "lg"
153
- },
154
- "getStylesLiterals": {},
155
- "cxLiterals": ["self-center", "relative"],
156
123
  "internalComponents": ["Icon"],
157
- "internalComponentProps": { "Icon": {
158
- "role": ["img"],
159
- "className": ["animate-spin"],
160
- "aria-hidden": ["true"]
161
- } },
124
+ "internalComponentProps": {},
162
125
  "propToVariantKeys": {},
163
126
  "motionVarPrefixes": []
164
127
  };
165
- var Table_mocks = {
166
- "name": "Table.mocks",
128
+ var HStack = {
129
+ "name": "HStack",
167
130
  "defaultProps": {},
168
131
  "getStylesLiterals": {},
169
132
  "cxLiterals": [],
170
- "internalComponents": [],
171
- "internalComponentProps": {},
172
- "propToVariantKeys": {},
133
+ "internalComponents": ["Box"],
134
+ "internalComponentProps": { "Box": { "flexDirection": ["row"] } },
135
+ "propToVariantKeys": { "gap": ["rowGap", "columnGap"] },
173
136
  "motionVarPrefixes": []
174
137
  };
175
- var Table = {
176
- "name": "Table",
177
- "defaultProps": {
178
- "display": "table-cell",
179
- "overflow": "hidden",
180
- "borderColor": "muted",
181
- "borderRadius": "md",
182
- "spacing": "3",
183
- "borderBottomColor": "muted",
184
- "borderBottomWidth": "thin",
185
- "color": "primary"
186
- },
187
- "getStylesLiterals": { "textAlign": "start" },
138
+ var Image = {
139
+ "name": "Image",
140
+ "defaultProps": {},
141
+ "getStylesLiterals": {},
188
142
  "cxLiterals": [],
189
- "internalComponents": [
190
- "CellComponent",
191
- "Box",
192
- "Text",
193
- "Table.Root",
194
- "Table.Header",
195
- "Table.Row",
196
- "Table.Cell",
197
- "Table.Body"
198
- ],
199
- "internalComponentProps": { "Table.Cell": { "asHeaderCell": ["column"] } },
143
+ "internalComponents": [],
144
+ "internalComponentProps": {},
200
145
  "propToVariantKeys": {},
201
146
  "motionVarPrefixes": []
202
147
  };
203
- var Accordion = {
204
- "name": "Accordion",
205
- "defaultProps": {
206
- "spacingHorizontal": "4",
207
- "spacingVertical": "4"
208
- },
148
+ var Button = {
149
+ "name": "Button",
150
+ "defaultProps": { "type": "button" },
209
151
  "getStylesLiterals": {},
210
- "cxLiterals": ["hover:bg-secondary/80", "w-full"],
152
+ "cxLiterals": [
153
+ "uds-ring",
154
+ "uds-hit-target",
155
+ "inline-flex",
156
+ "overflow-hidden",
157
+ "justify-center",
158
+ "items-center",
159
+ "whitespace-nowrap",
160
+ "select-none",
161
+ "[transform-origin:center]",
162
+ "[backface-visibility:hidden]",
163
+ "[transition-property:color,background-color,border-color,box-shadow,text-decoration-color,fill,stroke]",
164
+ "[transition-timing-function:cubic-bezier(0,0,0.2,1)]",
165
+ "[transition-duration:220ms]",
166
+ "cursor-not-allowed",
167
+ "uds-button-loading",
168
+ "uds-button-without-effects",
169
+ "withIcon",
170
+ "uds-button-with-gap",
171
+ "animate-spin",
172
+ "truncate"
173
+ ],
211
174
  "internalComponents": [
212
175
  "Icon",
213
- "SpringMotionConfig",
214
- "Pressable",
215
- "Text",
216
- "HStack",
176
+ "IconSlot",
217
177
  "AnimatePresence",
218
- "VStack"
178
+ "SpringMotionConfig",
179
+ "MotionSlot"
219
180
  ],
220
181
  "internalComponentProps": {
221
- "Icon": {
222
- "variant": ["fill"],
223
- "size": ["sm"],
224
- "color": ["primary"]
225
- },
226
- "SpringMotionConfig": {
227
- "layoutVariant": ["smooth"],
228
- "layoutSpeed": ["3"]
229
- },
230
- "Pressable": {
231
- "display": ["flex"],
232
- "flexDirection": ["row"],
233
- "alignItems": ["center"],
234
- "justifyContent": ["space-between"],
235
- "borderRadius": ["md"]
236
- },
237
- "Text": {
238
- "variant": ["title4"],
239
- "color": ["primary"]
240
- },
241
- "HStack": {
242
- "display": ["flex"],
243
- "alignItems": ["center"],
244
- "justifyContent": ["space-between"],
245
- "columnGap": ["2.5"]
182
+ "Icon": { "color": ["current"] },
183
+ "AnimatePresence": { "mode": ["popLayout"] },
184
+ "SpringMotionConfig": { "layoutSpeed": ["3"] },
185
+ "MotionSlot": {
186
+ "whileHover": ["hover"],
187
+ "whileTap": ["pressed"]
246
188
  }
247
189
  },
248
- "propToVariantKeys": {},
249
- "motionVarPrefixes": ["--uds-motion-smooth-3-"]
250
- };
251
- var AvoidMotionLibraryProvider = {
252
- "name": "AvoidMotionLibraryProvider",
253
- "defaultProps": {},
254
- "getStylesLiterals": {},
255
- "cxLiterals": [],
256
- "internalComponents": [],
257
- "internalComponentProps": {},
258
- "propToVariantKeys": {},
259
- "motionVarPrefixes": []
190
+ "propToVariantKeys": {
191
+ "size": ["buttonSizeRoot", "buttonSizeIcon"],
192
+ "variant": ["buttonVariantRoot", "buttonVariantIcon"],
193
+ "iconVariant": ["variant"],
194
+ "startIcon": ["icon"],
195
+ "endIcon": ["icon"]
196
+ },
197
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
260
198
  };
261
- var Modal = {
262
- "name": "Modal",
263
- "defaultProps": {},
264
- "getStylesLiterals": {},
199
+ var Checkbox = {
200
+ "name": "Checkbox",
201
+ "defaultProps": {
202
+ "labelPosition": "start",
203
+ "variant": "primary",
204
+ "size": "md"
205
+ },
206
+ "getStylesLiterals": {
207
+ "display": "flex",
208
+ "flexDirection": "row",
209
+ "flexDirection:1": "row-reverse",
210
+ "alignItems": "center"
211
+ },
265
212
  "cxLiterals": [
266
- "inset-8",
267
- "top-[250px]",
268
- "z-50",
269
- "mx-auto",
270
- "h-fit",
271
- "w-[600px]",
272
- "origin-center",
273
- "scale-95",
213
+ "cursor-pointer",
214
+ "cursor-default",
215
+ "opacity-50",
216
+ "uds-ring",
217
+ "uds-ring-within",
218
+ "transition-[background-color,border-color,box-shadow]",
219
+ "pointer-events-none",
220
+ "transition-opacity",
221
+ "cursor-[inherit]",
222
+ "absolute",
274
223
  "opacity-0",
275
- "transition",
276
- "duration-150",
277
- "data-[enter]:scale-100",
278
- "data-[enter]:opacity-100"
224
+ "top-1/2",
225
+ "left-1/2",
226
+ "w-[calc(100%+2px)]",
227
+ "h-[calc(100%+2px)]",
228
+ "transform",
229
+ "translate-x-[-50%]",
230
+ "translate-y-[-50%]",
231
+ "text-start",
232
+ "text-end"
279
233
  ],
280
234
  "internalComponents": [
281
- "IconButton",
282
- "Dialog",
283
- "HStack",
284
- "Text",
285
- "VStack"
235
+ "Icon",
236
+ "FormLabel",
237
+ "SpringMotionConfig",
238
+ "RootElement",
239
+ "MotionBox"
286
240
  ],
287
241
  "internalComponentProps": {
288
- "IconButton": {
289
- "aria-label": ["Close"],
290
- "size": ["sm"],
291
- "variant": ["tertiary"]
242
+ "Icon": { "size": ["sm"] },
243
+ "FormLabel": {
244
+ "as": ["div"],
245
+ "variant": ["inherit"],
246
+ "color": ["inherit"]
292
247
  },
293
- "HStack": {
248
+ "RootElement": { "data-testid": ["container"] },
249
+ "MotionBox": {
250
+ "position": ["relative"],
294
251
  "alignItems": ["center"],
295
- "justifyContent": ["space-between"]
296
- },
297
- "Text": {
298
- "variant": ["headline1"],
299
- "color": ["primary"]
300
- },
301
- "VStack": {
302
- "borderRadius": ["md"],
303
- "position": ["fixed"],
304
- "backgroundColor": ["primary"],
305
- "dropShadow": ["md"],
306
- "spacing": ["8"],
307
- "overflow": ["hidden"]
252
+ "justifyContent": ["center"],
253
+ "flex": ["none"]
308
254
  }
309
255
  },
310
- "propToVariantKeys": { "handleClose": ["onClick"] },
311
- "motionVarPrefixes": []
256
+ "propToVariantKeys": {
257
+ "size": ["checkboxSizeRoot", "checkboxSizeCheckbox"],
258
+ "variant": [
259
+ "checkboxVariantRoot",
260
+ "checkboxVariantCheckbox",
261
+ "checkboxVariantCheckboxIcon"
262
+ ],
263
+ "valueState": [
264
+ "checkboxVariantValueRoot",
265
+ "checkboxVariantValueCheckbox",
266
+ "checkboxVariantValueCheckboxIcon"
267
+ ],
268
+ "reduceMotion": ["reducedMotion"]
269
+ },
270
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
312
271
  };
313
- var Popover = {
314
- "name": "Popover",
315
- "defaultProps": {},
272
+ var SpringMotionConfig = {
273
+ "name": "SpringMotionConfig",
274
+ "defaultProps": { "reducedMotion": "user" },
316
275
  "getStylesLiterals": {},
317
276
  "cxLiterals": [],
318
- "internalComponents": [
319
- "HStack",
320
- "Text",
321
- "OriginalPopoverHeading"
322
- ],
323
- "internalComponentProps": { "Text": {
324
- "variant": ["headline1"],
325
- "color": ["primary"]
326
- } },
327
- "propToVariantKeys": {},
277
+ "internalComponents": ["LazyMotion", "MotionConfig"],
278
+ "internalComponentProps": {},
279
+ "propToVariantKeys": { "loadFeatures": ["features"] },
328
280
  "motionVarPrefixes": []
329
281
  };
330
- var SegmentedControl = {
331
- "name": "SegmentedControl",
332
- "defaultProps": {},
333
- "getStylesLiterals": {
334
- "display": "flex",
335
- "alignItems": "center",
336
- "backgroundColor": "primary",
337
- "spacingVertical": "1",
338
- "spacingHorizontal": "3",
339
- "columnGap": "1.5",
340
- "borderWidth": "thin",
341
- "borderRadius": "full",
342
- "borderColor": "muted",
343
- "borderColor:1": "transparent",
344
- "color": "primary",
345
- "color:1": "tertiary",
346
- "color:2": "muted"
347
- },
282
+ var IconButton = {
283
+ "name": "IconButton",
284
+ "defaultProps": { "type": "button" },
285
+ "getStylesLiterals": {},
348
286
  "cxLiterals": [
349
287
  "uds-ring",
288
+ "uds-hit-target",
289
+ "inline-flex",
290
+ "overflow-hidden",
291
+ "justify-center",
292
+ "items-center",
293
+ "[transform-origin:center]",
294
+ "[backface-visibility:hidden]",
295
+ "[transition-property:color,background-color,border-color,",
296
+ "box-shadow,text-decoration-color,fill,stroke]",
297
+ "[transition-timing-function:cubic-bezier(0,0,0.2,1)]",
298
+ "[transition-duration:220ms]",
350
299
  "cursor-not-allowed",
351
- "opacity-50",
352
- "pointer-events-none",
353
- "hover:bg-primary"
300
+ "uds-button-loading",
301
+ "uds-button-without-effects",
302
+ "animate-spin"
354
303
  ],
355
304
  "internalComponents": [
356
- "Radio",
357
305
  "Icon",
358
- "RadioProvider",
359
- "HStack",
360
- "RadioGroup",
361
- "Pressable",
362
- "Text"
306
+ "SpringMotionConfig",
307
+ "AnimatePresence"
363
308
  ],
364
309
  "internalComponentProps": {
365
- "Icon": {
366
- "size": ["sm"],
367
- "color": ["current"],
368
- "aria-hidden": ["true"]
369
- },
370
- "HStack": {
371
- "spacing": ["1"],
372
- "gap": ["1"],
373
- "backgroundColor": ["secondary"],
374
- "borderRadius": ["full"],
375
- "display": ["inline-flex"]
376
- },
377
- "Text": {
378
- "variant": ["label2"],
379
- "color": ["current"]
380
- }
310
+ "Icon": { "color": ["current"] },
311
+ "SpringMotionConfig": { "layoutSpeed": ["3"] },
312
+ "AnimatePresence": { "mode": ["popLayout"] }
381
313
  },
382
314
  "propToVariantKeys": {
383
- "value": ["key"],
384
- "label": ["aria-label"]
315
+ "size": ["iconbuttonSizeRoot", "iconbuttonSizeIcon"],
316
+ "variant": ["buttonVariantRoot", "buttonVariantIcon"],
317
+ "iconVariant": ["variant"]
385
318
  },
386
- "motionVarPrefixes": []
319
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
387
320
  };
388
- var SwitchV2 = {
389
- "name": "SwitchV2",
321
+ var Switch = {
322
+ "name": "Switch",
390
323
  "defaultProps": {
391
324
  "labelPosition": "start",
392
325
  "size": "md"
@@ -395,9 +328,15 @@ var SwitchV2 = {
395
328
  "switchVariantRoot": "default",
396
329
  "switchVariantActiveRoot": "on",
397
330
  "switchVariantActiveRoot:1": "off",
331
+ "display": "flex",
332
+ "flexDirection": "row",
333
+ "flexDirection:1": "row-reverse",
334
+ "alignItems": "center",
398
335
  "switchVariantSwitch": "default",
399
336
  "switchVariantActiveSwitch": "on",
400
337
  "switchVariantActiveSwitch:1": "off",
338
+ "borderRadius": "full",
339
+ "position": "relative",
401
340
  "switchVariantActiveHandle": "on",
402
341
  "switchVariantActiveHandle:1": "off",
403
342
  "switchVariantHandle": "default",
@@ -407,28 +346,24 @@ var SwitchV2 = {
407
346
  },
408
347
  "cxLiterals": [
409
348
  "group",
410
- "flex",
411
- "items-center",
412
- "flex-row",
413
- "flex-row-reverse",
349
+ "cursor-pointer",
350
+ "cursor-default",
351
+ "opacity-50",
414
352
  "uds-ring",
415
353
  "uds-ring-within",
416
- "relative",
417
- "uds-border-radius-full",
418
354
  "transition-[background-color,box-shadow]",
355
+ "relative",
419
356
  "pointer-events-none",
420
- "w-full",
421
- "h-full",
357
+ "uds-border-radius-full",
358
+ "overflow-hidden",
422
359
  "absolute",
423
360
  "top-0",
424
- "bottom-0",
425
- "right-0",
426
361
  "left-0",
427
- "overflow-hidden",
428
- "group-hover:scale-105",
362
+ "right-0",
363
+ "bottom-0",
429
364
  "opacity-95",
430
365
  "group-hover:opacity-100",
431
- "transition-[transform,opacity]",
366
+ "transition-[background-color,box-shadow,opacity]",
432
367
  "opacity-0",
433
368
  "top-1/2",
434
369
  "left-1/2",
@@ -458,12 +393,7 @@ var SwitchV2 = {
458
393
  "variant": ["inherit"],
459
394
  "color": ["inherit"]
460
395
  },
461
- "SpringMotionConfig": {
462
- "layoutVariant": ["bouncy"],
463
- "layoutSpeed": ["4"]
464
- },
465
- "RootElement": { "data-testid": ["switch-root"] },
466
- "MotionBox": { "layout": ["position"] }
396
+ "RootElement": { "data-testid": ["container"] }
467
397
  },
468
398
  "propToVariantKeys": {
469
399
  "size": [
@@ -474,64 +404,10 @@ var SwitchV2 = {
474
404
  ],
475
405
  "onIcon": ["icon"],
476
406
  "offIcon": ["icon"],
477
- "reduceMotion": ["reducedMotion"],
478
- "isOn": ["layoutDependency"]
407
+ "reduceMotion": ["reducedMotion"]
479
408
  },
480
409
  "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
481
410
  };
482
- var Tabs = {
483
- "name": "Tabs",
484
- "defaultProps": {},
485
- "getStylesLiterals": {
486
- "display": "flex",
487
- "flexDirection": "row",
488
- "columnGap": "6"
489
- },
490
- "cxLiterals": [
491
- "text-tertiary",
492
- "border-b-transparent",
493
- "aria-selected:border-b-brand",
494
- "aria-selected:text-secondary"
495
- ],
496
- "internalComponents": [
497
- "TabProvider",
498
- "OriginalTabList",
499
- "OriginalTab",
500
- "Icon",
501
- "OriginalTabPanel",
502
- "Pressable",
503
- "Comp",
504
- "Text"
505
- ],
506
- "internalComponentProps": {
507
- "Icon": {
508
- "className": ["text-current"],
509
- "size": ["md"]
510
- },
511
- "Pressable": {
512
- "borderBottomWidth": ["medium"],
513
- "spacingBottom": ["1"],
514
- "spacingTop": ["4"]
515
- },
516
- "Text": {
517
- "className": ["text-current"],
518
- "variant": ["headline1"],
519
- "as": ["span"]
520
- }
521
- },
522
- "propToVariantKeys": {},
523
- "motionVarPrefixes": []
524
- };
525
- var AnimateHeightChange = {
526
- "name": "AnimateHeightChange",
527
- "defaultProps": {},
528
- "getStylesLiterals": {},
529
- "cxLiterals": [],
530
- "internalComponents": ["SpringMotionConfig"],
531
- "internalComponentProps": { "SpringMotionConfig": { "layoutSpeed": ["4"] } },
532
- "propToVariantKeys": { "reduceMotion": ["reducedMotion"] },
533
- "motionVarPrefixes": ["--uds-motion-subtle-4-", "--uds-motion-smooth-3-"]
534
- };
535
411
  var Badge = {
536
412
  "name": "Badge",
537
413
  "defaultProps": {
@@ -557,313 +433,477 @@ var Badge = {
557
433
  },
558
434
  "motionVarPrefixes": []
559
435
  };
560
- var Button = {
561
- "name": "Button",
562
- "defaultProps": { "type": "button" },
436
+ var AnimateHeightChange = {
437
+ "name": "AnimateHeightChange",
438
+ "defaultProps": {},
439
+ "getStylesLiterals": {},
440
+ "cxLiterals": [],
441
+ "internalComponents": ["SpringMotionConfig"],
442
+ "internalComponentProps": { "SpringMotionConfig": { "layoutSpeed": ["4"] } },
443
+ "propToVariantKeys": { "reduceMotion": ["reducedMotion"] },
444
+ "motionVarPrefixes": ["--uds-motion-subtle-4-", "--uds-motion-smooth-3-"]
445
+ };
446
+ var Pressable = {
447
+ "name": "Pressable",
448
+ "defaultProps": {},
449
+ "getStylesLiterals": {},
450
+ "cxLiterals": [],
451
+ "internalComponents": ["Comp"],
452
+ "internalComponentProps": {},
453
+ "propToVariantKeys": {},
454
+ "motionVarPrefixes": []
455
+ };
456
+ var Menu_Item = {
457
+ "name": "Menu.Item",
458
+ "defaultProps": {},
459
+ "getStylesLiterals": {
460
+ "menuitemItemVariantRoot": "default",
461
+ "menuitemItemVariantActiveRoot": "on",
462
+ "menuitemItemVariantActiveRoot:1": "off",
463
+ "menuitemItemVariantText": "default",
464
+ "menuitemItemVariantActiveText": "on",
465
+ "menuitemItemVariantActiveText:1": "off",
466
+ "menuitemItemVariantIcon": "default",
467
+ "menuitemItemVariantActiveIcon": "on",
468
+ "menuitemItemVariantActiveIcon:1": "off"
469
+ },
470
+ "cxLiterals": [],
471
+ "internalComponents": ["MenuItemBase"],
472
+ "internalComponentProps": {},
473
+ "propToVariantKeys": {},
474
+ "motionVarPrefixes": []
475
+ };
476
+ var Menu_Provider = {
477
+ "name": "Menu.Provider",
478
+ "defaultProps": {},
563
479
  "getStylesLiterals": {},
480
+ "cxLiterals": [],
481
+ "internalComponents": ["AriakitMenuProvider", "SpringMotionConfig"],
482
+ "internalComponentProps": {},
483
+ "propToVariantKeys": {},
484
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
485
+ };
486
+ var Menu_ItemBase = {
487
+ "name": "Menu.ItemBase",
488
+ "defaultProps": {
489
+ "spacing": "0",
490
+ "spacingHorizontal": "4",
491
+ "spacingVertical": "3.5",
492
+ "columnGap": "2",
493
+ "alignItems": "center",
494
+ "justifyContent": "space-between"
495
+ },
496
+ "getStylesLiterals": {
497
+ "textAlign": "start",
498
+ "menuitemSizeRoot": "default",
499
+ "flexDirection": "row",
500
+ "menuitemSizeStartIcon": "default",
501
+ "menuitemSizeEndIcon": "default"
502
+ },
564
503
  "cxLiterals": [
504
+ "flex",
505
+ "focus-visible:text-brand",
506
+ "focus-visible:bg-brand-secondary",
507
+ "focus-visible:z-10",
565
508
  "uds-ring",
566
- "uds-hit-target",
567
- "inline-flex",
568
- "overflow-hidden",
569
- "justify-center",
570
- "items-center",
571
- "whitespace-nowrap",
572
- "select-none",
573
- "[transform-origin:center]",
574
- "[backface-visibility:hidden]",
575
- "[transition-property:color,background-color,border-color,box-shadow,text-decoration-color,fill,stroke]",
576
- "[transition-timing-function:cubic-bezier(0,0,0.2,1)]",
577
- "[transition-duration:220ms]",
509
+ "!-outline-offset-2",
510
+ "[&:not([aria-checked])]:cursor-default",
511
+ "opacity-25",
578
512
  "cursor-not-allowed",
579
- "uds-button-loading",
580
- "uds-button-without-effects",
581
- "withIcon",
582
- "uds-button-with-gap",
583
- "animate-spin",
584
- "truncate"
513
+ "duration-20",
514
+ "transition-[font-variation-settings]",
515
+ "ease-in-out",
516
+ "z-0"
585
517
  ],
586
518
  "internalComponents": [
587
- "Icon",
519
+ "Pressable",
588
520
  "IconSlot",
589
- "AnimatePresence",
590
- "SpringMotionConfig",
591
- "MotionSlot"
521
+ "RootComponent",
522
+ "HStack",
523
+ "AnimatePresence"
592
524
  ],
593
525
  "internalComponentProps": {
594
- "Icon": { "color": ["current"] },
595
- "AnimatePresence": { "mode": ["popLayout"] },
596
- "SpringMotionConfig": { "layoutSpeed": ["3"] },
597
- "MotionSlot": {
598
- "whileHover": ["hover"],
599
- "whileTap": ["pressed"]
600
- }
526
+ "HStack": {
527
+ "alignItems": ["center"],
528
+ "width": ["full"]
529
+ },
530
+ "AnimatePresence": { "mode": ["popLayout"] }
601
531
  },
602
532
  "propToVariantKeys": {
603
- "size": ["buttonSizeRoot", "buttonSizeIcon"],
604
- "variant": ["buttonVariantRoot", "buttonVariantIcon"],
605
- "iconVariant": ["variant"],
606
533
  "startIcon": ["icon"],
607
- "endIcon": ["icon"]
534
+ "endIcon": ["icon"],
535
+ "columnGap": ["gap"]
608
536
  },
609
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
537
+ "motionVarPrefixes": []
610
538
  };
611
- var Checkbox = {
612
- "name": "Checkbox",
539
+ var Menu_Trigger = {
540
+ "name": "Menu.Trigger",
541
+ "defaultProps": {},
542
+ "getStylesLiterals": {},
543
+ "cxLiterals": ["uds-menu-trigger"],
544
+ "internalComponents": ["AriakitMenuTrigger", "Box"],
545
+ "internalComponentProps": { "Box": { "className": ["uds-ring h-fit w-fit"] } },
546
+ "propToVariantKeys": {},
547
+ "motionVarPrefixes": []
548
+ };
549
+ var Menu_Content = {
550
+ "name": "Menu.Content",
613
551
  "defaultProps": {
614
- "labelPosition": "start",
615
- "variant": "primary",
616
- "size": "md"
617
- },
618
- "getStylesLiterals": {
619
- "display": "flex",
620
- "flexDirection": "row",
621
- "flexDirection:1": "row-reverse",
622
- "alignItems": "center"
552
+ "size": "default",
553
+ "variant": "default",
554
+ "gutter": "1"
623
555
  },
556
+ "getStylesLiterals": {},
624
557
  "cxLiterals": [
625
- "cursor-pointer",
626
- "cursor-default",
627
- "opacity-50",
558
+ "uds-menu-content",
559
+ "transition-shadow",
560
+ "duration-200",
561
+ "ease-in-out",
562
+ "min-w-60",
563
+ "max-w-lg",
564
+ "max-h-96",
565
+ "overflow-auto",
628
566
  "uds-ring",
629
- "uds-ring-within",
630
- "transition-[background-color,border-color,box-shadow]",
631
- "pointer-events-none",
632
- "transition-opacity",
633
- "cursor-[inherit]",
634
- "absolute",
635
- "opacity-0",
636
- "top-1/2",
637
- "left-1/2",
638
- "w-[calc(100%+2px)]",
639
- "h-[calc(100%+2px)]",
640
- "transform",
641
- "translate-x-[-50%]",
642
- "translate-y-[-50%]",
643
- "text-start",
644
- "text-end"
567
+ "z-10",
568
+ "group"
645
569
  ],
646
570
  "internalComponents": [
647
- "Icon",
648
- "FormLabel",
649
- "SpringMotionConfig",
650
- "RootElement",
651
- "MotionBox"
571
+ "AriakitMenu",
572
+ "AnimatePresence",
573
+ "MotionVStack"
652
574
  ],
653
- "internalComponentProps": {
654
- "Icon": { "size": ["sm"] },
655
- "FormLabel": {
656
- "as": ["div"],
657
- "variant": ["inherit"],
658
- "color": ["inherit"]
659
- },
660
- "RootElement": { "data-testid": ["container"] },
661
- "MotionBox": {
662
- "position": ["relative"],
663
- "alignItems": ["center"],
664
- "justifyContent": ["center"],
665
- "flex": ["none"]
666
- }
667
- },
575
+ "internalComponentProps": {},
668
576
  "propToVariantKeys": {
669
- "size": ["checkboxSizeRoot", "checkboxSizeCheckbox"],
670
- "variant": [
671
- "checkboxVariantRoot",
672
- "checkboxVariantCheckbox",
673
- "checkboxVariantCheckboxIcon"
674
- ],
675
- "valueState": [
676
- "checkboxVariantValueRoot",
677
- "checkboxVariantValueCheckbox",
678
- "checkboxVariantValueCheckboxIcon"
679
- ],
680
- "reduceMotion": ["reducedMotion"]
577
+ "size": ["menucontentSizeRoot"],
578
+ "variant": ["menucontentVariantRoot"]
681
579
  },
682
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
580
+ "motionVarPrefixes": []
683
581
  };
684
- var IconButton = {
685
- "name": "IconButton",
686
- "defaultProps": { "type": "button" },
687
- "getStylesLiterals": {},
688
- "cxLiterals": [
689
- "uds-ring",
690
- "uds-hit-target",
691
- "inline-flex",
692
- "overflow-hidden",
693
- "justify-center",
694
- "items-center",
695
- "[transform-origin:center]",
696
- "[backface-visibility:hidden]",
697
- "[transition-property:color,background-color,border-color,",
698
- "box-shadow,text-decoration-color,fill,stroke]",
699
- "[transition-timing-function:cubic-bezier(0,0,0.2,1)]",
700
- "[transition-duration:220ms]",
701
- "cursor-not-allowed",
702
- "uds-button-loading",
703
- "uds-button-without-effects",
704
- "animate-spin"
705
- ],
706
- "internalComponents": [
707
- "Icon",
708
- "SpringMotionConfig",
709
- "AnimatePresence"
710
- ],
711
- "internalComponentProps": {
712
- "Icon": { "color": ["current"] },
713
- "SpringMotionConfig": { "layoutSpeed": ["3"] },
714
- "AnimatePresence": { "mode": ["popLayout"] }
582
+ var Menu_Divider = {
583
+ "name": "Menu.Divider",
584
+ "defaultProps": {
585
+ "role": "separator",
586
+ "contentPosition": "start",
587
+ "gap": "4"
715
588
  },
716
- "propToVariantKeys": {
717
- "size": ["iconbuttonSizeRoot", "iconbuttonSizeIcon"],
718
- "variant": ["buttonVariantRoot", "buttonVariantIcon"],
719
- "iconVariant": ["variant"]
589
+ "getStylesLiterals": {
590
+ "menuitemDividerVariantRoot": "default",
591
+ "menuitemDividerVariantText": "default",
592
+ "menuitemDividerVariantLine": "default"
720
593
  },
721
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
722
- };
723
- var Pressable = {
724
- "name": "Pressable",
725
- "defaultProps": {},
726
- "getStylesLiterals": {},
727
594
  "cxLiterals": [],
728
- "internalComponents": ["Comp"],
729
- "internalComponentProps": {},
595
+ "internalComponents": ["DividerInternal"],
596
+ "internalComponentProps": { "DividerInternal": { "variant": ["inherit"] } },
730
597
  "propToVariantKeys": {},
731
598
  "motionVarPrefixes": []
732
599
  };
733
- var SpringMotionConfig = {
734
- "name": "SpringMotionConfig",
735
- "defaultProps": { "reducedMotion": "user" },
600
+ var Menu = {
601
+ "name": "Menu",
602
+ "defaultProps": {},
736
603
  "getStylesLiterals": {},
737
604
  "cxLiterals": [],
738
- "internalComponents": ["LazyMotion", "MotionConfig"],
605
+ "internalComponents": [],
739
606
  "internalComponentProps": {},
740
- "propToVariantKeys": { "loadFeatures": ["features"] },
607
+ "propToVariantKeys": {},
741
608
  "motionVarPrefixes": []
742
609
  };
743
- var Switch = {
744
- "name": "Switch",
745
- "defaultProps": {
746
- "labelPosition": "start",
747
- "size": "md"
748
- },
610
+ var Menu_ItemCheckbox = {
611
+ "name": "Menu.ItemCheckbox",
612
+ "defaultProps": {},
749
613
  "getStylesLiterals": {
750
- "switchVariantRoot": "default",
751
- "switchVariantActiveRoot": "on",
752
- "switchVariantActiveRoot:1": "off",
753
- "display": "flex",
754
- "flexDirection": "row",
755
- "flexDirection:1": "row-reverse",
756
- "alignItems": "center",
757
- "switchVariantSwitch": "default",
758
- "switchVariantActiveSwitch": "on",
759
- "switchVariantActiveSwitch:1": "off",
760
- "borderRadius": "full",
761
- "position": "relative",
762
- "switchVariantActiveHandle": "on",
763
- "switchVariantActiveHandle:1": "off",
764
- "switchVariantHandle": "default",
765
- "switchVariantHandleIcon": "default",
766
- "switchVariantActiveHandleIcon": "on",
767
- "switchVariantActiveHandleIcon:1": "off"
614
+ "menuitemItemCheckboxVariantRoot": "default",
615
+ "menuitemItemCheckboxVariantActiveRoot": "on",
616
+ "menuitemItemCheckboxVariantActiveRoot:1": "off",
617
+ "menuitemItemCheckboxVariantText": "default",
618
+ "menuitemItemCheckboxVariantActiveText": "on",
619
+ "menuitemItemCheckboxVariantActiveText:1": "off",
620
+ "menuitemItemCheckboxVariantStartIcon": "default",
621
+ "menuitemItemCheckboxVariantActiveStartIcon": "on",
622
+ "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
623
+ "menuitemItemCheckboxVariantEndIcon": "default",
624
+ "menuitemItemCheckboxVariantActiveEndIcon": "on",
625
+ "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
768
626
  },
627
+ "cxLiterals": ["uds-menu-item-checkbox"],
628
+ "internalComponents": ["MenuItemBase"],
629
+ "internalComponentProps": {},
630
+ "propToVariantKeys": {},
631
+ "motionVarPrefixes": []
632
+ };
633
+ var ChipLink = {
634
+ "name": "ChipLink",
635
+ "defaultProps": { "variant": "primary" },
636
+ "getStylesLiterals": {},
637
+ "cxLiterals": ["uds-ring"],
638
+ "internalComponents": ["ChipBase"],
639
+ "internalComponentProps": { "ChipBase": { "as": ["a"] } },
640
+ "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
641
+ "motionVarPrefixes": []
642
+ };
643
+ var ChipDismissible = {
644
+ "name": "ChipDismissible",
645
+ "defaultProps": { "variant": "primary" },
646
+ "getStylesLiterals": {},
769
647
  "cxLiterals": [
770
- "group",
771
- "cursor-pointer",
772
- "cursor-default",
773
- "opacity-50",
648
+ "uds-chip-dismissible-button",
649
+ "uds-hit-target",
774
650
  "uds-ring",
775
- "uds-ring-within",
776
- "transition-[background-color,box-shadow]",
777
- "relative",
778
- "pointer-events-none",
779
- "uds-border-radius-full",
780
- "overflow-hidden",
781
- "absolute",
782
- "top-0",
783
- "left-0",
784
- "right-0",
785
- "bottom-0",
786
- "opacity-95",
787
- "group-hover:opacity-100",
788
- "transition-[background-color,box-shadow,opacity]",
789
- "opacity-0",
790
- "top-1/2",
791
- "left-1/2",
792
- "transform",
793
- "translate-x-[-50%]",
794
- "translate-y-[-50%]",
795
- "transition-opacity",
796
- "cursor-[inherit]",
797
- "w-[calc(100%+2px)]",
798
- "h-[calc(100%+2px)]",
799
- "text-start",
800
- "text-end",
801
- "opacity-100"
651
+ "rounded-full"
802
652
  ],
803
653
  "internalComponents": [
654
+ "ChipBase",
804
655
  "IconSlot",
805
- "Box",
806
- "FormLabel",
807
- "SpringMotionConfig",
808
- "RootElement",
809
- "MotionBox"
656
+ "Pressable"
810
657
  ],
811
- "internalComponentProps": {
812
- "IconSlot": { "data-testid": ["on-icon", "off-icon"] },
813
- "FormLabel": {
814
- "as": ["div"],
815
- "variant": ["inherit"],
816
- "color": ["inherit"]
817
- },
818
- "RootElement": { "data-testid": ["container"] }
819
- },
658
+ "internalComponentProps": {},
820
659
  "propToVariantKeys": {
821
- "size": [
822
- "switchSizeRoot",
823
- "switchSizeSwitch",
824
- "switchSizeHandle",
825
- "switchSizeHandleIcon"
826
- ],
827
- "onIcon": ["icon"],
828
- "offIcon": ["icon"],
829
- "reduceMotion": ["reducedMotion"]
660
+ "variant": ["chipDismissibleVariantRoot", "chipDismissibleVariantIcon"],
661
+ "dismissButtonAriaLabel": ["aria-label"]
830
662
  },
831
- "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
663
+ "motionVarPrefixes": []
832
664
  };
833
- var UDSBreakpointsConfigProvider = {
834
- "name": "UDSBreakpointsConfigProvider",
835
- "defaultProps": {},
836
- "getStylesLiterals": {},
837
- "cxLiterals": [],
838
- "internalComponents": ["UDSBreakpointsConfigContext.Provider"],
839
- "internalComponentProps": {},
840
- "propToVariantKeys": {},
665
+ var ChipToggle = {
666
+ "name": "ChipToggle",
667
+ "defaultProps": {
668
+ "variant": "primary",
669
+ "role": "checkbox"
670
+ },
671
+ "getStylesLiterals": {
672
+ "chipToggleVariantActiveRoot": "on",
673
+ "chipToggleVariantActiveRoot:1": "off"
674
+ },
675
+ "cxLiterals": ["uds-ring"],
676
+ "internalComponents": ["ChipBase"],
677
+ "internalComponentProps": { "ChipBase": { "as": ["button"] } },
678
+ "propToVariantKeys": { "variant": ["chipToggleVariantRoot", "chipToggleVariantIcon"] },
841
679
  "motionVarPrefixes": []
842
680
  };
843
- var UDSConfigProvider = {
844
- "name": "UDSConfigProvider",
681
+ var Chip = {
682
+ "name": "Chip",
845
683
  "defaultProps": {},
846
684
  "getStylesLiterals": {},
847
685
  "cxLiterals": [],
848
686
  "internalComponents": [
849
- "UDSBreakpointsConfigProvider",
850
- "UDSToastConfigProvider",
851
- "UDSTooltipConfigProvider"
687
+ "ChipDismissible",
688
+ "ChipToggle",
689
+ "ChipLink",
690
+ "ChipButton"
852
691
  ],
853
692
  "internalComponentProps": {},
854
693
  "propToVariantKeys": {},
855
694
  "motionVarPrefixes": []
856
695
  };
857
- var Tooltip = {
858
- "name": "Tooltip",
696
+ var ChipBase = {
697
+ "name": "ChipBase",
698
+ "defaultProps": {
699
+ "size": "md",
700
+ "as": "div"
701
+ },
702
+ "getStylesLiterals": {},
703
+ "cxLiterals": [
704
+ "pointer-events-none",
705
+ "cursor-default",
706
+ "opacity-50",
707
+ "inline-flex",
708
+ "items-center",
709
+ "transition-[background-color,outline-color,box-shadow]",
710
+ "truncate",
711
+ "whitespace-nowrap",
712
+ "text-center",
713
+ "flex-1"
714
+ ],
715
+ "internalComponents": [
716
+ "IconSlot",
717
+ "HStack",
718
+ "As",
719
+ "Text"
720
+ ],
721
+ "internalComponentProps": { "Text": {
722
+ "as": ["span"],
723
+ "color": ["current"],
724
+ "variant": ["inherit"]
725
+ } },
726
+ "propToVariantKeys": {
727
+ "size": ["chipSizeRoot", "chipSizeIcon"],
728
+ "startIcon": ["icon"],
729
+ "endIcon": ["icon"]
730
+ },
731
+ "motionVarPrefixes": []
732
+ };
733
+ var ChipButton = {
734
+ "name": "ChipButton",
735
+ "defaultProps": { "variant": "primary" },
736
+ "getStylesLiterals": {},
737
+ "cxLiterals": ["uds-ring"],
738
+ "internalComponents": ["ChipBase"],
739
+ "internalComponentProps": { "ChipBase": { "as": ["button"] } },
740
+ "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
741
+ "motionVarPrefixes": []
742
+ };
743
+ var UDSConfigProvider = {
744
+ "name": "UDSConfigProvider",
859
745
  "defaultProps": {},
860
746
  "getStylesLiterals": {},
861
747
  "cxLiterals": [],
862
- "internalComponents": ["TooltipInternalContext.Provider", "TooltipProvider"],
748
+ "internalComponents": [
749
+ "UDSBreakpointsConfigProvider",
750
+ "UDSToastConfigProvider",
751
+ "UDSTooltipConfigProvider"
752
+ ],
753
+ "internalComponentProps": {},
754
+ "propToVariantKeys": {},
755
+ "motionVarPrefixes": []
756
+ };
757
+ var UDSBreakpointsConfigProvider = {
758
+ "name": "UDSBreakpointsConfigProvider",
759
+ "defaultProps": {},
760
+ "getStylesLiterals": {},
761
+ "cxLiterals": [],
762
+ "internalComponents": ["UDSBreakpointsConfigContext.Provider"],
763
+ "internalComponentProps": {},
764
+ "propToVariantKeys": {},
765
+ "motionVarPrefixes": []
766
+ };
767
+ var Input = {
768
+ "name": "Input",
769
+ "defaultProps": {
770
+ "type": "text",
771
+ "size": "md",
772
+ "width": "full"
773
+ },
774
+ "getStylesLiterals": {
775
+ "inputVariantRoot": "default",
776
+ "inputVariantValueRoot": "empty",
777
+ "inputVariantValueRoot:1": "filled",
778
+ "inputVariantInputWrapper": "default",
779
+ "inputVariantValueInputWrapper": "empty",
780
+ "inputVariantValueInputWrapper:1": "filled",
781
+ "inputVariantInput": "default",
782
+ "inputVariantValueInput": "empty",
783
+ "inputVariantValueInput:1": "filled",
784
+ "inputVariantInputPlaceholder": "default",
785
+ "inputVariantValueInputPlaceholder": "empty",
786
+ "inputVariantValueInputPlaceholder:1": "filled",
787
+ "inputVariantLabel": "default",
788
+ "inputVariantValueLabel": "empty",
789
+ "inputVariantValueLabel:1": "filled",
790
+ "inputVariantLabelRequired": "default",
791
+ "inputVariantValueLabelRequired": "empty",
792
+ "inputVariantValueLabelRequired:1": "filled",
793
+ "inputVariantStartIcon": "default",
794
+ "inputVariantValueStartIcon": "empty",
795
+ "inputVariantValueStartIcon:1": "filled",
796
+ "inputVariantEndIcon": "default",
797
+ "inputVariantValueEndIcon": "empty",
798
+ "inputVariantValueEndIcon:1": "filled"
799
+ },
800
+ "cxLiterals": [
801
+ "opacity-50",
802
+ "min-w-[200px]",
803
+ "grow",
804
+ "uds-hit-target",
805
+ "bg-clip-text",
806
+ "focus:outline-none",
807
+ "cursor-text",
808
+ "cursor-not-allowed"
809
+ ],
810
+ "internalComponents": [
811
+ "IconSlot",
812
+ "StartIcon",
813
+ "EndIcon",
814
+ "HelpTextContent",
815
+ "Box",
816
+ "InputHelpTextInternal",
817
+ "VStack",
818
+ "HStack",
819
+ "AnimateHeightChange"
820
+ ],
821
+ "internalComponentProps": {
822
+ "HelpTextContent": { "spacingTop": ["2"] },
823
+ "Box": {
824
+ "spacingBottom": ["2"],
825
+ "columnGap": ["0.5"],
826
+ "alignItems": ["flex-end", "center"],
827
+ "position": ["relative"]
828
+ },
829
+ "HStack": {
830
+ "alignItems": ["center"],
831
+ "gap": ["1"]
832
+ }
833
+ },
834
+ "propToVariantKeys": {
835
+ "size": [
836
+ "inputSizeRoot",
837
+ "inputSizeInputWrapper",
838
+ "inputSizeInput",
839
+ "inputSizeLabel",
840
+ "inputSizeStartIcon",
841
+ "inputSizeEndIcon"
842
+ ],
843
+ "startIcon": ["icon"],
844
+ "endIcon": ["icon"],
845
+ "helperTextIcon": ["startIcon"]
846
+ },
847
+ "motionVarPrefixes": []
848
+ };
849
+ var InputHelpText = {
850
+ "name": "InputHelpText",
851
+ "defaultProps": { "size": "md" },
852
+ "getStylesLiterals": {
853
+ "inputVariantRoot": "default",
854
+ "inputVariantValueRoot": "empty",
855
+ "inputVariantValueRoot:1": "filled"
856
+ },
857
+ "cxLiterals": [],
858
+ "internalComponents": ["InputHelpTextInternal", "Box"],
859
+ "internalComponentProps": { "Box": { "spacingTop": ["2"] } },
860
+ "propToVariantKeys": { "size": ["inputSizeRoot"] },
861
+ "motionVarPrefixes": []
862
+ };
863
+ var InputHelpTextInternal = {
864
+ "name": "InputHelpTextInternal",
865
+ "defaultProps": {},
866
+ "getStylesLiterals": {
867
+ "inputVariantHelperText": "default",
868
+ "inputVariantValueHelperText": "empty",
869
+ "inputVariantValueHelperText:1": "filled",
870
+ "inputVariantHelperIcon": "default",
871
+ "inputVariantValueHelperIcon": "empty",
872
+ "inputVariantValueHelperIcon:1": "filled"
873
+ },
874
+ "cxLiterals": [],
875
+ "internalComponents": ["IconSlot", "HStack"],
876
+ "internalComponentProps": { "HStack": {
877
+ "gap": ["1"],
878
+ "alignItems": ["center"]
879
+ } },
880
+ "propToVariantKeys": {
881
+ "size": ["inputSizeHelperText", "inputSizeHelperIcon"],
882
+ "startIcon": ["icon"],
883
+ "endIcon": ["icon"]
884
+ },
885
+ "motionVarPrefixes": []
886
+ };
887
+ var UDSTooltipConfigProvider = {
888
+ "name": "UDSTooltipConfigProvider",
889
+ "defaultProps": {},
890
+ "getStylesLiterals": {},
891
+ "cxLiterals": [],
892
+ "internalComponents": ["TooltipContext.Provider"],
863
893
  "internalComponentProps": {},
864
894
  "propToVariantKeys": {},
865
895
  "motionVarPrefixes": []
866
896
  };
897
+ var TooltipTrigger = {
898
+ "name": "TooltipTrigger",
899
+ "defaultProps": {},
900
+ "getStylesLiterals": {},
901
+ "cxLiterals": [],
902
+ "internalComponents": ["TooltipAnchor"],
903
+ "internalComponentProps": { "TooltipAnchor": { "className": ["inline"] } },
904
+ "propToVariantKeys": { "children": ["render"] },
905
+ "motionVarPrefixes": []
906
+ };
867
907
  var TooltipContent = {
868
908
  "name": "TooltipContent",
869
909
  "defaultProps": {},
@@ -915,106 +955,37 @@ var TooltipContent = {
915
955
  "propToVariantKeys": { "startTitleIcon": ["icon"] },
916
956
  "motionVarPrefixes": []
917
957
  };
918
- var TooltipTrigger = {
919
- "name": "TooltipTrigger",
958
+ var Tooltip = {
959
+ "name": "Tooltip",
920
960
  "defaultProps": {},
921
961
  "getStylesLiterals": {},
922
962
  "cxLiterals": [],
923
- "internalComponents": ["TooltipAnchor"],
924
- "internalComponentProps": { "TooltipAnchor": { "className": ["inline"] } },
925
- "propToVariantKeys": { "children": ["render"] },
963
+ "internalComponents": ["TooltipInternalContext.Provider", "TooltipProvider"],
964
+ "internalComponentProps": {},
965
+ "propToVariantKeys": {},
926
966
  "motionVarPrefixes": []
927
967
  };
928
- var UDSTooltipConfigProvider = {
929
- "name": "UDSTooltipConfigProvider",
968
+ var RadioGroupStore = {
969
+ "name": "RadioGroupStore",
930
970
  "defaultProps": {},
931
971
  "getStylesLiterals": {},
932
972
  "cxLiterals": [],
933
- "internalComponents": ["TooltipContext.Provider"],
973
+ "internalComponents": [],
934
974
  "internalComponentProps": {},
935
975
  "propToVariantKeys": {},
936
976
  "motionVarPrefixes": []
937
977
  };
938
- var Toast = {
939
- "name": "Toast",
978
+ var RadioGroupProvider = {
979
+ "name": "RadioGroupProvider",
940
980
  "defaultProps": {},
941
- "getStylesLiterals": {
942
- "className": "flex-none",
943
- "spacing": "2",
944
- "borderRadius": "full"
945
- },
946
- "cxLiterals": [
947
- "transition-[background-color]",
948
- "bg-carbon-15/0",
949
- "hover:bg-carbon-15/10",
950
- "active:bg-carbon-15/15",
951
- "uds-ring"
952
- ],
981
+ "getStylesLiterals": {},
982
+ "cxLiterals": [],
953
983
  "internalComponents": [
954
- "IconSlot",
955
- "ToastContainer",
956
- "Text",
957
- "Button",
958
- "Pressable"
984
+ "DivProps",
985
+ "Comp",
986
+ "RadioGroupContext.Provider"
959
987
  ],
960
- "internalComponentProps": {},
961
- "propToVariantKeys": {
962
- "size": [
963
- "toastSizeLabel",
964
- "toastSizeIcon",
965
- "toastSizeActionButton",
966
- "toastSizeCloseIcon"
967
- ],
968
- "variant": [
969
- "toastVariantIcon",
970
- "toastVariantActionButton",
971
- "toastVariantCloseIcon"
972
- ],
973
- "closeIcon": ["icon"],
974
- "onClickActionButton": ["onClick"]
975
- },
976
- "motionVarPrefixes": []
977
- };
978
- var ToastContainer = {
979
- "name": "ToastContainer",
980
- "defaultProps": {},
981
- "getStylesLiterals": {
982
- "position": "relative",
983
- "alignItems": "center",
984
- "display": "flex",
985
- "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
986
- },
987
- "cxLiterals": ["w-full"],
988
- "internalComponents": ["HStack"],
989
- "internalComponentProps": { "HStack": {
990
- "alignItems": ["center"],
991
- "justifyContent": ["space-between"],
992
- "overflow": ["hidden"],
993
- "position": ["relative"]
994
- } },
995
- "propToVariantKeys": {
996
- "variant": ["toastVariantRoot"],
997
- "size": ["toastSizeRoot"]
998
- },
999
- "motionVarPrefixes": []
1000
- };
1001
- var ToastPortal = {
1002
- "name": "ToastPortal",
1003
- "defaultProps": {},
1004
- "getStylesLiterals": {},
1005
- "cxLiterals": [],
1006
- "internalComponents": ["ReactToastifyToastContainer"],
1007
- "internalComponentProps": {},
1008
- "propToVariantKeys": {},
1009
- "motionVarPrefixes": []
1010
- };
1011
- var UDSToastConfigProvider = {
1012
- "name": "UDSToastConfigProvider",
1013
- "defaultProps": {},
1014
- "getStylesLiterals": {},
1015
- "cxLiterals": [],
1016
- "internalComponents": ["ToastContext.Provider"],
1017
- "internalComponentProps": {},
988
+ "internalComponentProps": { "Comp": { "role": ["radiogroup"] } },
1018
989
  "propToVariantKeys": {},
1019
990
  "motionVarPrefixes": []
1020
991
  };
@@ -1098,199 +1069,288 @@ var Radio = {
1098
1069
  },
1099
1070
  "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1100
1071
  };
1101
- var RadioGroupProvider = {
1102
- "name": "RadioGroupProvider",
1072
+ var UDSToastConfigProvider = {
1073
+ "name": "UDSToastConfigProvider",
1103
1074
  "defaultProps": {},
1104
1075
  "getStylesLiterals": {},
1105
1076
  "cxLiterals": [],
1077
+ "internalComponents": ["ToastContext.Provider"],
1078
+ "internalComponentProps": {},
1079
+ "propToVariantKeys": {},
1080
+ "motionVarPrefixes": []
1081
+ };
1082
+ var Toast = {
1083
+ "name": "Toast",
1084
+ "defaultProps": {},
1085
+ "getStylesLiterals": {
1086
+ "className": "flex-none",
1087
+ "spacing": "2",
1088
+ "borderRadius": "full"
1089
+ },
1090
+ "cxLiterals": [
1091
+ "transition-[background-color]",
1092
+ "bg-carbon-15/0",
1093
+ "hover:bg-carbon-15/10",
1094
+ "active:bg-carbon-15/15",
1095
+ "uds-ring"
1096
+ ],
1106
1097
  "internalComponents": [
1107
- "DivProps",
1108
- "Comp",
1109
- "RadioGroupContext.Provider"
1098
+ "IconSlot",
1099
+ "ToastContainer",
1100
+ "Text",
1101
+ "Button",
1102
+ "Pressable"
1110
1103
  ],
1111
- "internalComponentProps": { "Comp": { "role": ["radiogroup"] } },
1112
- "propToVariantKeys": {},
1104
+ "internalComponentProps": {},
1105
+ "propToVariantKeys": {
1106
+ "size": [
1107
+ "toastSizeLabel",
1108
+ "toastSizeIcon",
1109
+ "toastSizeActionButton",
1110
+ "toastSizeCloseIcon"
1111
+ ],
1112
+ "variant": [
1113
+ "toastVariantIcon",
1114
+ "toastVariantActionButton",
1115
+ "toastVariantCloseIcon"
1116
+ ],
1117
+ "closeIcon": ["icon"],
1118
+ "onClickActionButton": ["onClick"]
1119
+ },
1113
1120
  "motionVarPrefixes": []
1114
1121
  };
1115
- var RadioGroupStore = {
1116
- "name": "RadioGroupStore",
1122
+ var ToastContainer = {
1123
+ "name": "ToastContainer",
1124
+ "defaultProps": {},
1125
+ "getStylesLiterals": {
1126
+ "position": "relative",
1127
+ "alignItems": "center",
1128
+ "display": "flex",
1129
+ "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
1130
+ },
1131
+ "cxLiterals": ["w-full"],
1132
+ "internalComponents": ["HStack"],
1133
+ "internalComponentProps": { "HStack": {
1134
+ "alignItems": ["center"],
1135
+ "justifyContent": ["space-between"],
1136
+ "overflow": ["hidden"],
1137
+ "position": ["relative"]
1138
+ } },
1139
+ "propToVariantKeys": {
1140
+ "variant": ["toastVariantRoot"],
1141
+ "size": ["toastSizeRoot"]
1142
+ },
1143
+ "motionVarPrefixes": []
1144
+ };
1145
+ var ToastPortal = {
1146
+ "name": "ToastPortal",
1117
1147
  "defaultProps": {},
1118
1148
  "getStylesLiterals": {},
1119
1149
  "cxLiterals": [],
1120
- "internalComponents": [],
1150
+ "internalComponents": ["ReactToastifyToastContainer"],
1121
1151
  "internalComponentProps": {},
1122
1152
  "propToVariantKeys": {},
1123
1153
  "motionVarPrefixes": []
1124
1154
  };
1125
- var Menu_Content = {
1126
- "name": "Menu.Content",
1155
+ var AvatarImage = {
1156
+ "name": "AvatarImage",
1127
1157
  "defaultProps": {
1128
- "size": "default",
1129
- "variant": "default",
1130
- "gutter": "1"
1158
+ "size": "md",
1159
+ "variant": "primary"
1131
1160
  },
1132
1161
  "getStylesLiterals": {},
1133
1162
  "cxLiterals": [
1134
- "uds-menu-content",
1135
- "transition-shadow",
1136
- "duration-200",
1137
- "ease-in-out",
1138
- "min-w-60",
1139
- "max-w-lg",
1140
- "max-h-96",
1141
- "overflow-auto",
1142
- "uds-ring",
1143
- "z-10",
1144
- "group"
1163
+ "overflow-hidden",
1164
+ "w-full",
1165
+ "h-full",
1166
+ "shrink-0",
1167
+ "text-center",
1168
+ "inline-flex",
1169
+ "justify-center",
1170
+ "items-center",
1171
+ "object-cover"
1145
1172
  ],
1146
1173
  "internalComponents": [
1147
- "AriakitMenu",
1148
- "AnimatePresence",
1149
- "MotionVStack"
1174
+ "UDSImage",
1175
+ "AvatarText",
1176
+ "AvatarIcon",
1177
+ "Box"
1150
1178
  ],
1151
1179
  "internalComponentProps": {},
1152
1180
  "propToVariantKeys": {
1153
- "size": ["menucontentSizeRoot"],
1154
- "variant": ["menucontentVariantRoot"]
1181
+ "alt": ["name"],
1182
+ "fallback": ["initials"]
1155
1183
  },
1156
1184
  "motionVarPrefixes": []
1157
1185
  };
1158
- var Menu_Divider = {
1159
- "name": "Menu.Divider",
1186
+ var AvatarText = {
1187
+ "name": "AvatarText",
1160
1188
  "defaultProps": {
1161
- "role": "separator",
1162
- "contentPosition": "start",
1163
- "gap": "4"
1164
- },
1165
- "getStylesLiterals": {
1166
- "menuitemDividerVariantRoot": "default",
1167
- "menuitemDividerVariantText": "default",
1168
- "menuitemDividerVariantLine": "default"
1189
+ "size": "md",
1190
+ "variant": "primary"
1169
1191
  },
1170
- "cxLiterals": [],
1171
- "internalComponents": ["DividerInternal"],
1172
- "internalComponentProps": { "DividerInternal": { "variant": ["inherit"] } },
1192
+ "getStylesLiterals": {},
1193
+ "cxLiterals": [
1194
+ "overflow-hidden",
1195
+ "truncate",
1196
+ "w-full",
1197
+ "h-full",
1198
+ "shrink-0",
1199
+ "text-center",
1200
+ "inline-flex",
1201
+ "justify-center",
1202
+ "items-center"
1203
+ ],
1204
+ "internalComponents": ["Box", "Text"],
1205
+ "internalComponentProps": { "Text": {
1206
+ "color": ["inherit"],
1207
+ "variant": ["inherit"]
1208
+ } },
1173
1209
  "propToVariantKeys": {},
1174
1210
  "motionVarPrefixes": []
1175
1211
  };
1176
- var Menu_Item = {
1177
- "name": "Menu.Item",
1212
+ var Avatar = {
1213
+ "name": "Avatar",
1178
1214
  "defaultProps": {},
1179
- "getStylesLiterals": {
1180
- "menuitemItemVariantRoot": "default",
1181
- "menuitemItemVariantActiveRoot": "on",
1182
- "menuitemItemVariantActiveRoot:1": "off",
1183
- "menuitemItemVariantText": "default",
1184
- "menuitemItemVariantActiveText": "on",
1185
- "menuitemItemVariantActiveText:1": "off",
1186
- "menuitemItemVariantIcon": "default",
1187
- "menuitemItemVariantActiveIcon": "on",
1188
- "menuitemItemVariantActiveIcon:1": "off"
1189
- },
1215
+ "getStylesLiterals": {},
1190
1216
  "cxLiterals": [],
1191
- "internalComponents": ["MenuItemBase"],
1217
+ "internalComponents": ["AvatarImage"],
1192
1218
  "internalComponentProps": {},
1193
1219
  "propToVariantKeys": {},
1194
1220
  "motionVarPrefixes": []
1195
1221
  };
1196
- var Menu_ItemBase = {
1197
- "name": "Menu.ItemBase",
1222
+ var AvatarIcon = {
1223
+ "name": "AvatarIcon",
1198
1224
  "defaultProps": {
1199
- "spacing": "0",
1200
- "spacingHorizontal": "4",
1201
- "spacingVertical": "3.5",
1202
- "columnGap": "2",
1203
- "alignItems": "center",
1204
- "justifyContent": "space-between"
1205
- },
1206
- "getStylesLiterals": {
1207
- "textAlign": "start",
1208
- "menuitemSizeRoot": "default",
1209
- "flexDirection": "row",
1210
- "menuitemSizeStartIcon": "default",
1211
- "menuitemSizeEndIcon": "default"
1225
+ "size": "md",
1226
+ "variant": "primary"
1212
1227
  },
1228
+ "getStylesLiterals": {},
1213
1229
  "cxLiterals": [
1214
- "flex",
1215
- "focus-visible:text-brand",
1216
- "focus-visible:bg-brand-secondary",
1217
- "focus-visible:z-10",
1218
- "uds-ring",
1219
- "!-outline-offset-2",
1220
- "[&:not([aria-checked])]:cursor-default",
1221
- "opacity-25",
1222
- "cursor-not-allowed",
1223
- "duration-20",
1224
- "transition-[font-variation-settings]",
1225
- "ease-in-out",
1226
- "z-0"
1227
- ],
1228
- "internalComponents": [
1229
- "Pressable",
1230
- "IconSlot",
1231
- "RootComponent",
1232
- "HStack",
1233
- "AnimatePresence"
1230
+ "overflow-hidden",
1231
+ "w-full",
1232
+ "h-full",
1233
+ "shrink-0",
1234
+ "text-center",
1235
+ "inline-flex",
1236
+ "justify-center",
1237
+ "items-center"
1238
+ ],
1239
+ "internalComponents": ["IconSlot", "Box"],
1240
+ "internalComponentProps": {},
1241
+ "propToVariantKeys": { "size": ["avatarSizeIcon"] },
1242
+ "motionVarPrefixes": []
1243
+ };
1244
+ var DividerCore = {
1245
+ "name": "DividerCore",
1246
+ "defaultProps": { "contentPosition": "center" },
1247
+ "getStylesLiterals": {},
1248
+ "cxLiterals": [],
1249
+ "internalComponents": [
1250
+ "Box",
1251
+ "Line",
1252
+ "InternalComponent",
1253
+ "Text"
1234
1254
  ],
1235
1255
  "internalComponentProps": {
1236
- "HStack": {
1237
- "alignItems": ["center"],
1238
- "width": ["full"]
1256
+ "Box": {
1257
+ "flex": ["1", "none"],
1258
+ "display": ["flex"]
1239
1259
  },
1240
- "AnimatePresence": { "mode": ["popLayout"] }
1241
- },
1242
- "propToVariantKeys": {
1243
- "startIcon": ["icon"],
1244
- "endIcon": ["icon"],
1245
- "columnGap": ["gap"]
1260
+ "InternalComponent": {
1261
+ "flex": ["1"],
1262
+ "alignItems": ["center"]
1263
+ },
1264
+ "Text": {
1265
+ "as": ["span"],
1266
+ "color": ["inherit"],
1267
+ "variant": ["inherit"]
1268
+ }
1246
1269
  },
1270
+ "propToVariantKeys": {},
1247
1271
  "motionVarPrefixes": []
1248
1272
  };
1249
- var Menu_ItemCheckbox = {
1250
- "name": "Menu.ItemCheckbox",
1273
+ var DividerInternal = {
1274
+ "name": "DividerInternal",
1275
+ "defaultProps": { "variant": "primary" },
1276
+ "getStylesLiterals": {},
1277
+ "cxLiterals": ["inherit"],
1278
+ "internalComponents": ["DividerCore"],
1279
+ "internalComponentProps": {},
1280
+ "propToVariantKeys": { "variant": [
1281
+ "dividerVariantRoot",
1282
+ "dividerVariantLabel",
1283
+ "dividerVariantLine"
1284
+ ] },
1285
+ "motionVarPrefixes": []
1286
+ };
1287
+ var Divider = {
1288
+ "name": "Divider",
1251
1289
  "defaultProps": {},
1252
- "getStylesLiterals": {
1253
- "menuitemItemCheckboxVariantRoot": "default",
1254
- "menuitemItemCheckboxVariantActiveRoot": "on",
1255
- "menuitemItemCheckboxVariantActiveRoot:1": "off",
1256
- "menuitemItemCheckboxVariantText": "default",
1257
- "menuitemItemCheckboxVariantActiveText": "on",
1258
- "menuitemItemCheckboxVariantActiveText:1": "off",
1259
- "menuitemItemCheckboxVariantStartIcon": "default",
1260
- "menuitemItemCheckboxVariantActiveStartIcon": "on",
1261
- "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
1262
- "menuitemItemCheckboxVariantEndIcon": "default",
1263
- "menuitemItemCheckboxVariantActiveEndIcon": "on",
1264
- "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
1265
- },
1266
- "cxLiterals": ["uds-menu-item-checkbox"],
1267
- "internalComponents": ["MenuItemBase"],
1290
+ "getStylesLiterals": {},
1291
+ "cxLiterals": [],
1292
+ "internalComponents": ["DividerInternal"],
1268
1293
  "internalComponentProps": {},
1269
1294
  "propToVariantKeys": {},
1270
1295
  "motionVarPrefixes": []
1271
1296
  };
1272
- var Menu_Provider = {
1273
- "name": "Menu.Provider",
1297
+ var Table_mocks = {
1298
+ "name": "Table.mocks",
1274
1299
  "defaultProps": {},
1275
1300
  "getStylesLiterals": {},
1276
1301
  "cxLiterals": [],
1277
- "internalComponents": ["AriakitMenuProvider", "SpringMotionConfig"],
1302
+ "internalComponents": [],
1278
1303
  "internalComponentProps": {},
1279
1304
  "propToVariantKeys": {},
1280
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1305
+ "motionVarPrefixes": []
1281
1306
  };
1282
- var Menu_Trigger = {
1283
- "name": "Menu.Trigger",
1284
- "defaultProps": {},
1307
+ var Table = {
1308
+ "name": "Table",
1309
+ "defaultProps": {
1310
+ "display": "table-cell",
1311
+ "overflow": "hidden",
1312
+ "borderColor": "muted",
1313
+ "borderRadius": "md",
1314
+ "spacing": "3",
1315
+ "borderBottomColor": "muted",
1316
+ "borderBottomWidth": "thin",
1317
+ "color": "primary"
1318
+ },
1319
+ "getStylesLiterals": { "textAlign": "start" },
1320
+ "cxLiterals": [],
1321
+ "internalComponents": [
1322
+ "CellComponent",
1323
+ "Box",
1324
+ "Text",
1325
+ "Table.Root",
1326
+ "Table.Header",
1327
+ "Table.Row",
1328
+ "Table.Cell",
1329
+ "Table.Body"
1330
+ ],
1331
+ "internalComponentProps": { "Table.Cell": { "asHeaderCell": ["column"] } },
1332
+ "propToVariantKeys": {},
1333
+ "motionVarPrefixes": []
1334
+ };
1335
+ var Spinner = {
1336
+ "name": "Spinner",
1337
+ "defaultProps": {
1338
+ "color": "primary",
1339
+ "size": "lg"
1340
+ },
1285
1341
  "getStylesLiterals": {},
1286
- "cxLiterals": ["uds-menu-trigger"],
1287
- "internalComponents": ["AriakitMenuTrigger", "Box"],
1288
- "internalComponentProps": { "Box": { "className": ["uds-ring h-fit w-fit"] } },
1342
+ "cxLiterals": ["self-center", "relative"],
1343
+ "internalComponents": ["Icon"],
1344
+ "internalComponentProps": { "Icon": {
1345
+ "role": ["img"],
1346
+ "className": ["animate-spin"],
1347
+ "aria-hidden": ["true"]
1348
+ } },
1289
1349
  "propToVariantKeys": {},
1290
1350
  "motionVarPrefixes": []
1291
1351
  };
1292
- var Menu = {
1293
- "name": "Menu",
1352
+ var AvoidMotionLibraryProvider = {
1353
+ "name": "AvoidMotionLibraryProvider",
1294
1354
  "defaultProps": {},
1295
1355
  "getStylesLiterals": {},
1296
1356
  "cxLiterals": [],
@@ -1299,428 +1359,383 @@ var Menu = {
1299
1359
  "propToVariantKeys": {},
1300
1360
  "motionVarPrefixes": []
1301
1361
  };
1302
- var Input = {
1303
- "name": "Input",
1304
- "defaultProps": {
1305
- "type": "text",
1306
- "size": "md",
1307
- "width": "full"
1308
- },
1362
+ var SegmentedControl = {
1363
+ "name": "SegmentedControl",
1364
+ "defaultProps": {},
1309
1365
  "getStylesLiterals": {
1310
- "inputVariantRoot": "default",
1311
- "inputVariantValueRoot": "empty",
1312
- "inputVariantValueRoot:1": "filled",
1313
- "inputVariantInputWrapper": "default",
1314
- "inputVariantValueInputWrapper": "empty",
1315
- "inputVariantValueInputWrapper:1": "filled",
1316
- "inputVariantInput": "default",
1317
- "inputVariantValueInput": "empty",
1318
- "inputVariantValueInput:1": "filled",
1319
- "inputVariantInputPlaceholder": "default",
1320
- "inputVariantValueInputPlaceholder": "empty",
1321
- "inputVariantValueInputPlaceholder:1": "filled",
1322
- "inputVariantLabel": "default",
1323
- "inputVariantValueLabel": "empty",
1324
- "inputVariantValueLabel:1": "filled",
1325
- "inputVariantLabelRequired": "default",
1326
- "inputVariantValueLabelRequired": "empty",
1327
- "inputVariantValueLabelRequired:1": "filled",
1328
- "inputVariantStartIcon": "default",
1329
- "inputVariantValueStartIcon": "empty",
1330
- "inputVariantValueStartIcon:1": "filled",
1331
- "inputVariantEndIcon": "default",
1332
- "inputVariantValueEndIcon": "empty",
1333
- "inputVariantValueEndIcon:1": "filled"
1366
+ "display": "flex",
1367
+ "alignItems": "center",
1368
+ "backgroundColor": "primary",
1369
+ "spacingVertical": "1",
1370
+ "spacingHorizontal": "3",
1371
+ "columnGap": "1.5",
1372
+ "borderWidth": "thin",
1373
+ "borderRadius": "full",
1374
+ "borderColor": "muted",
1375
+ "borderColor:1": "transparent",
1376
+ "color": "primary",
1377
+ "color:1": "tertiary",
1378
+ "color:2": "muted"
1334
1379
  },
1335
1380
  "cxLiterals": [
1381
+ "uds-ring",
1382
+ "cursor-not-allowed",
1336
1383
  "opacity-50",
1337
- "min-w-[200px]",
1338
- "grow",
1339
- "uds-hit-target",
1340
- "bg-clip-text",
1341
- "focus:outline-none",
1342
- "cursor-text",
1343
- "cursor-not-allowed"
1384
+ "pointer-events-none",
1385
+ "hover:bg-primary"
1344
1386
  ],
1345
1387
  "internalComponents": [
1346
- "IconSlot",
1347
- "StartIcon",
1348
- "EndIcon",
1349
- "HelpTextContent",
1350
- "Box",
1351
- "InputHelpTextInternal",
1352
- "VStack",
1388
+ "Radio",
1389
+ "Icon",
1390
+ "RadioProvider",
1353
1391
  "HStack",
1354
- "AnimateHeightChange"
1392
+ "RadioGroup",
1393
+ "Pressable",
1394
+ "Text"
1355
1395
  ],
1356
1396
  "internalComponentProps": {
1357
- "HelpTextContent": { "spacingTop": ["2"] },
1358
- "Box": {
1359
- "spacingBottom": ["2"],
1360
- "columnGap": ["0.5"],
1361
- "alignItems": ["flex-end", "center"],
1362
- "position": ["relative"]
1397
+ "Icon": {
1398
+ "size": ["sm"],
1399
+ "color": ["current"],
1400
+ "aria-hidden": ["true"]
1363
1401
  },
1364
1402
  "HStack": {
1365
- "alignItems": ["center"],
1366
- "gap": ["1"]
1403
+ "spacing": ["1"],
1404
+ "gap": ["1"],
1405
+ "backgroundColor": ["secondary"],
1406
+ "borderRadius": ["full"],
1407
+ "display": ["inline-flex"]
1408
+ },
1409
+ "Text": {
1410
+ "variant": ["label2"],
1411
+ "color": ["current"]
1367
1412
  }
1368
1413
  },
1369
1414
  "propToVariantKeys": {
1370
- "size": [
1371
- "inputSizeRoot",
1372
- "inputSizeInputWrapper",
1373
- "inputSizeInput",
1374
- "inputSizeLabel",
1375
- "inputSizeStartIcon",
1376
- "inputSizeEndIcon"
1377
- ],
1378
- "startIcon": ["icon"],
1379
- "endIcon": ["icon"],
1380
- "helperTextIcon": ["startIcon"]
1415
+ "value": ["key"],
1416
+ "label": ["aria-label"]
1381
1417
  },
1382
1418
  "motionVarPrefixes": []
1383
1419
  };
1384
- var InputHelpText = {
1385
- "name": "InputHelpText",
1386
- "defaultProps": { "size": "md" },
1387
- "getStylesLiterals": {
1388
- "inputVariantRoot": "default",
1389
- "inputVariantValueRoot": "empty",
1390
- "inputVariantValueRoot:1": "filled"
1391
- },
1392
- "cxLiterals": [],
1393
- "internalComponents": ["InputHelpTextInternal", "Box"],
1394
- "internalComponentProps": { "Box": { "spacingTop": ["2"] } },
1395
- "propToVariantKeys": { "size": ["inputSizeRoot"] },
1396
- "motionVarPrefixes": []
1397
- };
1398
- var InputHelpTextInternal = {
1399
- "name": "InputHelpTextInternal",
1400
- "defaultProps": {},
1401
- "getStylesLiterals": {
1402
- "inputVariantHelperText": "default",
1403
- "inputVariantValueHelperText": "empty",
1404
- "inputVariantValueHelperText:1": "filled",
1405
- "inputVariantHelperIcon": "default",
1406
- "inputVariantValueHelperIcon": "empty",
1407
- "inputVariantValueHelperIcon:1": "filled"
1408
- },
1409
- "cxLiterals": [],
1410
- "internalComponents": ["IconSlot", "HStack"],
1411
- "internalComponentProps": { "HStack": {
1412
- "gap": ["1"],
1413
- "alignItems": ["center"]
1414
- } },
1415
- "propToVariantKeys": {
1416
- "size": ["inputSizeHelperText", "inputSizeHelperIcon"],
1417
- "startIcon": ["icon"],
1418
- "endIcon": ["icon"]
1419
- },
1420
- "motionVarPrefixes": []
1421
- };
1422
- var Chip = {
1423
- "name": "Chip",
1420
+ var Popover = {
1421
+ "name": "Popover",
1424
1422
  "defaultProps": {},
1425
1423
  "getStylesLiterals": {},
1426
1424
  "cxLiterals": [],
1427
1425
  "internalComponents": [
1428
- "ChipDismissible",
1429
- "ChipToggle",
1430
- "ChipLink",
1431
- "ChipButton"
1432
- ],
1433
- "internalComponentProps": {},
1434
- "propToVariantKeys": {},
1435
- "motionVarPrefixes": []
1436
- };
1437
- var ChipBase = {
1438
- "name": "ChipBase",
1439
- "defaultProps": { "as": "div" },
1440
- "getStylesLiterals": {},
1441
- "cxLiterals": [
1442
- "pointer-events-none",
1443
- "cursor-default",
1444
- "opacity-50",
1445
- "inline-flex",
1446
- "items-center",
1447
- "transition-[background-color,outline-color,box-shadow]",
1448
- "truncate",
1449
- "whitespace-nowrap",
1450
- "text-center",
1451
- "flex-1"
1452
- ],
1453
- "internalComponents": [
1454
- "IconSlot",
1455
1426
  "HStack",
1456
- "As",
1457
- "Text"
1427
+ "Text",
1428
+ "OriginalPopoverHeading"
1458
1429
  ],
1459
1430
  "internalComponentProps": { "Text": {
1460
- "as": ["span"],
1461
- "color": ["current"],
1462
- "variant": ["inherit"]
1431
+ "variant": ["headline1"],
1432
+ "color": ["primary"]
1463
1433
  } },
1464
- "propToVariantKeys": {
1465
- "size": ["chipSizeRoot", "chipSizeIcon"],
1466
- "startIcon": ["icon"],
1467
- "endIcon": ["icon"]
1468
- },
1469
- "motionVarPrefixes": []
1470
- };
1471
- var ChipButton = {
1472
- "name": "ChipButton",
1473
- "defaultProps": {},
1474
- "getStylesLiterals": {},
1475
- "cxLiterals": ["uds-ring"],
1476
- "internalComponents": ["ChipBase"],
1477
- "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1478
- "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1434
+ "propToVariantKeys": {},
1479
1435
  "motionVarPrefixes": []
1480
1436
  };
1481
- var ChipDismissible = {
1482
- "name": "ChipDismissible",
1483
- "defaultProps": {},
1484
- "getStylesLiterals": {},
1437
+ var SwitchV2 = {
1438
+ "name": "SwitchV2",
1439
+ "defaultProps": {
1440
+ "labelPosition": "start",
1441
+ "size": "md"
1442
+ },
1443
+ "getStylesLiterals": {
1444
+ "switchVariantRoot": "default",
1445
+ "switchVariantActiveRoot": "on",
1446
+ "switchVariantActiveRoot:1": "off",
1447
+ "switchVariantSwitch": "default",
1448
+ "switchVariantActiveSwitch": "on",
1449
+ "switchVariantActiveSwitch:1": "off",
1450
+ "switchVariantActiveHandle": "on",
1451
+ "switchVariantActiveHandle:1": "off",
1452
+ "switchVariantHandle": "default",
1453
+ "switchVariantHandleIcon": "default",
1454
+ "switchVariantActiveHandleIcon": "on",
1455
+ "switchVariantActiveHandleIcon:1": "off"
1456
+ },
1485
1457
  "cxLiterals": [
1486
- "uds-chip-dismissible-button",
1487
- "uds-hit-target",
1458
+ "group",
1459
+ "flex",
1460
+ "items-center",
1461
+ "flex-row",
1462
+ "flex-row-reverse",
1488
1463
  "uds-ring",
1489
- "rounded-full"
1464
+ "uds-ring-within",
1465
+ "relative",
1466
+ "uds-border-radius-full",
1467
+ "transition-[background-color,box-shadow]",
1468
+ "pointer-events-none",
1469
+ "w-full",
1470
+ "h-full",
1471
+ "absolute",
1472
+ "top-0",
1473
+ "bottom-0",
1474
+ "right-0",
1475
+ "left-0",
1476
+ "overflow-hidden",
1477
+ "group-hover:scale-105",
1478
+ "opacity-95",
1479
+ "group-hover:opacity-100",
1480
+ "transition-[transform,opacity]",
1481
+ "opacity-0",
1482
+ "top-1/2",
1483
+ "left-1/2",
1484
+ "transform",
1485
+ "translate-x-[-50%]",
1486
+ "translate-y-[-50%]",
1487
+ "transition-opacity",
1488
+ "cursor-[inherit]",
1489
+ "w-[calc(100%+2px)]",
1490
+ "h-[calc(100%+2px)]",
1491
+ "text-start",
1492
+ "text-end",
1493
+ "opacity-100"
1490
1494
  ],
1491
1495
  "internalComponents": [
1492
- "ChipBase",
1493
1496
  "IconSlot",
1494
- "Pressable"
1497
+ "Box",
1498
+ "FormLabel",
1499
+ "SpringMotionConfig",
1500
+ "RootElement",
1501
+ "MotionBox"
1495
1502
  ],
1496
- "internalComponentProps": {},
1503
+ "internalComponentProps": {
1504
+ "IconSlot": { "data-testid": ["on-icon", "off-icon"] },
1505
+ "FormLabel": {
1506
+ "as": ["div"],
1507
+ "variant": ["inherit"],
1508
+ "color": ["inherit"]
1509
+ },
1510
+ "SpringMotionConfig": {
1511
+ "layoutVariant": ["bouncy"],
1512
+ "layoutSpeed": ["4"]
1513
+ },
1514
+ "RootElement": { "data-testid": ["switch-root"] },
1515
+ "MotionBox": { "layout": ["position"] }
1516
+ },
1497
1517
  "propToVariantKeys": {
1498
- "variant": ["chipDismissibleVariantRoot", "chipDismissibleVariantIcon"],
1499
- "dismissButtonAriaLabel": ["aria-label"]
1518
+ "size": [
1519
+ "switchSizeRoot",
1520
+ "switchSizeSwitch",
1521
+ "switchSizeHandle",
1522
+ "switchSizeHandleIcon"
1523
+ ],
1524
+ "onIcon": ["icon"],
1525
+ "offIcon": ["icon"],
1526
+ "reduceMotion": ["reducedMotion"],
1527
+ "isOn": ["layoutDependency"]
1500
1528
  },
1501
- "motionVarPrefixes": []
1529
+ "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
1502
1530
  };
1503
- var ChipLink = {
1504
- "name": "ChipLink",
1531
+ var Tabs = {
1532
+ "name": "Tabs",
1505
1533
  "defaultProps": {},
1506
- "getStylesLiterals": {},
1507
- "cxLiterals": ["uds-ring"],
1508
- "internalComponents": ["ChipBase"],
1509
- "internalComponentProps": { "ChipBase": { "as": ["a"] } },
1510
- "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1511
- "motionVarPrefixes": []
1512
- };
1513
- var ChipToggle = {
1514
- "name": "ChipToggle",
1515
- "defaultProps": { "role": "checkbox" },
1516
1534
  "getStylesLiterals": {
1517
- "chipToggleVariantActiveRoot": "on",
1518
- "chipToggleVariantActiveRoot:1": "off"
1535
+ "display": "flex",
1536
+ "flexDirection": "row",
1537
+ "columnGap": "6"
1519
1538
  },
1520
- "cxLiterals": ["uds-ring"],
1521
- "internalComponents": ["ChipBase"],
1522
- "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1523
- "propToVariantKeys": { "variant": ["chipToggleVariantRoot", "chipToggleVariantIcon"] },
1524
- "motionVarPrefixes": []
1525
- };
1526
- var Avatar = {
1527
- "name": "Avatar",
1528
- "defaultProps": {},
1529
- "getStylesLiterals": {},
1530
- "cxLiterals": [],
1531
- "internalComponents": ["AvatarImage"],
1532
- "internalComponentProps": {},
1533
- "propToVariantKeys": {},
1534
- "motionVarPrefixes": []
1535
- };
1536
- var AvatarIcon = {
1537
- "name": "AvatarIcon",
1538
- "defaultProps": {},
1539
- "getStylesLiterals": {},
1540
1539
  "cxLiterals": [
1541
- "overflow-hidden",
1542
- "w-full",
1543
- "h-full",
1544
- "shrink-0",
1545
- "text-center",
1546
- "inline-flex",
1547
- "justify-center",
1548
- "items-center"
1540
+ "text-tertiary",
1541
+ "border-b-transparent",
1542
+ "aria-selected:border-b-brand",
1543
+ "aria-selected:text-secondary"
1549
1544
  ],
1550
- "internalComponents": ["IconSlot", "Box"],
1551
- "internalComponentProps": {},
1552
- "propToVariantKeys": { "size": ["avatarSizeIcon"] },
1545
+ "internalComponents": [
1546
+ "TabProvider",
1547
+ "OriginalTabList",
1548
+ "OriginalTab",
1549
+ "Icon",
1550
+ "OriginalTabPanel",
1551
+ "Pressable",
1552
+ "Comp",
1553
+ "Text"
1554
+ ],
1555
+ "internalComponentProps": {
1556
+ "Icon": {
1557
+ "className": ["text-current"],
1558
+ "size": ["md"]
1559
+ },
1560
+ "Pressable": {
1561
+ "borderBottomWidth": ["medium"],
1562
+ "spacingBottom": ["1"],
1563
+ "spacingTop": ["4"]
1564
+ },
1565
+ "Text": {
1566
+ "className": ["text-current"],
1567
+ "variant": ["headline1"],
1568
+ "as": ["span"]
1569
+ }
1570
+ },
1571
+ "propToVariantKeys": {},
1553
1572
  "motionVarPrefixes": []
1554
1573
  };
1555
- var AvatarImage = {
1556
- "name": "AvatarImage",
1574
+ var Modal = {
1575
+ "name": "Modal",
1557
1576
  "defaultProps": {},
1558
1577
  "getStylesLiterals": {},
1559
1578
  "cxLiterals": [
1560
- "overflow-hidden",
1561
- "w-full",
1562
- "h-full",
1563
- "shrink-0",
1564
- "text-center",
1565
- "inline-flex",
1566
- "justify-center",
1567
- "items-center",
1568
- "object-cover"
1579
+ "inset-8",
1580
+ "top-[250px]",
1581
+ "z-50",
1582
+ "mx-auto",
1583
+ "h-fit",
1584
+ "w-[600px]",
1585
+ "origin-center",
1586
+ "scale-95",
1587
+ "opacity-0",
1588
+ "transition",
1589
+ "duration-150",
1590
+ "data-[enter]:scale-100",
1591
+ "data-[enter]:opacity-100"
1569
1592
  ],
1570
1593
  "internalComponents": [
1571
- "UDSImage",
1572
- "AvatarText",
1573
- "AvatarIcon",
1574
- "Box"
1594
+ "IconButton",
1595
+ "Dialog",
1596
+ "HStack",
1597
+ "Text",
1598
+ "VStack"
1575
1599
  ],
1576
- "internalComponentProps": {},
1577
- "propToVariantKeys": {
1578
- "alt": ["name"],
1579
- "fallback": ["initials"]
1600
+ "internalComponentProps": {
1601
+ "IconButton": {
1602
+ "aria-label": ["Close"],
1603
+ "size": ["sm"],
1604
+ "variant": ["tertiary"]
1605
+ },
1606
+ "HStack": {
1607
+ "alignItems": ["center"],
1608
+ "justifyContent": ["space-between"]
1609
+ },
1610
+ "Text": {
1611
+ "variant": ["headline1"],
1612
+ "color": ["primary"]
1613
+ },
1614
+ "VStack": {
1615
+ "borderRadius": ["md"],
1616
+ "position": ["fixed"],
1617
+ "backgroundColor": ["primary"],
1618
+ "dropShadow": ["md"],
1619
+ "spacing": ["8"],
1620
+ "overflow": ["hidden"]
1621
+ }
1580
1622
  },
1623
+ "propToVariantKeys": { "handleClose": ["onClick"] },
1581
1624
  "motionVarPrefixes": []
1582
1625
  };
1583
- var AvatarText = {
1584
- "name": "AvatarText",
1585
- "defaultProps": {},
1586
- "getStylesLiterals": {},
1587
- "cxLiterals": [
1588
- "overflow-hidden",
1589
- "truncate",
1590
- "w-full",
1591
- "h-full",
1592
- "shrink-0",
1593
- "text-center",
1594
- "inline-flex",
1595
- "justify-center",
1596
- "items-center"
1597
- ],
1598
- "internalComponents": ["Box", "Text"],
1599
- "internalComponentProps": { "Text": {
1600
- "color": ["inherit"],
1601
- "variant": ["inherit"]
1602
- } },
1603
- "propToVariantKeys": {},
1604
- "motionVarPrefixes": []
1605
- };
1606
- var Divider = {
1607
- "name": "Divider",
1608
- "defaultProps": {},
1609
- "getStylesLiterals": {},
1610
- "cxLiterals": [],
1611
- "internalComponents": ["DividerInternal"],
1612
- "internalComponentProps": {},
1613
- "propToVariantKeys": {},
1614
- "motionVarPrefixes": []
1615
- };
1616
- var DividerCore = {
1617
- "name": "DividerCore",
1618
- "defaultProps": { "contentPosition": "center" },
1626
+ var Accordion = {
1627
+ "name": "Accordion",
1628
+ "defaultProps": {
1629
+ "spacingHorizontal": "4",
1630
+ "spacingVertical": "4"
1631
+ },
1619
1632
  "getStylesLiterals": {},
1620
- "cxLiterals": [],
1633
+ "cxLiterals": ["hover:bg-secondary/80", "w-full"],
1621
1634
  "internalComponents": [
1622
- "Box",
1623
- "Line",
1624
- "InternalComponent",
1625
- "Text"
1635
+ "Icon",
1636
+ "SpringMotionConfig",
1637
+ "Pressable",
1638
+ "Text",
1639
+ "HStack",
1640
+ "AnimatePresence",
1641
+ "VStack"
1626
1642
  ],
1627
1643
  "internalComponentProps": {
1628
- "Box": {
1629
- "flex": ["1", "none"],
1630
- "display": ["flex"]
1644
+ "Icon": {
1645
+ "variant": ["fill"],
1646
+ "size": ["sm"],
1647
+ "color": ["primary"]
1631
1648
  },
1632
- "InternalComponent": {
1633
- "flex": ["1"],
1634
- "alignItems": ["center"]
1649
+ "SpringMotionConfig": {
1650
+ "layoutVariant": ["smooth"],
1651
+ "layoutSpeed": ["3"]
1652
+ },
1653
+ "Pressable": {
1654
+ "display": ["flex"],
1655
+ "flexDirection": ["row"],
1656
+ "alignItems": ["center"],
1657
+ "justifyContent": ["space-between"],
1658
+ "borderRadius": ["md"]
1635
1659
  },
1636
1660
  "Text": {
1637
- "as": ["span"],
1638
- "color": ["inherit"],
1639
- "variant": ["inherit"]
1661
+ "variant": ["title4"],
1662
+ "color": ["primary"]
1663
+ },
1664
+ "HStack": {
1665
+ "display": ["flex"],
1666
+ "alignItems": ["center"],
1667
+ "justifyContent": ["space-between"],
1668
+ "columnGap": ["2.5"]
1640
1669
  }
1641
1670
  },
1642
1671
  "propToVariantKeys": {},
1643
- "motionVarPrefixes": []
1644
- };
1645
- var DividerInternal = {
1646
- "name": "DividerInternal",
1647
- "defaultProps": { "variant": "primary" },
1648
- "getStylesLiterals": {},
1649
- "cxLiterals": ["inherit"],
1650
- "internalComponents": ["DividerCore"],
1651
- "internalComponentProps": {},
1652
- "propToVariantKeys": { "variant": [
1653
- "dividerVariantRoot",
1654
- "dividerVariantLabel",
1655
- "dividerVariantLine"
1656
- ] },
1657
- "motionVarPrefixes": []
1672
+ "motionVarPrefixes": ["--uds-motion-smooth-3-"]
1658
1673
  };
1659
1674
  var componentData_default = {
1675
+ Link,
1676
+ VStack,
1660
1677
  Box,
1661
- FormLabel,
1662
- HStack,
1663
1678
  Icon,
1679
+ FormLabel,
1680
+ Text,
1664
1681
  IconSlot,
1682
+ HStack,
1665
1683
  Image,
1666
- Link,
1667
- Text,
1668
- VStack,
1669
- Spinner,
1670
- "Table.mocks": Table_mocks,
1671
- Table,
1672
- Accordion,
1673
- AvoidMotionLibraryProvider,
1674
- Modal,
1675
- Popover,
1676
- SegmentedControl,
1677
- SwitchV2,
1678
- Tabs,
1679
- AnimateHeightChange,
1680
- Badge,
1681
1684
  Button,
1682
1685
  Checkbox,
1683
- IconButton,
1684
- Pressable,
1685
1686
  SpringMotionConfig,
1687
+ IconButton,
1686
1688
  Switch,
1687
- UDSBreakpointsConfigProvider,
1688
- UDSConfigProvider,
1689
- Tooltip,
1690
- TooltipContent,
1691
- TooltipTrigger,
1692
- UDSTooltipConfigProvider,
1693
- Toast,
1694
- ToastContainer,
1695
- ToastPortal,
1696
- UDSToastConfigProvider,
1697
- Radio,
1698
- RadioGroupProvider,
1699
- RadioGroupStore,
1700
- "Menu.Content": Menu_Content,
1701
- "Menu.Divider": Menu_Divider,
1689
+ Badge,
1690
+ AnimateHeightChange,
1691
+ Pressable,
1702
1692
  "Menu.Item": Menu_Item,
1703
- "Menu.ItemBase": Menu_ItemBase,
1704
- "Menu.ItemCheckbox": Menu_ItemCheckbox,
1705
1693
  "Menu.Provider": Menu_Provider,
1694
+ "Menu.ItemBase": Menu_ItemBase,
1706
1695
  "Menu.Trigger": Menu_Trigger,
1696
+ "Menu.Content": Menu_Content,
1697
+ "Menu.Divider": Menu_Divider,
1707
1698
  Menu,
1708
- Input,
1709
- InputHelpText,
1710
- InputHelpTextInternal,
1699
+ "Menu.ItemCheckbox": Menu_ItemCheckbox,
1700
+ ChipLink,
1701
+ ChipDismissible,
1702
+ ChipToggle,
1711
1703
  Chip,
1712
1704
  ChipBase,
1713
1705
  ChipButton,
1714
- ChipDismissible,
1715
- ChipLink,
1716
- ChipToggle,
1717
- Avatar,
1718
- AvatarIcon,
1706
+ UDSConfigProvider,
1707
+ UDSBreakpointsConfigProvider,
1708
+ Input,
1709
+ InputHelpText,
1710
+ InputHelpTextInternal,
1711
+ UDSTooltipConfigProvider,
1712
+ TooltipTrigger,
1713
+ TooltipContent,
1714
+ Tooltip,
1715
+ RadioGroupStore,
1716
+ RadioGroupProvider,
1717
+ Radio,
1718
+ UDSToastConfigProvider,
1719
+ Toast,
1720
+ ToastContainer,
1721
+ ToastPortal,
1719
1722
  AvatarImage,
1720
1723
  AvatarText,
1721
- Divider,
1724
+ Avatar,
1725
+ AvatarIcon,
1722
1726
  DividerCore,
1723
- DividerInternal
1727
+ DividerInternal,
1728
+ Divider,
1729
+ "Table.mocks": Table_mocks,
1730
+ Table,
1731
+ Spinner,
1732
+ AvoidMotionLibraryProvider,
1733
+ SegmentedControl,
1734
+ Popover,
1735
+ SwitchV2,
1736
+ Tabs,
1737
+ Modal,
1738
+ Accordion
1724
1739
  };
1725
1740
 
1726
1741
  //#endregion