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