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