@yahoo/uds 3.125.1 → 3.127.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 (203) hide show
  1. package/dist/automated-config/dist/generated/autoVariants.cjs +60 -0
  2. package/dist/automated-config/dist/generated/autoVariants.d.cts +14 -0
  3. package/dist/automated-config/dist/generated/autoVariants.d.ts +14 -0
  4. package/dist/automated-config/dist/generated/autoVariants.js +60 -0
  5. package/dist/automated-config/dist/generated/generatedConfigs.cjs +5169 -495
  6. package/dist/automated-config/dist/generated/generatedConfigs.d.cts +526 -1
  7. package/dist/automated-config/dist/generated/generatedConfigs.d.ts +526 -1
  8. package/dist/automated-config/dist/generated/generatedConfigs.js +5167 -496
  9. package/dist/automated-config/dist/generated/universalTokensConfigAuto.cjs +2558 -1490
  10. package/dist/automated-config/dist/generated/universalTokensConfigAuto.d.cts +4 -1
  11. package/dist/automated-config/dist/generated/universalTokensConfigAuto.d.ts +4 -1
  12. package/dist/automated-config/dist/generated/universalTokensConfigAuto.js +2558 -1490
  13. package/dist/automated-config/dist/properties.cjs +12 -0
  14. package/dist/automated-config/dist/properties.d.cts +4 -0
  15. package/dist/automated-config/dist/properties.d.ts +4 -0
  16. package/dist/automated-config/dist/properties.js +12 -0
  17. package/dist/automated-config/dist/utils/getConfigVariantProperties.d.cts +2 -2
  18. package/dist/automated-config/dist/utils/getConfigVariantProperties.d.ts +2 -2
  19. package/dist/automated-config/dist/utils/index.cjs +103 -6
  20. package/dist/automated-config/dist/utils/index.js +103 -6
  21. package/dist/components/Banner/Banner.cjs +167 -0
  22. package/dist/components/Banner/Banner.d.cts +56 -0
  23. package/dist/components/Banner/Banner.d.ts +56 -0
  24. package/dist/components/Banner/Banner.js +165 -0
  25. package/dist/components/Banner/BannerContent.cjs +20 -0
  26. package/dist/components/Banner/BannerContent.d.cts +13 -0
  27. package/dist/components/Banner/BannerContent.d.ts +13 -0
  28. package/dist/components/Banner/BannerContent.js +18 -0
  29. package/dist/components/Banner/BannerDescription.cjs +47 -0
  30. package/dist/components/Banner/BannerDescription.d.cts +36 -0
  31. package/dist/components/Banner/BannerDescription.d.ts +36 -0
  32. package/dist/components/Banner/BannerDescription.js +45 -0
  33. package/dist/components/Banner/BannerTitle.cjs +42 -0
  34. package/dist/components/Banner/BannerTitle.d.cts +34 -0
  35. package/dist/components/Banner/BannerTitle.d.ts +34 -0
  36. package/dist/components/Banner/BannerTitle.js +40 -0
  37. package/dist/components/Banner/index.cjs +11 -0
  38. package/dist/components/Banner/index.d.cts +6 -0
  39. package/dist/components/Banner/index.d.ts +6 -0
  40. package/dist/components/Banner/index.js +7 -0
  41. package/dist/components/Banner/utils.cjs +56 -0
  42. package/dist/components/Banner/utils.d.cts +26 -0
  43. package/dist/components/Banner/utils.d.ts +26 -0
  44. package/dist/components/Banner/utils.js +52 -0
  45. package/dist/components/Divider/DividerCore.cjs +1 -1
  46. package/dist/components/Divider/DividerCore.js +1 -1
  47. package/dist/components/client/Avatar/AvatarIcon.cjs +2 -2
  48. package/dist/components/client/Avatar/AvatarIcon.js +2 -2
  49. package/dist/components/client/Avatar/AvatarText.cjs +1 -1
  50. package/dist/components/client/Avatar/AvatarText.js +1 -1
  51. package/dist/components/client/Badge.cjs +1 -1
  52. package/dist/components/client/Badge.js +1 -1
  53. package/dist/components/client/BottomSheet/BottomSheetHeader.cjs +1 -1
  54. package/dist/components/client/BottomSheet/BottomSheetHeader.js +1 -1
  55. package/dist/components/client/Button.cjs +1 -1
  56. package/dist/components/client/Button.js +1 -1
  57. package/dist/components/client/Checkbox.cjs +2 -2
  58. package/dist/components/client/Checkbox.js +2 -2
  59. package/dist/components/client/Chip/ChipBase.cjs +2 -2
  60. package/dist/components/client/Chip/ChipBase.js +2 -2
  61. package/dist/components/client/Chip/ChipDismissible.cjs +2 -2
  62. package/dist/components/client/Chip/ChipDismissible.js +2 -2
  63. package/dist/components/client/IconButton.cjs +1 -1
  64. package/dist/components/client/IconButton.js +1 -1
  65. package/dist/components/client/Input/Input.cjs +1 -1
  66. package/dist/components/client/Input/Input.js +1 -1
  67. package/dist/components/client/Input/InputHelpTextInternal.cjs +1 -1
  68. package/dist/components/client/Input/InputHelpTextInternal.js +1 -1
  69. package/dist/components/client/Menu/Menu.ItemBase.cjs +2 -2
  70. package/dist/components/client/Menu/Menu.ItemBase.js +2 -2
  71. package/dist/components/client/Menu/Menu.ItemCheckbox.cjs +1 -1
  72. package/dist/components/client/Menu/Menu.ItemCheckbox.d.cts +1 -1
  73. package/dist/components/client/Menu/Menu.ItemCheckbox.d.ts +1 -1
  74. package/dist/components/client/Menu/Menu.ItemCheckbox.js +1 -1
  75. package/dist/components/client/Popover/PopoverContent.cjs +3 -3
  76. package/dist/components/client/Popover/PopoverContent.js +3 -3
  77. package/dist/components/client/Popover/UDSPopoverConfigProvider.d.cts +1 -1
  78. package/dist/components/client/Popover/UDSPopoverConfigProvider.d.ts +1 -1
  79. package/dist/components/client/Switch.cjs +1 -1
  80. package/dist/components/client/Switch.js +1 -1
  81. package/dist/components/client/Tabs/Tab.cjs +80 -0
  82. package/dist/components/client/Tabs/Tab.d.cts +20 -0
  83. package/dist/components/client/Tabs/Tab.d.ts +21 -0
  84. package/dist/components/client/Tabs/Tab.js +78 -0
  85. package/dist/components/client/Tabs/TabList.cjs +132 -0
  86. package/dist/components/client/Tabs/TabList.d.cts +9 -0
  87. package/dist/components/client/Tabs/TabList.d.ts +10 -0
  88. package/dist/components/client/Tabs/TabList.js +130 -0
  89. package/dist/components/client/Tabs/TabPanel.cjs +22 -0
  90. package/dist/components/client/Tabs/TabPanel.d.cts +9 -0
  91. package/dist/components/client/Tabs/TabPanel.d.ts +10 -0
  92. package/dist/components/client/Tabs/TabPanel.js +20 -0
  93. package/dist/components/client/Tabs/Tabs.cjs +53 -0
  94. package/dist/components/client/Tabs/Tabs.d.cts +45 -0
  95. package/dist/components/client/Tabs/Tabs.d.ts +46 -0
  96. package/dist/components/client/Tabs/Tabs.js +51 -0
  97. package/dist/components/client/Tabs/index.cjs +12 -0
  98. package/dist/components/client/Tabs/index.d.cts +7 -0
  99. package/dist/components/client/Tabs/index.d.ts +8 -0
  100. package/dist/components/client/Tabs/index.js +8 -0
  101. package/dist/components/client/Tabs/tabsContext.cjs +18 -0
  102. package/dist/components/client/Tabs/tabsContext.d.cts +15 -0
  103. package/dist/components/client/Tabs/tabsContext.d.ts +16 -0
  104. package/dist/components/client/Tabs/tabsContext.js +15 -0
  105. package/dist/components/client/Toast/Toast.cjs +3 -3
  106. package/dist/components/client/Toast/Toast.js +3 -3
  107. package/dist/components/client/Toast/UDSToastConfigProvider.d.cts +5 -5
  108. package/dist/components/client/Toast/UDSToastConfigProvider.d.ts +5 -5
  109. package/dist/components/client/Tooltip/TooltipContent.cjs +2 -2
  110. package/dist/components/client/Tooltip/TooltipContent.js +2 -2
  111. package/dist/components/client/index.cjs +9 -1
  112. package/dist/components/client/index.d.cts +7 -1
  113. package/dist/components/client/index.d.ts +7 -1
  114. package/dist/components/client/index.js +6 -2
  115. package/dist/components/experimental/Spinner.cjs +1 -1
  116. package/dist/components/experimental/Spinner.js +1 -1
  117. package/dist/components/experimental/Table.cjs +1 -1
  118. package/dist/components/experimental/Table.js +1 -1
  119. package/dist/components/experimental/client/Accordion.cjs +4 -4
  120. package/dist/components/experimental/client/Accordion.js +4 -4
  121. package/dist/components/experimental/client/Modal.cjs +2 -2
  122. package/dist/components/experimental/client/Modal.js +2 -2
  123. package/dist/components/experimental/client/SegmentedControl.cjs +3 -3
  124. package/dist/components/experimental/client/SegmentedControl.js +3 -3
  125. package/dist/components/experimental/client/SwitchV2.cjs +1 -1
  126. package/dist/components/experimental/client/SwitchV2.js +1 -1
  127. package/dist/components/experimental/client/index.cjs +0 -5
  128. package/dist/components/experimental/client/index.d.cts +1 -2
  129. package/dist/components/experimental/client/index.d.ts +1 -2
  130. package/dist/components/experimental/client/index.js +1 -2
  131. package/dist/components/experimental/index.cjs +0 -9
  132. package/dist/components/experimental/index.d.cts +1 -2
  133. package/dist/components/experimental/index.d.ts +1 -2
  134. package/dist/components/experimental/index.js +1 -6
  135. package/dist/components/index.cjs +27 -3
  136. package/dist/components/index.d.cts +11 -1
  137. package/dist/components/index.d.ts +11 -1
  138. package/dist/components/index.js +20 -4
  139. package/dist/config/dist/index.cjs +1496 -339
  140. package/dist/config/dist/index.js +1496 -339
  141. package/dist/index.cjs +22 -3
  142. package/dist/index.d.cts +12 -3
  143. package/dist/index.d.ts +12 -3
  144. package/dist/index.js +13 -5
  145. package/dist/styles/styler.d.cts +107 -93
  146. package/dist/styles/styler.d.ts +107 -93
  147. package/dist/styles/variants.d.cts +74 -0
  148. package/dist/styles/variants.d.ts +74 -0
  149. package/dist/tailwind/dist/automated-config/dist/generated/autoVariants.cjs +60 -0
  150. package/dist/tailwind/dist/automated-config/dist/generated/autoVariants.js +60 -0
  151. package/dist/tailwind/dist/automated-config/dist/generated/autoVariants.js.map +1 -1
  152. package/dist/tailwind/dist/automated-config/dist/generated/generatedConfigs.cjs +5169 -495
  153. package/dist/tailwind/dist/automated-config/dist/generated/generatedConfigs.js +5167 -496
  154. package/dist/tailwind/dist/automated-config/dist/generated/generatedConfigs.js.map +1 -1
  155. package/dist/tailwind/dist/automated-config/dist/properties.cjs +12 -0
  156. package/dist/tailwind/dist/automated-config/dist/properties.js +12 -0
  157. package/dist/tailwind/dist/automated-config/dist/properties.js.map +1 -1
  158. package/dist/tailwind/dist/automated-config/dist/utils/index.cjs +103 -6
  159. package/dist/tailwind/dist/automated-config/dist/utils/index.js +103 -6
  160. package/dist/tailwind/dist/automated-config/dist/utils/index.js.map +1 -1
  161. package/dist/tailwind/dist/config/dist/index.cjs +1496 -339
  162. package/dist/tailwind/dist/config/dist/index.js +1496 -339
  163. package/dist/tailwind/dist/config/dist/index.js.map +1 -1
  164. package/dist/tailwind/dist/css/utils.cjs +3 -1
  165. package/dist/tailwind/dist/css/utils.js +3 -1
  166. package/dist/tailwind/dist/css/utils.js.map +1 -1
  167. package/dist/tailwind/dist/purger/optimized/utils/componentAnalyzer.cjs +36 -2
  168. package/dist/tailwind/dist/purger/optimized/utils/componentAnalyzer.js +36 -2
  169. package/dist/tailwind/dist/purger/optimized/utils/componentAnalyzer.js.map +1 -1
  170. package/dist/tailwind/dist/tailwind/plugins/components.cjs +3 -0
  171. package/dist/tailwind/dist/tailwind/plugins/components.js +4 -1
  172. package/dist/tailwind/dist/tailwind/plugins/components.js.map +1 -1
  173. package/dist/tailwind/dist/tailwind/utils/getShadowStyles.d.cts +4 -4
  174. package/dist/tailwind/dist/tailwind/utils/getShadowStyles.d.ts +4 -4
  175. package/dist/tailwind/dist/types/dist/index.d.cts.map +1 -1
  176. package/dist/tailwind/dist/types/dist/index.d.ts.map +1 -1
  177. package/dist/tokens/automation/configs/index.cjs +3 -0
  178. package/dist/tokens/automation/configs/index.d.cts +2 -2
  179. package/dist/tokens/automation/configs/index.d.ts +2 -2
  180. package/dist/tokens/automation/configs/index.js +2 -2
  181. package/dist/tokens/automation/index.cjs +3 -0
  182. package/dist/tokens/automation/index.d.cts +2 -2
  183. package/dist/tokens/automation/index.d.ts +2 -2
  184. package/dist/tokens/automation/index.js +2 -2
  185. package/dist/tokens/index.cjs +3 -0
  186. package/dist/tokens/index.d.cts +3 -3
  187. package/dist/tokens/index.d.ts +3 -3
  188. package/dist/tokens/index.js +2 -2
  189. package/dist/tokens/types.d.cts +2 -2
  190. package/dist/tokens/types.d.ts +2 -2
  191. package/dist/types/dist/index.d.cts +70 -1
  192. package/dist/types/dist/index.d.ts +70 -1
  193. package/dist/uds/generated/componentData.cjs +1030 -774
  194. package/dist/uds/generated/componentData.js +893 -679
  195. package/dist/uds/generated/tailwindPurge.cjs +41 -43
  196. package/dist/uds/generated/tailwindPurge.js +41 -43
  197. package/generated/componentData.json +1693 -1432
  198. package/generated/tailwindPurge.ts +4 -4
  199. package/package.json +1 -1
  200. package/dist/components/experimental/client/Tabs.cjs +0 -76
  201. package/dist/components/experimental/client/Tabs.d.cts +0 -31
  202. package/dist/components/experimental/client/Tabs.d.ts +0 -32
  203. package/dist/components/experimental/client/Tabs.js +0 -71
