@yahoo/uds 3.121.0 → 3.122.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 (15) hide show
  1. package/dist/components/client/Menu/Menu.ItemCheckbox.d.cts +1 -1
  2. package/dist/components/client/Menu/Menu.ItemCheckbox.d.ts +1 -1
  3. package/dist/components/client/Popover/UDSPopoverConfigProvider.d.cts +1 -1
  4. package/dist/components/client/Popover/UDSPopoverConfigProvider.d.ts +1 -1
  5. package/dist/fixtures/dist/index.cjs +1 -2
  6. package/dist/fixtures/dist/index.js +1 -2
  7. package/dist/styles/styler.d.cts +38 -38
  8. package/dist/styles/styler.d.ts +38 -38
  9. package/dist/tailwind/dist/fixtures/dist/index.js.map +1 -1
  10. package/dist/uds/generated/componentData.cjs +1105 -1105
  11. package/dist/uds/generated/componentData.js +1105 -1105
  12. package/dist/uds/package.cjs +3 -3
  13. package/dist/uds/package.js +3 -3
  14. package/generated/componentData.json +1387 -1387
  15. package/package.json +4 -4
package/dist/uds/generated/componentData.js CHANGED
@@ -292,6 +292,74 @@ var DividerInternal = {
292
292
  "runtimeConfigInternalComponentProps": {},
293
293
  "motionVarPrefixes": []
294
294
  };
