@yahoo/uds 3.113.0 → 3.114.0-beta.2

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