@@ -233,6 +233,127 @@ var VStack = {
233
233
  "runtimeConfigInternalComponentProps": {},
234
234
  "motionVarPrefixes": []
235
235
  };
236
+ var Banner = {
237
+ "name": "Banner",
238
+ "defaultProps": {
239
+ "variant": "primary",
240
+ "size": "default",
241
+ "dismissAriaLabel": "Dismiss"
242
+ },
243
+ "getStylesLiterals": {
244
+ "className": "truncate",
245
+ "className:1": "line-clamp-3",
246
+ "spacing": "2",
247
+ "borderRadius": "full"
248
+ },
249
+ "cxLiterals": [
250
+ "flex",
251
+ "flex-row",
252
+ "items-center",
253
+ "items-start",
254
+ "min-w-[300px]",
255
+ "shadow-[inset_0px_-20px_20px_-10px_rgba(31,31,31,0.05)]",
256
+ "transition-[background-color]",
257
+ "motion-safe:duration-120",
258
+ "bg-carbon-15/0",
259
+ "hover:bg-carbon-15/10",
260
+ "active:bg-carbon-15/15",
261
+ "uds-ring",
262
+ "shrink-0",
263
+ "self-start",
264
+ "flex-1",
265
+ "min-w-0",
266
+ "flex-col",
267
+ "gap-[inherit]",
268
+ "uds-sm:flex-row",
269
+ "uds-sm:items-center",
270
+ "self-stretch",
271
+ "gap-0.5",
272
+ "w-full",
273
+ "truncate",
274
+ "leading-none",
275
+ "line-clamp-3",
276
+ "gap-1.5",
277
+ "uds-sm:self-center",
278
+ "uds-sm:shrink-0"
279
+ ],
280
+ "internalComponents": [
281
+ "IconSlot",
282
+ "Text",
283
+ "Pressable"
284
+ ],
285
+ "internalComponentProps": {
286
+ "IconSlot": { "data-testid": ["banner-start-icon"] },
287
+ "Text": { "data-testid": ["banner-title", "banner-description"] },
288
+ "Pressable": { "data-testid": ["banner-dismiss"] }
289
+ },
290
+ "propToVariantKeys": {
291
+ "variant": ["bannerVariantRoot", "bannerVariantIcon"],
292
+ "size": [
293
+ "bannerSizeRoot",
294
+ "bannerSizeIcon",
295
+ "bannerSizeTitle",
296
+ "bannerSizeDescription",
297
+ "bannerSizeClose"
298
+ ],
299
+ "startIcon": ["icon"],
300
+ "dismissAriaLabel": ["aria-label"],
301
+ "onDismiss": ["onClick"]
302
+ },
303
+ "runtimeConfigDefaultProps": {},
304
+ "runtimeConfigGetStyles": {},
305
+ "runtimeConfigInternalComponentProps": {},
306
+ "motionVarPrefixes": []
307
+ };
308
+ var BannerContent = {
309
+ "name": "BannerContent",
310
+ "defaultProps": {},
311
+ "getStylesLiterals": {},
312
+ "cxLiterals": [
313
+ "flex",
314
+ "flex-col",
315
+ "items-start",
316
+ "self-stretch",
317
+ "flex-1",
318
+ "min-w-0"
319
+ ],
320
+ "internalComponents": [],
321
+ "internalComponentProps": {},
322
+ "propToVariantKeys": {},
323
+ "runtimeConfigDefaultProps": {},
324
+ "runtimeConfigGetStyles": {},
325
+ "runtimeConfigInternalComponentProps": {},
326
+ "motionVarPrefixes": []
327
+ };
328
+ var BannerDescription = {
329
+ "name": "BannerDescription",
330
+ "defaultProps": {},
331
+ "getStylesLiterals": {
332
+ "bannerSizeDescription": "default",
333
+ "className": "w-full line-clamp-3"
334
+ },
335
+ "cxLiterals": [],
336
+ "internalComponents": ["Text"],
337
+ "internalComponentProps": {},
338
+ "propToVariantKeys": {},
339
+ "runtimeConfigDefaultProps": {},
340
+ "runtimeConfigGetStyles": {},
341
+ "runtimeConfigInternalComponentProps": {},
342
+ "motionVarPrefixes": []
343
+ };
344
+ var BannerTitle = {
345
+ "name": "BannerTitle",
346
+ "defaultProps": {},
347
+ "getStylesLiterals": { "bannerSizeTitle": "default" },
348
+ "cxLiterals": ["w-full", "truncate"],
349
+ "internalComponents": ["Text"],
350
+ "internalComponentProps": {},
351
+ "propToVariantKeys": {},
352
+ "runtimeConfigDefaultProps": {},
353
+ "runtimeConfigGetStyles": {},
354
+ "runtimeConfigInternalComponentProps": {},
355
+ "motionVarPrefixes": []
356
+ };
236
357
  var Divider = {
237
358
  "name": "Divider",
238
359
  "defaultProps": {},
@@ -295,6 +416,74 @@ var DividerInternal = {
295
416
  "runtimeConfigInternalComponentProps": {},
296
417
  "motionVarPrefixes": []
297
418
  };
419
+ var Spinner = {
420
+ "name": "Spinner",
421
+ "defaultProps": {
422
+ "color": "primary",
423
+ "size": "lg"
424
+ },
425
+ "getStylesLiterals": {},
426
+ "cxLiterals": [
427
+ "self-center",
428
+ "relative",
429
+ "sr-only"
430
+ ],
431
+ "internalComponents": ["Icon"],
432
+ "internalComponentProps": { "Icon": {
433
+ "role": ["img"],
434
+ "className": ["animate-spin"],
435
+ "aria-hidden": ["true"]
436
+ } },
437
+ "propToVariantKeys": {},
438
+ "runtimeConfigDefaultProps": {},
439
+ "runtimeConfigGetStyles": {},
440
+ "runtimeConfigInternalComponentProps": {},
441
+ "motionVarPrefixes": []
442
+ };
443
+ var Table_mocks = {
444
+ "name": "Table.mocks",
445
+ "defaultProps": {},
446
+ "getStylesLiterals": {},
447
+ "cxLiterals": [],
448
+ "internalComponents": [],
449
+ "internalComponentProps": {},
450
+ "propToVariantKeys": {},
451
+ "runtimeConfigDefaultProps": {},
452
+ "runtimeConfigGetStyles": {},
453
+ "runtimeConfigInternalComponentProps": {},
454
+ "motionVarPrefixes": []
455
+ };
456
+ var Table = {
457
+ "name": "Table",
458
+ "defaultProps": {
459
+ "display": "table-cell",
460
+ "overflow": "hidden",
461
+ "borderColor": "muted",
462
+ "borderRadius": "md",
463
+ "spacing": "3",
464
+ "borderBottomColor": "muted",
465
+ "borderBottomWidth": "thin",
466
+ "color": "primary"
467
+ },
468
+ "getStylesLiterals": { "textAlign": "start" },
469
+ "cxLiterals": [],
470
+ "internalComponents": [
471
+ "CellComponent",
472
+ "Box",
473
+ "Text",
474
+ "Table.Root",
475
+ "Table.Header",
476
+ "Table.Row",
477
+ "Table.Cell",
478
+ "Table.Body"
479
+ ],
480
+ "internalComponentProps": { "Table.Cell": { "asHeaderCell": ["column"] } },
481
+ "propToVariantKeys": {},
482
+ "runtimeConfigDefaultProps": {},
483
+ "runtimeConfigGetStyles": {},
484
+ "runtimeConfigInternalComponentProps": {},
485
+ "motionVarPrefixes": []
486
+ };
298
487
  var AnimateHeightChange = {
299
488
  "name": "AnimateHeightChange",
300
489
  "defaultProps": {},
@@ -632,80 +821,63 @@ var Switch = {
632
821
  "runtimeConfigInternalComponentProps": {},
633
822
  "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
634
823
  };
635
- var Spinner = {
636
- "name": "Spinner",
824
+ var Accordion = {
825
+ "name": "Accordion",
637
826
  "defaultProps": {
638
- "color": "primary",
639
- "size": "lg"
827
+ "spacingHorizontal": "4",
828
+ "spacingVertical": "4"
640
829
  },
641
830
  "getStylesLiterals": {},
642
- "cxLiterals": [
643
- "self-center",
644
- "relative",
645
- "sr-only"
646
- ],
647
- "internalComponents": ["Icon"],
648
- "internalComponentProps": { "Icon": {
649
- "role": ["img"],
650
- "className": ["animate-spin"],
651
- "aria-hidden": ["true"]
652
- } },
653
- "propToVariantKeys": {},
654
- "runtimeConfigDefaultProps": {},
655
- "runtimeConfigGetStyles": {},
656
- "runtimeConfigInternalComponentProps": {},
657
- "motionVarPrefixes": []
658
- };
659
- var Table_mocks = {
660
- "name": "Table.mocks",
661
- "defaultProps": {},
662
- "getStylesLiterals": {},
663
- "cxLiterals": [],
664
- "internalComponents": [],
665
- "internalComponentProps": {},
666
- "propToVariantKeys": {},
667
- "runtimeConfigDefaultProps": {},
668
- "runtimeConfigGetStyles": {},
669
- "runtimeConfigInternalComponentProps": {},
670
- "motionVarPrefixes": []
671
- };
672
- var Table = {
673
- "name": "Table",
674
- "defaultProps": {
675
- "display": "table-cell",
676
- "overflow": "hidden",
677
- "borderColor": "muted",
678
- "borderRadius": "md",
679
- "spacing": "3",
680
- "borderBottomColor": "muted",
681
- "borderBottomWidth": "thin",
682
- "color": "primary"
683
- },
684
- "getStylesLiterals": { "textAlign": "start" },
685
- "cxLiterals": [],
831
+ "cxLiterals": ["hover:bg-secondary/80", "w-full"],
686
832
  "internalComponents": [
687
- "CellComponent",
688
- "Box",
833
+ "Icon",
834
+ "SpringMotionConfig",
835
+ "Pressable",
689
836
  "Text",
690
- "Table.Root",
691
- "Table.Header",
692
- "Table.Row",
693
- "Table.Cell",
694
- "Table.Body"
837
+ "HStack",
838
+ "AnimatePresence",
839
+ "VStack"
695
840
  ],
696
- "internalComponentProps": { "Table.Cell": { "asHeaderCell": ["column"] } },
841
+ "internalComponentProps": {
842
+ "Icon": {
843
+ "variant": ["fill"],
844
+ "size": ["sm"],
845
+ "color": ["primary"]
846
+ },
847
+ "SpringMotionConfig": {
848
+ "layoutVariant": ["smooth"],
849
+ "layoutSpeed": ["3"]
850
+ },
851
+ "Pressable": {
852
+ "display": ["flex"],
853
+ "flexDirection": ["row"],
854
+ "alignItems": ["center"],
855
+ "justifyContent": ["space-between"],
856
+ "borderRadius": ["md"]
857
+ },
858
+ "Text": {
859
+ "variant": ["title4"],
860
+ "color": ["primary"]
861
+ },
862
+ "HStack": {
863
+ "display": ["flex"],
864
+ "alignItems": ["center"],
865
+ "justifyContent": ["space-between"],
866
+ "columnGap": ["2.5"]
867
+ }
868
+ },
697
869
  "propToVariantKeys": {},
698
870
  "runtimeConfigDefaultProps": {},
699
871
  "runtimeConfigGetStyles": {},
700
872
  "runtimeConfigInternalComponentProps": {},
701
- "motionVarPrefixes": []
873
+ "motionVarPrefixes": ["--uds-motion-smooth-3-"]
702
874
  };
703
- var Avatar = {
704
- "name": "Avatar",
875
+ var AvoidMotionLibraryProvider = {
876
+ "name": "AvoidMotionLibraryProvider",
705
877
  "defaultProps": {},
706
878
  "getStylesLiterals": {},
707
879
  "cxLiterals": [],
708
- "internalComponents": ["AvatarImage"],
880
+ "internalComponents": [],
709
881
  "internalComponentProps": {},
710
882
  "propToVariantKeys": {},
711
883
  "runtimeConfigDefaultProps": {},
@@ -713,16 +885,245 @@ var Avatar = {
713
885
  "runtimeConfigInternalComponentProps": {},
714
886
  "motionVarPrefixes": []
715
887
  };
716
- var AvatarIcon = {
717
- "name": "AvatarIcon",
718
- "defaultProps": {
719
- "size": "md",
720
- "variant": "primary"
721
- },
888
+ var Modal = {
889
+ "name": "Modal",
890
+ "defaultProps": {},
722
891
  "getStylesLiterals": {},
723
892
  "cxLiterals": [
724
- "overflow-hidden",
725
- "w-full",
893
+ "inset-8",
894
+ "top-[250px]",
895
+ "z-50",
896
+ "mx-auto",
897
+ "h-fit",
898
+ "w-[600px]",
899
+ "origin-center",
900
+ "scale-95",
901
+ "opacity-0",
902
+ "transition",
903
+ "duration-150",
904
+ "data-[enter]:scale-100",
905
+ "data-[enter]:opacity-100",
906
+ "data-[enter]:bg-primary",
907
+ "backdrop-blur-0",
908
+ "data-[enter]:opacity-60",
909
+ "data-[enter]:backdrop-blur-sm"
910
+ ],
911
+ "internalComponents": [
912
+ "IconButton",
913
+ "Dialog",
914
+ "HStack",
915
+ "Text",
916
+ "VStack"
917
+ ],
918
+ "internalComponentProps": {
919
+ "IconButton": {
920
+ "aria-label": ["Close"],
921
+ "size": ["sm"],
922
+ "variant": ["tertiary"]
923
+ },
924
+ "HStack": {
925
+ "alignItems": ["center"],
926
+ "justifyContent": ["space-between"]
927
+ },
928
+ "Text": {
929
+ "variant": ["headline1"],
930
+ "color": ["primary"]
931
+ },
932
+ "VStack": {
933
+ "borderRadius": ["md"],
934
+ "position": ["fixed"],
935
+ "backgroundColor": ["primary"],
936
+ "dropShadow": ["md"],
937
+ "spacing": ["8"],
938
+ "overflow": ["hidden"]
939
+ }
940
+ },
941
+ "propToVariantKeys": { "handleClose": ["onClick"] },
942
+ "runtimeConfigDefaultProps": {},
943
+ "runtimeConfigGetStyles": {},
944
+ "runtimeConfigInternalComponentProps": {},
945
+ "motionVarPrefixes": []
946
+ };
947
+ var SegmentedControl = {
948
+ "name": "SegmentedControl",
949
+ "defaultProps": { "textVariant": "label2" },
950
+ "getStylesLiterals": {
951
+ "display": "flex",
952
+ "alignItems": "center",
953
+ "backgroundColor": "primary",
954
+ "spacingVertical": "1",
955
+ "spacingHorizontal": "3",
956
+ "columnGap": "1.5",
957
+ "borderWidth": "thin",
958
+ "borderRadius": "full",
959
+ "borderColor": "muted",
960
+ "borderColor:1": "transparent",
961
+ "color": "primary",
962
+ "color:1": "tertiary",
963
+ "color:2": "muted"
964
+ },
965
+ "cxLiterals": [
966
+ "uds-ring",
967
+ "cursor-not-allowed",
968
+ "opacity-50",
969
+ "pointer-events-none",
970
+ "hover:bg-primary"
971
+ ],
972
+ "internalComponents": [
973
+ "TextVariant",
974
+ "Radio",
975
+ "Icon",
976
+ "RadioProvider",
977
+ "HStack",
978
+ "RadioGroup",
979
+ "Pressable",
980
+ "Text"
981
+ ],
982
+ "internalComponentProps": {
983
+ "Icon": {
984
+ "size": ["sm"],
985
+ "color": ["current"],
986
+ "aria-hidden": ["true"]
987
+ },
988
+ "HStack": {
989
+ "spacing": ["1"],
990
+ "gap": ["1"],
991
+ "backgroundColor": ["secondary"],
992
+ "borderRadius": ["full"],
993
+ "display": ["inline-flex"]
994
+ },
995
+ "Text": { "color": ["current"] }
996
+ },
997
+ "propToVariantKeys": {
998
+ "value": ["key"],
999
+ "label": ["aria-label"],
1000
+ "textVariant": ["variant"]
1001
+ },
1002
+ "runtimeConfigDefaultProps": {},
1003
+ "runtimeConfigGetStyles": {},
1004
+ "runtimeConfigInternalComponentProps": {},
1005
+ "motionVarPrefixes": []
1006
+ };
1007
+ var SwitchV2 = {
1008
+ "name": "SwitchV2",
1009
+ "defaultProps": {
1010
+ "labelPosition": "start",
1011
+ "size": "md"
1012
+ },
1013
+ "getStylesLiterals": {
1014
+ "switchVariantRoot": "default",
1015
+ "switchVariantActiveRoot": "on",
1016
+ "switchVariantActiveRoot:1": "off",
1017
+ "switchVariantSwitch": "default",
1018
+ "switchVariantActiveSwitch": "on",
1019
+ "switchVariantActiveSwitch:1": "off",
1020
+ "switchVariantActiveHandle": "on",
1021
+ "switchVariantActiveHandle:1": "off",
1022
+ "switchVariantHandle": "default",
1023
+ "switchVariantHandleIcon": "default",
1024
+ "switchVariantActiveHandleIcon": "on",
1025
+ "switchVariantActiveHandleIcon:1": "off"
1026
+ },
1027
+ "cxLiterals": [
1028
+ "group",
1029
+ "flex",
1030
+ "items-center",
1031
+ "flex-row",
1032
+ "flex-row-reverse",
1033
+ "uds-ring",
1034
+ "uds-ring-within",
1035
+ "relative",
1036
+ "uds-border-radius-full",
1037
+ "transition-[background-color,box-shadow]",
1038
+ "pointer-events-none",
1039
+ "w-full",
1040
+ "h-full",
1041
+ "absolute",
1042
+ "top-0",
1043
+ "bottom-0",
1044
+ "right-0",
1045
+ "left-0",
1046
+ "overflow-hidden",
1047
+ "group-hover:scale-105",
1048
+ "opacity-95",
1049
+ "group-hover:opacity-100",
1050
+ "transition-[transform,opacity]",
1051
+ "opacity-0",
1052
+ "top-1/2",
1053
+ "left-1/2",
1054
+ "transform",
1055
+ "translate-x-[-50%]",
1056
+ "translate-y-[-50%]",
1057
+ "transition-opacity",
1058
+ "cursor-[inherit]",
1059
+ "w-[calc(100%+2px)]",
1060
+ "h-[calc(100%+2px)]",
1061
+ "text-start",
1062
+ "text-end",
1063
+ "opacity-100"
1064
+ ],
1065
+ "internalComponents": [
1066
+ "IconSlot",
1067
+ "Box",
1068
+ "FormLabel",
1069
+ "SpringMotionConfig",
1070
+ "RootElement",
1071
+ "MotionBox"
1072
+ ],
1073
+ "internalComponentProps": {
1074
+ "IconSlot": { "data-testid": ["on-icon", "off-icon"] },
1075
+ "FormLabel": {
1076
+ "as": ["div"],
1077
+ "variant": ["inherit"],
1078
+ "color": ["inherit"]
1079
+ },
1080
+ "SpringMotionConfig": {
1081
+ "layoutVariant": ["bouncy"],
1082
+ "layoutSpeed": ["4"]
1083
+ },
1084
+ "RootElement": { "data-testid": ["switch-root"] },
1085
+ "MotionBox": { "layout": ["position"] }
1086
+ },
1087
+ "propToVariantKeys": {
1088
+ "size": [
1089
+ "switchSizeRoot",
1090
+ "switchSizeSwitch",
1091
+ "switchSizeHandle",
1092
+ "switchSizeHandleIcon"
1093
+ ],
1094
+ "onIcon": ["icon"],
1095
+ "offIcon": ["icon"],
1096
+ "reduceMotion": ["reducedMotion"],
1097
+ "isOn": ["layoutDependency"]
1098
+ },
1099
+ "runtimeConfigDefaultProps": {},
1100
+ "runtimeConfigGetStyles": {},
1101
+ "runtimeConfigInternalComponentProps": {},
1102
+ "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
1103
+ };
1104
+ var Avatar = {
1105
+ "name": "Avatar",
1106
+ "defaultProps": {},
1107
+ "getStylesLiterals": {},
1108
+ "cxLiterals": [],
1109
+ "internalComponents": ["AvatarImage"],
1110
+ "internalComponentProps": {},
1111
+ "propToVariantKeys": {},
1112
+ "runtimeConfigDefaultProps": {},
1113
+ "runtimeConfigGetStyles": {},
1114
+ "runtimeConfigInternalComponentProps": {},
1115
+ "motionVarPrefixes": []
1116
+ };
1117
+ var AvatarIcon = {
1118
+ "name": "AvatarIcon",
1119
+ "defaultProps": {
1120
+ "size": "md",
1121
+ "variant": "primary"
1122
+ },
1123
+ "getStylesLiterals": {},
1124
+ "cxLiterals": [
1125
+ "overflow-hidden",
1126
+ "w-full",
726
1127
  "h-full",
727
1128
  "shrink-0",
728
1129
  "text-center",
@@ -1120,25 +1521,241 @@ var ChipToggle = {
1120
1521
  "runtimeConfigInternalComponentProps": {},
1121
1522
  "motionVarPrefixes": []
1122
1523
  };
1123
- var Input = {
1124
- "name": "Input",
1524
+ var Menu_Content = {
1525
+ "name": "Menu.Content",
1125
1526
  "defaultProps": {
1126
- "type": "text",
1127
- "size": "md",
1128
- "width": "full"
1527
+ "size": "default",
1528
+ "variant": "default",
1529
+ "gutter": "1"
1129
1530
  },
1130
- "getStylesLiterals": {
1131
- "inputVariantRoot": "default",
1132
- "inputVariantValueRoot": "empty",
1133
- "inputVariantValueRoot:1": "filled",
1134
- "inputVariantInputWrapper": "default",
1135
- "inputVariantValueInputWrapper": "empty",
1136
- "inputVariantValueInputWrapper:1": "filled",
1137
- "inputVariantInput": "default",
1138
- "inputVariantValueInput": "empty",
1139
- "inputVariantValueInput:1": "filled",
1140
- "inputVariantInputPlaceholder": "default",
1141
- "inputVariantValueInputPlaceholder": "empty",
1531
+ "getStylesLiterals": {},
1532
+ "cxLiterals": [
1533
+ "uds-menu-content",
1534
+ "transition-shadow",
1535
+ "duration-200",
1536
+ "ease-in-out",
1537
+ "min-w-60",
1538
+ "max-w-lg",
1539
+ "max-h-96",
1540
+ "overflow-auto",
1541
+ "uds-ring",
1542
+ "z-10",
1543
+ "group"
1544
+ ],
1545
+ "internalComponents": [
1546
+ "AriakitMenu",
1547
+ "AnimatePresence",
1548
+ "MotionVStack"
1549
+ ],
1550
+ "internalComponentProps": {},
1551
+ "propToVariantKeys": {
1552
+ "size": ["menucontentSizeRoot"],
1553
+ "variant": ["menucontentVariantRoot"]
1554
+ },
1555
+ "runtimeConfigDefaultProps": {},
1556
+ "runtimeConfigGetStyles": {},
1557
+ "runtimeConfigInternalComponentProps": {},
1558
+ "motionVarPrefixes": []
1559
+ };
1560
+ var Menu_Divider = {
1561
+ "name": "Menu.Divider",
1562
+ "defaultProps": {
1563
+ "role": "separator",
1564
+ "contentPosition": "start",
1565
+ "gap": "4"
1566
+ },
1567
+ "getStylesLiterals": {
1568
+ "menuitemDividerVariantRoot": "default",
1569
+ "menuitemDividerVariantText": "default",
1570
+ "menuitemDividerVariantLine": "default"
1571
+ },
1572
+ "cxLiterals": [],
1573
+ "internalComponents": ["DividerInternal"],
1574
+ "internalComponentProps": { "DividerInternal": { "variant": ["inherit"] } },
1575
+ "propToVariantKeys": {},
1576
+ "runtimeConfigDefaultProps": {},
1577
+ "runtimeConfigGetStyles": {},
1578
+ "runtimeConfigInternalComponentProps": {},
1579
+ "motionVarPrefixes": []
1580
+ };
1581
+ var Menu_Item = {
1582
+ "name": "Menu.Item",
1583
+ "defaultProps": {},
1584
+ "getStylesLiterals": {
1585
+ "menuitemItemVariantRoot": "default",
1586
+ "menuitemItemVariantActiveRoot": "on",
1587
+ "menuitemItemVariantActiveRoot:1": "off",
1588
+ "menuitemItemVariantText": "default",
1589
+ "menuitemItemVariantActiveText": "on",
1590
+ "menuitemItemVariantActiveText:1": "off",
1591
+ "menuitemItemVariantIcon": "default",
1592
+ "menuitemItemVariantActiveIcon": "on",
1593
+ "menuitemItemVariantActiveIcon:1": "off"
1594
+ },
1595
+ "cxLiterals": [],
1596
+ "internalComponents": ["MenuItemBase"],
1597
+ "internalComponentProps": {},
1598
+ "propToVariantKeys": {},
1599
+ "runtimeConfigDefaultProps": {},
1600
+ "runtimeConfigGetStyles": {},
1601
+ "runtimeConfigInternalComponentProps": {},
1602
+ "motionVarPrefixes": []
1603
+ };
1604
+ var Menu_ItemBase = {
1605
+ "name": "Menu.ItemBase",
1606
+ "defaultProps": {
1607
+ "spacing": "0",
1608
+ "spacingHorizontal": "4",
1609
+ "spacingVertical": "3.5",
1610
+ "columnGap": "2",
1611
+ "alignItems": "center",
1612
+ "justifyContent": "space-between"
1613
+ },
1614
+ "getStylesLiterals": {
1615
+ "textAlign": "start",
1616
+ "menuitemSizeRoot": "default",
1617
+ "flexDirection": "row",
1618
+ "menuitemSizeStartIcon": "default",
1619
+ "menuitemSizeEndIcon": "default"
1620
+ },
1621
+ "cxLiterals": [
1622
+ "flex",
1623
+ "focus-visible:text-brand",
1624
+ "focus-visible:bg-brand-secondary",
1625
+ "focus-visible:z-10",
1626
+ "uds-ring",
1627
+ "!-outline-offset-2",
1628
+ "[&:not([aria-checked])]:cursor-default",
1629
+ "opacity-25",
1630
+ "cursor-not-allowed",
1631
+ "duration-20",
1632
+ "transition-[font-variation-settings]",
1633
+ "ease-in-out",
1634
+ "z-0",
1635
+ "uds-start-icon",
1636
+ "uds-end-icon"
1637
+ ],
1638
+ "internalComponents": [
1639
+ "Pressable",
1640
+ "IconSlot",
1641
+ "RootComponent",
1642
+ "HStack",
1643
+ "AnimatePresence"
1644
+ ],
1645
+ "internalComponentProps": {
1646
+ "HStack": {
1647
+ "alignItems": ["center"],
1648
+ "width": ["full"]
1649
+ },
1650
+ "AnimatePresence": { "mode": ["popLayout"] }
1651
+ },
1652
+ "propToVariantKeys": {
1653
+ "startIcon": ["icon"],
1654
+ "endIcon": ["icon"],
1655
+ "columnGap": ["gap"]
1656
+ },
1657
+ "runtimeConfigDefaultProps": {},
1658
+ "runtimeConfigGetStyles": {},
1659
+ "runtimeConfigInternalComponentProps": {},
1660
+ "motionVarPrefixes": []
1661
+ };
1662
+ var Menu_ItemCheckbox = {
1663
+ "name": "Menu.ItemCheckbox",
1664
+ "defaultProps": {},
1665
+ "getStylesLiterals": {
1666
+ "menuitemItemCheckboxVariantRoot": "default",
1667
+ "menuitemItemCheckboxVariantActiveRoot": "on",
1668
+ "menuitemItemCheckboxVariantActiveRoot:1": "off",
1669
+ "menuitemItemCheckboxVariantText": "default",
1670
+ "menuitemItemCheckboxVariantActiveText": "on",
1671
+ "menuitemItemCheckboxVariantActiveText:1": "off",
1672
+ "menuitemItemCheckboxVariantStartIcon": "default",
1673
+ "menuitemItemCheckboxVariantActiveStartIcon": "on",
1674
+ "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
1675
+ "menuitemItemCheckboxVariantEndIcon": "default",
1676
+ "menuitemItemCheckboxVariantActiveEndIcon": "on",
1677
+ "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
1678
+ },
1679
+ "cxLiterals": ["uds-menu-item-checkbox"],
1680
+ "internalComponents": ["MenuItemBase"],
1681
+ "internalComponentProps": {},
1682
+ "propToVariantKeys": {},
1683
+ "runtimeConfigDefaultProps": {},
1684
+ "runtimeConfigGetStyles": {},
1685
+ "runtimeConfigInternalComponentProps": {},
1686
+ "motionVarPrefixes": []
1687
+ };
1688
+ var Menu_Provider = {
1689
+ "name": "Menu.Provider",
1690
+ "defaultProps": {},
1691
+ "getStylesLiterals": {},
1692
+ "cxLiterals": [],
1693
+ "internalComponents": ["AriakitMenuProvider", "SpringMotionConfig"],
1694
+ "internalComponentProps": {},
1695
+ "propToVariantKeys": {},
1696
+ "runtimeConfigDefaultProps": {},
1697
+ "runtimeConfigGetStyles": {},
1698
+ "runtimeConfigInternalComponentProps": {},
1699
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1700
+ };
1701
+ var Menu_Trigger = {
1702
+ "name": "Menu.Trigger",
1703
+ "defaultProps": {},
1704
+ "getStylesLiterals": {},
1705
+ "cxLiterals": ["uds-menu-trigger"],
1706
+ "internalComponents": ["AriakitMenuTrigger", "Box"],
1707
+ "internalComponentProps": { "Box": { "className": ["uds-ring h-fit w-fit"] } },
1708
+ "propToVariantKeys": {},
1709
+ "runtimeConfigDefaultProps": {},
1710
+ "runtimeConfigGetStyles": {},
1711
+ "runtimeConfigInternalComponentProps": {},
1712
+ "motionVarPrefixes": []
1713
+ };
1714
+ var Menu_index = {
1715
+ "name": "Menu.index",
1716
+ "defaultProps": {},
1717
+ "getStylesLiterals": {},
1718
+ "cxLiterals": [],
1719
+ "internalComponents": [],
1720
+ "internalComponentProps": {},
1721
+ "propToVariantKeys": {},
1722
+ "runtimeConfigDefaultProps": {},
1723
+ "runtimeConfigGetStyles": {},
1724
+ "runtimeConfigInternalComponentProps": {},
1725
+ "motionVarPrefixes": []
1726
+ };
1727
+ var Menu = {
1728
+ "name": "Menu",
1729
+ "defaultProps": {},
1730
+ "getStylesLiterals": {},
1731
+ "cxLiterals": [],
1732
+ "internalComponents": [],
1733
+ "internalComponentProps": {},
1734
+ "propToVariantKeys": {},
1735
+ "runtimeConfigDefaultProps": {},
1736
+ "runtimeConfigGetStyles": {},
1737
+ "runtimeConfigInternalComponentProps": {},
1738
+ "motionVarPrefixes": []
1739
+ };
1740
+ var Input = {
1741
+ "name": "Input",
1742
+ "defaultProps": {
1743
+ "type": "text",
1744
+ "size": "md",
1745
+ "width": "full"
1746
+ },
1747
+ "getStylesLiterals": {
1748
+ "inputVariantRoot": "default",
1749
+ "inputVariantValueRoot": "empty",
1750
+ "inputVariantValueRoot:1": "filled",
1751
+ "inputVariantInputWrapper": "default",
1752
+ "inputVariantValueInputWrapper": "empty",
1753
+ "inputVariantValueInputWrapper:1": "filled",
1754
+ "inputVariantInput": "default",
1755
+ "inputVariantValueInput": "empty",
1756
+ "inputVariantValueInput:1": "filled",
1757
+ "inputVariantInputPlaceholder": "default",
1758
+ "inputVariantValueInputPlaceholder": "empty",
1142
1759
  "inputVariantValueInputPlaceholder:1": "filled",
1143
1760
  "inputVariantLabel": "default",
1144
1761
  "inputVariantValueLabel": "empty",
@@ -1272,7 +1889,8 @@ var PopoverContent = {
1272
1889
  "popoverSizeRoot": "default",
1273
1890
  "popoverVariantRoot": "default",
1274
1891
  "display": "flex",
1275
- "position": "absolute",
1892
+ "position": "relative",
1893
+ "display:1": "block",
1276
1894
  "spacingTop": "0",
1277
1895
  "spacingStart": "0",
1278
1896
  "spacingBottom": "0",
@@ -1282,6 +1900,7 @@ var PopoverContent = {
1282
1900
  "popoverSizeSvgBorder": "default",
1283
1901
  "popoverVariantSvgBorder": "default",
1284
1902
  "popoverVariantBlur": "default",
1903
+ "position:1": "absolute",
1285
1904
  "width": "full",
1286
1905
  "height": "full",
1287
1906
  "flexShrink": "0",
@@ -1373,241 +1992,25 @@ var UDSPopoverConfigProvider = {
1373
1992
  "runtimeConfigInternalComponentProps": {},
1374
1993
  "motionVarPrefixes": []
1375
1994
  };
1376
- var Menu_Content = {
1377
- "name": "Menu.Content",
1995
+ var Radio = {
1996
+ "name": "Radio",
1378
1997
  "defaultProps": {
1379
- "size": "default",
1380
- "variant": "default",
1381
- "gutter": "1"
1382
- },
1383
- "getStylesLiterals": {},
1384
- "cxLiterals": [
1385
- "uds-menu-content",
1386
- "transition-shadow",
1387
- "duration-200",
1388
- "ease-in-out",
1389
- "min-w-60",
1390
- "max-w-lg",
1391
- "max-h-96",
1392
- "overflow-auto",
1393
- "uds-ring",
1394
- "z-10",
1395
- "group"
1396
- ],
1397
- "internalComponents": [
1398
- "AriakitMenu",
1399
- "AnimatePresence",
1400
- "MotionVStack"
1401
- ],
1402
- "internalComponentProps": {},
1403
- "propToVariantKeys": {
1404
- "size": ["menucontentSizeRoot"],
1405
- "variant": ["menucontentVariantRoot"]
1406
- },
1407
- "runtimeConfigDefaultProps": {},
1408
- "runtimeConfigGetStyles": {},
1409
- "runtimeConfigInternalComponentProps": {},
1410
- "motionVarPrefixes": []
1411
- };
1412
- var Menu_Divider = {
1413
- "name": "Menu.Divider",
1414
- "defaultProps": {
1415
- "role": "separator",
1416
- "contentPosition": "start",
1417
- "gap": "4"
1418
- },
1419
- "getStylesLiterals": {
1420
- "menuitemDividerVariantRoot": "default",
1421
- "menuitemDividerVariantText": "default",
1422
- "menuitemDividerVariantLine": "default"
1423
- },
1424
- "cxLiterals": [],
1425
- "internalComponents": ["DividerInternal"],
1426
- "internalComponentProps": { "DividerInternal": { "variant": ["inherit"] } },
1427
- "propToVariantKeys": {},
1428
- "runtimeConfigDefaultProps": {},
1429
- "runtimeConfigGetStyles": {},
1430
- "runtimeConfigInternalComponentProps": {},
1431
- "motionVarPrefixes": []
1432
- };
1433
- var Menu_Item = {
1434
- "name": "Menu.Item",
1435
- "defaultProps": {},
1436
- "getStylesLiterals": {
1437
- "menuitemItemVariantRoot": "default",
1438
- "menuitemItemVariantActiveRoot": "on",
1439
- "menuitemItemVariantActiveRoot:1": "off",
1440
- "menuitemItemVariantText": "default",
1441
- "menuitemItemVariantActiveText": "on",
1442
- "menuitemItemVariantActiveText:1": "off",
1443
- "menuitemItemVariantIcon": "default",
1444
- "menuitemItemVariantActiveIcon": "on",
1445
- "menuitemItemVariantActiveIcon:1": "off"
1446
- },
1447
- "cxLiterals": [],
1448
- "internalComponents": ["MenuItemBase"],
1449
- "internalComponentProps": {},
1450
- "propToVariantKeys": {},
1451
- "runtimeConfigDefaultProps": {},
1452
- "runtimeConfigGetStyles": {},
1453
- "runtimeConfigInternalComponentProps": {},
1454
- "motionVarPrefixes": []
1455
- };
1456
- var Menu_ItemBase = {
1457
- "name": "Menu.ItemBase",
1458
- "defaultProps": {
1459
- "spacing": "0",
1460
- "spacingHorizontal": "4",
1461
- "spacingVertical": "3.5",
1462
- "columnGap": "2",
1463
- "alignItems": "center",
1464
- "justifyContent": "space-between"
1465
- },
1466
- "getStylesLiterals": {
1467
- "textAlign": "start",
1468
- "menuitemSizeRoot": "default",
1469
- "flexDirection": "row",
1470
- "menuitemSizeStartIcon": "default",
1471
- "menuitemSizeEndIcon": "default"
1472
- },
1473
- "cxLiterals": [
1474
- "flex",
1475
- "focus-visible:text-brand",
1476
- "focus-visible:bg-brand-secondary",
1477
- "focus-visible:z-10",
1478
- "uds-ring",
1479
- "!-outline-offset-2",
1480
- "[&:not([aria-checked])]:cursor-default",
1481
- "opacity-25",
1482
- "cursor-not-allowed",
1483
- "duration-20",
1484
- "transition-[font-variation-settings]",
1485
- "ease-in-out",
1486
- "z-0",
1487
- "uds-start-icon",
1488
- "uds-end-icon"
1489
- ],
1490
- "internalComponents": [
1491
- "Pressable",
1492
- "IconSlot",
1493
- "RootComponent",
1494
- "HStack",
1495
- "AnimatePresence"
1496
- ],
1497
- "internalComponentProps": {
1498
- "HStack": {
1499
- "alignItems": ["center"],
1500
- "width": ["full"]
1501
- },
1502
- "AnimatePresence": { "mode": ["popLayout"] }
1503
- },
1504
- "propToVariantKeys": {
1505
- "startIcon": ["icon"],
1506
- "endIcon": ["icon"],
1507
- "columnGap": ["gap"]
1508
- },
1509
- "runtimeConfigDefaultProps": {},
1510
- "runtimeConfigGetStyles": {},
1511
- "runtimeConfigInternalComponentProps": {},
1512
- "motionVarPrefixes": []
1513
- };
1514
- var Menu_ItemCheckbox = {
1515
- "name": "Menu.ItemCheckbox",
1516
- "defaultProps": {},
1517
- "getStylesLiterals": {
1518
- "menuitemItemCheckboxVariantRoot": "default",
1519
- "menuitemItemCheckboxVariantActiveRoot": "on",
1520
- "menuitemItemCheckboxVariantActiveRoot:1": "off",
1521
- "menuitemItemCheckboxVariantText": "default",
1522
- "menuitemItemCheckboxVariantActiveText": "on",
1523
- "menuitemItemCheckboxVariantActiveText:1": "off",
1524
- "menuitemItemCheckboxVariantStartIcon": "default",
1525
- "menuitemItemCheckboxVariantActiveStartIcon": "on",
1526
- "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
1527
- "menuitemItemCheckboxVariantEndIcon": "default",
1528
- "menuitemItemCheckboxVariantActiveEndIcon": "on",
1529
- "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
1530
- },
1531
- "cxLiterals": ["uds-menu-item-checkbox"],
1532
- "internalComponents": ["MenuItemBase"],
1533
- "internalComponentProps": {},
1534
- "propToVariantKeys": {},
1535
- "runtimeConfigDefaultProps": {},
1536
- "runtimeConfigGetStyles": {},
1537
- "runtimeConfigInternalComponentProps": {},
1538
- "motionVarPrefixes": []
1539
- };
1540
- var Menu_Provider = {
1541
- "name": "Menu.Provider",
1542
- "defaultProps": {},
1543
- "getStylesLiterals": {},
1544
- "cxLiterals": [],
1545
- "internalComponents": ["AriakitMenuProvider", "SpringMotionConfig"],
1546
- "internalComponentProps": {},
1547
- "propToVariantKeys": {},
1548
- "runtimeConfigDefaultProps": {},
1549
- "runtimeConfigGetStyles": {},
1550
- "runtimeConfigInternalComponentProps": {},
1551
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1552
- };
1553
- var Menu_Trigger = {
1554
- "name": "Menu.Trigger",
1555
- "defaultProps": {},
1556
- "getStylesLiterals": {},
1557
- "cxLiterals": ["uds-menu-trigger"],
1558
- "internalComponents": ["AriakitMenuTrigger", "Box"],
1559
- "internalComponentProps": { "Box": { "className": ["uds-ring h-fit w-fit"] } },
1560
- "propToVariantKeys": {},
1561
- "runtimeConfigDefaultProps": {},
1562
- "runtimeConfigGetStyles": {},
1563
- "runtimeConfigInternalComponentProps": {},
1564
- "motionVarPrefixes": []
1565
- };
1566
- var Menu_index = {
1567
- "name": "Menu.index",
1568
- "defaultProps": {},
1569
- "getStylesLiterals": {},
1570
- "cxLiterals": [],
1571
- "internalComponents": [],
1572
- "internalComponentProps": {},
1573
- "propToVariantKeys": {},
1574
- "runtimeConfigDefaultProps": {},
1575
- "runtimeConfigGetStyles": {},
1576
- "runtimeConfigInternalComponentProps": {},
1577
- "motionVarPrefixes": []
1578
- };
1579
- var Menu = {
1580
- "name": "Menu",
1581
- "defaultProps": {},
1582
- "getStylesLiterals": {},
1583
- "cxLiterals": [],
1584
- "internalComponents": [],
1585
- "internalComponentProps": {},
1586
- "propToVariantKeys": {},
1587
- "runtimeConfigDefaultProps": {},
1588
- "runtimeConfigGetStyles": {},
1589
- "runtimeConfigInternalComponentProps": {},
1590
- "motionVarPrefixes": []
1591
- };
1592
- var Radio = {
1593
- "name": "Radio",
1594
- "defaultProps": {
1595
- "labelPosition": "start",
1596
- "variant": "primary",
1597
- "size": "md",
1598
- "value": ""
1599
- },
1600
- "getStylesLiterals": {
1601
- "radioVariantValueRoot": "checked",
1602
- "radioVariantValueRoot:1": "unchecked",
1603
- "display": "flex",
1604
- "flexDirection": "row",
1605
- "flexDirection:1": "row-reverse",
1606
- "alignItems": "center",
1607
- "radioVariantValueRadio": "checked",
1608
- "radioVariantValueRadio:1": "unchecked",
1609
- "radioVariantValueRadioCircle": "checked",
1610
- "radioVariantValueRadioCircle:1": "unchecked"
1998
+ "labelPosition": "start",
1999
+ "variant": "primary",
2000
+ "size": "md",
2001
+ "value": ""
2002
+ },
2003
+ "getStylesLiterals": {
2004
+ "radioVariantValueRoot": "checked",
2005
+ "radioVariantValueRoot:1": "unchecked",
2006
+ "display": "flex",
2007
+ "flexDirection": "row",
2008
+ "flexDirection:1": "row-reverse",
2009
+ "alignItems": "center",
2010
+ "radioVariantValueRadio": "checked",
2011
+ "radioVariantValueRadio:1": "unchecked",
2012
+ "radioVariantValueRadioCircle": "checked",
2013
+ "radioVariantValueRadioCircle:1": "unchecked"
1611
2014
  },
1612
2015
  "cxLiterals": [
1613
2016
  "cursor-pointer",
@@ -1702,26 +2105,156 @@ var RadioGroupStore = {
1702
2105
  "runtimeConfigInternalComponentProps": {},
1703
2106
  "motionVarPrefixes": []
1704
2107
  };
1705
- var Toast = {
1706
- "name": "Toast",
1707
- "defaultProps": {},
2108
+ var Tab = {
2109
+ "name": "Tab",
2110
+ "defaultProps": { "variant": "primary" },
1708
2111
  "getStylesLiterals": {
1709
- "className": "flex-none",
1710
- "spacing": "2",
1711
- "borderRadius": "full"
2112
+ "tabSizeRoot": "default",
2113
+ "tabVariantActiveRoot": "off",
2114
+ "tabVariantActiveRoot:1": "on",
2115
+ "tabSizeIcon": "default"
1712
2116
  },
1713
2117
  "cxLiterals": [
1714
- "duration-0",
1715
- "duration-120",
1716
- "transition-[background-color]",
1717
- "bg-carbon-15/0",
1718
- "hover:bg-carbon-15/10",
1719
- "active:bg-carbon-15/15",
1720
- "uds-ring"
2118
+ "pointer-events-none",
2119
+ "absolute",
2120
+ "bottom-0",
2121
+ "left-0",
2122
+ "right-0",
2123
+ "h-[var(--uds-tab-underline-width,0px)]",
2124
+ "bg-[var(--uds-tab-underline-color,transparent)]",
2125
+ "transition-[height,background-color]",
2126
+ "duration-[240ms]",
2127
+ "ease-[cubic-bezier(0.2,0,0,1)]",
2128
+ "!bg-transparent",
2129
+ "!shadow-none",
2130
+ "inline-flex",
2131
+ "items-center",
2132
+ "shrink-0",
2133
+ "box-border",
2134
+ "relative",
2135
+ "z-[1]",
2136
+ "cursor-pointer",
2137
+ "select-none",
2138
+ "whitespace-nowrap",
2139
+ "uds-ring",
2140
+ "opacity-50",
2141
+ "cursor-default",
2142
+ "border-solid",
2143
+ "border-b-solid",
2144
+ "transition-colors"
1721
2145
  ],
1722
2146
  "internalComponents": [
1723
2147
  "IconSlot",
1724
- "ToastContainer",
2148
+ "AriakitTab",
2149
+ "Text"
2150
+ ],
2151
+ "internalComponentProps": { "Text": {
2152
+ "variant": ["inherit"],
2153
+ "as": ["span"],
2154
+ "color": ["current"]
2155
+ } },
2156
+ "propToVariantKeys": {
2157
+ "variant": ["tabVariantRoot", "tabVariantIcon"],
2158
+ "activeState": ["tabVariantActiveIcon"],
2159
+ "startIcon": ["icon"],
2160
+ "endIcon": ["icon"]
2161
+ },
2162
+ "runtimeConfigDefaultProps": {},
2163
+ "runtimeConfigGetStyles": {},
2164
+ "runtimeConfigInternalComponentProps": {},
2165
+ "motionVarPrefixes": []
2166
+ };
2167
+ var TabList = {
2168
+ "name": "TabList",
2169
+ "defaultProps": { "variant": "primary" },
2170
+ "getStylesLiterals": {
2171
+ "tabSizeRoot": "default",
2172
+ "tabVariantActiveRoot": "on"
2173
+ },
2174
+ "cxLiterals": [
2175
+ "pointer-events-none",
2176
+ "absolute",
2177
+ "bottom-0",
2178
+ "left-0",
2179
+ "right-0",
2180
+ "h-[var(--uds-tab-underline-width,0px)]",
2181
+ "bg-[var(--uds-tab-underline-color,transparent)]",
2182
+ "transition-[height,background-color]",
2183
+ "duration-[240ms]",
2184
+ "ease-[cubic-bezier(0.2,0,0,1)]",
2185
+ "!m-0",
2186
+ "!p-0",
2187
+ "!gap-0",
2188
+ "box-border",
2189
+ "z-0",
2190
+ "min-w-0",
2191
+ "min-h-0",
2192
+ "flex",
2193
+ "flex-row",
2194
+ "items-center",
2195
+ "overflow-x-auto",
2196
+ "overflow-y-clip",
2197
+ "scrollbar-none",
2198
+ "[overflow-clip-margin:6px]",
2199
+ "overflow-clip",
2200
+ "[overflow-clip-margin:8px]",
2201
+ "relative"
2202
+ ],
2203
+ "internalComponents": ["AriakitTabList"],
2204
+ "internalComponentProps": {},
2205
+ "propToVariantKeys": { "variant": ["tabsVariantRoot", "tabVariantRoot"] },
2206
+ "runtimeConfigDefaultProps": {},
2207
+ "runtimeConfigGetStyles": {},
2208
+ "runtimeConfigInternalComponentProps": {},
2209
+ "motionVarPrefixes": []
2210
+ };
2211
+ var TabPanel = {
2212
+ "name": "TabPanel",
2213
+ "defaultProps": {},
2214
+ "getStylesLiterals": {},
2215
+ "cxLiterals": [],
2216
+ "internalComponents": ["AriakitTabPanel"],
2217
+ "internalComponentProps": {},
2218
+ "propToVariantKeys": {},
2219
+ "runtimeConfigDefaultProps": {},
2220
+ "runtimeConfigGetStyles": {},
2221
+ "runtimeConfigInternalComponentProps": {},
2222
+ "motionVarPrefixes": []
2223
+ };
2224
+ var Tabs = {
2225
+ "name": "Tabs",
2226
+ "defaultProps": { "variant": "primary" },
2227
+ "getStylesLiterals": {},
2228
+ "cxLiterals": [],
2229
+ "internalComponents": ["TabsContext.Provider", "TabProvider"],
2230
+ "internalComponentProps": {},
2231
+ "propToVariantKeys": { "onSelectionChange": ["setSelectedId"] },
2232
+ "runtimeConfigDefaultProps": {},
2233
+ "runtimeConfigGetStyles": {},
2234
+ "runtimeConfigInternalComponentProps": {},
2235
+ "motionVarPrefixes": []
2236
+ };
2237
+ var Toast = {
2238
+ "name": "Toast",
2239
+ "defaultProps": {},
2240
+ "getStylesLiterals": {
2241
+ "className": "animate-spin",
2242
+ "className:1": "flex-none",
2243
+ "spacing": "2",
2244
+ "borderRadius": "full"
2245
+ },
2246
+ "cxLiterals": [
2247
+ "duration-0",
2248
+ "duration-120",
2249
+ "transition-[background-color]",
2250
+ "bg-carbon-15/0",
2251
+ "hover:bg-carbon-15/10",
2252
+ "active:bg-carbon-15/15",
2253
+ "uds-ring"
2254
+ ],
2255
+ "internalComponents": [
2256
+ "IconSlot",
2257
+ "ToastContainer",
1725
2258
  "Text",
1726
2259
  "Button",
1727
2260
  "Pressable"
@@ -1955,332 +2488,6 @@ var UDSConfigProvider = {
1955
2488
  "runtimeConfigInternalComponentProps": {},
1956
2489
  "motionVarPrefixes": []
1957
2490
  };
1958
- var Accordion = {
1959
- "name": "Accordion",
1960
- "defaultProps": {
1961
- "spacingHorizontal": "4",
1962
- "spacingVertical": "4"
1963
- },
1964
- "getStylesLiterals": {},
1965
- "cxLiterals": ["hover:bg-secondary/80", "w-full"],
1966
- "internalComponents": [
1967
- "Icon",
1968
- "SpringMotionConfig",
1969
- "Pressable",
1970
- "Text",
1971
- "HStack",
1972
- "AnimatePresence",
1973
- "VStack"
1974
- ],
1975
- "internalComponentProps": {
1976
- "Icon": {
1977
- "variant": ["fill"],
1978
- "size": ["sm"],
1979
- "color": ["primary"]
1980
- },
1981
- "SpringMotionConfig": {
1982
- "layoutVariant": ["smooth"],
1983
- "layoutSpeed": ["3"]
1984
- },
1985
- "Pressable": {
1986
- "display": ["flex"],
1987
- "flexDirection": ["row"],
1988
- "alignItems": ["center"],
1989
- "justifyContent": ["space-between"],
1990
- "borderRadius": ["md"]
1991
- },
1992
- "Text": {
1993
- "variant": ["title4"],
1994
- "color": ["primary"]
1995
- },
1996
- "HStack": {
1997
- "display": ["flex"],
1998
- "alignItems": ["center"],
1999
- "justifyContent": ["space-between"],
2000
- "columnGap": ["2.5"]
2001
- }
2002
- },
2003
- "propToVariantKeys": {},
2004
- "runtimeConfigDefaultProps": {},
2005
- "runtimeConfigGetStyles": {},
2006
- "runtimeConfigInternalComponentProps": {},
2007
- "motionVarPrefixes": ["--uds-motion-smooth-3-"]
2008
- };
2009
- var AvoidMotionLibraryProvider = {
2010
- "name": "AvoidMotionLibraryProvider",
2011
- "defaultProps": {},
2012
- "getStylesLiterals": {},
2013
- "cxLiterals": [],
2014
- "internalComponents": [],
2015
- "internalComponentProps": {},
2016
- "propToVariantKeys": {},
2017
- "runtimeConfigDefaultProps": {},
2018
- "runtimeConfigGetStyles": {},
2019
- "runtimeConfigInternalComponentProps": {},
2020
- "motionVarPrefixes": []
2021
- };
2022
- var Modal = {
2023
- "name": "Modal",
2024
- "defaultProps": {},
2025
- "getStylesLiterals": {},
2026
- "cxLiterals": [
2027
- "inset-8",
2028
- "top-[250px]",
2029
- "z-50",
2030
- "mx-auto",
2031
- "h-fit",
2032
- "w-[600px]",
2033
- "origin-center",
2034
- "scale-95",
2035
- "opacity-0",
2036
- "transition",
2037
- "duration-150",
2038
- "data-[enter]:scale-100",
2039
- "data-[enter]:opacity-100",
2040
- "data-[enter]:bg-primary",
2041
- "backdrop-blur-0",
2042
- "data-[enter]:opacity-60",
2043
- "data-[enter]:backdrop-blur-sm"
2044
- ],
2045
- "internalComponents": [
2046
- "IconButton",
2047
- "Dialog",
2048
- "HStack",
2049
- "Text",
2050
- "VStack"
2051
- ],
2052
- "internalComponentProps": {
2053
- "IconButton": {
2054
- "aria-label": ["Close"],
2055
- "size": ["sm"],
2056
- "variant": ["tertiary"]
2057
- },
2058
- "HStack": {
2059
- "alignItems": ["center"],
2060
- "justifyContent": ["space-between"]
2061
- },
2062
- "Text": {
2063
- "variant": ["headline1"],
2064
- "color": ["primary"]
2065
- },
2066
- "VStack": {
2067
- "borderRadius": ["md"],
2068
- "position": ["fixed"],
2069
- "backgroundColor": ["primary"],
2070
- "dropShadow": ["md"],
2071
- "spacing": ["8"],
2072
- "overflow": ["hidden"]
2073
- }
2074
- },
2075
- "propToVariantKeys": { "handleClose": ["onClick"] },
2076
- "runtimeConfigDefaultProps": {},
2077
- "runtimeConfigGetStyles": {},
2078
- "runtimeConfigInternalComponentProps": {},
2079
- "motionVarPrefixes": []
2080
- };
2081
- var SegmentedControl = {
2082
- "name": "SegmentedControl",
2083
- "defaultProps": { "textVariant": "label2" },
2084
- "getStylesLiterals": {
2085
- "display": "flex",
2086
- "alignItems": "center",
2087
- "backgroundColor": "primary",
2088
- "spacingVertical": "1",
2089
- "spacingHorizontal": "3",
2090
- "columnGap": "1.5",
2091
- "borderWidth": "thin",
2092
- "borderRadius": "full",
2093
- "borderColor": "muted",
2094
- "borderColor:1": "transparent",
2095
- "color": "primary",
2096
- "color:1": "tertiary",
2097
- "color:2": "muted"
2098
- },
2099
- "cxLiterals": [
2100
- "uds-ring",
2101
- "cursor-not-allowed",
2102
- "opacity-50",
2103
- "pointer-events-none",
2104
- "hover:bg-primary"
2105
- ],
2106
- "internalComponents": [
2107
- "TextVariant",
2108
- "Radio",
2109
- "Icon",
2110
- "RadioProvider",
2111
- "HStack",
2112
- "RadioGroup",
2113
- "Pressable",
2114
- "Text"
2115
- ],
2116
- "internalComponentProps": {
2117
- "Icon": {
2118
- "size": ["sm"],
2119
- "color": ["current"],
2120
- "aria-hidden": ["true"]
2121
- },
2122
- "HStack": {
2123
- "spacing": ["1"],
2124
- "gap": ["1"],
2125
- "backgroundColor": ["secondary"],
2126
- "borderRadius": ["full"],
2127
- "display": ["inline-flex"]
2128
- },
2129
- "Text": { "color": ["current"] }
2130
- },
2131
- "propToVariantKeys": {
2132
- "value": ["key"],
2133
- "label": ["aria-label"],
2134
- "textVariant": ["variant"]
2135
- },
2136
- "runtimeConfigDefaultProps": {},
2137
- "runtimeConfigGetStyles": {},
2138
- "runtimeConfigInternalComponentProps": {},
2139
- "motionVarPrefixes": []
2140
- };
2141
- var SwitchV2 = {
2142
- "name": "SwitchV2",
2143
- "defaultProps": {
2144
- "labelPosition": "start",
2145
- "size": "md"
2146
- },
2147
- "getStylesLiterals": {
2148
- "switchVariantRoot": "default",
2149
- "switchVariantActiveRoot": "on",
2150
- "switchVariantActiveRoot:1": "off",
2151
- "switchVariantSwitch": "default",
2152
- "switchVariantActiveSwitch": "on",
2153
- "switchVariantActiveSwitch:1": "off",
2154
- "switchVariantActiveHandle": "on",
2155
- "switchVariantActiveHandle:1": "off",
2156
- "switchVariantHandle": "default",
2157
- "switchVariantHandleIcon": "default",
2158
- "switchVariantActiveHandleIcon": "on",
2159
- "switchVariantActiveHandleIcon:1": "off"
2160
- },
2161
- "cxLiterals": [
2162
- "group",
2163
- "flex",
2164
- "items-center",
2165
- "flex-row",
2166
- "flex-row-reverse",
2167
- "uds-ring",
2168
- "uds-ring-within",
2169
- "relative",
2170
- "uds-border-radius-full",
2171
- "transition-[background-color,box-shadow]",
2172
- "pointer-events-none",
2173
- "w-full",
2174
- "h-full",
2175
- "absolute",
2176
- "top-0",
2177
- "bottom-0",
2178
- "right-0",
2179
- "left-0",
2180
- "overflow-hidden",
2181
- "group-hover:scale-105",
2182
- "opacity-95",
2183
- "group-hover:opacity-100",
2184
- "transition-[transform,opacity]",
2185
- "opacity-0",
2186
- "top-1/2",
2187
- "left-1/2",
2188
- "transform",
2189
- "translate-x-[-50%]",
2190
- "translate-y-[-50%]",
2191
- "transition-opacity",
2192
- "cursor-[inherit]",
2193
- "w-[calc(100%+2px)]",
2194
- "h-[calc(100%+2px)]",
2195
- "text-start",
2196
- "text-end",
2197
- "opacity-100"
2198
- ],
2199
- "internalComponents": [
2200
- "IconSlot",
2201
- "Box",
2202
- "FormLabel",
2203
- "SpringMotionConfig",
2204
- "RootElement",
2205
- "MotionBox"
2206
- ],
2207
- "internalComponentProps": {
2208
- "IconSlot": { "data-testid": ["on-icon", "off-icon"] },
2209
- "FormLabel": {
2210
- "as": ["div"],
2211
- "variant": ["inherit"],
2212
- "color": ["inherit"]
2213
- },
2214
- "SpringMotionConfig": {
2215
- "layoutVariant": ["bouncy"],
2216
- "layoutSpeed": ["4"]
2217
- },
2218
- "RootElement": { "data-testid": ["switch-root"] },
2219
- "MotionBox": { "layout": ["position"] }
2220
- },
2221
- "propToVariantKeys": {
2222
- "size": [
2223
- "switchSizeRoot",
2224
- "switchSizeSwitch",
2225
- "switchSizeHandle",
2226
- "switchSizeHandleIcon"
2227
- ],
2228
- "onIcon": ["icon"],
2229
- "offIcon": ["icon"],
2230
- "reduceMotion": ["reducedMotion"],
2231
- "isOn": ["layoutDependency"]
2232
- },
2233
- "runtimeConfigDefaultProps": {},
2234
- "runtimeConfigGetStyles": {},
2235
- "runtimeConfigInternalComponentProps": {},
2236
- "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
2237
- };
2238
- var Tabs = {
2239
- "name": "Tabs",
2240
- "defaultProps": {},
2241
- "getStylesLiterals": {
2242
- "display": "flex",
2243
- "flexDirection": "row",
2244
- "columnGap": "6"
2245
- },
2246
- "cxLiterals": [
2247
- "text-tertiary",
2248
- "border-b-transparent",
2249
- "aria-selected:border-b-brand",
2250
- "aria-selected:text-secondary"
2251
- ],
2252
- "internalComponents": [
2253
- "TabProvider",
2254
- "OriginalTabList",
2255
- "OriginalTab",
2256
- "Icon",
2257
- "OriginalTabPanel",
2258
- "Pressable",
2259
- "Comp",
2260
- "Text"
2261
- ],
2262
- "internalComponentProps": {
2263
- "Icon": {
2264
- "className": ["text-current"],
2265
- "size": ["md"]
2266
- },
2267
- "Pressable": {
2268
- "borderBottomWidth": ["medium"],
2269
- "spacingBottom": ["1"],
2270
- "spacingTop": ["4"]
2271
- },
2272
- "Text": {
2273
- "className": ["text-current"],
2274
- "variant": ["headline1"],
2275
- "as": ["span"]
2276
- }
2277
- },
2278
- "propToVariantKeys": {},
2279
- "runtimeConfigDefaultProps": {},
2280
- "runtimeConfigGetStyles": {},
2281
- "runtimeConfigInternalComponentProps": {},
2282
- "motionVarPrefixes": []
2283
- };
2284
2491
  var componentData_default = {
2285
2492
  Box,
2286
2493
  FormLabel,
@@ -2293,9 +2500,16 @@ var componentData_default = {
2293
2500
  SvgFloatingOverlay,
2294
2501
  Text,
2295
2502
  VStack,
2503
+ Banner,
2504
+ BannerContent,
2505
+ BannerDescription,
2506
+ BannerTitle,
2296
2507
  Divider,
2297
2508
  DividerCore,
2298
2509
  DividerInternal,
2510
+ Spinner,
2511
+ "Table.mocks": Table_mocks,
2512
+ Table,
2299
2513
  AnimateHeightChange,
2300
2514
  Badge,
2301
2515
  Button,
@@ -2304,9 +2518,11 @@ var componentData_default = {
2304
2518
  Pressable,
2305
2519
  SpringMotionConfig,
2306
2520
  Switch,
2307
- Spinner,
2308
- "Table.mocks": Table_mocks,
2309
- Table,
2521
+ Accordion,
2522
+ AvoidMotionLibraryProvider,
2523
+ Modal,
2524
+ SegmentedControl,
2525
+ SwitchV2,
2310
2526
  Avatar,
2311
2527
  AvatarIcon,
2312
2528
  AvatarImage,
@@ -2326,14 +2542,6 @@ var componentData_default = {
2326
2542
  ChipDismissible,
2327
2543
  ChipLink,
2328
2544
  ChipToggle,
2329
- Input,
2330
- InputHelpText,
2331
- InputHelpTextInternal,
2332
- Popover,
2333
- PopoverContent,
2334
- PopoverContext,
2335
- PopoverTrigger,
2336
- UDSPopoverConfigProvider,
2337
2545
  "Menu.Content": Menu_Content,
2338
2546
  "Menu.Divider": Menu_Divider,
2339
2547
  "Menu.Item": Menu_Item,
@@ -2343,9 +2551,21 @@ var componentData_default = {
2343
2551
  "Menu.Trigger": Menu_Trigger,
2344
2552
  "Menu.index": Menu_index,
2345
2553
  Menu,
2554
+ Input,
2555
+ InputHelpText,
2556
+ InputHelpTextInternal,
2557
+ Popover,
2558
+ PopoverContent,
2559
+ PopoverContext,
2560
+ PopoverTrigger,
2561
+ UDSPopoverConfigProvider,
2346
2562
  Radio,
2347
2563
  RadioGroupProvider,
2348
2564
  RadioGroupStore,
2565
+ Tab,
2566
+ TabList,
2567
+ TabPanel,
2568
+ Tabs,
2349
2569
  Toast,
2350
2570
  ToastContainer,
2351
2571
  ToastPortal,
@@ -2355,14 +2575,8 @@ var componentData_default = {
2355
2575
  TooltipTrigger,
2356
2576
  UDSTooltipConfigProvider,
2357
2577
  UDSBreakpointsConfigProvider,
2358
- UDSConfigProvider,
2359
- Accordion,
2360
- AvoidMotionLibraryProvider,
2361
- Modal,
2362
- SegmentedControl,
2363
- SwitchV2,
2364
- Tabs
2578
+ UDSConfigProvider
2365
2579
  };
2366
2580
 
2367
2581
  //#endregion
2368
- export { Accordion, AnimateHeightChange, Avatar, AvatarIcon, AvatarImage, AvatarText, AvoidMotionLibraryProvider, Badge, BottomSheet, BottomSheetContent, BottomSheetDismiss, BottomSheetHandle, BottomSheetHeader, BottomSheetInternalContext, BottomSheetProvider, BottomSheetTrigger, Box, Button, Checkbox, Chip, ChipBase, ChipButton, ChipDismissible, ChipLink, ChipToggle, Divider, DividerCore, DividerInternal, FormLabel, HStack, Icon, IconButton, IconSlot, Image, Input, InputHelpText, InputHelpTextInternal, Link, Menu, Menu_Content as "Menu.Content", Menu_Divider as "Menu.Divider", Menu_Item as "Menu.Item", Menu_ItemBase as "Menu.ItemBase", Menu_ItemCheckbox as "Menu.ItemCheckbox", Menu_Provider as "Menu.Provider", Menu_Trigger as "Menu.Trigger", Menu_index as "Menu.index", Modal, Popover, PopoverContent, PopoverContext, PopoverTrigger, Pressable, Radio, RadioGroupProvider, RadioGroupStore, Scrim, SegmentedControl, Spinner, SpringMotionConfig, SvgFloatingOverlay, Switch, SwitchV2, Table, Table_mocks as "Table.mocks", Tabs, Text, Toast, ToastContainer, ToastPortal, Tooltip, TooltipContent, TooltipTrigger, UDSBottomSheetConfigProvider, UDSBreakpointsConfigProvider, UDSConfigProvider, UDSPopoverConfigProvider, UDSToastConfigProvider, UDSTooltipConfigProvider, VStack, componentData_default as default };
2582
+ export { Accordion, AnimateHeightChange, Avatar, AvatarIcon, AvatarImage, AvatarText, AvoidMotionLibraryProvider, Badge, Banner, BannerContent, BannerDescription, BannerTitle, BottomSheet, BottomSheetContent, BottomSheetDismiss, BottomSheetHandle, BottomSheetHeader, BottomSheetInternalContext, BottomSheetProvider, BottomSheetTrigger, Box, Button, Checkbox, Chip, ChipBase, ChipButton, ChipDismissible, ChipLink, ChipToggle, Divider, DividerCore, DividerInternal, FormLabel, HStack, Icon, IconButton, IconSlot, Image, Input, InputHelpText, InputHelpTextInternal, Link, Menu, Menu_Content as "Menu.Content", Menu_Divider as "Menu.Divider", Menu_Item as "Menu.Item", Menu_ItemBase as "Menu.ItemBase", Menu_ItemCheckbox as "Menu.ItemCheckbox", Menu_Provider as "Menu.Provider", Menu_Trigger as "Menu.Trigger", Menu_index as "Menu.index", Modal, Popover, PopoverContent, PopoverContext, PopoverTrigger, Pressable, Radio, RadioGroupProvider, RadioGroupStore, Scrim, SegmentedControl, Spinner, SpringMotionConfig, SvgFloatingOverlay, Switch, SwitchV2, Tab, TabList, TabPanel, Table, Table_mocks as "Table.mocks", Tabs, Text, Toast, ToastContainer, ToastPortal, Tooltip, TooltipContent, TooltipTrigger, UDSBottomSheetConfigProvider, UDSBreakpointsConfigProvider, UDSConfigProvider, UDSPopoverConfigProvider, UDSToastConfigProvider, UDSTooltipConfigProvider, VStack, componentData_default as default };