295
+ var Spinner = {
296
+ "name": "Spinner",
297
+ "defaultProps": {
298
+ "color": "primary",
299
+ "size": "lg"
300
+ },
301
+ "getStylesLiterals": {},
302
+ "cxLiterals": [
303
+ "self-center",
304
+ "relative",
305
+ "sr-only"
306
+ ],
307
+ "internalComponents": ["Icon"],
308
+ "internalComponentProps": { "Icon": {
309
+ "role": ["img"],
310
+ "className": ["animate-spin"],
311
+ "aria-hidden": ["true"]
312
+ } },
313
+ "propToVariantKeys": {},
314
+ "runtimeConfigDefaultProps": {},
315
+ "runtimeConfigGetStyles": {},
316
+ "runtimeConfigInternalComponentProps": {},
317
+ "motionVarPrefixes": []
318
+ };
319
+ var Table_mocks = {
320
+ "name": "Table.mocks",
321
+ "defaultProps": {},
322
+ "getStylesLiterals": {},
323
+ "cxLiterals": [],
324
+ "internalComponents": [],
325
+ "internalComponentProps": {},
326
+ "propToVariantKeys": {},
327
+ "runtimeConfigDefaultProps": {},
328
+ "runtimeConfigGetStyles": {},
329
+ "runtimeConfigInternalComponentProps": {},
330
+ "motionVarPrefixes": []
331
+ };
332
+ var Table = {
333
+ "name": "Table",
334
+ "defaultProps": {
335
+ "display": "table-cell",
336
+ "overflow": "hidden",
337
+ "borderColor": "muted",
338
+ "borderRadius": "md",
339
+ "spacing": "3",
340
+ "borderBottomColor": "muted",
341
+ "borderBottomWidth": "thin",
342
+ "color": "primary"
343
+ },
344
+ "getStylesLiterals": { "textAlign": "start" },
345
+ "cxLiterals": [],
346
+ "internalComponents": [
347
+ "CellComponent",
348
+ "Box",
349
+ "Text",
350
+ "Table.Root",
351
+ "Table.Header",
352
+ "Table.Row",
353
+ "Table.Cell",
354
+ "Table.Body"
355
+ ],
356
+ "internalComponentProps": { "Table.Cell": { "asHeaderCell": ["column"] } },
357
+ "propToVariantKeys": {},
358
+ "runtimeConfigDefaultProps": {},
359
+ "runtimeConfigGetStyles": {},
360
+ "runtimeConfigInternalComponentProps": {},
361
+ "motionVarPrefixes": []
362
+ };
295
363
  var AnimateHeightChange = {
296
364
  "name": "AnimateHeightChange",
297
365
  "defaultProps": {},
@@ -629,32 +697,59 @@ var Switch = {
629
697
  "runtimeConfigInternalComponentProps": {},
630
698
  "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
631
699
  };
632
- var Spinner = {
633
- "name": "Spinner",
700
+ var Accordion = {
701
+ "name": "Accordion",
634
702
  "defaultProps": {
635
- "color": "primary",
636
- "size": "lg"
703
+ "spacingHorizontal": "4",
704
+ "spacingVertical": "4"
637
705
  },
638
706
  "getStylesLiterals": {},
639
- "cxLiterals": [
640
- "self-center",
641
- "relative",
642
- "sr-only"
707
+ "cxLiterals": ["hover:bg-secondary/80", "w-full"],
708
+ "internalComponents": [
709
+ "Icon",
710
+ "SpringMotionConfig",
711
+ "Pressable",
712
+ "Text",
713
+ "HStack",
714
+ "AnimatePresence",
715
+ "VStack"
643
716
  ],
644
- "internalComponents": ["Icon"],
645
- "internalComponentProps": { "Icon": {
646
- "role": ["img"],
647
- "className": ["animate-spin"],
648
- "aria-hidden": ["true"]
649
- } },
717
+ "internalComponentProps": {
718
+ "Icon": {
719
+ "variant": ["fill"],
720
+ "size": ["sm"],
721
+ "color": ["primary"]
722
+ },
723
+ "SpringMotionConfig": {
724
+ "layoutVariant": ["smooth"],
725
+ "layoutSpeed": ["3"]
726
+ },
727
+ "Pressable": {
728
+ "display": ["flex"],
729
+ "flexDirection": ["row"],
730
+ "alignItems": ["center"],
731
+ "justifyContent": ["space-between"],
732
+ "borderRadius": ["md"]
733
+ },
734
+ "Text": {
735
+ "variant": ["title4"],
736
+ "color": ["primary"]
737
+ },
738
+ "HStack": {
739
+ "display": ["flex"],
740
+ "alignItems": ["center"],
741
+ "justifyContent": ["space-between"],
742
+ "columnGap": ["2.5"]
743
+ }
744
+ },
650
745
  "propToVariantKeys": {},
651
746
  "runtimeConfigDefaultProps": {},
652
747
  "runtimeConfigGetStyles": {},
653
748
  "runtimeConfigInternalComponentProps": {},
654
- "motionVarPrefixes": []
749
+ "motionVarPrefixes": ["--uds-motion-smooth-3-"]
655
750
  };
656
- var Table_mocks = {
657
- "name": "Table.mocks",
751
+ var AvoidMotionLibraryProvider = {
752
+ "name": "AvoidMotionLibraryProvider",
658
753
  "defaultProps": {},
659
754
  "getStylesLiterals": {},
660
755
  "cxLiterals": [],
@@ -666,208 +761,394 @@ var Table_mocks = {
666
761
  "runtimeConfigInternalComponentProps": {},
667
762
  "motionVarPrefixes": []
668
763
  };
669
- var Table = {
670
- "name": "Table",
671
- "defaultProps": {
672
- "display": "table-cell",
673
- "overflow": "hidden",
674
- "borderColor": "muted",
675
- "borderRadius": "md",
676
- "spacing": "3",
677
- "borderBottomColor": "muted",
678
- "borderBottomWidth": "thin",
679
- "color": "primary"
680
- },
681
- "getStylesLiterals": { "textAlign": "start" },
764
+ var ExperimentalPopover = {
765
+ "name": "ExperimentalPopover",
766
+ "defaultProps": {},
767
+ "getStylesLiterals": {},
682
768
  "cxLiterals": [],
683
769
  "internalComponents": [
684
- "CellComponent",
685
- "Box",
770
+ "HStack",
686
771
  "Text",
687
- "Table.Root",
688
- "Table.Header",
689
- "Table.Row",
690
- "Table.Cell",
691
- "Table.Body"
772
+ "ExperimentalPopoverHeadingBase"
692
773
  ],
693
- "internalComponentProps": { "Table.Cell": { "asHeaderCell": ["column"] } },
774
+ "internalComponentProps": { "Text": {
775
+ "variant": ["headline1"],
776
+ "color": ["primary"]
777
+ } },
694
778
  "propToVariantKeys": {},
695
779
  "runtimeConfigDefaultProps": {},
696
780
  "runtimeConfigGetStyles": {},
697
781
  "runtimeConfigInternalComponentProps": {},
698
782
  "motionVarPrefixes": []
699
783
  };
700
- var Avatar = {
701
- "name": "Avatar",
784
+ var Modal = {
785
+ "name": "Modal",
702
786
  "defaultProps": {},
703
787
  "getStylesLiterals": {},
704
- "cxLiterals": [],
705
- "internalComponents": ["AvatarImage"],
706
- "internalComponentProps": {},
707
- "propToVariantKeys": {},
788
+ "cxLiterals": [
789
+ "inset-8",
790
+ "top-[250px]",
791
+ "z-50",
792
+ "mx-auto",
793
+ "h-fit",
794
+ "w-[600px]",
795
+ "origin-center",
796
+ "scale-95",
797
+ "opacity-0",
798
+ "transition",
799
+ "duration-150",
800
+ "data-[enter]:scale-100",
801
+ "data-[enter]:opacity-100",
802
+ "data-[enter]:bg-primary",
803
+ "backdrop-blur-0",
804
+ "data-[enter]:opacity-60",
805
+ "data-[enter]:backdrop-blur-sm"
806
+ ],
807
+ "internalComponents": [
808
+ "IconButton",
809
+ "Dialog",
810
+ "HStack",
811
+ "Text",
812
+ "VStack"
813
+ ],
814
+ "internalComponentProps": {
815
+ "IconButton": {
816
+ "aria-label": ["Close"],
817
+ "size": ["sm"],
818
+ "variant": ["tertiary"]
819
+ },
820
+ "HStack": {
821
+ "alignItems": ["center"],
822
+ "justifyContent": ["space-between"]
823
+ },
824
+ "Text": {
825
+ "variant": ["headline1"],
826
+ "color": ["primary"]
827
+ },
828
+ "VStack": {
829
+ "borderRadius": ["md"],
830
+ "position": ["fixed"],
831
+ "backgroundColor": ["primary"],
832
+ "dropShadow": ["md"],
833
+ "spacing": ["8"],
834
+ "overflow": ["hidden"]
835
+ }
836
+ },
837
+ "propToVariantKeys": { "handleClose": ["onClick"] },
708
838
  "runtimeConfigDefaultProps": {},
709
839
  "runtimeConfigGetStyles": {},
710
840
  "runtimeConfigInternalComponentProps": {},
711
841
  "motionVarPrefixes": []
712
842
  };
713
- var AvatarIcon = {
714
- "name": "AvatarIcon",
715
- "defaultProps": {
716
- "size": "md",
717
- "variant": "primary"
843
+ var SegmentedControl = {
844
+ "name": "SegmentedControl",
845
+ "defaultProps": { "textVariant": "label2" },
846
+ "getStylesLiterals": {
847
+ "display": "flex",
848
+ "alignItems": "center",
849
+ "backgroundColor": "primary",
850
+ "spacingVertical": "1",
851
+ "spacingHorizontal": "3",
852
+ "columnGap": "1.5",
853
+ "borderWidth": "thin",
854
+ "borderRadius": "full",
855
+ "borderColor": "muted",
856
+ "borderColor:1": "transparent",
857
+ "color": "primary",
858
+ "color:1": "tertiary",
859
+ "color:2": "muted"
718
860
  },
719
- "getStylesLiterals": {},
720
861
  "cxLiterals": [
721
- "overflow-hidden",
722
- "w-full",
723
- "h-full",
724
- "shrink-0",
725
- "text-center",
726
- "inline-flex",
727
- "justify-center",
728
- "items-center"
862
+ "uds-ring",
863
+ "cursor-not-allowed",
864
+ "opacity-50",
865
+ "pointer-events-none",
866
+ "hover:bg-primary"
729
867
  ],
730
- "internalComponents": ["IconSlot", "Box"],
731
- "internalComponentProps": {},
732
- "propToVariantKeys": { "size": ["avatarSizeIcon"] },
868
+ "internalComponents": [
869
+ "TextVariant",
870
+ "Radio",
871
+ "Icon",
872
+ "RadioProvider",
873
+ "HStack",
874
+ "RadioGroup",
875
+ "Pressable",
876
+ "Text"
877
+ ],
878
+ "internalComponentProps": {
879
+ "Icon": {
880
+ "size": ["sm"],
881
+ "color": ["current"],
882
+ "aria-hidden": ["true"]
883
+ },
884
+ "HStack": {
885
+ "spacing": ["1"],
886
+ "gap": ["1"],
887
+ "backgroundColor": ["secondary"],
888
+ "borderRadius": ["full"],
889
+ "display": ["inline-flex"]
890
+ },
891
+ "Text": { "color": ["current"] }
892
+ },
893
+ "propToVariantKeys": {
894
+ "value": ["key"],
895
+ "label": ["aria-label"],
896
+ "textVariant": ["variant"]
897
+ },
733
898
  "runtimeConfigDefaultProps": {},
734
899
  "runtimeConfigGetStyles": {},
735
900
  "runtimeConfigInternalComponentProps": {},
736
901
  "motionVarPrefixes": []
737
902
  };
738
- var AvatarImage = {
739
- "name": "AvatarImage",
903
+ var SwitchV2 = {
904
+ "name": "SwitchV2",
740
905
  "defaultProps": {
741
- "size": "md",
742
- "variant": "primary"
906
+ "labelPosition": "start",
907
+ "size": "md"
908
+ },
909
+ "getStylesLiterals": {
910
+ "switchVariantRoot": "default",
911
+ "switchVariantActiveRoot": "on",
912
+ "switchVariantActiveRoot:1": "off",
913
+ "switchVariantSwitch": "default",
914
+ "switchVariantActiveSwitch": "on",
915
+ "switchVariantActiveSwitch:1": "off",
916
+ "switchVariantActiveHandle": "on",
917
+ "switchVariantActiveHandle:1": "off",
918
+ "switchVariantHandle": "default",
919
+ "switchVariantHandleIcon": "default",
920
+ "switchVariantActiveHandleIcon": "on",
921
+ "switchVariantActiveHandleIcon:1": "off"
743
922
  },
744
- "getStylesLiterals": {},
745
923
  "cxLiterals": [
746
- "overflow-hidden",
924
+ "group",
925
+ "flex",
926
+ "items-center",
927
+ "flex-row",
928
+ "flex-row-reverse",
929
+ "uds-ring",
930
+ "uds-ring-within",
931
+ "relative",
932
+ "uds-border-radius-full",
933
+ "transition-[background-color,box-shadow]",
934
+ "pointer-events-none",
747
935
  "w-full",
748
936
  "h-full",
749
- "shrink-0",
750
- "text-center",
751
- "inline-flex",
752
- "justify-center",
753
- "items-center",
754
- "object-cover"
937
+ "absolute",
938
+ "top-0",
939
+ "bottom-0",
940
+ "right-0",
941
+ "left-0",
942
+ "overflow-hidden",
943
+ "group-hover:scale-105",
944
+ "opacity-95",
945
+ "group-hover:opacity-100",
946
+ "transition-[transform,opacity]",
947
+ "opacity-0",
948
+ "top-1/2",
949
+ "left-1/2",
950
+ "transform",
951
+ "translate-x-[-50%]",
952
+ "translate-y-[-50%]",
953
+ "transition-opacity",
954
+ "cursor-[inherit]",
955
+ "w-[calc(100%+2px)]",
956
+ "h-[calc(100%+2px)]",
957
+ "text-start",
958
+ "text-end",
959
+ "opacity-100"
755
960
  ],
756
961
  "internalComponents": [
757
- "UDSImage",
758
- "AvatarText",
759
- "AvatarIcon",
760
- "Box"
962
+ "IconSlot",
963
+ "Box",
964
+ "FormLabel",
965
+ "SpringMotionConfig",
966
+ "RootElement",
967
+ "MotionBox"
761
968
  ],
762
- "internalComponentProps": {},
969
+ "internalComponentProps": {
970
+ "IconSlot": { "data-testid": ["on-icon", "off-icon"] },
971
+ "FormLabel": {
972
+ "as": ["div"],
973
+ "variant": ["inherit"],
974
+ "color": ["inherit"]
975
+ },
976
+ "SpringMotionConfig": {
977
+ "layoutVariant": ["bouncy"],
978
+ "layoutSpeed": ["4"]
979
+ },
980
+ "RootElement": { "data-testid": ["switch-root"] },
981
+ "MotionBox": { "layout": ["position"] }
982
+ },
763
983
  "propToVariantKeys": {
764
- "alt": ["name"],
765
- "fallback": ["initials"]
984
+ "size": [
985
+ "switchSizeRoot",
986
+ "switchSizeSwitch",
987
+ "switchSizeHandle",
988
+ "switchSizeHandleIcon"
989
+ ],
990
+ "onIcon": ["icon"],
991
+ "offIcon": ["icon"],
992
+ "reduceMotion": ["reducedMotion"],
993
+ "isOn": ["layoutDependency"]
766
994
  },
767
995
  "runtimeConfigDefaultProps": {},
768
996
  "runtimeConfigGetStyles": {},
769
997
  "runtimeConfigInternalComponentProps": {},
770
- "motionVarPrefixes": []
998
+ "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
771
999
  };
772
- var AvatarText = {
773
- "name": "AvatarText",
774
- "defaultProps": {
775
- "size": "md",
776
- "variant": "primary"
1000
+ var Tabs = {
1001
+ "name": "Tabs",
1002
+ "defaultProps": {},
1003
+ "getStylesLiterals": {
1004
+ "display": "flex",
1005
+ "flexDirection": "row",
1006
+ "columnGap": "6"
777
1007
  },
778
- "getStylesLiterals": {},
779
1008
  "cxLiterals": [
780
- "overflow-hidden",
781
- "truncate",
782
- "w-full",
783
- "h-full",
784
- "shrink-0",
785
- "text-center",
786
- "inline-flex",
787
- "justify-center",
788
- "items-center"
1009
+ "text-tertiary",
1010
+ "border-b-transparent",
1011
+ "aria-selected:border-b-brand",
1012
+ "aria-selected:text-secondary"
789
1013
  ],
790
- "internalComponents": ["Box", "Text"],
791
- "internalComponentProps": { "Text": {
792
- "color": ["inherit"],
793
- "variant": ["inherit"]
794
- } },
1014
+ "internalComponents": [
1015
+ "TabProvider",
1016
+ "OriginalTabList",
1017
+ "OriginalTab",
1018
+ "Icon",
1019
+ "OriginalTabPanel",
1020
+ "Pressable",
1021
+ "Comp",
1022
+ "Text"
1023
+ ],
1024
+ "internalComponentProps": {
1025
+ "Icon": {
1026
+ "className": ["text-current"],
1027
+ "size": ["md"]
1028
+ },
1029
+ "Pressable": {
1030
+ "borderBottomWidth": ["medium"],
1031
+ "spacingBottom": ["1"],
1032
+ "spacingTop": ["4"]
1033
+ },
1034
+ "Text": {
1035
+ "className": ["text-current"],
1036
+ "variant": ["headline1"],
1037
+ "as": ["span"]
1038
+ }
1039
+ },
795
1040
  "propToVariantKeys": {},
796
1041
  "runtimeConfigDefaultProps": {},
797
1042
  "runtimeConfigGetStyles": {},
798
1043
  "runtimeConfigInternalComponentProps": {},
799
1044
  "motionVarPrefixes": []
800
1045
  };
801
- var BottomSheet = {
802
- "name": "BottomSheet",
803
- "defaultProps": { "variant": "default" },
804
- "getStylesLiterals": {},
1046
+ var Radio = {
1047
+ "name": "Radio",
1048
+ "defaultProps": {
1049
+ "labelPosition": "start",
1050
+ "variant": "primary",
1051
+ "size": "md",
1052
+ "value": ""
1053
+ },
1054
+ "getStylesLiterals": {
1055
+ "radioVariantValueRoot": "checked",
1056
+ "radioVariantValueRoot:1": "unchecked",
1057
+ "display": "flex",
1058
+ "flexDirection": "row",
1059
+ "flexDirection:1": "row-reverse",
1060
+ "alignItems": "center",
1061
+ "radioVariantValueRadio": "checked",
1062
+ "radioVariantValueRadio:1": "unchecked",
1063
+ "radioVariantValueRadioCircle": "checked",
1064
+ "radioVariantValueRadioCircle:1": "unchecked"
1065
+ },
805
1066
  "cxLiterals": [
806
- "fixed",
807
- "overflow-hidden",
808
- "inset-x-0",
809
- "bottom-0",
810
- "z-50",
811
- "[will-change:transform]",
812
- "touch-none",
813
- "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
814
- "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
815
- "transition-transform",
816
- "duration-500",
817
- "ease-[cubic-bezier(0.32,0.72,0,1)]",
818
- "motion-reduce:transition-none",
819
- "top-[-4px]",
820
- "z-[1]",
821
- "touch-pan-y"
1067
+ "cursor-pointer",
1068
+ "cursor-default",
1069
+ "opacity-50",
1070
+ "border",
1071
+ "uds-ring",
1072
+ "uds-ring-within",
1073
+ "transition-[background-color,border-color]",
1074
+ "transition-shadow",
1075
+ "pointer-events-none",
1076
+ "w-[8px]",
1077
+ "h-[8px]",
1078
+ "transition-opacity",
1079
+ "cursor-[inherit]",
1080
+ "absolute",
1081
+ "opacity-0",
1082
+ "top-1/2",
1083
+ "left-1/2",
1084
+ "w-[calc(100%+2px)]",
1085
+ "h-[calc(100%+2px)]",
1086
+ "transform",
1087
+ "translate-x-[-50%]",
1088
+ "translate-y-[-50%]",
1089
+ "text-start",
1090
+ "text-end"
822
1091
  ],
823
1092
  "internalComponents": [
824
- "Scrim",
825
- "BottomSheetHandle",
826
- "Dialog",
827
1093
  "Box",
828
- "BottomSheetInternalContext.Provider"
1094
+ "FormLabel",
1095
+ "SpringMotionConfig",
1096
+ "RootElement",
1097
+ "MotionBox"
829
1098
  ],
830
1099
  "internalComponentProps": {
831
- "BottomSheetHandle": { "ariaLabel": ["Resize sheet"] },
832
- "Dialog": { "data-testid": ["bottom-sheet"] },
833
- "Box": {
834
- "display": ["block", "flex"],
835
- "position": ["absolute"],
836
- "flexDirection": ["column"],
837
- "className": ["absolute inset-0 min-h-0 p-[inherit]"]
1100
+ "Box": { "borderRadius": ["full"] },
1101
+ "FormLabel": {
1102
+ "as": ["div"],
1103
+ "variant": ["inherit"],
1104
+ "color": ["inherit"]
1105
+ },
1106
+ "RootElement": { "data-testid": ["container"] },
1107
+ "MotionBox": {
1108
+ "position": ["relative"],
1109
+ "borderRadius": ["full"],
1110
+ "alignItems": ["center"],
1111
+ "justifyContent": ["center"],
1112
+ "flex": ["none"]
838
1113
  }
839
1114
  },
840
- "propToVariantKeys": { "variant": ["bottomsheetVariantRoot"] },
1115
+ "propToVariantKeys": {
1116
+ "size": ["radioSizeRoot", "radioSizeRadio"],
1117
+ "variant": [
1118
+ "radioVariantRoot",
1119
+ "radioVariantRadio",
1120
+ "radioVariantRadioCircle"
1121
+ ],
1122
+ "reduceMotion": ["reducedMotion"]
1123
+ },
841
1124
  "runtimeConfigDefaultProps": {},
842
1125
  "runtimeConfigGetStyles": {},
843
1126
  "runtimeConfigInternalComponentProps": {},
844
- "motionVarPrefixes": []
1127
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
845
1128
  };
846
- var BottomSheetContent = {
847
- "name": "BottomSheetContent",
1129
+ var RadioGroupProvider = {
1130
+ "name": "RadioGroupProvider",
848
1131
  "defaultProps": {},
849
1132
  "getStylesLiterals": {},
850
- "cxLiterals": ["min-h-0", "touch-pan-y"],
851
- "internalComponents": ["Box", "VStack"],
852
- "internalComponentProps": {
853
- "Box": {
854
- "display": ["block"],
855
- "flex": ["1"]
856
- },
857
- "VStack": { "className": ["pb-[calc(env(safe-area-inset-bottom))]"] }
858
- },
1133
+ "cxLiterals": [],
1134
+ "internalComponents": [
1135
+ "DivProps",
1136
+ "Comp",
1137
+ "RadioGroupContext.Provider"
1138
+ ],
1139
+ "internalComponentProps": { "Comp": { "role": ["radiogroup"] } },
859
1140
  "propToVariantKeys": {},
860
1141
  "runtimeConfigDefaultProps": {},
861
1142
  "runtimeConfigGetStyles": {},
862
1143
  "runtimeConfigInternalComponentProps": {},
863
1144
  "motionVarPrefixes": []
864
1145
  };
865
- var BottomSheetDismiss = {
866
- "name": "BottomSheetDismiss",
1146
+ var RadioGroupStore = {
1147
+ "name": "RadioGroupStore",
867
1148
  "defaultProps": {},
868
1149
  "getStylesLiterals": {},
869
1150
  "cxLiterals": [],
870
- "internalComponents": ["AriakitDialogDismiss"],
1151
+ "internalComponents": [],
871
1152
  "internalComponentProps": {},
872
1153
  "propToVariantKeys": {},
873
1154
  "runtimeConfigDefaultProps": {},
@@ -875,70 +1156,93 @@ var BottomSheetDismiss = {
875
1156
  "runtimeConfigInternalComponentProps": {},
876
1157
  "motionVarPrefixes": []
877
1158
  };
878
- var BottomSheetHandle = {
879
- "name": "BottomSheetHandle",
880
- "defaultProps": { "variant": "default" },
1159
+ var Popover = {
1160
+ "name": "Popover",
1161
+ "defaultProps": {},
881
1162
  "getStylesLiterals": {},
882
- "cxLiterals": [
883
- "relative",
884
- "h-5",
885
- "w-16",
886
- "outline-none",
887
- "focus-visible:outline-none",
888
- "[touch-action:pan-y]",
889
- "absolute",
890
- "left-1/2",
891
- "top-1/2",
892
- "-translate-x-1/2",
893
- "-translate-y-1/2",
894
- "h-1",
895
- "w-8",
896
- "rounded-full"
897
- ],
898
- "internalComponents": ["Box"],
899
- "internalComponentProps": { "Box": {
900
- "display": ["block", "flex"],
901
- "justifyContent": ["center"]
902
- } },
903
- "propToVariantKeys": { "variant": ["bottomsheetVariantHandleIndicator"] },
904
- "runtimeConfigDefaultProps": {},
1163
+ "cxLiterals": [],
1164
+ "internalComponents": ["PopoverInternalContext.Provider", "PopoverProvider"],
1165
+ "internalComponentProps": {},
1166
+ "propToVariantKeys": {},
1167
+ "runtimeConfigDefaultProps": {
1168
+ "size": "popover.defaultSize",
1169
+ "variant": "popover.defaultVariant"
1170
+ },
905
1171
  "runtimeConfigGetStyles": {},
906
1172
  "runtimeConfigInternalComponentProps": {},
907
1173
  "motionVarPrefixes": []
908
1174
  };
909
- var BottomSheetHeader = {
910
- "name": "BottomSheetHeader",
911
- "defaultProps": { "variant": "default" },
912
- "getStylesLiterals": {},
1175
+ var PopoverContent = {
1176
+ "name": "PopoverContent",
1177
+ "defaultProps": {},
1178
+ "getStylesLiterals": {
1179
+ "popoverSizeRoot": "default",
1180
+ "popoverVariantRoot": "default",
1181
+ "display": "flex",
1182
+ "position": "absolute",
1183
+ "spacingTop": "0",
1184
+ "spacingStart": "0",
1185
+ "spacingBottom": "0",
1186
+ "spacingEnd": "0",
1187
+ "popoverSizeSvgBase": "default",
1188
+ "popoverVariantSvgBase": "default",
1189
+ "popoverSizeSvgBorder": "default",
1190
+ "popoverVariantSvgBorder": "default",
1191
+ "popoverVariantBlur": "default",
1192
+ "width": "full",
1193
+ "height": "full",
1194
+ "flexShrink": "0",
1195
+ "borderRadius": "full",
1196
+ "alignItems": "center",
1197
+ "justifyContent": "center",
1198
+ "popoverVariantCloseIcon": "default",
1199
+ "popoverSizeCloseIcon": "default"
1200
+ },
913
1201
  "cxLiterals": [
914
- "grid-cols-[40px_1fr_40px]",
915
- "items-center",
916
- "w-full",
917
- "min-h-10",
918
- "mt-2"
1202
+ "z-[9999]",
1203
+ "outline-none",
1204
+ "focus-visible:outline-none",
1205
+ "uds-bgBlurFillFallback",
1206
+ "uds-bgBlurFallback",
1207
+ "top-0",
1208
+ "left-0",
1209
+ "z-[1]",
1210
+ "duration-0",
1211
+ "duration-120",
1212
+ "transition-[background-color]",
1213
+ "bg-carbon-15/0",
1214
+ "hover:bg-carbon-15/10",
1215
+ "active:bg-carbon-15/15",
1216
+ "uds-ring",
1217
+ "absolute",
1218
+ "z-[4]"
1219
+ ],
1220
+ "internalComponents": [
1221
+ "PopoverDismiss",
1222
+ "IconSlot",
1223
+ "PopoverArrow",
1224
+ "Popover",
1225
+ "SvgFloatingOverlay",
1226
+ "Box",
1227
+ "Pressable"
919
1228
  ],
920
- "internalComponents": ["Box", "Text"],
921
- "internalComponentProps": {
922
- "Box": {
923
- "className": ["h-10 w-10 opacity-0 pointer-events-none"],
924
- "display": ["grid", "flex"],
925
- "justifyContent": ["flex-start", "flex-end"]
926
- },
927
- "Text": {
928
- "variant": ["inherit"],
929
- "color": ["inherit"],
930
- "textAlign": ["center"],
931
- "className": ["w-full"]
932
- }
1229
+ "internalComponentProps": {},
1230
+ "propToVariantKeys": { "closeIcon": ["icon"] },
1231
+ "runtimeConfigDefaultProps": {
1232
+ "size": "popover.defaultSize",
1233
+ "variant": "popover.defaultVariant"
933
1234
  },
934
- "propToVariantKeys": { "variant": ["bottomsheetVariantHeader"] },
935
- "runtimeConfigDefaultProps": {},
936
- "runtimeConfigGetStyles": {},
937
- "runtimeConfigInternalComponentProps": {},
1235
+ "runtimeConfigGetStyles": {
1236
+ "spacingTop": ["popover.spacingVertical.${size}"],
1237
+ "spacingStart": ["popover.spacingHorizontal.${size}"],
1238
+ "spacingBottom": ["popover.spacingVertical.${size}"],
1239
+ "spacingEnd": ["popover.spacingHorizontal.${size}"]
1240
+ },
1241
+ "runtimeConfigInternalComponentProps": { "SvgFloatingOverlay": { "borderRadius": ["popover.borderRadius.${size}"] } },
938
1242
  "motionVarPrefixes": []
939
1243
  };
940
- var BottomSheetInternalContext = {
941
- "name": "BottomSheetInternalContext",
1244
+ var PopoverContext = {
1245
+ "name": "PopoverContext",
942
1246
  "defaultProps": {},
943
1247
  "getStylesLiterals": {},
944
1248
  "cxLiterals": [],
@@ -950,25 +1254,25 @@ var BottomSheetInternalContext = {
950
1254
  "runtimeConfigInternalComponentProps": {},
951
1255
  "motionVarPrefixes": []
952
1256
  };
953
- var BottomSheetProvider = {
954
- "name": "BottomSheetProvider",
1257
+ var PopoverTrigger = {
1258
+ "name": "PopoverTrigger",
955
1259
  "defaultProps": {},
956
1260
  "getStylesLiterals": {},
957
1261
  "cxLiterals": [],
958
- "internalComponents": ["AriakitDialogProvider"],
959
- "internalComponentProps": {},
960
- "propToVariantKeys": {},
1262
+ "internalComponents": ["PopoverDisclosure"],
1263
+ "internalComponentProps": { "PopoverDisclosure": { "className": ["inline"] } },
1264
+ "propToVariantKeys": { "children": ["render"] },
961
1265
  "runtimeConfigDefaultProps": {},
962
1266
  "runtimeConfigGetStyles": {},
963
1267
  "runtimeConfigInternalComponentProps": {},
964
1268
  "motionVarPrefixes": []
965
1269
  };
966
- var BottomSheetTrigger = {
967
- "name": "BottomSheetTrigger",
1270
+ var UDSPopoverConfigProvider = {
1271
+ "name": "UDSPopoverConfigProvider",
968
1272
  "defaultProps": {},
969
1273
  "getStylesLiterals": {},
970
1274
  "cxLiterals": [],
971
- "internalComponents": ["AriakitDialogDisclosure"],
1275
+ "internalComponents": ["PopoverContext.Provider"],
972
1276
  "internalComponentProps": {},
973
1277
  "propToVariantKeys": {},
974
1278
  "runtimeConfigDefaultProps": {},
@@ -976,30 +1280,79 @@ var BottomSheetTrigger = {
976
1280
  "runtimeConfigInternalComponentProps": {},
977
1281
  "motionVarPrefixes": []
978
1282
  };
979
- var UDSBottomSheetConfigProvider = {
980
- "name": "UDSBottomSheetConfigProvider",
981
- "defaultProps": {},
1283
+ var Menu_Content = {
1284
+ "name": "Menu.Content",
1285
+ "defaultProps": {
1286
+ "size": "default",
1287
+ "variant": "default",
1288
+ "gutter": "1"
1289
+ },
982
1290
  "getStylesLiterals": {},
983
- "cxLiterals": [],
984
- "internalComponents": ["BottomSheetContext.Provider"],
1291
+ "cxLiterals": [
1292
+ "uds-menu-content",
1293
+ "transition-shadow",
1294
+ "duration-200",
1295
+ "ease-in-out",
1296
+ "min-w-60",
1297
+ "max-w-lg",
1298
+ "max-h-96",
1299
+ "overflow-auto",
1300
+ "uds-ring",
1301
+ "z-10",
1302
+ "group"
1303
+ ],
1304
+ "internalComponents": [
1305
+ "AriakitMenu",
1306
+ "AnimatePresence",
1307
+ "MotionVStack"
1308
+ ],
985
1309
  "internalComponentProps": {},
1310
+ "propToVariantKeys": {
1311
+ "size": ["menucontentSizeRoot"],
1312
+ "variant": ["menucontentVariantRoot"]
1313
+ },
1314
+ "runtimeConfigDefaultProps": {},
1315
+ "runtimeConfigGetStyles": {},
1316
+ "runtimeConfigInternalComponentProps": {},
1317
+ "motionVarPrefixes": []
1318
+ };
1319
+ var Menu_Divider = {
1320
+ "name": "Menu.Divider",
1321
+ "defaultProps": {
1322
+ "role": "separator",
1323
+ "contentPosition": "start",
1324
+ "gap": "4"
1325
+ },
1326
+ "getStylesLiterals": {
1327
+ "menuitemDividerVariantRoot": "default",
1328
+ "menuitemDividerVariantText": "default",
1329
+ "menuitemDividerVariantLine": "default"
1330
+ },
1331
+ "cxLiterals": [],
1332
+ "internalComponents": ["DividerInternal"],
1333
+ "internalComponentProps": { "DividerInternal": { "variant": ["inherit"] } },
986
1334
  "propToVariantKeys": {},
987
1335
  "runtimeConfigDefaultProps": {},
988
1336
  "runtimeConfigGetStyles": {},
989
1337
  "runtimeConfigInternalComponentProps": {},
990
1338
  "motionVarPrefixes": []
991
1339
  };
992
- var Chip = {
993
- "name": "Chip",
1340
+ var Menu_Item = {
1341
+ "name": "Menu.Item",
994
1342
  "defaultProps": {},
995
- "getStylesLiterals": {},
1343
+ "getStylesLiterals": {
1344
+ "menuitemItemVariantRoot": "default",
1345
+ "menuitemItemVariantActiveRoot": "on",
1346
+ "menuitemItemVariantActiveRoot:1": "off",
1347
+ "menuitemItemVariantText": "default",
1348
+ "menuitemItemVariantActiveText": "on",
1349
+ "menuitemItemVariantActiveText:1": "off",
1350
+ "menuitemItemVariantIcon": "default",
1351
+ "menuitemItemVariantActiveIcon": "on",
1352
+ "menuitemItemVariantActiveIcon:1": "off"
1353
+ },
996
1354
  "cxLiterals": [],
997
- "internalComponents": [
998
- "ChipDismissible",
999
- "ChipToggle",
1000
- "ChipLink",
1001
- "ChipButton"
1002
- ],
1355
+ "internalComponents": ["MenuItemBase"],
1003
1356
  "internalComponentProps": {},
1004
1357
  "propToVariantKeys": {},
1005
1358
  "runtimeConfigDefaultProps": {},
@@ -1007,111 +1360,137 @@ var Chip = {
1007
1360
  "runtimeConfigInternalComponentProps": {},
1008
1361
  "motionVarPrefixes": []
1009
1362
  };
1010
- var ChipBase = {
1011
- "name": "ChipBase",
1363
+ var Menu_ItemBase = {
1364
+ "name": "Menu.ItemBase",
1012
1365
  "defaultProps": {
1013
- "size": "md",
1014
- "as": "div"
1366
+ "spacing": "0",
1367
+ "spacingHorizontal": "4",
1368
+ "spacingVertical": "3.5",
1369
+ "columnGap": "2",
1370
+ "alignItems": "center",
1371
+ "justifyContent": "space-between"
1372
+ },
1373
+ "getStylesLiterals": {
1374
+ "textAlign": "start",
1375
+ "menuitemSizeRoot": "default",
1376
+ "flexDirection": "row",
1377
+ "menuitemSizeStartIcon": "default",
1378
+ "menuitemSizeEndIcon": "default"
1015
1379
  },
1016
- "getStylesLiterals": {},
1017
1380
  "cxLiterals": [
1018
- "pointer-events-none",
1019
- "cursor-default",
1020
- "opacity-50",
1021
- "inline-flex",
1022
- "items-center",
1023
- "transition-[background-color,outline-color,box-shadow]",
1024
- "truncate",
1025
- "whitespace-nowrap",
1026
- "text-center",
1027
- "flex-1"
1381
+ "flex",
1382
+ "focus-visible:text-brand",
1383
+ "focus-visible:bg-brand-secondary",
1384
+ "focus-visible:z-10",
1385
+ "uds-ring",
1386
+ "!-outline-offset-2",
1387
+ "[&:not([aria-checked])]:cursor-default",
1388
+ "opacity-25",
1389
+ "cursor-not-allowed",
1390
+ "duration-20",
1391
+ "transition-[font-variation-settings]",
1392
+ "ease-in-out",
1393
+ "z-0",
1394
+ "uds-start-icon",
1395
+ "uds-end-icon"
1028
1396
  ],
1029
1397
  "internalComponents": [
1398
+ "Pressable",
1030
1399
  "IconSlot",
1400
+ "RootComponent",
1031
1401
  "HStack",
1032
- "As",
1033
- "Text"
1402
+ "AnimatePresence"
1034
1403
  ],
1035
- "internalComponentProps": { "Text": {
1036
- "as": ["span"],
1037
- "color": ["current"],
1038
- "variant": ["inherit"]
1039
- } },
1404
+ "internalComponentProps": {
1405
+ "HStack": {
1406
+ "alignItems": ["center"],
1407
+ "width": ["full"]
1408
+ },
1409
+ "AnimatePresence": { "mode": ["popLayout"] }
1410
+ },
1040
1411
  "propToVariantKeys": {
1041
- "size": ["chipSizeRoot", "chipSizeIcon"],
1042
1412
  "startIcon": ["icon"],
1043
- "endIcon": ["icon"]
1413
+ "endIcon": ["icon"],
1414
+ "columnGap": ["gap"]
1044
1415
  },
1045
1416
  "runtimeConfigDefaultProps": {},
1046
1417
  "runtimeConfigGetStyles": {},
1047
1418
  "runtimeConfigInternalComponentProps": {},
1048
1419
  "motionVarPrefixes": []
1049
1420
  };
1050
- var ChipButton = {
1051
- "name": "ChipButton",
1052
- "defaultProps": { "variant": "primary" },
1053
- "getStylesLiterals": {},
1054
- "cxLiterals": ["uds-ring"],
1055
- "internalComponents": ["ChipBase"],
1056
- "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1057
- "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1421
+ var Menu_ItemCheckbox = {
1422
+ "name": "Menu.ItemCheckbox",
1423
+ "defaultProps": {},
1424
+ "getStylesLiterals": {
1425
+ "menuitemItemCheckboxVariantRoot": "default",
1426
+ "menuitemItemCheckboxVariantActiveRoot": "on",
1427
+ "menuitemItemCheckboxVariantActiveRoot:1": "off",
1428
+ "menuitemItemCheckboxVariantText": "default",
1429
+ "menuitemItemCheckboxVariantActiveText": "on",
1430
+ "menuitemItemCheckboxVariantActiveText:1": "off",
1431
+ "menuitemItemCheckboxVariantStartIcon": "default",
1432
+ "menuitemItemCheckboxVariantActiveStartIcon": "on",
1433
+ "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
1434
+ "menuitemItemCheckboxVariantEndIcon": "default",
1435
+ "menuitemItemCheckboxVariantActiveEndIcon": "on",
1436
+ "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
1437
+ },
1438
+ "cxLiterals": ["uds-menu-item-checkbox"],
1439
+ "internalComponents": ["MenuItemBase"],
1440
+ "internalComponentProps": {},
1441
+ "propToVariantKeys": {},
1058
1442
  "runtimeConfigDefaultProps": {},
1059
1443
  "runtimeConfigGetStyles": {},
1060
1444
  "runtimeConfigInternalComponentProps": {},
1061
1445
  "motionVarPrefixes": []
1062
1446
  };
1063
- var ChipDismissible = {
1064
- "name": "ChipDismissible",
1065
- "defaultProps": { "variant": "primary" },
1447
+ var Menu_Provider = {
1448
+ "name": "Menu.Provider",
1449
+ "defaultProps": {},
1066
1450
  "getStylesLiterals": {},
1067
- "cxLiterals": [
1068
- "uds-chip-dismissible-button",
1069
- "uds-hit-target",
1070
- "uds-ring",
1071
- "rounded-full"
1072
- ],
1073
- "internalComponents": [
1074
- "ChipBase",
1075
- "IconSlot",
1076
- "Pressable"
1077
- ],
1451
+ "cxLiterals": [],
1452
+ "internalComponents": ["AriakitMenuProvider", "SpringMotionConfig"],
1078
1453
  "internalComponentProps": {},
1079
- "propToVariantKeys": {
1080
- "variant": ["chipDismissibleVariantRoot", "chipDismissibleVariantIcon"],
1081
- "dismissButtonAriaLabel": ["aria-label"]
1082
- },
1454
+ "propToVariantKeys": {},
1455
+ "runtimeConfigDefaultProps": {},
1456
+ "runtimeConfigGetStyles": {},
1457
+ "runtimeConfigInternalComponentProps": {},
1458
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1459
+ };
1460
+ var Menu_Trigger = {
1461
+ "name": "Menu.Trigger",
1462
+ "defaultProps": {},
1463
+ "getStylesLiterals": {},
1464
+ "cxLiterals": ["uds-menu-trigger"],
1465
+ "internalComponents": ["AriakitMenuTrigger", "Box"],
1466
+ "internalComponentProps": { "Box": { "className": ["uds-ring h-fit w-fit"] } },
1467
+ "propToVariantKeys": {},
1083
1468
  "runtimeConfigDefaultProps": {},
1084
1469
  "runtimeConfigGetStyles": {},
1085
1470
  "runtimeConfigInternalComponentProps": {},
1086
1471
  "motionVarPrefixes": []
1087
1472
  };
1088
- var ChipLink = {
1089
- "name": "ChipLink",
1090
- "defaultProps": { "variant": "primary" },
1473
+ var Menu_index = {
1474
+ "name": "Menu.index",
1475
+ "defaultProps": {},
1091
1476
  "getStylesLiterals": {},
1092
- "cxLiterals": ["uds-ring"],
1093
- "internalComponents": ["ChipBase"],
1094
- "internalComponentProps": { "ChipBase": { "as": ["a"] } },
1095
- "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1477
+ "cxLiterals": [],
1478
+ "internalComponents": [],
1479
+ "internalComponentProps": {},
1480
+ "propToVariantKeys": {},
1096
1481
  "runtimeConfigDefaultProps": {},
1097
1482
  "runtimeConfigGetStyles": {},
1098
1483
  "runtimeConfigInternalComponentProps": {},
1099
1484
  "motionVarPrefixes": []
1100
1485
  };
1101
- var ChipToggle = {
1102
- "name": "ChipToggle",
1103
- "defaultProps": {
1104
- "variant": "primary",
1105
- "role": "checkbox"
1106
- },
1107
- "getStylesLiterals": {
1108
- "chipToggleVariantActiveRoot": "on",
1109
- "chipToggleVariantActiveRoot:1": "off"
1110
- },
1111
- "cxLiterals": ["uds-ring"],
1112
- "internalComponents": ["ChipBase"],
1113
- "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1114
- "propToVariantKeys": { "variant": ["chipToggleVariantRoot", "chipToggleVariantIcon"] },
1486
+ var Menu = {
1487
+ "name": "Menu",
1488
+ "defaultProps": {},
1489
+ "getStylesLiterals": {},
1490
+ "cxLiterals": [],
1491
+ "internalComponents": [],
1492
+ "internalComponentProps": {},
1493
+ "propToVariantKeys": {},
1115
1494
  "runtimeConfigDefaultProps": {},
1116
1495
  "runtimeConfigGetStyles": {},
1117
1496
  "runtimeConfigInternalComponentProps": {},
@@ -1246,123 +1625,204 @@ var InputHelpTextInternal = {
1246
1625
  "runtimeConfigInternalComponentProps": {},
1247
1626
  "motionVarPrefixes": []
1248
1627
  };
1249
- var Popover = {
1250
- "name": "Popover",
1628
+ var Chip = {
1629
+ "name": "Chip",
1251
1630
  "defaultProps": {},
1252
1631
  "getStylesLiterals": {},
1253
1632
  "cxLiterals": [],
1254
- "internalComponents": ["PopoverInternalContext.Provider", "PopoverProvider"],
1633
+ "internalComponents": [
1634
+ "ChipDismissible",
1635
+ "ChipToggle",
1636
+ "ChipLink",
1637
+ "ChipButton"
1638
+ ],
1255
1639
  "internalComponentProps": {},
1256
1640
  "propToVariantKeys": {},
1257
- "runtimeConfigDefaultProps": {
1258
- "size": "popover.defaultSize",
1259
- "variant": "popover.defaultVariant"
1260
- },
1641
+ "runtimeConfigDefaultProps": {},
1261
1642
  "runtimeConfigGetStyles": {},
1262
1643
  "runtimeConfigInternalComponentProps": {},
1263
1644
  "motionVarPrefixes": []
1264
1645
  };
1265
- var PopoverContent = {
1266
- "name": "PopoverContent",
1267
- "defaultProps": {},
1268
- "getStylesLiterals": {
1269
- "popoverSizeRoot": "default",
1270
- "popoverVariantRoot": "default",
1271
- "display": "flex",
1272
- "position": "absolute",
1273
- "spacingTop": "0",
1274
- "spacingStart": "0",
1275
- "spacingBottom": "0",
1276
- "spacingEnd": "0",
1277
- "popoverSizeSvgBase": "default",
1278
- "popoverVariantSvgBase": "default",
1279
- "popoverSizeSvgBorder": "default",
1280
- "popoverVariantSvgBorder": "default",
1281
- "popoverVariantBlur": "default",
1282
- "width": "full",
1283
- "height": "full",
1284
- "flexShrink": "0",
1285
- "borderRadius": "full",
1286
- "alignItems": "center",
1287
- "justifyContent": "center",
1288
- "popoverVariantCloseIcon": "default",
1289
- "popoverSizeCloseIcon": "default"
1646
+ var ChipBase = {
1647
+ "name": "ChipBase",
1648
+ "defaultProps": {
1649
+ "size": "md",
1650
+ "as": "div"
1290
1651
  },
1652
+ "getStylesLiterals": {},
1291
1653
  "cxLiterals": [
1292
- "z-[9999]",
1293
- "outline-none",
1294
- "focus-visible:outline-none",
1295
- "uds-bgBlurFillFallback",
1296
- "uds-bgBlurFallback",
1297
- "top-0",
1298
- "left-0",
1299
- "z-[1]",
1300
- "duration-0",
1301
- "duration-120",
1302
- "transition-[background-color]",
1303
- "bg-carbon-15/0",
1304
- "hover:bg-carbon-15/10",
1305
- "active:bg-carbon-15/15",
1654
+ "pointer-events-none",
1655
+ "cursor-default",
1656
+ "opacity-50",
1657
+ "inline-flex",
1658
+ "items-center",
1659
+ "transition-[background-color,outline-color,box-shadow]",
1660
+ "truncate",
1661
+ "whitespace-nowrap",
1662
+ "text-center",
1663
+ "flex-1"
1664
+ ],
1665
+ "internalComponents": [
1666
+ "IconSlot",
1667
+ "HStack",
1668
+ "As",
1669
+ "Text"
1670
+ ],
1671
+ "internalComponentProps": { "Text": {
1672
+ "as": ["span"],
1673
+ "color": ["current"],
1674
+ "variant": ["inherit"]
1675
+ } },
1676
+ "propToVariantKeys": {
1677
+ "size": ["chipSizeRoot", "chipSizeIcon"],
1678
+ "startIcon": ["icon"],
1679
+ "endIcon": ["icon"]
1680
+ },
1681
+ "runtimeConfigDefaultProps": {},
1682
+ "runtimeConfigGetStyles": {},
1683
+ "runtimeConfigInternalComponentProps": {},
1684
+ "motionVarPrefixes": []
1685
+ };
1686
+ var ChipButton = {
1687
+ "name": "ChipButton",
1688
+ "defaultProps": { "variant": "primary" },
1689
+ "getStylesLiterals": {},
1690
+ "cxLiterals": ["uds-ring"],
1691
+ "internalComponents": ["ChipBase"],
1692
+ "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1693
+ "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1694
+ "runtimeConfigDefaultProps": {},
1695
+ "runtimeConfigGetStyles": {},
1696
+ "runtimeConfigInternalComponentProps": {},
1697
+ "motionVarPrefixes": []
1698
+ };
1699
+ var ChipDismissible = {
1700
+ "name": "ChipDismissible",
1701
+ "defaultProps": { "variant": "primary" },
1702
+ "getStylesLiterals": {},
1703
+ "cxLiterals": [
1704
+ "uds-chip-dismissible-button",
1705
+ "uds-hit-target",
1306
1706
  "uds-ring",
1307
- "absolute",
1308
- "z-[4]"
1707
+ "rounded-full"
1309
1708
  ],
1310
1709
  "internalComponents": [
1311
- "PopoverDismiss",
1710
+ "ChipBase",
1312
1711
  "IconSlot",
1313
- "PopoverArrow",
1314
- "Popover",
1315
- "SvgFloatingOverlay",
1316
- "Box",
1317
1712
  "Pressable"
1318
1713
  ],
1319
1714
  "internalComponentProps": {},
1320
- "propToVariantKeys": { "closeIcon": ["icon"] },
1321
- "runtimeConfigDefaultProps": {
1322
- "size": "popover.defaultSize",
1323
- "variant": "popover.defaultVariant"
1715
+ "propToVariantKeys": {
1716
+ "variant": ["chipDismissibleVariantRoot", "chipDismissibleVariantIcon"],
1717
+ "dismissButtonAriaLabel": ["aria-label"]
1324
1718
  },
1325
- "runtimeConfigGetStyles": {
1326
- "spacingTop": ["popover.spacingVertical.${size}"],
1327
- "spacingStart": ["popover.spacingHorizontal.${size}"],
1328
- "spacingBottom": ["popover.spacingVertical.${size}"],
1329
- "spacingEnd": ["popover.spacingHorizontal.${size}"]
1719
+ "runtimeConfigDefaultProps": {},
1720
+ "runtimeConfigGetStyles": {},
1721
+ "runtimeConfigInternalComponentProps": {},
1722
+ "motionVarPrefixes": []
1723
+ };
1724
+ var ChipLink = {
1725
+ "name": "ChipLink",
1726
+ "defaultProps": { "variant": "primary" },
1727
+ "getStylesLiterals": {},
1728
+ "cxLiterals": ["uds-ring"],
1729
+ "internalComponents": ["ChipBase"],
1730
+ "internalComponentProps": { "ChipBase": { "as": ["a"] } },
1731
+ "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1732
+ "runtimeConfigDefaultProps": {},
1733
+ "runtimeConfigGetStyles": {},
1734
+ "runtimeConfigInternalComponentProps": {},
1735
+ "motionVarPrefixes": []
1736
+ };
1737
+ var ChipToggle = {
1738
+ "name": "ChipToggle",
1739
+ "defaultProps": {
1740
+ "variant": "primary",
1741
+ "role": "checkbox"
1330
1742
  },
1331
- "runtimeConfigInternalComponentProps": { "SvgFloatingOverlay": { "borderRadius": ["popover.borderRadius.${size}"] } },
1743
+ "getStylesLiterals": {
1744
+ "chipToggleVariantActiveRoot": "on",
1745
+ "chipToggleVariantActiveRoot:1": "off"
1746
+ },
1747
+ "cxLiterals": ["uds-ring"],
1748
+ "internalComponents": ["ChipBase"],
1749
+ "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1750
+ "propToVariantKeys": { "variant": ["chipToggleVariantRoot", "chipToggleVariantIcon"] },
1751
+ "runtimeConfigDefaultProps": {},
1752
+ "runtimeConfigGetStyles": {},
1753
+ "runtimeConfigInternalComponentProps": {},
1332
1754
  "motionVarPrefixes": []
1333
1755
  };
1334
- var PopoverContext = {
1335
- "name": "PopoverContext",
1336
- "defaultProps": {},
1756
+ var BottomSheet = {
1757
+ "name": "BottomSheet",
1758
+ "defaultProps": { "variant": "default" },
1337
1759
  "getStylesLiterals": {},
1338
- "cxLiterals": [],
1339
- "internalComponents": [],
1340
- "internalComponentProps": {},
1341
- "propToVariantKeys": {},
1760
+ "cxLiterals": [
1761
+ "fixed",
1762
+ "overflow-hidden",
1763
+ "inset-x-0",
1764
+ "bottom-0",
1765
+ "z-50",
1766
+ "[will-change:transform]",
1767
+ "touch-none",
1768
+ "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
1769
+ "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
1770
+ "transition-transform",
1771
+ "duration-500",
1772
+ "ease-[cubic-bezier(0.32,0.72,0,1)]",
1773
+ "motion-reduce:transition-none",
1774
+ "top-[-4px]",
1775
+ "z-[1]",
1776
+ "touch-pan-y"
1777
+ ],
1778
+ "internalComponents": [
1779
+ "Scrim",
1780
+ "BottomSheetHandle",
1781
+ "Dialog",
1782
+ "Box",
1783
+ "BottomSheetInternalContext.Provider"
1784
+ ],
1785
+ "internalComponentProps": {
1786
+ "BottomSheetHandle": { "ariaLabel": ["Resize sheet"] },
1787
+ "Dialog": { "data-testid": ["bottom-sheet"] },
1788
+ "Box": {
1789
+ "display": ["block", "flex"],
1790
+ "position": ["absolute"],
1791
+ "flexDirection": ["column"],
1792
+ "className": ["absolute inset-0 min-h-0 p-[inherit]"]
1793
+ }
1794
+ },
1795
+ "propToVariantKeys": { "variant": ["bottomsheetVariantRoot"] },
1342
1796
  "runtimeConfigDefaultProps": {},
1343
1797
  "runtimeConfigGetStyles": {},
1344
1798
  "runtimeConfigInternalComponentProps": {},
1345
1799
  "motionVarPrefixes": []
1346
1800
  };
1347
- var PopoverTrigger = {
1348
- "name": "PopoverTrigger",
1801
+ var BottomSheetContent = {
1802
+ "name": "BottomSheetContent",
1349
1803
  "defaultProps": {},
1350
1804
  "getStylesLiterals": {},
1351
- "cxLiterals": [],
1352
- "internalComponents": ["PopoverDisclosure"],
1353
- "internalComponentProps": { "PopoverDisclosure": { "className": ["inline"] } },
1354
- "propToVariantKeys": { "children": ["render"] },
1805
+ "cxLiterals": ["min-h-0", "touch-pan-y"],
1806
+ "internalComponents": ["Box", "VStack"],
1807
+ "internalComponentProps": {
1808
+ "Box": {
1809
+ "display": ["block"],
1810
+ "flex": ["1"]
1811
+ },
1812
+ "VStack": { "className": ["pb-[calc(env(safe-area-inset-bottom))]"] }
1813
+ },
1814
+ "propToVariantKeys": {},
1355
1815
  "runtimeConfigDefaultProps": {},
1356
1816
  "runtimeConfigGetStyles": {},
1357
1817
  "runtimeConfigInternalComponentProps": {},
1358
1818
  "motionVarPrefixes": []
1359
1819
  };
1360
- var UDSPopoverConfigProvider = {
1361
- "name": "UDSPopoverConfigProvider",
1820
+ var BottomSheetDismiss = {
1821
+ "name": "BottomSheetDismiss",
1362
1822
  "defaultProps": {},
1363
1823
  "getStylesLiterals": {},
1364
1824
  "cxLiterals": [],
1365
- "internalComponents": ["PopoverContext.Provider"],
1825
+ "internalComponents": ["AriakitDialogDismiss"],
1366
1826
  "internalComponentProps": {},
1367
1827
  "propToVariantKeys": {},
1368
1828
  "runtimeConfigDefaultProps": {},
@@ -1370,79 +1830,74 @@ var UDSPopoverConfigProvider = {
1370
1830
  "runtimeConfigInternalComponentProps": {},
1371
1831
  "motionVarPrefixes": []
1372
1832
  };
1373
- var Menu_Content = {
1374
- "name": "Menu.Content",
1375
- "defaultProps": {
1376
- "size": "default",
1377
- "variant": "default",
1378
- "gutter": "1"
1379
- },
1833
+ var BottomSheetHandle = {
1834
+ "name": "BottomSheetHandle",
1835
+ "defaultProps": { "variant": "default" },
1380
1836
  "getStylesLiterals": {},
1381
1837
  "cxLiterals": [
1382
- "uds-menu-content",
1383
- "transition-shadow",
1384
- "duration-200",
1385
- "ease-in-out",
1386
- "min-w-60",
1387
- "max-w-lg",
1388
- "max-h-96",
1389
- "overflow-auto",
1390
- "uds-ring",
1391
- "z-10",
1392
- "group"
1393
- ],
1394
- "internalComponents": [
1395
- "AriakitMenu",
1396
- "AnimatePresence",
1397
- "MotionVStack"
1838
+ "relative",
1839
+ "h-5",
1840
+ "w-16",
1841
+ "outline-none",
1842
+ "focus-visible:outline-none",
1843
+ "[touch-action:pan-y]",
1844
+ "absolute",
1845
+ "left-1/2",
1846
+ "top-1/2",
1847
+ "-translate-x-1/2",
1848
+ "-translate-y-1/2",
1849
+ "h-1",
1850
+ "w-8",
1851
+ "rounded-full"
1398
1852
  ],
1399
- "internalComponentProps": {},
1400
- "propToVariantKeys": {
1401
- "size": ["menucontentSizeRoot"],
1402
- "variant": ["menucontentVariantRoot"]
1403
- },
1853
+ "internalComponents": ["Box"],
1854
+ "internalComponentProps": { "Box": {
1855
+ "display": ["block", "flex"],
1856
+ "justifyContent": ["center"]
1857
+ } },
1858
+ "propToVariantKeys": { "variant": ["bottomsheetVariantHandleIndicator"] },
1404
1859
  "runtimeConfigDefaultProps": {},
1405
1860
  "runtimeConfigGetStyles": {},
1406
1861
  "runtimeConfigInternalComponentProps": {},
1407
1862
  "motionVarPrefixes": []
1408
1863
  };
1409
- var Menu_Divider = {
1410
- "name": "Menu.Divider",
1411
- "defaultProps": {
1412
- "role": "separator",
1413
- "contentPosition": "start",
1414
- "gap": "4"
1415
- },
1416
- "getStylesLiterals": {
1417
- "menuitemDividerVariantRoot": "default",
1418
- "menuitemDividerVariantText": "default",
1419
- "menuitemDividerVariantLine": "default"
1864
+ var BottomSheetHeader = {
1865
+ "name": "BottomSheetHeader",
1866
+ "defaultProps": { "variant": "default" },
1867
+ "getStylesLiterals": {},
1868
+ "cxLiterals": [
1869
+ "grid-cols-[40px_1fr_40px]",
1870
+ "items-center",
1871
+ "w-full",
1872
+ "min-h-10",
1873
+ "mt-2"
1874
+ ],
1875
+ "internalComponents": ["Box", "Text"],
1876
+ "internalComponentProps": {
1877
+ "Box": {
1878
+ "className": ["h-10 w-10 opacity-0 pointer-events-none"],
1879
+ "display": ["grid", "flex"],
1880
+ "justifyContent": ["flex-start", "flex-end"]
1881
+ },
1882
+ "Text": {
1883
+ "variant": ["inherit"],
1884
+ "color": ["inherit"],
1885
+ "textAlign": ["center"],
1886
+ "className": ["w-full"]
1887
+ }
1420
1888
  },
1421
- "cxLiterals": [],
1422
- "internalComponents": ["DividerInternal"],
1423
- "internalComponentProps": { "DividerInternal": { "variant": ["inherit"] } },
1424
- "propToVariantKeys": {},
1889
+ "propToVariantKeys": { "variant": ["bottomsheetVariantHeader"] },
1425
1890
  "runtimeConfigDefaultProps": {},
1426
1891
  "runtimeConfigGetStyles": {},
1427
1892
  "runtimeConfigInternalComponentProps": {},
1428
1893
  "motionVarPrefixes": []
1429
1894
  };
1430
- var Menu_Item = {
1431
- "name": "Menu.Item",
1895
+ var BottomSheetInternalContext = {
1896
+ "name": "BottomSheetInternalContext",
1432
1897
  "defaultProps": {},
1433
- "getStylesLiterals": {
1434
- "menuitemItemVariantRoot": "default",
1435
- "menuitemItemVariantActiveRoot": "on",
1436
- "menuitemItemVariantActiveRoot:1": "off",
1437
- "menuitemItemVariantText": "default",
1438
- "menuitemItemVariantActiveText": "on",
1439
- "menuitemItemVariantActiveText:1": "off",
1440
- "menuitemItemVariantIcon": "default",
1441
- "menuitemItemVariantActiveIcon": "on",
1442
- "menuitemItemVariantActiveIcon:1": "off"
1443
- },
1898
+ "getStylesLiterals": {},
1444
1899
  "cxLiterals": [],
1445
- "internalComponents": ["MenuItemBase"],
1900
+ "internalComponents": [],
1446
1901
  "internalComponentProps": {},
1447
1902
  "propToVariantKeys": {},
1448
1903
  "runtimeConfigDefaultProps": {},
@@ -1450,83 +1905,12 @@ var Menu_Item = {
1450
1905
  "runtimeConfigInternalComponentProps": {},
1451
1906
  "motionVarPrefixes": []
1452
1907
  };
1453
- var Menu_ItemBase = {
1454
- "name": "Menu.ItemBase",
1455
- "defaultProps": {
1456
- "spacing": "0",
1457
- "spacingHorizontal": "4",
1458
- "spacingVertical": "3.5",
1459
- "columnGap": "2",
1460
- "alignItems": "center",
1461
- "justifyContent": "space-between"
1462
- },
1463
- "getStylesLiterals": {
1464
- "textAlign": "start",
1465
- "menuitemSizeRoot": "default",
1466
- "flexDirection": "row",
1467
- "menuitemSizeStartIcon": "default",
1468
- "menuitemSizeEndIcon": "default"
1469
- },
1470
- "cxLiterals": [
1471
- "flex",
1472
- "focus-visible:text-brand",
1473
- "focus-visible:bg-brand-secondary",
1474
- "focus-visible:z-10",
1475
- "uds-ring",
1476
- "!-outline-offset-2",
1477
- "[&:not([aria-checked])]:cursor-default",
1478
- "opacity-25",
1479
- "cursor-not-allowed",
1480
- "duration-20",
1481
- "transition-[font-variation-settings]",
1482
- "ease-in-out",
1483
- "z-0",
1484
- "uds-start-icon",
1485
- "uds-end-icon"
1486
- ],
1487
- "internalComponents": [
1488
- "Pressable",
1489
- "IconSlot",
1490
- "RootComponent",
1491
- "HStack",
1492
- "AnimatePresence"
1493
- ],
1494
- "internalComponentProps": {
1495
- "HStack": {
1496
- "alignItems": ["center"],
1497
- "width": ["full"]
1498
- },
1499
- "AnimatePresence": { "mode": ["popLayout"] }
1500
- },
1501
- "propToVariantKeys": {
1502
- "startIcon": ["icon"],
1503
- "endIcon": ["icon"],
1504
- "columnGap": ["gap"]
1505
- },
1506
- "runtimeConfigDefaultProps": {},
1507
- "runtimeConfigGetStyles": {},
1508
- "runtimeConfigInternalComponentProps": {},
1509
- "motionVarPrefixes": []
1510
- };
1511
- var Menu_ItemCheckbox = {
1512
- "name": "Menu.ItemCheckbox",
1908
+ var BottomSheetProvider = {
1909
+ "name": "BottomSheetProvider",
1513
1910
  "defaultProps": {},
1514
- "getStylesLiterals": {
1515
- "menuitemItemCheckboxVariantRoot": "default",
1516
- "menuitemItemCheckboxVariantActiveRoot": "on",
1517
- "menuitemItemCheckboxVariantActiveRoot:1": "off",
1518
- "menuitemItemCheckboxVariantText": "default",
1519
- "menuitemItemCheckboxVariantActiveText": "on",
1520
- "menuitemItemCheckboxVariantActiveText:1": "off",
1521
- "menuitemItemCheckboxVariantStartIcon": "default",
1522
- "menuitemItemCheckboxVariantActiveStartIcon": "on",
1523
- "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
1524
- "menuitemItemCheckboxVariantEndIcon": "default",
1525
- "menuitemItemCheckboxVariantActiveEndIcon": "on",
1526
- "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
1527
- },
1528
- "cxLiterals": ["uds-menu-item-checkbox"],
1529
- "internalComponents": ["MenuItemBase"],
1911
+ "getStylesLiterals": {},
1912
+ "cxLiterals": [],
1913
+ "internalComponents": ["AriakitDialogProvider"],
1530
1914
  "internalComponentProps": {},
1531
1915
  "propToVariantKeys": {},
1532
1916
  "runtimeConfigDefaultProps": {},
@@ -1534,38 +1918,38 @@ var Menu_ItemCheckbox = {
1534
1918
  "runtimeConfigInternalComponentProps": {},
1535
1919
  "motionVarPrefixes": []
1536
1920
  };
1537
- var Menu_Provider = {
1538
- "name": "Menu.Provider",
1921
+ var BottomSheetTrigger = {
1922
+ "name": "BottomSheetTrigger",
1539
1923
  "defaultProps": {},
1540
1924
  "getStylesLiterals": {},
1541
1925
  "cxLiterals": [],
1542
- "internalComponents": ["AriakitMenuProvider", "SpringMotionConfig"],
1926
+ "internalComponents": ["AriakitDialogDisclosure"],
1543
1927
  "internalComponentProps": {},
1544
1928
  "propToVariantKeys": {},
1545
1929
  "runtimeConfigDefaultProps": {},
1546
1930
  "runtimeConfigGetStyles": {},
1547
1931
  "runtimeConfigInternalComponentProps": {},
1548
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1932
+ "motionVarPrefixes": []
1549
1933
  };
1550
- var Menu_Trigger = {
1551
- "name": "Menu.Trigger",
1934
+ var UDSBottomSheetConfigProvider = {
1935
+ "name": "UDSBottomSheetConfigProvider",
1552
1936
  "defaultProps": {},
1553
1937
  "getStylesLiterals": {},
1554
- "cxLiterals": ["uds-menu-trigger"],
1555
- "internalComponents": ["AriakitMenuTrigger", "Box"],
1556
- "internalComponentProps": { "Box": { "className": ["uds-ring h-fit w-fit"] } },
1938
+ "cxLiterals": [],
1939
+ "internalComponents": ["BottomSheetContext.Provider"],
1940
+ "internalComponentProps": {},
1557
1941
  "propToVariantKeys": {},
1558
1942
  "runtimeConfigDefaultProps": {},
1559
1943
  "runtimeConfigGetStyles": {},
1560
1944
  "runtimeConfigInternalComponentProps": {},
1561
1945
  "motionVarPrefixes": []
1562
1946
  };
1563
- var Menu_index = {
1564
- "name": "Menu.index",
1947
+ var Avatar = {
1948
+ "name": "Avatar",
1565
1949
  "defaultProps": {},
1566
1950
  "getStylesLiterals": {},
1567
1951
  "cxLiterals": [],
1568
- "internalComponents": [],
1952
+ "internalComponents": ["AvatarImage"],
1569
1953
  "internalComponentProps": {},
1570
1954
  "propToVariantKeys": {},
1571
1955
  "runtimeConfigDefaultProps": {},
@@ -1573,126 +1957,88 @@ var Menu_index = {
1573
1957
  "runtimeConfigInternalComponentProps": {},
1574
1958
  "motionVarPrefixes": []
1575
1959
  };
1576
- var Menu = {
1577
- "name": "Menu",
1578
- "defaultProps": {},
1960
+ var AvatarIcon = {
1961
+ "name": "AvatarIcon",
1962
+ "defaultProps": {
1963
+ "size": "md",
1964
+ "variant": "primary"
1965
+ },
1579
1966
  "getStylesLiterals": {},
1580
- "cxLiterals": [],
1581
- "internalComponents": [],
1967
+ "cxLiterals": [
1968
+ "overflow-hidden",
1969
+ "w-full",
1970
+ "h-full",
1971
+ "shrink-0",
1972
+ "text-center",
1973
+ "inline-flex",
1974
+ "justify-center",
1975
+ "items-center"
1976
+ ],
1977
+ "internalComponents": ["IconSlot", "Box"],
1582
1978
  "internalComponentProps": {},
1583
- "propToVariantKeys": {},
1979
+ "propToVariantKeys": { "size": ["avatarSizeIcon"] },
1584
1980
  "runtimeConfigDefaultProps": {},
1585
1981
  "runtimeConfigGetStyles": {},
1586
1982
  "runtimeConfigInternalComponentProps": {},
1587
1983
  "motionVarPrefixes": []
1588
1984
  };
1589
- var Radio = {
1590
- "name": "Radio",
1985
+ var AvatarImage = {
1986
+ "name": "AvatarImage",
1591
1987
  "defaultProps": {
1592
- "labelPosition": "start",
1593
- "variant": "primary",
1594
1988
  "size": "md",
1595
- "value": ""
1596
- },
1597
- "getStylesLiterals": {
1598
- "radioVariantValueRoot": "checked",
1599
- "radioVariantValueRoot:1": "unchecked",
1600
- "display": "flex",
1601
- "flexDirection": "row",
1602
- "flexDirection:1": "row-reverse",
1603
- "alignItems": "center",
1604
- "radioVariantValueRadio": "checked",
1605
- "radioVariantValueRadio:1": "unchecked",
1606
- "radioVariantValueRadioCircle": "checked",
1607
- "radioVariantValueRadioCircle:1": "unchecked"
1989
+ "variant": "primary"
1608
1990
  },
1991
+ "getStylesLiterals": {},
1609
1992
  "cxLiterals": [
1610
- "cursor-pointer",
1611
- "cursor-default",
1612
- "opacity-50",
1613
- "border",
1614
- "uds-ring",
1615
- "uds-ring-within",
1616
- "transition-[background-color,border-color]",
1617
- "transition-shadow",
1618
- "pointer-events-none",
1619
- "w-[8px]",
1620
- "h-[8px]",
1621
- "transition-opacity",
1622
- "cursor-[inherit]",
1623
- "absolute",
1624
- "opacity-0",
1625
- "top-1/2",
1626
- "left-1/2",
1627
- "w-[calc(100%+2px)]",
1628
- "h-[calc(100%+2px)]",
1629
- "transform",
1630
- "translate-x-[-50%]",
1631
- "translate-y-[-50%]",
1632
- "text-start",
1633
- "text-end"
1993
+ "overflow-hidden",
1994
+ "w-full",
1995
+ "h-full",
1996
+ "shrink-0",
1997
+ "text-center",
1998
+ "inline-flex",
1999
+ "justify-center",
2000
+ "items-center",
2001
+ "object-cover"
1634
2002
  ],
1635
2003
  "internalComponents": [
1636
- "Box",
1637
- "FormLabel",
1638
- "SpringMotionConfig",
1639
- "RootElement",
1640
- "MotionBox"
2004
+ "UDSImage",
2005
+ "AvatarText",
2006
+ "AvatarIcon",
2007
+ "Box"
1641
2008
  ],
1642
- "internalComponentProps": {
1643
- "Box": { "borderRadius": ["full"] },
1644
- "FormLabel": {
1645
- "as": ["div"],
1646
- "variant": ["inherit"],
1647
- "color": ["inherit"]
1648
- },
1649
- "RootElement": { "data-testid": ["container"] },
1650
- "MotionBox": {
1651
- "position": ["relative"],
1652
- "borderRadius": ["full"],
1653
- "alignItems": ["center"],
1654
- "justifyContent": ["center"],
1655
- "flex": ["none"]
1656
- }
1657
- },
2009
+ "internalComponentProps": {},
1658
2010
  "propToVariantKeys": {
1659
- "size": ["radioSizeRoot", "radioSizeRadio"],
1660
- "variant": [
1661
- "radioVariantRoot",
1662
- "radioVariantRadio",
1663
- "radioVariantRadioCircle"
1664
- ],
1665
- "reduceMotion": ["reducedMotion"]
2011
+ "alt": ["name"],
2012
+ "fallback": ["initials"]
1666
2013
  },
1667
2014
  "runtimeConfigDefaultProps": {},
1668
2015
  "runtimeConfigGetStyles": {},
1669
2016
  "runtimeConfigInternalComponentProps": {},
1670
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1671
- };
1672
- var RadioGroupProvider = {
1673
- "name": "RadioGroupProvider",
1674
- "defaultProps": {},
1675
- "getStylesLiterals": {},
1676
- "cxLiterals": [],
1677
- "internalComponents": [
1678
- "DivProps",
1679
- "Comp",
1680
- "RadioGroupContext.Provider"
1681
- ],
1682
- "internalComponentProps": { "Comp": { "role": ["radiogroup"] } },
1683
- "propToVariantKeys": {},
1684
- "runtimeConfigDefaultProps": {},
1685
- "runtimeConfigGetStyles": {},
1686
- "runtimeConfigInternalComponentProps": {},
1687
2017
  "motionVarPrefixes": []
1688
2018
  };
1689
- var RadioGroupStore = {
1690
- "name": "RadioGroupStore",
1691
- "defaultProps": {},
2019
+ var AvatarText = {
2020
+ "name": "AvatarText",
2021
+ "defaultProps": {
2022
+ "size": "md",
2023
+ "variant": "primary"
2024
+ },
1692
2025
  "getStylesLiterals": {},
1693
- "cxLiterals": [],
1694
- "internalComponents": [],
1695
- "internalComponentProps": {},
2026
+ "cxLiterals": [
2027
+ "overflow-hidden",
2028
+ "truncate",
2029
+ "w-full",
2030
+ "h-full",
2031
+ "shrink-0",
2032
+ "text-center",
2033
+ "inline-flex",
2034
+ "justify-center",
2035
+ "items-center"
2036
+ ],
2037
+ "internalComponents": ["Box", "Text"],
2038
+ "internalComponentProps": { "Text": {
2039
+ "color": ["inherit"],
2040
+ "variant": ["inherit"]
2041
+ } },
1696
2042
  "propToVariantKeys": {},
1697
2043
  "runtimeConfigDefaultProps": {},
1698
2044
  "runtimeConfigGetStyles": {},
@@ -1772,146 +2118,56 @@ var ToastContainer = {
1772
2118
  "name": "ToastContainer",
1773
2119
  "defaultProps": {},
1774
2120
  "getStylesLiterals": {
1775
- "position": "relative",
1776
- "alignItems": "center",
1777
- "display": "flex",
1778
- "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
1779
- },
1780
- "cxLiterals": ["w-full"],
1781
- "internalComponents": ["HStack"],
1782
- "internalComponentProps": { "HStack": {
1783
- "alignItems": ["center"],
1784
- "justifyContent": ["space-between"],
1785
- "overflow": ["hidden"],
1786
- "position": ["relative"]
1787
- } },
1788
- "propToVariantKeys": {
1789
- "variant": ["toastVariantRoot"],
1790
- "size": ["toastSizeRoot"]
1791
- },
1792
- "runtimeConfigDefaultProps": {
1793
- "size": "toast.defaultSize",
1794
- "variant": "toast.defaultVariant"
1795
- },
1796
- "runtimeConfigGetStyles": {
1797
- "toastVariantRoot": ["toast.defaultVariant"],
1798
- "toastSizeRoot": ["toast.defaultSize"]
1799
- },
1800
- "runtimeConfigInternalComponentProps": { "HStack": { "backgroundColor": ["toast.backgroundColor.${variant}"] } },
1801
- "motionVarPrefixes": []
1802
- };
1803
- var ToastPortal = {
1804
- "name": "ToastPortal",
1805
- "defaultProps": {},
1806
- "getStylesLiterals": {},
1807
- "cxLiterals": [],
1808
- "internalComponents": ["ReactToastifyToastContainer"],
1809
- "internalComponentProps": {},
1810
- "propToVariantKeys": {},
1811
- "runtimeConfigDefaultProps": {
1812
- "size": "toast.defaultSize",
1813
- "variant": "toast.defaultVariant"
1814
- },
1815
- "runtimeConfigGetStyles": {},
1816
- "runtimeConfigInternalComponentProps": { "ReactToastifyToastContainer": { "autoClose": ["toast.autoClose"] } },
1817
- "motionVarPrefixes": []
1818
- };
1819
- var UDSToastConfigProvider = {
1820
- "name": "UDSToastConfigProvider",
1821
- "defaultProps": {},
1822
- "getStylesLiterals": {},
1823
- "cxLiterals": [],
1824
- "internalComponents": ["ToastContext.Provider"],
1825
- "internalComponentProps": {},
1826
- "propToVariantKeys": {},
1827
- "runtimeConfigDefaultProps": {},
1828
- "runtimeConfigGetStyles": {},
1829
- "runtimeConfigInternalComponentProps": {},
1830
- "motionVarPrefixes": []
1831
- };
1832
- var Tooltip = {
1833
- "name": "Tooltip",
1834
- "defaultProps": {},
1835
- "getStylesLiterals": {},
1836
- "cxLiterals": [],
1837
- "internalComponents": ["TooltipInternalContext.Provider", "TooltipProvider"],
1838
- "internalComponentProps": {},
1839
- "propToVariantKeys": {},
1840
- "runtimeConfigDefaultProps": {},
1841
- "runtimeConfigGetStyles": {},
1842
- "runtimeConfigInternalComponentProps": { "TooltipProvider": { "animated": ["tooltip.animationDuration"] } },
1843
- "motionVarPrefixes": []
1844
- };
1845
- var TooltipContent = {
1846
- "name": "TooltipContent",
1847
- "defaultProps": {},
1848
- "getStylesLiterals": {
1849
- "tooltipSizeRoot": "default",
1850
- "tooltipVariantRoot": "default",
1851
- "tooltipSizeSvg": "default",
1852
- "tooltipVariantSvg": "default",
1853
- "tooltipVariantBlur": "default",
1854
- "position": "absolute",
1855
- "width": "full",
1856
- "height": "full",
1857
- "tooltipSizeTitle": "default",
1858
- "tooltipSizeBody": "default",
1859
- "tooltipSizeEndContent": "default",
1860
- "tooltipSizeIcon": "default",
1861
- "tooltipVariantIcon": "default"
1862
- },
1863
- "cxLiterals": [
1864
- "max-w-lg",
1865
- "flex",
1866
- "z-[9999]",
1867
- "uds-bgBlurFillFallback",
1868
- "uds-bgBlurFallback",
1869
- "top-0",
1870
- "left-0",
1871
- "z-[1]"
1872
- ],
1873
- "internalComponents": [
1874
- "IconSlot",
1875
- "TooltipArrow",
1876
- "Tooltip",
1877
- "SvgFloatingOverlay",
1878
- "VStack",
1879
- "Box",
1880
- "Text"
1881
- ],
1882
- "internalComponentProps": {
1883
- "VStack": { "className": ["gap-[inherit]"] },
1884
- "Box": {
1885
- "alignItems": ["center"],
1886
- "columnGap": ["1", "1.5"]
1887
- },
1888
- "Text": { "color": ["inherit"] }
2121
+ "position": "relative",
2122
+ "alignItems": "center",
2123
+ "display": "flex",
2124
+ "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
1889
2125
  },
1890
- "propToVariantKeys": { "startTitleIcon": ["icon"] },
1891
- "runtimeConfigDefaultProps": {},
1892
- "runtimeConfigGetStyles": {},
1893
- "runtimeConfigInternalComponentProps": {},
2126
+ "cxLiterals": ["w-full"],
2127
+ "internalComponents": ["HStack"],
2128
+ "internalComponentProps": { "HStack": {
2129
+ "alignItems": ["center"],
2130
+ "justifyContent": ["space-between"],
2131
+ "overflow": ["hidden"],
2132
+ "position": ["relative"]
2133
+ } },
2134
+ "propToVariantKeys": {
2135
+ "variant": ["toastVariantRoot"],
2136
+ "size": ["toastSizeRoot"]
2137
+ },
2138
+ "runtimeConfigDefaultProps": {
2139
+ "size": "toast.defaultSize",
2140
+ "variant": "toast.defaultVariant"
2141
+ },
2142
+ "runtimeConfigGetStyles": {
2143
+ "toastVariantRoot": ["toast.defaultVariant"],
2144
+ "toastSizeRoot": ["toast.defaultSize"]
2145
+ },
2146
+ "runtimeConfigInternalComponentProps": { "HStack": { "backgroundColor": ["toast.backgroundColor.${variant}"] } },
1894
2147
  "motionVarPrefixes": []
1895
2148
  };
1896
- var TooltipTrigger = {
1897
- "name": "TooltipTrigger",
2149
+ var ToastPortal = {
2150
+ "name": "ToastPortal",
1898
2151
  "defaultProps": {},
1899
2152
  "getStylesLiterals": {},
1900
2153
  "cxLiterals": [],
1901
- "internalComponents": ["TooltipAnchor"],
1902
- "internalComponentProps": { "TooltipAnchor": { "className": ["inline"] } },
1903
- "propToVariantKeys": { "children": ["render"] },
1904
- "runtimeConfigDefaultProps": {},
2154
+ "internalComponents": ["ReactToastifyToastContainer"],
2155
+ "internalComponentProps": {},
2156
+ "propToVariantKeys": {},
2157
+ "runtimeConfigDefaultProps": {
2158
+ "size": "toast.defaultSize",
2159
+ "variant": "toast.defaultVariant"
2160
+ },
1905
2161
  "runtimeConfigGetStyles": {},
1906
- "runtimeConfigInternalComponentProps": {},
2162
+ "runtimeConfigInternalComponentProps": { "ReactToastifyToastContainer": { "autoClose": ["toast.autoClose"] } },
1907
2163
  "motionVarPrefixes": []
1908
2164
  };
1909
- var UDSTooltipConfigProvider = {
1910
- "name": "UDSTooltipConfigProvider",
2165
+ var UDSToastConfigProvider = {
2166
+ "name": "UDSToastConfigProvider",
1911
2167
  "defaultProps": {},
1912
2168
  "getStylesLiterals": {},
1913
2169
  "cxLiterals": [],
1914
- "internalComponents": ["TooltipContext.Provider"],
2170
+ "internalComponents": ["ToastContext.Provider"],
1915
2171
  "internalComponentProps": {},
1916
2172
  "propToVariantKeys": {},
1917
2173
  "runtimeConfigDefaultProps": {},
@@ -1945,352 +2201,96 @@ var UDSConfigProvider = {
1945
2201
  "UDSPopoverConfigProvider"
1946
2202
  ],
1947
2203
  "internalComponentProps": {},
1948
- "propToVariantKeys": {},
1949
- "runtimeConfigDefaultProps": {},
1950
- "runtimeConfigGetStyles": {},
1951
- "runtimeConfigInternalComponentProps": {},
1952
- "motionVarPrefixes": []
1953
- };
1954
- var Accordion = {
1955
- "name": "Accordion",
1956
- "defaultProps": {
1957
- "spacingHorizontal": "4",
1958
- "spacingVertical": "4"
1959
- },
1960
- "getStylesLiterals": {},
1961
- "cxLiterals": ["hover:bg-secondary/80", "w-full"],
1962
- "internalComponents": [
1963
- "Icon",
1964
- "SpringMotionConfig",
1965
- "Pressable",
1966
- "Text",
1967
- "HStack",
1968
- "AnimatePresence",
1969
- "VStack"
1970
- ],
1971
- "internalComponentProps": {
1972
- "Icon": {
1973
- "variant": ["fill"],
1974
- "size": ["sm"],
1975
- "color": ["primary"]
1976
- },
1977
- "SpringMotionConfig": {
1978
- "layoutVariant": ["smooth"],
1979
- "layoutSpeed": ["3"]
1980
- },
1981
- "Pressable": {
1982
- "display": ["flex"],
1983
- "flexDirection": ["row"],
1984
- "alignItems": ["center"],
1985
- "justifyContent": ["space-between"],
1986
- "borderRadius": ["md"]
1987
- },
1988
- "Text": {
1989
- "variant": ["title4"],
1990
- "color": ["primary"]
1991
- },
1992
- "HStack": {
1993
- "display": ["flex"],
1994
- "alignItems": ["center"],
1995
- "justifyContent": ["space-between"],
1996
- "columnGap": ["2.5"]
1997
- }
1998
- },
1999
- "propToVariantKeys": {},
2000
- "runtimeConfigDefaultProps": {},
2001
- "runtimeConfigGetStyles": {},
2002
- "runtimeConfigInternalComponentProps": {},
2003
- "motionVarPrefixes": ["--uds-motion-smooth-3-"]
2004
- };
2005
- var AvoidMotionLibraryProvider = {
2006
- "name": "AvoidMotionLibraryProvider",
2007
- "defaultProps": {},
2008
- "getStylesLiterals": {},
2009
- "cxLiterals": [],
2010
- "internalComponents": [],
2011
- "internalComponentProps": {},
2012
- "propToVariantKeys": {},
2013
- "runtimeConfigDefaultProps": {},
2014
- "runtimeConfigGetStyles": {},
2015
- "runtimeConfigInternalComponentProps": {},
2016
- "motionVarPrefixes": []
2017
- };
2018
- var ExperimentalPopover = {
2019
- "name": "ExperimentalPopover",
2020
- "defaultProps": {},
2021
- "getStylesLiterals": {},
2022
- "cxLiterals": [],
2023
- "internalComponents": [
2024
- "HStack",
2025
- "Text",
2026
- "ExperimentalPopoverHeadingBase"
2027
- ],
2028
- "internalComponentProps": { "Text": {
2029
- "variant": ["headline1"],
2030
- "color": ["primary"]
2031
- } },
2032
- "propToVariantKeys": {},
2033
- "runtimeConfigDefaultProps": {},
2034
- "runtimeConfigGetStyles": {},
2035
- "runtimeConfigInternalComponentProps": {},
2036
- "motionVarPrefixes": []
2037
- };
2038
- var Modal = {
2039
- "name": "Modal",
2040
- "defaultProps": {},
2041
- "getStylesLiterals": {},
2042
- "cxLiterals": [
2043
- "inset-8",
2044
- "top-[250px]",
2045
- "z-50",
2046
- "mx-auto",
2047
- "h-fit",
2048
- "w-[600px]",
2049
- "origin-center",
2050
- "scale-95",
2051
- "opacity-0",
2052
- "transition",
2053
- "duration-150",
2054
- "data-[enter]:scale-100",
2055
- "data-[enter]:opacity-100",
2056
- "data-[enter]:bg-primary",
2057
- "backdrop-blur-0",
2058
- "data-[enter]:opacity-60",
2059
- "data-[enter]:backdrop-blur-sm"
2060
- ],
2061
- "internalComponents": [
2062
- "IconButton",
2063
- "Dialog",
2064
- "HStack",
2065
- "Text",
2066
- "VStack"
2067
- ],
2068
- "internalComponentProps": {
2069
- "IconButton": {
2070
- "aria-label": ["Close"],
2071
- "size": ["sm"],
2072
- "variant": ["tertiary"]
2073
- },
2074
- "HStack": {
2075
- "alignItems": ["center"],
2076
- "justifyContent": ["space-between"]
2077
- },
2078
- "Text": {
2079
- "variant": ["headline1"],
2080
- "color": ["primary"]
2081
- },
2082
- "VStack": {
2083
- "borderRadius": ["md"],
2084
- "position": ["fixed"],
2085
- "backgroundColor": ["primary"],
2086
- "dropShadow": ["md"],
2087
- "spacing": ["8"],
2088
- "overflow": ["hidden"]
2089
- }
2090
- },
2091
- "propToVariantKeys": { "handleClose": ["onClick"] },
2092
- "runtimeConfigDefaultProps": {},
2093
- "runtimeConfigGetStyles": {},
2094
- "runtimeConfigInternalComponentProps": {},
2095
- "motionVarPrefixes": []
2096
- };
2097
- var SegmentedControl = {
2098
- "name": "SegmentedControl",
2099
- "defaultProps": { "textVariant": "label2" },
2100
- "getStylesLiterals": {
2101
- "display": "flex",
2102
- "alignItems": "center",
2103
- "backgroundColor": "primary",
2104
- "spacingVertical": "1",
2105
- "spacingHorizontal": "3",
2106
- "columnGap": "1.5",
2107
- "borderWidth": "thin",
2108
- "borderRadius": "full",
2109
- "borderColor": "muted",
2110
- "borderColor:1": "transparent",
2111
- "color": "primary",
2112
- "color:1": "tertiary",
2113
- "color:2": "muted"
2114
- },
2115
- "cxLiterals": [
2116
- "uds-ring",
2117
- "cursor-not-allowed",
2118
- "opacity-50",
2119
- "pointer-events-none",
2120
- "hover:bg-primary"
2121
- ],
2122
- "internalComponents": [
2123
- "TextVariant",
2124
- "Radio",
2125
- "Icon",
2126
- "RadioProvider",
2127
- "HStack",
2128
- "RadioGroup",
2129
- "Pressable",
2130
- "Text"
2131
- ],
2132
- "internalComponentProps": {
2133
- "Icon": {
2134
- "size": ["sm"],
2135
- "color": ["current"],
2136
- "aria-hidden": ["true"]
2137
- },
2138
- "HStack": {
2139
- "spacing": ["1"],
2140
- "gap": ["1"],
2141
- "backgroundColor": ["secondary"],
2142
- "borderRadius": ["full"],
2143
- "display": ["inline-flex"]
2144
- },
2145
- "Text": { "color": ["current"] }
2146
- },
2147
- "propToVariantKeys": {
2148
- "value": ["key"],
2149
- "label": ["aria-label"],
2150
- "textVariant": ["variant"]
2151
- },
2204
+ "propToVariantKeys": {},
2152
2205
  "runtimeConfigDefaultProps": {},
2153
2206
  "runtimeConfigGetStyles": {},
2154
2207
  "runtimeConfigInternalComponentProps": {},
2155
2208
  "motionVarPrefixes": []
2156
2209
  };
2157
- var SwitchV2 = {
2158
- "name": "SwitchV2",
2159
- "defaultProps": {
2160
- "labelPosition": "start",
2161
- "size": "md"
2162
- },
2210
+ var Tooltip = {
2211
+ "name": "Tooltip",
2212
+ "defaultProps": {},
2213
+ "getStylesLiterals": {},
2214
+ "cxLiterals": [],
2215
+ "internalComponents": ["TooltipInternalContext.Provider", "TooltipProvider"],
2216
+ "internalComponentProps": {},
2217
+ "propToVariantKeys": {},
2218
+ "runtimeConfigDefaultProps": {},
2219
+ "runtimeConfigGetStyles": {},
2220
+ "runtimeConfigInternalComponentProps": { "TooltipProvider": { "animated": ["tooltip.animationDuration"] } },
2221
+ "motionVarPrefixes": []
2222
+ };
2223
+ var TooltipContent = {
2224
+ "name": "TooltipContent",
2225
+ "defaultProps": {},
2163
2226
  "getStylesLiterals": {
2164
- "switchVariantRoot": "default",
2165
- "switchVariantActiveRoot": "on",
2166
- "switchVariantActiveRoot:1": "off",
2167
- "switchVariantSwitch": "default",
2168
- "switchVariantActiveSwitch": "on",
2169
- "switchVariantActiveSwitch:1": "off",
2170
- "switchVariantActiveHandle": "on",
2171
- "switchVariantActiveHandle:1": "off",
2172
- "switchVariantHandle": "default",
2173
- "switchVariantHandleIcon": "default",
2174
- "switchVariantActiveHandleIcon": "on",
2175
- "switchVariantActiveHandleIcon:1": "off"
2227
+ "tooltipSizeRoot": "default",
2228
+ "tooltipVariantRoot": "default",
2229
+ "tooltipSizeSvg": "default",
2230
+ "tooltipVariantSvg": "default",
2231
+ "tooltipVariantBlur": "default",
2232
+ "position": "absolute",
2233
+ "width": "full",
2234
+ "height": "full",
2235
+ "tooltipSizeTitle": "default",
2236
+ "tooltipSizeBody": "default",
2237
+ "tooltipSizeEndContent": "default",
2238
+ "tooltipSizeIcon": "default",
2239
+ "tooltipVariantIcon": "default"
2176
2240
  },
2177
2241
  "cxLiterals": [
2178
- "group",
2242
+ "max-w-lg",
2179
2243
  "flex",
2180
- "items-center",
2181
- "flex-row",
2182
- "flex-row-reverse",
2183
- "uds-ring",
2184
- "uds-ring-within",
2185
- "relative",
2186
- "uds-border-radius-full",
2187
- "transition-[background-color,box-shadow]",
2188
- "pointer-events-none",
2189
- "w-full",
2190
- "h-full",
2191
- "absolute",
2244
+ "z-[9999]",
2245
+ "uds-bgBlurFillFallback",
2246
+ "uds-bgBlurFallback",
2192
2247
  "top-0",
2193
- "bottom-0",
2194
- "right-0",
2195
2248
  "left-0",
2196
- "overflow-hidden",
2197
- "group-hover:scale-105",
2198
- "opacity-95",
2199
- "group-hover:opacity-100",
2200
- "transition-[transform,opacity]",
2201
- "opacity-0",
2202
- "top-1/2",
2203
- "left-1/2",
2204
- "transform",
2205
- "translate-x-[-50%]",
2206
- "translate-y-[-50%]",
2207
- "transition-opacity",
2208
- "cursor-[inherit]",
2209
- "w-[calc(100%+2px)]",
2210
- "h-[calc(100%+2px)]",
2211
- "text-start",
2212
- "text-end",
2213
- "opacity-100"
2249
+ "z-[1]"
2214
2250
  ],
2215
2251
  "internalComponents": [
2216
2252
  "IconSlot",
2253
+ "TooltipArrow",
2254
+ "Tooltip",
2255
+ "SvgFloatingOverlay",
2256
+ "VStack",
2217
2257
  "Box",
2218
- "FormLabel",
2219
- "SpringMotionConfig",
2220
- "RootElement",
2221
- "MotionBox"
2258
+ "Text"
2222
2259
  ],
2223
2260
  "internalComponentProps": {
2224
- "IconSlot": { "data-testid": ["on-icon", "off-icon"] },
2225
- "FormLabel": {
2226
- "as": ["div"],
2227
- "variant": ["inherit"],
2228
- "color": ["inherit"]
2229
- },
2230
- "SpringMotionConfig": {
2231
- "layoutVariant": ["bouncy"],
2232
- "layoutSpeed": ["4"]
2261
+ "VStack": { "className": ["gap-[inherit]"] },
2262
+ "Box": {
2263
+ "alignItems": ["center"],
2264
+ "columnGap": ["1", "1.5"]
2233
2265
  },
2234
- "RootElement": { "data-testid": ["switch-root"] },
2235
- "MotionBox": { "layout": ["position"] }
2236
- },
2237
- "propToVariantKeys": {
2238
- "size": [
2239
- "switchSizeRoot",
2240
- "switchSizeSwitch",
2241
- "switchSizeHandle",
2242
- "switchSizeHandleIcon"
2243
- ],
2244
- "onIcon": ["icon"],
2245
- "offIcon": ["icon"],
2246
- "reduceMotion": ["reducedMotion"],
2247
- "isOn": ["layoutDependency"]
2266
+ "Text": { "color": ["inherit"] }
2248
2267
  },
2268
+ "propToVariantKeys": { "startTitleIcon": ["icon"] },
2249
2269
  "runtimeConfigDefaultProps": {},
2250
2270
  "runtimeConfigGetStyles": {},
2251
2271
  "runtimeConfigInternalComponentProps": {},
2252
- "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
2272
+ "motionVarPrefixes": []
2253
2273
  };
2254
- var Tabs = {
2255
- "name": "Tabs",
2274
+ var TooltipTrigger = {
2275
+ "name": "TooltipTrigger",
2256
2276
  "defaultProps": {},
2257
- "getStylesLiterals": {
2258
- "display": "flex",
2259
- "flexDirection": "row",
2260
- "columnGap": "6"
2261
- },
2262
- "cxLiterals": [
2263
- "text-tertiary",
2264
- "border-b-transparent",
2265
- "aria-selected:border-b-brand",
2266
- "aria-selected:text-secondary"
2267
- ],
2268
- "internalComponents": [
2269
- "TabProvider",
2270
- "OriginalTabList",
2271
- "OriginalTab",
2272
- "Icon",
2273
- "OriginalTabPanel",
2274
- "Pressable",
2275
- "Comp",
2276
- "Text"
2277
- ],
2278
- "internalComponentProps": {
2279
- "Icon": {
2280
- "className": ["text-current"],
2281
- "size": ["md"]
2282
- },
2283
- "Pressable": {
2284
- "borderBottomWidth": ["medium"],
2285
- "spacingBottom": ["1"],
2286
- "spacingTop": ["4"]
2287
- },
2288
- "Text": {
2289
- "className": ["text-current"],
2290
- "variant": ["headline1"],
2291
- "as": ["span"]
2292
- }
2293
- },
2277
+ "getStylesLiterals": {},
2278
+ "cxLiterals": [],
2279
+ "internalComponents": ["TooltipAnchor"],
2280
+ "internalComponentProps": { "TooltipAnchor": { "className": ["inline"] } },
2281
+ "propToVariantKeys": { "children": ["render"] },
2282
+ "runtimeConfigDefaultProps": {},
2283
+ "runtimeConfigGetStyles": {},
2284
+ "runtimeConfigInternalComponentProps": {},
2285
+ "motionVarPrefixes": []
2286
+ };
2287
+ var UDSTooltipConfigProvider = {
2288
+ "name": "UDSTooltipConfigProvider",
2289
+ "defaultProps": {},
2290
+ "getStylesLiterals": {},
2291
+ "cxLiterals": [],
2292
+ "internalComponents": ["TooltipContext.Provider"],
2293
+ "internalComponentProps": {},
2294
2294
  "propToVariantKeys": {},
2295
2295
  "runtimeConfigDefaultProps": {},
2296
2296
  "runtimeConfigGetStyles": {},
@@ -2312,6 +2312,9 @@ var componentData_default = {
2312
2312
  Divider,
2313
2313
  DividerCore,
2314
2314
  DividerInternal,
2315
+ Spinner,
2316
+ "Table.mocks": Table_mocks,
2317
+ Table,
2315
2318
  AnimateHeightChange,
2316
2319
  Badge,
2317
2320
  Button,
@@ -2320,31 +2323,16 @@ var componentData_default = {
2320
2323
  Pressable,
2321
2324
  SpringMotionConfig,
2322
2325
  Switch,
2323
- Spinner,
2324
- "Table.mocks": Table_mocks,
2325
- Table,
2326
- Avatar,
2327
- AvatarIcon,
2328
- AvatarImage,
2329
- AvatarText,
2330
- BottomSheet,
2331
- BottomSheetContent,
2332
- BottomSheetDismiss,
2333
- BottomSheetHandle,
2334
- BottomSheetHeader,
2335
- BottomSheetInternalContext,
2336
- BottomSheetProvider,
2337
- BottomSheetTrigger,
2338
- UDSBottomSheetConfigProvider,
2339
- Chip,
2340
- ChipBase,
2341
- ChipButton,
2342
- ChipDismissible,
2343
- ChipLink,
2344
- ChipToggle,
2345
- Input,
2346
- InputHelpText,
2347
- InputHelpTextInternal,
2326
+ Accordion,
2327
+ AvoidMotionLibraryProvider,
2328
+ ExperimentalPopover,
2329
+ Modal,
2330
+ SegmentedControl,
2331
+ SwitchV2,
2332
+ Tabs,
2333
+ Radio,
2334
+ RadioGroupProvider,
2335
+ RadioGroupStore,
2348
2336
  Popover,
2349
2337
  PopoverContent,
2350
2338
  PopoverContext,
@@ -2359,26 +2347,38 @@ var componentData_default = {
2359
2347
  "Menu.Trigger": Menu_Trigger,
2360
2348
  "Menu.index": Menu_index,
2361
2349
  Menu,
2362
- Radio,
2363
- RadioGroupProvider,
2364
- RadioGroupStore,
2350
+ Input,
2351
+ InputHelpText,
2352
+ InputHelpTextInternal,
2353
+ Chip,
2354
+ ChipBase,
2355
+ ChipButton,
2356
+ ChipDismissible,
2357
+ ChipLink,
2358
+ ChipToggle,
2359
+ BottomSheet,
2360
+ BottomSheetContent,
2361
+ BottomSheetDismiss,
2362
+ BottomSheetHandle,
2363
+ BottomSheetHeader,
2364
+ BottomSheetInternalContext,
2365
+ BottomSheetProvider,
2366
+ BottomSheetTrigger,
2367
+ UDSBottomSheetConfigProvider,
2368
+ Avatar,
2369
+ AvatarIcon,
2370
+ AvatarImage,
2371
+ AvatarText,
2365
2372
  Toast,
2366
2373
  ToastContainer,
2367
2374
  ToastPortal,
2368
2375
  UDSToastConfigProvider,
2376
+ UDSBreakpointsConfigProvider,
2377
+ UDSConfigProvider,
2369
2378
  Tooltip,
2370
2379
  TooltipContent,
2371
2380
  TooltipTrigger,
2372
- UDSTooltipConfigProvider,
2373
- UDSBreakpointsConfigProvider,
2374
- UDSConfigProvider,
2375
- Accordion,
2376
- AvoidMotionLibraryProvider,
2377
- ExperimentalPopover,
2378
- Modal,
2379
- SegmentedControl,
2380
- SwitchV2,
2381
- Tabs
2381
+ UDSTooltipConfigProvider
2382
2382
  };
2383
2383
 
2384
2384
  //#endregion