@yahoo/uds 3.137.0 → 3.137.1

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.
@@ -150,6 +150,7 @@ var Scrim = {
150
150
  "z-40",
151
151
  "transition-opacity",
152
152
  "duration-150",
153
+ "motion-reduce:transition-none",
153
154
  "data-[enter]:opacity-100",
154
155
  "[&:not([data-enter])]:opacity-0",
155
156
  "opacity-100",
@@ -421,74 +422,6 @@ var DividerInternal = {
421
422
  "runtimeConfigInternalComponentProps": {},
422
423
  "motionVarPrefixes": []
423
424
  };
424
- var Spinner = {
425
- "name": "Spinner",
426
- "defaultProps": {
427
- "color": "primary",
428
- "size": "lg"
429
- },
430
- "getStylesLiterals": {},
431
- "cxLiterals": [
432
- "self-center",
433
- "relative",
434
- "sr-only"
435
- ],
436
- "internalComponents": ["Icon"],
437
- "internalComponentProps": { "Icon": {
438
- "role": ["img"],
439
- "className": ["animate-spin"],
440
- "aria-hidden": ["true"]
441
- } },
442
- "propToVariantKeys": {},
443
- "runtimeConfigDefaultProps": {},
444
- "runtimeConfigGetStyles": {},
445
- "runtimeConfigInternalComponentProps": {},
446
- "motionVarPrefixes": []
447
- };
448
- var Table_mocks = {
449
- "name": "Table.mocks",
450
- "defaultProps": {},
451
- "getStylesLiterals": {},
452
- "cxLiterals": [],
453
- "internalComponents": [],
454
- "internalComponentProps": {},
455
- "propToVariantKeys": {},
456
- "runtimeConfigDefaultProps": {},
457
- "runtimeConfigGetStyles": {},
458
- "runtimeConfigInternalComponentProps": {},
459
- "motionVarPrefixes": []
460
- };
461
- var Table = {
462
- "name": "Table",
463
- "defaultProps": {
464
- "display": "table-cell",
465
- "overflow": "hidden",
466
- "borderColor": "muted",
467
- "borderRadius": "md",
468
- "spacing": "3",
469
- "borderBottomColor": "muted",
470
- "borderBottomWidth": "thin",
471
- "color": "primary"
472
- },
473
- "getStylesLiterals": { "textAlign": "start" },
474
- "cxLiterals": [],
475
- "internalComponents": [
476
- "CellComponent",
477
- "Box",
478
- "Text",
479
- "Table.Root",
480
- "Table.Header",
481
- "Table.Row",
482
- "Table.Cell",
483
- "Table.Body"
484
- ],
485
- "internalComponentProps": { "Table.Cell": { "asHeaderCell": ["column"] } },
486
- "propToVariantKeys": {},
487
- "runtimeConfigDefaultProps": {},
488
- "runtimeConfigGetStyles": {},
489
- "runtimeConfigInternalComponentProps": {},
490
- "motionVarPrefixes": []
491
- };
492
425
  var AnimateHeightChange = {
493
426
  "name": "AnimateHeightChange",
494
427
  "defaultProps": {},
@@ -826,59 +759,32 @@ var Switch = {
826
759
  "runtimeConfigInternalComponentProps": {},
827
760
  "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
828
761
  };
829
- var Accordion = {
830
- "name": "Accordion",
762
+ var Spinner = {
763
+ "name": "Spinner",
831
764
  "defaultProps": {
832
- "spacingHorizontal": "4",
833
- "spacingVertical": "4"
765
+ "color": "primary",
766
+ "size": "lg"
834
767
  },
835
768
  "getStylesLiterals": {},
836
- "cxLiterals": ["hover:bg-secondary/80", "w-full"],
837
- "internalComponents": [
838
- "Icon",
839
- "SpringMotionConfig",
840
- "Pressable",
841
- "Text",
842
- "HStack",
843
- "AnimatePresence",
844
- "VStack"
769
+ "cxLiterals": [
770
+ "self-center",
771
+ "relative",
772
+ "sr-only"
845
773
  ],
846
- "internalComponentProps": {
847
- "Icon": {
848
- "variant": ["fill"],
849
- "size": ["sm"],
850
- "color": ["primary"]
851
- },
852
- "SpringMotionConfig": {
853
- "layoutVariant": ["smooth"],
854
- "layoutSpeed": ["3"]
855
- },
856
- "Pressable": {
857
- "display": ["flex"],
858
- "flexDirection": ["row"],
859
- "alignItems": ["center"],
860
- "justifyContent": ["space-between"],
861
- "borderRadius": ["md"]
862
- },
863
- "Text": {
864
- "variant": ["title4"],
865
- "color": ["primary"]
866
- },
867
- "HStack": {
868
- "display": ["flex"],
869
- "alignItems": ["center"],
870
- "justifyContent": ["space-between"],
871
- "columnGap": ["2.5"]
872
- }
873
- },
774
+ "internalComponents": ["Icon"],
775
+ "internalComponentProps": { "Icon": {
776
+ "role": ["img"],
777
+ "className": ["animate-spin"],
778
+ "aria-hidden": ["true"]
779
+ } },
874
780
  "propToVariantKeys": {},
875
781
  "runtimeConfigDefaultProps": {},
876
782
  "runtimeConfigGetStyles": {},
877
783
  "runtimeConfigInternalComponentProps": {},
878
- "motionVarPrefixes": ["--uds-motion-smooth-3-"]
784
+ "motionVarPrefixes": []
879
785
  };
880
- var AvoidMotionLibraryProvider = {
881
- "name": "AvoidMotionLibraryProvider",
786
+ var Table_mocks = {
787
+ "name": "Table.mocks",
882
788
  "defaultProps": {},
883
789
  "getStylesLiterals": {},
884
790
  "cxLiterals": [],
@@ -890,282 +796,208 @@ var AvoidMotionLibraryProvider = {
890
796
  "runtimeConfigInternalComponentProps": {},
891
797
  "motionVarPrefixes": []
892
798
  };
893
- var SegmentedControl = {
894
- "name": "SegmentedControl",
895
- "defaultProps": { "textVariant": "label2" },
896
- "getStylesLiterals": {
897
- "display": "flex",
898
- "alignItems": "center",
899
- "backgroundColor": "primary",
900
- "spacingVertical": "1",
901
- "spacingHorizontal": "3",
902
- "columnGap": "1.5",
903
- "borderWidth": "thin",
904
- "borderRadius": "full",
799
+ var Table = {
800
+ "name": "Table",
801
+ "defaultProps": {
802
+ "display": "table-cell",
803
+ "overflow": "hidden",
905
804
  "borderColor": "muted",
906
- "borderColor:1": "transparent",
907
- "color": "primary",
908
- "color:1": "tertiary",
909
- "color:2": "muted"
805
+ "borderRadius": "md",
806
+ "spacing": "3",
807
+ "borderBottomColor": "muted",
808
+ "borderBottomWidth": "thin",
809
+ "color": "primary"
910
810
  },
911
- "cxLiterals": [
912
- "uds-ring",
913
- "cursor-not-allowed",
914
- "opacity-50",
915
- "pointer-events-none",
916
- "hover:bg-primary"
917
- ],
811
+ "getStylesLiterals": { "textAlign": "start" },
812
+ "cxLiterals": [],
918
813
  "internalComponents": [
919
- "TextVariant",
920
- "Radio",
921
- "Icon",
922
- "RadioProvider",
923
- "HStack",
924
- "RadioGroup",
925
- "Pressable",
926
- "Text"
814
+ "CellComponent",
815
+ "Box",
816
+ "Text",
817
+ "Table.Root",
818
+ "Table.Header",
819
+ "Table.Row",
820
+ "Table.Cell",
821
+ "Table.Body"
927
822
  ],
928
- "internalComponentProps": {
929
- "Icon": {
930
- "size": ["sm"],
931
- "color": ["current"],
932
- "aria-hidden": ["true"]
933
- },
934
- "HStack": {
935
- "spacing": ["1"],
936
- "gap": ["1"],
937
- "backgroundColor": ["secondary"],
938
- "borderRadius": ["full"],
939
- "display": ["inline-flex"]
940
- },
941
- "Text": { "color": ["current"] }
942
- },
943
- "propToVariantKeys": {
944
- "value": ["key"],
945
- "label": ["aria-label"],
946
- "textVariant": ["variant"]
947
- },
823
+ "internalComponentProps": { "Table.Cell": { "asHeaderCell": ["column"] } },
824
+ "propToVariantKeys": {},
948
825
  "runtimeConfigDefaultProps": {},
949
826
  "runtimeConfigGetStyles": {},
950
827
  "runtimeConfigInternalComponentProps": {},
951
828
  "motionVarPrefixes": []
952
829
  };
953
- var SwitchV2 = {
954
- "name": "SwitchV2",
830
+ var Avatar = {
831
+ "name": "Avatar",
832
+ "defaultProps": {},
833
+ "getStylesLiterals": {},
834
+ "cxLiterals": [],
835
+ "internalComponents": ["AvatarImage"],
836
+ "internalComponentProps": {},
837
+ "propToVariantKeys": {},
838
+ "runtimeConfigDefaultProps": {},
839
+ "runtimeConfigGetStyles": {},
840
+ "runtimeConfigInternalComponentProps": {},
841
+ "motionVarPrefixes": []
842
+ };
843
+ var AvatarIcon = {
844
+ "name": "AvatarIcon",
955
845
  "defaultProps": {
956
- "labelPosition": "start",
957
- "size": "md"
958
- },
959
- "getStylesLiterals": {
960
- "switchVariantRoot": "default",
961
- "switchVariantActiveRoot": "on",
962
- "switchVariantActiveRoot:1": "off",
963
- "switchVariantSwitch": "default",
964
- "switchVariantActiveSwitch": "on",
965
- "switchVariantActiveSwitch:1": "off",
966
- "switchVariantActiveHandle": "on",
967
- "switchVariantActiveHandle:1": "off",
968
- "switchVariantHandle": "default",
969
- "switchVariantHandleIcon": "default",
970
- "switchVariantActiveHandleIcon": "on",
971
- "switchVariantActiveHandleIcon:1": "off"
846
+ "size": "md",
847
+ "variant": "primary"
972
848
  },
849
+ "getStylesLiterals": {},
973
850
  "cxLiterals": [
974
- "group",
975
- "flex",
976
- "items-center",
977
- "flex-row",
978
- "flex-row-reverse",
979
- "uds-ring",
980
- "uds-ring-within",
981
- "relative",
982
- "uds-border-radius-full",
983
- "transition-[background-color,box-shadow]",
984
- "pointer-events-none",
851
+ "overflow-hidden",
985
852
  "w-full",
986
853
  "h-full",
987
- "absolute",
988
- "top-0",
989
- "bottom-0",
990
- "right-0",
991
- "left-0",
854
+ "shrink-0",
855
+ "text-center",
856
+ "inline-flex",
857
+ "justify-center",
858
+ "items-center"
859
+ ],
860
+ "internalComponents": ["IconSlot", "Box"],
861
+ "internalComponentProps": {},
862
+ "propToVariantKeys": { "size": ["avatarSizeIcon"] },
863
+ "runtimeConfigDefaultProps": {},
864
+ "runtimeConfigGetStyles": {},
865
+ "runtimeConfigInternalComponentProps": {},
866
+ "motionVarPrefixes": []
867
+ };
868
+ var AvatarImage = {
869
+ "name": "AvatarImage",
870
+ "defaultProps": {
871
+ "size": "md",
872
+ "variant": "primary"
873
+ },
874
+ "getStylesLiterals": {},
875
+ "cxLiterals": [
992
876
  "overflow-hidden",
993
- "group-hover:scale-105",
994
- "opacity-95",
995
- "group-hover:opacity-100",
996
- "transition-[transform,opacity]",
997
- "opacity-0",
998
- "top-1/2",
999
- "left-1/2",
1000
- "transform",
1001
- "translate-x-[-50%]",
1002
- "translate-y-[-50%]",
1003
- "transition-opacity",
1004
- "cursor-[inherit]",
1005
- "w-[calc(100%+2px)]",
1006
- "h-[calc(100%+2px)]",
1007
- "text-start",
1008
- "text-end",
1009
- "opacity-100"
877
+ "w-full",
878
+ "h-full",
879
+ "shrink-0",
880
+ "text-center",
881
+ "inline-flex",
882
+ "justify-center",
883
+ "items-center",
884
+ "object-cover"
1010
885
  ],
1011
886
  "internalComponents": [
1012
- "IconSlot",
1013
- "Box",
1014
- "FormLabel",
1015
- "SpringMotionConfig",
1016
- "RootElement",
1017
- "MotionBox"
887
+ "UDSImage",
888
+ "AvatarText",
889
+ "AvatarIcon",
890
+ "Box"
1018
891
  ],
1019
- "internalComponentProps": {
1020
- "IconSlot": { "data-testid": ["on-icon", "off-icon"] },
1021
- "FormLabel": {
1022
- "as": ["div"],
1023
- "variant": ["inherit"],
1024
- "color": ["inherit"]
1025
- },
1026
- "SpringMotionConfig": {
1027
- "layoutVariant": ["bouncy"],
1028
- "layoutSpeed": ["4"]
1029
- },
1030
- "RootElement": { "data-testid": ["switch-root"] },
1031
- "MotionBox": { "layout": ["position"] }
1032
- },
892
+ "internalComponentProps": {},
1033
893
  "propToVariantKeys": {
1034
- "size": [
1035
- "switchSizeRoot",
1036
- "switchSizeSwitch",
1037
- "switchSizeHandle",
1038
- "switchSizeHandleIcon"
1039
- ],
1040
- "onIcon": ["icon"],
1041
- "offIcon": ["icon"],
1042
- "reduceMotion": ["reducedMotion"],
1043
- "isOn": ["layoutDependency"]
894
+ "alt": ["name"],
895
+ "fallback": ["initials"]
1044
896
  },
1045
897
  "runtimeConfigDefaultProps": {},
1046
898
  "runtimeConfigGetStyles": {},
1047
899
  "runtimeConfigInternalComponentProps": {},
1048
- "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
900
+ "motionVarPrefixes": []
1049
901
  };
1050
- var Popover = {
1051
- "name": "Popover",
1052
- "defaultProps": {},
902
+ var AvatarText = {
903
+ "name": "AvatarText",
904
+ "defaultProps": {
905
+ "size": "md",
906
+ "variant": "primary"
907
+ },
1053
908
  "getStylesLiterals": {},
1054
- "cxLiterals": [],
1055
- "internalComponents": ["PopoverInternalContext.Provider", "PopoverProvider"],
1056
- "internalComponentProps": {},
909
+ "cxLiterals": [
910
+ "overflow-hidden",
911
+ "truncate",
912
+ "w-full",
913
+ "h-full",
914
+ "shrink-0",
915
+ "text-center",
916
+ "inline-flex",
917
+ "justify-center",
918
+ "items-center"
919
+ ],
920
+ "internalComponents": ["Box", "Text"],
921
+ "internalComponentProps": { "Text": {
922
+ "color": ["inherit"],
923
+ "variant": ["inherit"]
924
+ } },
1057
925
  "propToVariantKeys": {},
1058
- "runtimeConfigDefaultProps": {
1059
- "size": "popover.defaultSize",
1060
- "variant": "popover.defaultVariant"
1061
- },
926
+ "runtimeConfigDefaultProps": {},
1062
927
  "runtimeConfigGetStyles": {},
1063
928
  "runtimeConfigInternalComponentProps": {},
1064
929
  "motionVarPrefixes": []
1065
930
  };
1066
- var PopoverContent = {
1067
- "name": "PopoverContent",
1068
- "defaultProps": {},
1069
- "getStylesLiterals": {
1070
- "popoverSizeRoot": "default",
1071
- "popoverVariantRoot": "default",
1072
- "display": "flex",
1073
- "position": "relative",
1074
- "display:1": "block",
1075
- "spacingTop": "0",
1076
- "spacingStart": "0",
1077
- "spacingBottom": "0",
1078
- "spacingEnd": "0",
1079
- "popoverSizeSvgBase": "default",
1080
- "popoverVariantSvgBase": "default",
1081
- "popoverSizeSvgBorder": "default",
1082
- "popoverVariantSvgBorder": "default",
1083
- "popoverVariantBlur": "default",
1084
- "position:1": "absolute",
1085
- "width": "full",
1086
- "height": "full",
1087
- "flexShrink": "0",
1088
- "borderRadius": "full",
1089
- "alignItems": "center",
1090
- "justifyContent": "center",
1091
- "popoverVariantCloseIcon": "default",
1092
- "popoverSizeCloseIcon": "default"
1093
- },
931
+ var BottomSheet = {
932
+ "name": "BottomSheet",
933
+ "defaultProps": { "variant": "default" },
934
+ "getStylesLiterals": {},
1094
935
  "cxLiterals": [
1095
- "z-[9999]",
1096
- "outline-none",
1097
- "focus-visible:outline-none",
1098
- "uds-bgBlurFillFallback",
1099
- "uds-bgBlurFallback",
1100
- "top-0",
1101
- "left-0",
936
+ "fixed",
937
+ "overflow-hidden",
938
+ "inset-x-0",
939
+ "bottom-0",
940
+ "z-50",
941
+ "[will-change:transform]",
942
+ "touch-none",
943
+ "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
944
+ "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
945
+ "transition-transform",
946
+ "duration-500",
947
+ "ease-[cubic-bezier(0.32,0.72,0,1)]",
948
+ "motion-reduce:transition-none",
949
+ "top-[-4px]",
1102
950
  "z-[1]",
1103
- "duration-0",
1104
- "duration-120",
1105
- "transition-[background-color]",
1106
- "bg-carbon-15/0",
1107
- "hover:bg-carbon-15/10",
1108
- "active:bg-carbon-15/15",
1109
- "uds-ring",
1110
- "absolute",
1111
- "z-[4]"
951
+ "touch-pan-y"
1112
952
  ],
1113
953
  "internalComponents": [
1114
- "PopoverDismiss",
1115
- "IconSlot",
1116
- "PopoverArrow",
1117
- "Popover",
1118
- "SvgFloatingOverlay",
954
+ "Scrim",
955
+ "BottomSheetHandle",
956
+ "Dialog",
1119
957
  "Box",
1120
- "Pressable"
958
+ "BottomSheetInternalContext.Provider"
1121
959
  ],
1122
- "internalComponentProps": {},
1123
- "propToVariantKeys": { "closeIcon": ["icon"] },
1124
- "runtimeConfigDefaultProps": {
1125
- "size": "popover.defaultSize",
1126
- "variant": "popover.defaultVariant"
1127
- },
1128
- "runtimeConfigGetStyles": {
1129
- "spacingTop": ["popover.spacingVertical.${size}"],
1130
- "spacingStart": ["popover.spacingHorizontal.${size}"],
1131
- "spacingBottom": ["popover.spacingVertical.${size}"],
1132
- "spacingEnd": ["popover.spacingHorizontal.${size}"]
960
+ "internalComponentProps": {
961
+ "BottomSheetHandle": { "ariaLabel": ["Resize sheet"] },
962
+ "Dialog": { "data-testid": ["bottom-sheet"] },
963
+ "Box": {
964
+ "display": ["block", "flex"],
965
+ "position": ["absolute"],
966
+ "flexDirection": ["column"],
967
+ "className": ["absolute inset-0 min-h-0 p-[inherit]"]
968
+ }
1133
969
  },
1134
- "runtimeConfigInternalComponentProps": { "SvgFloatingOverlay": { "borderRadius": ["popover.borderRadius.${size}"] } },
1135
- "motionVarPrefixes": []
1136
- };
1137
- var PopoverContext = {
1138
- "name": "PopoverContext",
1139
- "defaultProps": {},
1140
- "getStylesLiterals": {},
1141
- "cxLiterals": [],
1142
- "internalComponents": [],
1143
- "internalComponentProps": {},
1144
- "propToVariantKeys": {},
970
+ "propToVariantKeys": { "variant": ["bottomsheetVariantRoot"] },
1145
971
  "runtimeConfigDefaultProps": {},
1146
972
  "runtimeConfigGetStyles": {},
1147
973
  "runtimeConfigInternalComponentProps": {},
1148
974
  "motionVarPrefixes": []
1149
975
  };
1150
- var PopoverTrigger = {
1151
- "name": "PopoverTrigger",
976
+ var BottomSheetContent = {
977
+ "name": "BottomSheetContent",
1152
978
  "defaultProps": {},
1153
979
  "getStylesLiterals": {},
1154
- "cxLiterals": [],
1155
- "internalComponents": ["PopoverDisclosure"],
1156
- "internalComponentProps": { "PopoverDisclosure": { "className": ["inline"] } },
1157
- "propToVariantKeys": { "children": ["render"] },
980
+ "cxLiterals": ["min-h-0", "touch-pan-y"],
981
+ "internalComponents": ["Box", "VStack"],
982
+ "internalComponentProps": {
983
+ "Box": {
984
+ "display": ["block"],
985
+ "flex": ["1"]
986
+ },
987
+ "VStack": { "className": ["pb-[calc(env(safe-area-inset-bottom))]"] }
988
+ },
989
+ "propToVariantKeys": {},
1158
990
  "runtimeConfigDefaultProps": {},
1159
991
  "runtimeConfigGetStyles": {},
1160
992
  "runtimeConfigInternalComponentProps": {},
1161
993
  "motionVarPrefixes": []
1162
994
  };
1163
- var UDSPopoverConfigProvider = {
1164
- "name": "UDSPopoverConfigProvider",
995
+ var BottomSheetDismiss = {
996
+ "name": "BottomSheetDismiss",
1165
997
  "defaultProps": {},
1166
998
  "getStylesLiterals": {},
1167
999
  "cxLiterals": [],
1168
- "internalComponents": ["PopoverContext.Provider"],
1000
+ "internalComponents": ["AriakitDialogDismiss"],
1169
1001
  "internalComponentProps": {},
1170
1002
  "propToVariantKeys": {},
1171
1003
  "runtimeConfigDefaultProps": {},
@@ -1173,145 +1005,76 @@ var UDSPopoverConfigProvider = {
1173
1005
  "runtimeConfigInternalComponentProps": {},
1174
1006
  "motionVarPrefixes": []
1175
1007
  };
1176
- var Modal = {
1177
- "name": "Modal",
1178
- "defaultProps": {
1179
- "closeAriaLabel": "Close",
1180
- "maxWidth": "auto",
1181
- "maxHeight": "auto",
1182
- "scrollBehavior": "outside"
1183
- },
1184
- "getStylesLiterals": {
1185
- "flexDirection": "row-reverse",
1186
- "justifyContent": "space-between",
1187
- "alignItems": "flex-end",
1188
- "alignItems:1": "flex-start",
1189
- "borderRadius": "full"
1190
- },
1008
+ var BottomSheetHandle = {
1009
+ "name": "BottomSheetHandle",
1010
+ "defaultProps": { "variant": "default" },
1011
+ "getStylesLiterals": {},
1191
1012
  "cxLiterals": [
1192
- "fixed",
1193
- "inset-0",
1194
- "z-40",
1195
- "overflow-y-auto",
1196
- "overflow-hidden",
1197
- "transition-[opacity,visibility]",
1198
- "visible",
1199
- "opacity-100",
1200
- "invisible",
1201
- "opacity-0",
1202
- "pointer-events-none",
1203
- "uds-bgBlurFallback",
1013
+ "relative",
1014
+ "h-5",
1015
+ "w-16",
1016
+ "outline-none",
1017
+ "focus-visible:outline-none",
1018
+ "[touch-action:pan-y]",
1019
+ "absolute",
1020
+ "left-1/2",
1021
+ "top-1/2",
1022
+ "-translate-x-1/2",
1023
+ "-translate-y-1/2",
1024
+ "h-1",
1025
+ "w-8",
1026
+ "rounded-full"
1027
+ ],
1028
+ "internalComponents": ["Box"],
1029
+ "internalComponentProps": { "Box": {
1030
+ "display": ["block", "flex"],
1031
+ "justifyContent": ["center"]
1032
+ } },
1033
+ "propToVariantKeys": { "variant": ["bottomsheetVariantHandleIndicator"] },
1034
+ "runtimeConfigDefaultProps": {},
1035
+ "runtimeConfigGetStyles": {},
1036
+ "runtimeConfigInternalComponentProps": {},
1037
+ "motionVarPrefixes": []
1038
+ };
1039
+ var BottomSheetHeader = {
1040
+ "name": "BottomSheetHeader",
1041
+ "defaultProps": { "variant": "default" },
1042
+ "getStylesLiterals": {},
1043
+ "cxLiterals": [
1044
+ "grid-cols-[40px_1fr_40px]",
1045
+ "items-center",
1204
1046
  "w-full",
1205
- "w-fit",
1206
- "h-full",
1207
- "h-fit",
1208
- "m-auto",
1209
- "pointer-events-auto",
1210
- "inside",
1211
- "max-h-full",
1212
- "transition-transform",
1213
- "duration-0",
1214
- "duration-120",
1215
- "transition-[background-color]",
1216
- "bg-carbon-15/0",
1217
- "hover:bg-carbon-15/10",
1218
- "active:bg-carbon-15/15",
1219
- "uds-ring",
1220
- "[translate:50%_-50%]"
1047
+ "min-h-10",
1048
+ "mt-2"
1221
1049
  ],
1222
1050
  "internalComponents": [
1223
- "Scrim",
1224
- "VStack",
1225
- "Pressable",
1226
- "IconSlot",
1227
1051
  "Box",
1228
- "Dialog",
1229
- "ModalContext.Provider",
1230
- "HStack",
1231
- "DialogDismiss",
1232
- "ModalTitle",
1233
- "ModalDescription",
1234
- "ModalContent",
1235
- "ModalActions"
1052
+ "Text",
1053
+ "DialogHeading"
1236
1054
  ],
1237
- "internalComponentProps": { "Box": { "flexGrow": ["1"] } },
1238
- "propToVariantKeys": {
1239
- "gutter": ["spacing"],
1240
- "size": [
1241
- "modalSizeRoot",
1242
- "modalSizeSpacingHorizontal",
1243
- "modalSizeHeader",
1244
- "modalSizeTitleDescriptionWrapper",
1245
- "modalSizeCloseIconContainer",
1246
- "modalSizeCloseIcon"
1247
- ],
1248
- "variant": ["modalVariantRoot", "modalVariantCloseIcon"],
1249
- "closeAriaLabel": ["aria-label"],
1250
- "closeIcon": ["icon"]
1251
- },
1252
- "runtimeConfigDefaultProps": {
1253
- "size": "modal.defaultSize",
1254
- "variant": "modal.defaultVariant"
1255
- },
1256
- "runtimeConfigGetStyles": {
1257
- "spacing": ["modal.gutter.${size}"],
1258
- "modalSizeRoot": ["modal.defaultSize"],
1259
- "modalVariantRoot": ["modal.defaultVariant"],
1260
- "modalSizeSpacingHorizontal": ["modal.defaultSize"],
1261
- "modalSizeHeader": ["modal.defaultSize"],
1262
- "modalSizeTitleDescriptionWrapper": ["modal.defaultSize"],
1263
- "modalSizeCloseIconContainer": ["modal.defaultSize"],
1264
- "modalSizeCloseIcon": ["modal.defaultSize"],
1265
- "modalVariantCloseIcon": ["modal.defaultVariant"]
1266
- },
1267
- "runtimeConfigInternalComponentProps": {},
1268
- "motionVarPrefixes": []
1269
- };
1270
- var ModalActions = {
1271
- "name": "ModalActions",
1272
- "defaultProps": {},
1273
- "getStylesLiterals": {
1274
- "flexDirection": "row-reverse",
1275
- "justifyContent": "space-between",
1276
- "alignItems": "center"
1277
- },
1278
- "cxLiterals": ["gap-[inherit]"],
1279
- "internalComponents": ["HStack"],
1280
- "internalComponentProps": {},
1281
- "propToVariantKeys": { "size": ["modalSizeSpacingHorizontal", "modalSizeActions"] },
1282
- "runtimeConfigDefaultProps": {
1283
- "size": "modal.defaultSize",
1284
- "variant": "modal.defaultVariant"
1285
- },
1286
- "runtimeConfigGetStyles": {
1287
- "modalSizeSpacingHorizontal": ["modal.defaultSize"],
1288
- "modalSizeActions": ["modal.defaultSize"]
1289
- },
1290
- "runtimeConfigInternalComponentProps": {},
1291
- "motionVarPrefixes": []
1292
- };
1293
- var ModalContent = {
1294
- "name": "ModalContent",
1295
- "defaultProps": {},
1296
- "getStylesLiterals": {
1297
- "overflowY": "auto",
1298
- "display": "block",
1299
- "flexGrow": "1"
1300
- },
1301
- "cxLiterals": [],
1302
- "internalComponents": ["Box"],
1303
- "internalComponentProps": {},
1304
- "propToVariantKeys": { "size": ["modalSizeSpacingHorizontal"] },
1305
- "runtimeConfigDefaultProps": {
1306
- "size": "modal.defaultSize",
1307
- "variant": "modal.defaultVariant"
1055
+ "internalComponentProps": {
1056
+ "Box": {
1057
+ "className": ["h-10 w-10 opacity-0 pointer-events-none"],
1058
+ "display": ["grid", "flex"],
1059
+ "justifyContent": ["flex-start", "flex-end"]
1060
+ },
1061
+ "Text": {
1062
+ "as": ["p"],
1063
+ "variant": ["inherit"],
1064
+ "color": ["inherit"],
1065
+ "textAlign": ["center"],
1066
+ "className": ["m-0 w-full"]
1067
+ },
1068
+ "DialogHeading": { "role": ["heading"] }
1308
1069
  },
1309
- "runtimeConfigGetStyles": { "modalSizeSpacingHorizontal": ["modal.defaultSize"] },
1070
+ "propToVariantKeys": { "variant": ["bottomsheetVariantHeader"] },
1071
+ "runtimeConfigDefaultProps": {},
1072
+ "runtimeConfigGetStyles": {},
1310
1073
  "runtimeConfigInternalComponentProps": {},
1311
1074
  "motionVarPrefixes": []
1312
1075
  };
1313
- var ModalContext = {
1314
- "name": "ModalContext",
1076
+ var BottomSheetInternalContext = {
1077
+ "name": "BottomSheetInternalContext",
1315
1078
  "defaultProps": {},
1316
1079
  "getStylesLiterals": {},
1317
1080
  "cxLiterals": [],
@@ -1323,56 +1086,38 @@ var ModalContext = {
1323
1086
  "runtimeConfigInternalComponentProps": {},
1324
1087
  "motionVarPrefixes": []
1325
1088
  };
1326
- var ModalDescription = {
1327
- "name": "ModalDescription",
1089
+ var BottomSheetProvider = {
1090
+ "name": "BottomSheetProvider",
1328
1091
  "defaultProps": {},
1329
1092
  "getStylesLiterals": {},
1330
1093
  "cxLiterals": [],
1331
- "internalComponents": ["Text", "DialogDescription"],
1332
- "internalComponentProps": { "Text": { "as": ["span"] } },
1333
- "propToVariantKeys": {
1334
- "size": ["modalSizeDescription"],
1335
- "variant": ["modalVariantDescription"]
1336
- },
1337
- "runtimeConfigDefaultProps": {
1338
- "size": "modal.defaultSize",
1339
- "variant": "modal.defaultVariant"
1340
- },
1341
- "runtimeConfigGetStyles": {
1342
- "modalSizeDescription": ["modal.defaultSize"],
1343
- "modalVariantDescription": ["modal.defaultVariant"]
1344
- },
1094
+ "internalComponents": ["AriakitDialogProvider"],
1095
+ "internalComponentProps": {},
1096
+ "propToVariantKeys": {},
1097
+ "runtimeConfigDefaultProps": {},
1098
+ "runtimeConfigGetStyles": {},
1345
1099
  "runtimeConfigInternalComponentProps": {},
1346
1100
  "motionVarPrefixes": []
1347
1101
  };
1348
- var ModalTitle = {
1349
- "name": "ModalTitle",
1102
+ var BottomSheetTrigger = {
1103
+ "name": "BottomSheetTrigger",
1350
1104
  "defaultProps": {},
1351
1105
  "getStylesLiterals": {},
1352
1106
  "cxLiterals": [],
1353
- "internalComponents": ["Text", "DialogHeading"],
1354
- "internalComponentProps": { "Text": { "as": ["span"] } },
1355
- "propToVariantKeys": {
1356
- "size": ["modalSizeTitle"],
1357
- "variant": ["modalVariantTitle"]
1358
- },
1359
- "runtimeConfigDefaultProps": {
1360
- "size": "modal.defaultSize",
1361
- "variant": "modal.defaultVariant"
1362
- },
1363
- "runtimeConfigGetStyles": {
1364
- "modalSizeTitle": ["modal.defaultSize"],
1365
- "modalVariantTitle": ["modal.defaultVariant"]
1366
- },
1107
+ "internalComponents": ["AriakitDialogDisclosure"],
1108
+ "internalComponentProps": {},
1109
+ "propToVariantKeys": {},
1110
+ "runtimeConfigDefaultProps": {},
1111
+ "runtimeConfigGetStyles": {},
1367
1112
  "runtimeConfigInternalComponentProps": {},
1368
1113
  "motionVarPrefixes": []
1369
1114
  };
1370
- var UDSModalConfigProvider = {
1371
- "name": "UDSModalConfigProvider",
1115
+ var UDSBottomSheetConfigProvider = {
1116
+ "name": "UDSBottomSheetConfigProvider",
1372
1117
  "defaultProps": {},
1373
1118
  "getStylesLiterals": {},
1374
1119
  "cxLiterals": [],
1375
- "internalComponents": ["ModalContext.Provider"],
1120
+ "internalComponents": ["BottomSheetContext.Provider"],
1376
1121
  "internalComponentProps": {},
1377
1122
  "propToVariantKeys": {},
1378
1123
  "runtimeConfigDefaultProps": {},
@@ -1380,230 +1125,12 @@ var UDSModalConfigProvider = {
1380
1125
  "runtimeConfigInternalComponentProps": {},
1381
1126
  "motionVarPrefixes": []
1382
1127
  };
1383
- var Menu_Content = {
1384
- "name": "Menu.Content",
1128
+ var Input = {
1129
+ "name": "Input",
1385
1130
  "defaultProps": {
1386
- "size": "default",
1387
- "variant": "default",
1388
- "gutter": "1"
1389
- },
1390
- "getStylesLiterals": {},
1391
- "cxLiterals": [
1392
- "uds-menu-content",
1393
- "transition-shadow",
1394
- "duration-200",
1395
- "ease-in-out",
1396
- "min-w-60",
1397
- "max-w-lg",
1398
- "max-h-96",
1399
- "overflow-auto",
1400
- "uds-ring",
1401
- "z-10",
1402
- "group"
1403
- ],
1404
- "internalComponents": [
1405
- "AriakitMenu",
1406
- "AnimatePresence",
1407
- "MotionVStack"
1408
- ],
1409
- "internalComponentProps": {},
1410
- "propToVariantKeys": {
1411
- "size": ["menucontentSizeRoot"],
1412
- "variant": ["menucontentVariantRoot"]
1413
- },
1414
- "runtimeConfigDefaultProps": {},
1415
- "runtimeConfigGetStyles": {},
1416
- "runtimeConfigInternalComponentProps": {},
1417
- "motionVarPrefixes": []
1418
- };
1419
- var Menu_Divider = {
1420
- "name": "Menu.Divider",
1421
- "defaultProps": {
1422
- "role": "separator",
1423
- "contentPosition": "start",
1424
- "gap": "4"
1425
- },
1426
- "getStylesLiterals": {
1427
- "menuitemDividerVariantRoot": "default",
1428
- "menuitemDividerVariantText": "default",
1429
- "menuitemDividerVariantLine": "default"
1430
- },
1431
- "cxLiterals": [],
1432
- "internalComponents": ["DividerInternal"],
1433
- "internalComponentProps": { "DividerInternal": { "variant": ["inherit"] } },
1434
- "propToVariantKeys": {},
1435
- "runtimeConfigDefaultProps": {},
1436
- "runtimeConfigGetStyles": {},
1437
- "runtimeConfigInternalComponentProps": {},
1438
- "motionVarPrefixes": []
1439
- };
1440
- var Menu_Item = {
1441
- "name": "Menu.Item",
1442
- "defaultProps": {},
1443
- "getStylesLiterals": {
1444
- "menuitemItemVariantRoot": "default",
1445
- "menuitemItemVariantActiveRoot": "on",
1446
- "menuitemItemVariantActiveRoot:1": "off",
1447
- "menuitemItemVariantText": "default",
1448
- "menuitemItemVariantActiveText": "on",
1449
- "menuitemItemVariantActiveText:1": "off",
1450
- "menuitemItemVariantIcon": "default",
1451
- "menuitemItemVariantActiveIcon": "on",
1452
- "menuitemItemVariantActiveIcon:1": "off"
1453
- },
1454
- "cxLiterals": [],
1455
- "internalComponents": ["MenuItemBase"],
1456
- "internalComponentProps": {},
1457
- "propToVariantKeys": {},
1458
- "runtimeConfigDefaultProps": {},
1459
- "runtimeConfigGetStyles": {},
1460
- "runtimeConfigInternalComponentProps": {},
1461
- "motionVarPrefixes": []
1462
- };
1463
- var Menu_ItemBase = {
1464
- "name": "Menu.ItemBase",
1465
- "defaultProps": {
1466
- "spacing": "0",
1467
- "spacingHorizontal": "4",
1468
- "spacingVertical": "3.5",
1469
- "columnGap": "2",
1470
- "alignItems": "center",
1471
- "justifyContent": "space-between"
1472
- },
1473
- "getStylesLiterals": {
1474
- "textAlign": "start",
1475
- "menuitemSizeRoot": "default",
1476
- "flexDirection": "row",
1477
- "menuitemSizeStartIcon": "default",
1478
- "menuitemSizeEndIcon": "default"
1479
- },
1480
- "cxLiterals": [
1481
- "flex",
1482
- "focus-visible:text-brand",
1483
- "focus-visible:bg-brand-secondary",
1484
- "focus-visible:z-10",
1485
- "uds-ring",
1486
- "!-outline-offset-2",
1487
- "[&:not([aria-checked])]:cursor-default",
1488
- "opacity-25",
1489
- "cursor-not-allowed",
1490
- "duration-20",
1491
- "transition-[font-variation-settings]",
1492
- "ease-in-out",
1493
- "z-0",
1494
- "uds-start-icon",
1495
- "uds-end-icon"
1496
- ],
1497
- "internalComponents": [
1498
- "Pressable",
1499
- "IconSlot",
1500
- "RootComponent",
1501
- "HStack",
1502
- "AnimatePresence"
1503
- ],
1504
- "internalComponentProps": {
1505
- "HStack": {
1506
- "alignItems": ["center"],
1507
- "width": ["full"]
1508
- },
1509
- "AnimatePresence": { "mode": ["popLayout"] }
1510
- },
1511
- "propToVariantKeys": {
1512
- "startIconClassName": ["className"],
1513
- "endIconClassName": ["className"],
1514
- "startIcon": ["icon"],
1515
- "endIcon": ["icon"],
1516
- "columnGap": ["gap"]
1517
- },
1518
- "runtimeConfigDefaultProps": {},
1519
- "runtimeConfigGetStyles": {},
1520
- "runtimeConfigInternalComponentProps": {},
1521
- "motionVarPrefixes": []
1522
- };
1523
- var Menu_ItemCheckbox = {
1524
- "name": "Menu.ItemCheckbox",
1525
- "defaultProps": {},
1526
- "getStylesLiterals": {
1527
- "menuitemItemCheckboxVariantRoot": "default",
1528
- "menuitemItemCheckboxVariantActiveRoot": "on",
1529
- "menuitemItemCheckboxVariantActiveRoot:1": "off",
1530
- "menuitemItemCheckboxVariantText": "default",
1531
- "menuitemItemCheckboxVariantActiveText": "on",
1532
- "menuitemItemCheckboxVariantActiveText:1": "off",
1533
- "menuitemItemCheckboxVariantStartIcon": "default",
1534
- "menuitemItemCheckboxVariantActiveStartIcon": "on",
1535
- "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
1536
- "menuitemItemCheckboxVariantEndIcon": "default",
1537
- "menuitemItemCheckboxVariantActiveEndIcon": "on",
1538
- "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
1539
- },
1540
- "cxLiterals": ["uds-menu-item-checkbox"],
1541
- "internalComponents": ["MenuItemBase"],
1542
- "internalComponentProps": {},
1543
- "propToVariantKeys": {},
1544
- "runtimeConfigDefaultProps": {},
1545
- "runtimeConfigGetStyles": {},
1546
- "runtimeConfigInternalComponentProps": {},
1547
- "motionVarPrefixes": []
1548
- };
1549
- var Menu_Provider = {
1550
- "name": "Menu.Provider",
1551
- "defaultProps": {},
1552
- "getStylesLiterals": {},
1553
- "cxLiterals": [],
1554
- "internalComponents": ["AriakitMenuProvider", "SpringMotionConfig"],
1555
- "internalComponentProps": {},
1556
- "propToVariantKeys": {},
1557
- "runtimeConfigDefaultProps": {},
1558
- "runtimeConfigGetStyles": {},
1559
- "runtimeConfigInternalComponentProps": {},
1560
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1561
- };
1562
- var Menu_Trigger = {
1563
- "name": "Menu.Trigger",
1564
- "defaultProps": {},
1565
- "getStylesLiterals": {},
1566
- "cxLiterals": ["uds-menu-trigger"],
1567
- "internalComponents": ["AriakitMenuTrigger", "Box"],
1568
- "internalComponentProps": { "Box": { "className": ["uds-ring h-fit w-fit"] } },
1569
- "propToVariantKeys": {},
1570
- "runtimeConfigDefaultProps": {},
1571
- "runtimeConfigGetStyles": {},
1572
- "runtimeConfigInternalComponentProps": {},
1573
- "motionVarPrefixes": []
1574
- };
1575
- var Menu_index = {
1576
- "name": "Menu.index",
1577
- "defaultProps": {},
1578
- "getStylesLiterals": {},
1579
- "cxLiterals": [],
1580
- "internalComponents": [],
1581
- "internalComponentProps": {},
1582
- "propToVariantKeys": {},
1583
- "runtimeConfigDefaultProps": {},
1584
- "runtimeConfigGetStyles": {},
1585
- "runtimeConfigInternalComponentProps": {},
1586
- "motionVarPrefixes": []
1587
- };
1588
- var Menu = {
1589
- "name": "Menu",
1590
- "defaultProps": {},
1591
- "getStylesLiterals": {},
1592
- "cxLiterals": [],
1593
- "internalComponents": [],
1594
- "internalComponentProps": {},
1595
- "propToVariantKeys": {},
1596
- "runtimeConfigDefaultProps": {},
1597
- "runtimeConfigGetStyles": {},
1598
- "runtimeConfigInternalComponentProps": {},
1599
- "motionVarPrefixes": []
1600
- };
1601
- var Input = {
1602
- "name": "Input",
1603
- "defaultProps": {
1604
- "type": "text",
1605
- "size": "md",
1606
- "width": "full"
1131
+ "type": "text",
1132
+ "size": "md",
1133
+ "width": "full"
1607
1134
  },
1608
1135
  "getStylesLiterals": {
1609
1136
  "inputVariantRoot": "default",
@@ -1856,76 +1383,79 @@ var ChipToggle = {
1856
1383
  "runtimeConfigInternalComponentProps": {},
1857
1384
  "motionVarPrefixes": []
1858
1385
  };
1859
- var BottomSheet = {
1860
- "name": "BottomSheet",
1861
- "defaultProps": { "variant": "default" },
1386
+ var Menu_Content = {
1387
+ "name": "Menu.Content",
1388
+ "defaultProps": {
1389
+ "size": "default",
1390
+ "variant": "default",
1391
+ "gutter": "1"
1392
+ },
1862
1393
  "getStylesLiterals": {},
1863
1394
  "cxLiterals": [
1864
- "fixed",
1865
- "overflow-hidden",
1866
- "inset-x-0",
1867
- "bottom-0",
1868
- "z-50",
1869
- "[will-change:transform]",
1870
- "touch-none",
1871
- "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
1872
- "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
1873
- "transition-transform",
1874
- "duration-500",
1875
- "ease-[cubic-bezier(0.32,0.72,0,1)]",
1876
- "motion-reduce:transition-none",
1877
- "top-[-4px]",
1878
- "z-[1]",
1879
- "touch-pan-y"
1395
+ "uds-menu-content",
1396
+ "transition-shadow",
1397
+ "duration-200",
1398
+ "ease-in-out",
1399
+ "min-w-60",
1400
+ "max-w-lg",
1401
+ "max-h-96",
1402
+ "overflow-auto",
1403
+ "uds-ring",
1404
+ "z-10",
1405
+ "group"
1880
1406
  ],
1881
1407
  "internalComponents": [
1882
- "Scrim",
1883
- "BottomSheetHandle",
1884
- "Dialog",
1885
- "Box",
1886
- "BottomSheetInternalContext.Provider"
1408
+ "AriakitMenu",
1409
+ "AnimatePresence",
1410
+ "MotionVStack"
1887
1411
  ],
1888
- "internalComponentProps": {
1889
- "BottomSheetHandle": { "ariaLabel": ["Resize sheet"] },
1890
- "Dialog": { "data-testid": ["bottom-sheet"] },
1891
- "Box": {
1892
- "display": ["block", "flex"],
1893
- "position": ["absolute"],
1894
- "flexDirection": ["column"],
1895
- "className": ["absolute inset-0 min-h-0 p-[inherit]"]
1896
- }
1897
- },
1898
- "propToVariantKeys": { "variant": ["bottomsheetVariantRoot"] },
1412
+ "internalComponentProps": {},
1413
+ "propToVariantKeys": {
1414
+ "size": ["menucontentSizeRoot"],
1415
+ "variant": ["menucontentVariantRoot"]
1416
+ },
1899
1417
  "runtimeConfigDefaultProps": {},
1900
1418
  "runtimeConfigGetStyles": {},
1901
1419
  "runtimeConfigInternalComponentProps": {},
1902
1420
  "motionVarPrefixes": []
1903
1421
  };
1904
- var BottomSheetContent = {
1905
- "name": "BottomSheetContent",
1906
- "defaultProps": {},
1907
- "getStylesLiterals": {},
1908
- "cxLiterals": ["min-h-0", "touch-pan-y"],
1909
- "internalComponents": ["Box", "VStack"],
1910
- "internalComponentProps": {
1911
- "Box": {
1912
- "display": ["block"],
1913
- "flex": ["1"]
1914
- },
1915
- "VStack": { "className": ["pb-[calc(env(safe-area-inset-bottom))]"] }
1422
+ var Menu_Divider = {
1423
+ "name": "Menu.Divider",
1424
+ "defaultProps": {
1425
+ "role": "separator",
1426
+ "contentPosition": "start",
1427
+ "gap": "4"
1916
1428
  },
1429
+ "getStylesLiterals": {
1430
+ "menuitemDividerVariantRoot": "default",
1431
+ "menuitemDividerVariantText": "default",
1432
+ "menuitemDividerVariantLine": "default"
1433
+ },
1434
+ "cxLiterals": [],
1435
+ "internalComponents": ["DividerInternal"],
1436
+ "internalComponentProps": { "DividerInternal": { "variant": ["inherit"] } },
1917
1437
  "propToVariantKeys": {},
1918
1438
  "runtimeConfigDefaultProps": {},
1919
1439
  "runtimeConfigGetStyles": {},
1920
1440
  "runtimeConfigInternalComponentProps": {},
1921
1441
  "motionVarPrefixes": []
1922
1442
  };
1923
- var BottomSheetDismiss = {
1924
- "name": "BottomSheetDismiss",
1443
+ var Menu_Item = {
1444
+ "name": "Menu.Item",
1925
1445
  "defaultProps": {},
1926
- "getStylesLiterals": {},
1446
+ "getStylesLiterals": {
1447
+ "menuitemItemVariantRoot": "default",
1448
+ "menuitemItemVariantActiveRoot": "on",
1449
+ "menuitemItemVariantActiveRoot:1": "off",
1450
+ "menuitemItemVariantText": "default",
1451
+ "menuitemItemVariantActiveText": "on",
1452
+ "menuitemItemVariantActiveText:1": "off",
1453
+ "menuitemItemVariantIcon": "default",
1454
+ "menuitemItemVariantActiveIcon": "on",
1455
+ "menuitemItemVariantActiveIcon:1": "off"
1456
+ },
1927
1457
  "cxLiterals": [],
1928
- "internalComponents": ["AriakitDialogDismiss"],
1458
+ "internalComponents": ["MenuItemBase"],
1929
1459
  "internalComponentProps": {},
1930
1460
  "propToVariantKeys": {},
1931
1461
  "runtimeConfigDefaultProps": {},
@@ -1933,74 +1463,85 @@ var BottomSheetDismiss = {
1933
1463
  "runtimeConfigInternalComponentProps": {},
1934
1464
  "motionVarPrefixes": []
1935
1465
  };
1936
- var BottomSheetHandle = {
1937
- "name": "BottomSheetHandle",
1938
- "defaultProps": { "variant": "default" },
1939
- "getStylesLiterals": {},
1466
+ var Menu_ItemBase = {
1467
+ "name": "Menu.ItemBase",
1468
+ "defaultProps": {
1469
+ "spacing": "0",
1470
+ "spacingHorizontal": "4",
1471
+ "spacingVertical": "3.5",
1472
+ "columnGap": "2",
1473
+ "alignItems": "center",
1474
+ "justifyContent": "space-between"
1475
+ },
1476
+ "getStylesLiterals": {
1477
+ "textAlign": "start",
1478
+ "menuitemSizeRoot": "default",
1479
+ "flexDirection": "row",
1480
+ "menuitemSizeStartIcon": "default",
1481
+ "menuitemSizeEndIcon": "default"
1482
+ },
1940
1483
  "cxLiterals": [
1941
- "relative",
1942
- "h-5",
1943
- "w-16",
1944
- "outline-none",
1945
- "focus-visible:outline-none",
1946
- "[touch-action:pan-y]",
1947
- "absolute",
1948
- "left-1/2",
1949
- "top-1/2",
1950
- "-translate-x-1/2",
1951
- "-translate-y-1/2",
1952
- "h-1",
1953
- "w-8",
1954
- "rounded-full"
1484
+ "flex",
1485
+ "focus-visible:text-brand",
1486
+ "focus-visible:bg-brand-secondary",
1487
+ "focus-visible:z-10",
1488
+ "uds-ring",
1489
+ "!-outline-offset-2",
1490
+ "[&:not([aria-checked])]:cursor-default",
1491
+ "opacity-25",
1492
+ "cursor-not-allowed",
1493
+ "duration-20",
1494
+ "transition-[font-variation-settings]",
1495
+ "ease-in-out",
1496
+ "z-0",
1497
+ "uds-start-icon",
1498
+ "uds-end-icon"
1955
1499
  ],
1956
- "internalComponents": ["Box"],
1957
- "internalComponentProps": { "Box": {
1958
- "display": ["block", "flex"],
1959
- "justifyContent": ["center"]
1960
- } },
1961
- "propToVariantKeys": { "variant": ["bottomsheetVariantHandleIndicator"] },
1962
- "runtimeConfigDefaultProps": {},
1963
- "runtimeConfigGetStyles": {},
1964
- "runtimeConfigInternalComponentProps": {},
1965
- "motionVarPrefixes": []
1966
- };
1967
- var BottomSheetHeader = {
1968
- "name": "BottomSheetHeader",
1969
- "defaultProps": { "variant": "default" },
1970
- "getStylesLiterals": {},
1971
- "cxLiterals": [
1972
- "grid-cols-[40px_1fr_40px]",
1973
- "items-center",
1974
- "w-full",
1975
- "min-h-10",
1976
- "mt-2"
1500
+ "internalComponents": [
1501
+ "Pressable",
1502
+ "IconSlot",
1503
+ "RootComponent",
1504
+ "HStack",
1505
+ "AnimatePresence"
1977
1506
  ],
1978
- "internalComponents": ["Box", "Text"],
1979
1507
  "internalComponentProps": {
1980
- "Box": {
1981
- "className": ["h-10 w-10 opacity-0 pointer-events-none"],
1982
- "display": ["grid", "flex"],
1983
- "justifyContent": ["flex-start", "flex-end"]
1508
+ "HStack": {
1509
+ "alignItems": ["center"],
1510
+ "width": ["full"]
1984
1511
  },
1985
- "Text": {
1986
- "variant": ["inherit"],
1987
- "color": ["inherit"],
1988
- "textAlign": ["center"],
1989
- "className": ["w-full"]
1990
- }
1512
+ "AnimatePresence": { "mode": ["popLayout"] }
1513
+ },
1514
+ "propToVariantKeys": {
1515
+ "startIconClassName": ["className"],
1516
+ "endIconClassName": ["className"],
1517
+ "startIcon": ["icon"],
1518
+ "endIcon": ["icon"],
1519
+ "columnGap": ["gap"]
1991
1520
  },
1992
- "propToVariantKeys": { "variant": ["bottomsheetVariantHeader"] },
1993
1521
  "runtimeConfigDefaultProps": {},
1994
1522
  "runtimeConfigGetStyles": {},
1995
1523
  "runtimeConfigInternalComponentProps": {},
1996
1524
  "motionVarPrefixes": []
1997
1525
  };
1998
- var BottomSheetInternalContext = {
1999
- "name": "BottomSheetInternalContext",
1526
+ var Menu_ItemCheckbox = {
1527
+ "name": "Menu.ItemCheckbox",
2000
1528
  "defaultProps": {},
2001
- "getStylesLiterals": {},
2002
- "cxLiterals": [],
2003
- "internalComponents": [],
1529
+ "getStylesLiterals": {
1530
+ "menuitemItemCheckboxVariantRoot": "default",
1531
+ "menuitemItemCheckboxVariantActiveRoot": "on",
1532
+ "menuitemItemCheckboxVariantActiveRoot:1": "off",
1533
+ "menuitemItemCheckboxVariantText": "default",
1534
+ "menuitemItemCheckboxVariantActiveText": "on",
1535
+ "menuitemItemCheckboxVariantActiveText:1": "off",
1536
+ "menuitemItemCheckboxVariantStartIcon": "default",
1537
+ "menuitemItemCheckboxVariantActiveStartIcon": "on",
1538
+ "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
1539
+ "menuitemItemCheckboxVariantEndIcon": "default",
1540
+ "menuitemItemCheckboxVariantActiveEndIcon": "on",
1541
+ "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
1542
+ },
1543
+ "cxLiterals": ["uds-menu-item-checkbox"],
1544
+ "internalComponents": ["MenuItemBase"],
2004
1545
  "internalComponentProps": {},
2005
1546
  "propToVariantKeys": {},
2006
1547
  "runtimeConfigDefaultProps": {},
@@ -2008,38 +1549,38 @@ var BottomSheetInternalContext = {
2008
1549
  "runtimeConfigInternalComponentProps": {},
2009
1550
  "motionVarPrefixes": []
2010
1551
  };
2011
- var BottomSheetProvider = {
2012
- "name": "BottomSheetProvider",
1552
+ var Menu_Provider = {
1553
+ "name": "Menu.Provider",
2013
1554
  "defaultProps": {},
2014
1555
  "getStylesLiterals": {},
2015
1556
  "cxLiterals": [],
2016
- "internalComponents": ["AriakitDialogProvider"],
1557
+ "internalComponents": ["AriakitMenuProvider", "SpringMotionConfig"],
2017
1558
  "internalComponentProps": {},
2018
1559
  "propToVariantKeys": {},
2019
1560
  "runtimeConfigDefaultProps": {},
2020
1561
  "runtimeConfigGetStyles": {},
2021
1562
  "runtimeConfigInternalComponentProps": {},
2022
- "motionVarPrefixes": []
1563
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
2023
1564
  };
2024
- var BottomSheetTrigger = {
2025
- "name": "BottomSheetTrigger",
1565
+ var Menu_Trigger = {
1566
+ "name": "Menu.Trigger",
2026
1567
  "defaultProps": {},
2027
1568
  "getStylesLiterals": {},
2028
- "cxLiterals": [],
2029
- "internalComponents": ["AriakitDialogDisclosure"],
2030
- "internalComponentProps": {},
1569
+ "cxLiterals": ["uds-menu-trigger"],
1570
+ "internalComponents": ["AriakitMenuTrigger", "Box"],
1571
+ "internalComponentProps": { "Box": { "className": ["uds-ring h-fit w-fit"] } },
2031
1572
  "propToVariantKeys": {},
2032
1573
  "runtimeConfigDefaultProps": {},
2033
1574
  "runtimeConfigGetStyles": {},
2034
1575
  "runtimeConfigInternalComponentProps": {},
2035
1576
  "motionVarPrefixes": []
2036
1577
  };
2037
- var UDSBottomSheetConfigProvider = {
2038
- "name": "UDSBottomSheetConfigProvider",
1578
+ var Menu_index = {
1579
+ "name": "Menu.index",
2039
1580
  "defaultProps": {},
2040
1581
  "getStylesLiterals": {},
2041
1582
  "cxLiterals": [],
2042
- "internalComponents": ["BottomSheetContext.Provider"],
1583
+ "internalComponents": [],
2043
1584
  "internalComponentProps": {},
2044
1585
  "propToVariantKeys": {},
2045
1586
  "runtimeConfigDefaultProps": {},
@@ -2047,12 +1588,12 @@ var UDSBottomSheetConfigProvider = {
2047
1588
  "runtimeConfigInternalComponentProps": {},
2048
1589
  "motionVarPrefixes": []
2049
1590
  };
2050
- var Avatar = {
2051
- "name": "Avatar",
1591
+ var Menu = {
1592
+ "name": "Menu",
2052
1593
  "defaultProps": {},
2053
1594
  "getStylesLiterals": {},
2054
1595
  "cxLiterals": [],
2055
- "internalComponents": ["AvatarImage"],
1596
+ "internalComponents": [],
2056
1597
  "internalComponentProps": {},
2057
1598
  "propToVariantKeys": {},
2058
1599
  "runtimeConfigDefaultProps": {},
@@ -2060,88 +1601,333 @@ var Avatar = {
2060
1601
  "runtimeConfigInternalComponentProps": {},
2061
1602
  "motionVarPrefixes": []
2062
1603
  };
2063
- var AvatarIcon = {
2064
- "name": "AvatarIcon",
1604
+ var Modal = {
1605
+ "name": "Modal",
2065
1606
  "defaultProps": {
2066
- "size": "md",
2067
- "variant": "primary"
1607
+ "closeAriaLabel": "Close",
1608
+ "maxWidth": "auto",
1609
+ "maxHeight": "auto",
1610
+ "scrollBehavior": "outside"
2068
1611
  },
2069
- "getStylesLiterals": {},
2070
- "cxLiterals": [
2071
- "overflow-hidden",
2072
- "w-full",
2073
- "h-full",
2074
- "shrink-0",
2075
- "text-center",
2076
- "inline-flex",
2077
- "justify-center",
2078
- "items-center"
2079
- ],
2080
- "internalComponents": ["IconSlot", "Box"],
2081
- "internalComponentProps": {},
2082
- "propToVariantKeys": { "size": ["avatarSizeIcon"] },
2083
- "runtimeConfigDefaultProps": {},
2084
- "runtimeConfigGetStyles": {},
2085
- "runtimeConfigInternalComponentProps": {},
2086
- "motionVarPrefixes": []
2087
- };
2088
- var AvatarImage = {
2089
- "name": "AvatarImage",
2090
- "defaultProps": {
2091
- "size": "md",
2092
- "variant": "primary"
1612
+ "getStylesLiterals": {
1613
+ "flexDirection": "row-reverse",
1614
+ "justifyContent": "space-between",
1615
+ "alignItems": "flex-end",
1616
+ "alignItems:1": "flex-start",
1617
+ "borderRadius": "full"
2093
1618
  },
2094
- "getStylesLiterals": {},
2095
1619
  "cxLiterals": [
1620
+ "fixed",
1621
+ "inset-0",
1622
+ "z-40",
1623
+ "overflow-y-auto",
2096
1624
  "overflow-hidden",
1625
+ "transition-[opacity,visibility]",
1626
+ "visible",
1627
+ "opacity-100",
1628
+ "invisible",
1629
+ "opacity-0",
1630
+ "pointer-events-none",
1631
+ "uds-bgBlurFallback",
2097
1632
  "w-full",
1633
+ "w-fit",
2098
1634
  "h-full",
2099
- "shrink-0",
2100
- "text-center",
2101
- "inline-flex",
2102
- "justify-center",
2103
- "items-center",
2104
- "object-cover"
1635
+ "h-fit",
1636
+ "m-auto",
1637
+ "pointer-events-auto",
1638
+ "inside",
1639
+ "max-h-full",
1640
+ "transition-transform",
1641
+ "duration-0",
1642
+ "duration-120",
1643
+ "transition-[background-color]",
1644
+ "bg-carbon-15/0",
1645
+ "hover:bg-carbon-15/10",
1646
+ "active:bg-carbon-15/15",
1647
+ "uds-ring",
1648
+ "[translate:50%_-50%]"
2105
1649
  ],
2106
1650
  "internalComponents": [
2107
- "UDSImage",
2108
- "AvatarText",
2109
- "AvatarIcon",
2110
- "Box"
1651
+ "Scrim",
1652
+ "VStack",
1653
+ "Pressable",
1654
+ "IconSlot",
1655
+ "Box",
1656
+ "Dialog",
1657
+ "ModalContext.Provider",
1658
+ "HStack",
1659
+ "DialogDismiss",
1660
+ "ModalTitle",
1661
+ "ModalDescription",
1662
+ "ModalContent",
1663
+ "ModalActions"
2111
1664
  ],
2112
- "internalComponentProps": {},
1665
+ "internalComponentProps": { "Box": { "flexGrow": ["1"] } },
2113
1666
  "propToVariantKeys": {
2114
- "alt": ["name"],
2115
- "fallback": ["initials"]
1667
+ "gutter": ["spacing"],
1668
+ "size": [
1669
+ "modalSizeRoot",
1670
+ "modalSizeSpacingHorizontal",
1671
+ "modalSizeHeader",
1672
+ "modalSizeTitleDescriptionWrapper",
1673
+ "modalSizeCloseIconContainer",
1674
+ "modalSizeCloseIcon"
1675
+ ],
1676
+ "variant": ["modalVariantRoot", "modalVariantCloseIcon"],
1677
+ "closeAriaLabel": ["aria-label"],
1678
+ "closeIcon": ["icon"]
1679
+ },
1680
+ "runtimeConfigDefaultProps": {
1681
+ "size": "modal.defaultSize",
1682
+ "variant": "modal.defaultVariant"
1683
+ },
1684
+ "runtimeConfigGetStyles": {
1685
+ "spacing": ["modal.gutter.${size}"],
1686
+ "modalSizeRoot": ["modal.defaultSize"],
1687
+ "modalVariantRoot": ["modal.defaultVariant"],
1688
+ "modalSizeSpacingHorizontal": ["modal.defaultSize"],
1689
+ "modalSizeHeader": ["modal.defaultSize"],
1690
+ "modalSizeTitleDescriptionWrapper": ["modal.defaultSize"],
1691
+ "modalSizeCloseIconContainer": ["modal.defaultSize"],
1692
+ "modalSizeCloseIcon": ["modal.defaultSize"],
1693
+ "modalVariantCloseIcon": ["modal.defaultVariant"]
2116
1694
  },
1695
+ "runtimeConfigInternalComponentProps": {},
1696
+ "motionVarPrefixes": []
1697
+ };
1698
+ var ModalActions = {
1699
+ "name": "ModalActions",
1700
+ "defaultProps": {},
1701
+ "getStylesLiterals": {
1702
+ "flexDirection": "row-reverse",
1703
+ "justifyContent": "space-between",
1704
+ "alignItems": "center"
1705
+ },
1706
+ "cxLiterals": ["gap-[inherit]"],
1707
+ "internalComponents": ["HStack"],
1708
+ "internalComponentProps": {},
1709
+ "propToVariantKeys": { "size": ["modalSizeSpacingHorizontal", "modalSizeActions"] },
1710
+ "runtimeConfigDefaultProps": {
1711
+ "size": "modal.defaultSize",
1712
+ "variant": "modal.defaultVariant"
1713
+ },
1714
+ "runtimeConfigGetStyles": {
1715
+ "modalSizeSpacingHorizontal": ["modal.defaultSize"],
1716
+ "modalSizeActions": ["modal.defaultSize"]
1717
+ },
1718
+ "runtimeConfigInternalComponentProps": {},
1719
+ "motionVarPrefixes": []
1720
+ };
1721
+ var ModalContent = {
1722
+ "name": "ModalContent",
1723
+ "defaultProps": {},
1724
+ "getStylesLiterals": {
1725
+ "overflowY": "auto",
1726
+ "display": "block",
1727
+ "flexGrow": "1"
1728
+ },
1729
+ "cxLiterals": [],
1730
+ "internalComponents": ["Box"],
1731
+ "internalComponentProps": {},
1732
+ "propToVariantKeys": { "size": ["modalSizeSpacingHorizontal"] },
1733
+ "runtimeConfigDefaultProps": {
1734
+ "size": "modal.defaultSize",
1735
+ "variant": "modal.defaultVariant"
1736
+ },
1737
+ "runtimeConfigGetStyles": { "modalSizeSpacingHorizontal": ["modal.defaultSize"] },
1738
+ "runtimeConfigInternalComponentProps": {},
1739
+ "motionVarPrefixes": []
1740
+ };
1741
+ var ModalContext = {
1742
+ "name": "ModalContext",
1743
+ "defaultProps": {},
1744
+ "getStylesLiterals": {},
1745
+ "cxLiterals": [],
1746
+ "internalComponents": [],
1747
+ "internalComponentProps": {},
1748
+ "propToVariantKeys": {},
2117
1749
  "runtimeConfigDefaultProps": {},
2118
1750
  "runtimeConfigGetStyles": {},
2119
1751
  "runtimeConfigInternalComponentProps": {},
2120
1752
  "motionVarPrefixes": []
2121
1753
  };
2122
- var AvatarText = {
2123
- "name": "AvatarText",
2124
- "defaultProps": {
2125
- "size": "md",
2126
- "variant": "primary"
1754
+ var ModalDescription = {
1755
+ "name": "ModalDescription",
1756
+ "defaultProps": {},
1757
+ "getStylesLiterals": {},
1758
+ "cxLiterals": [],
1759
+ "internalComponents": ["Text", "DialogDescription"],
1760
+ "internalComponentProps": { "Text": { "as": ["span"] } },
1761
+ "propToVariantKeys": {
1762
+ "size": ["modalSizeDescription"],
1763
+ "variant": ["modalVariantDescription"]
1764
+ },
1765
+ "runtimeConfigDefaultProps": {
1766
+ "size": "modal.defaultSize",
1767
+ "variant": "modal.defaultVariant"
1768
+ },
1769
+ "runtimeConfigGetStyles": {
1770
+ "modalSizeDescription": ["modal.defaultSize"],
1771
+ "modalVariantDescription": ["modal.defaultVariant"]
1772
+ },
1773
+ "runtimeConfigInternalComponentProps": {},
1774
+ "motionVarPrefixes": []
1775
+ };
1776
+ var ModalTitle = {
1777
+ "name": "ModalTitle",
1778
+ "defaultProps": {},
1779
+ "getStylesLiterals": {},
1780
+ "cxLiterals": [],
1781
+ "internalComponents": ["Text", "DialogHeading"],
1782
+ "internalComponentProps": { "Text": { "as": ["span"] } },
1783
+ "propToVariantKeys": {
1784
+ "size": ["modalSizeTitle"],
1785
+ "variant": ["modalVariantTitle"]
2127
1786
  },
1787
+ "runtimeConfigDefaultProps": {
1788
+ "size": "modal.defaultSize",
1789
+ "variant": "modal.defaultVariant"
1790
+ },
1791
+ "runtimeConfigGetStyles": {
1792
+ "modalSizeTitle": ["modal.defaultSize"],
1793
+ "modalVariantTitle": ["modal.defaultVariant"]
1794
+ },
1795
+ "runtimeConfigInternalComponentProps": {},
1796
+ "motionVarPrefixes": []
1797
+ };
1798
+ var UDSModalConfigProvider = {
1799
+ "name": "UDSModalConfigProvider",
1800
+ "defaultProps": {},
2128
1801
  "getStylesLiterals": {},
1802
+ "cxLiterals": [],
1803
+ "internalComponents": ["ModalContext.Provider"],
1804
+ "internalComponentProps": {},
1805
+ "propToVariantKeys": {},
1806
+ "runtimeConfigDefaultProps": {},
1807
+ "runtimeConfigGetStyles": {},
1808
+ "runtimeConfigInternalComponentProps": {},
1809
+ "motionVarPrefixes": []
1810
+ };
1811
+ var Popover = {
1812
+ "name": "Popover",
1813
+ "defaultProps": {},
1814
+ "getStylesLiterals": {},
1815
+ "cxLiterals": [],
1816
+ "internalComponents": ["PopoverInternalContext.Provider", "PopoverProvider"],
1817
+ "internalComponentProps": {},
1818
+ "propToVariantKeys": {},
1819
+ "runtimeConfigDefaultProps": {
1820
+ "size": "popover.defaultSize",
1821
+ "variant": "popover.defaultVariant"
1822
+ },
1823
+ "runtimeConfigGetStyles": {},
1824
+ "runtimeConfigInternalComponentProps": {},
1825
+ "motionVarPrefixes": []
1826
+ };
1827
+ var PopoverContent = {
1828
+ "name": "PopoverContent",
1829
+ "defaultProps": {},
1830
+ "getStylesLiterals": {
1831
+ "popoverSizeRoot": "default",
1832
+ "popoverVariantRoot": "default",
1833
+ "display": "flex",
1834
+ "position": "relative",
1835
+ "display:1": "block",
1836
+ "spacingTop": "0",
1837
+ "spacingStart": "0",
1838
+ "spacingBottom": "0",
1839
+ "spacingEnd": "0",
1840
+ "popoverSizeSvgBase": "default",
1841
+ "popoverVariantSvgBase": "default",
1842
+ "popoverSizeSvgBorder": "default",
1843
+ "popoverVariantSvgBorder": "default",
1844
+ "popoverVariantBlur": "default",
1845
+ "position:1": "absolute",
1846
+ "width": "full",
1847
+ "height": "full",
1848
+ "flexShrink": "0",
1849
+ "borderRadius": "full",
1850
+ "alignItems": "center",
1851
+ "justifyContent": "center",
1852
+ "popoverVariantCloseIcon": "default",
1853
+ "popoverSizeCloseIcon": "default"
1854
+ },
2129
1855
  "cxLiterals": [
2130
- "overflow-hidden",
2131
- "truncate",
2132
- "w-full",
2133
- "h-full",
2134
- "shrink-0",
2135
- "text-center",
2136
- "inline-flex",
2137
- "justify-center",
2138
- "items-center"
1856
+ "z-[9999]",
1857
+ "outline-none",
1858
+ "focus-visible:outline-none",
1859
+ "uds-bgBlurFillFallback",
1860
+ "uds-bgBlurFallback",
1861
+ "top-0",
1862
+ "left-0",
1863
+ "z-[1]",
1864
+ "duration-0",
1865
+ "duration-120",
1866
+ "transition-[background-color]",
1867
+ "bg-carbon-15/0",
1868
+ "hover:bg-carbon-15/10",
1869
+ "active:bg-carbon-15/15",
1870
+ "uds-ring",
1871
+ "absolute",
1872
+ "z-[4]"
2139
1873
  ],
2140
- "internalComponents": ["Box", "Text"],
2141
- "internalComponentProps": { "Text": {
2142
- "color": ["inherit"],
2143
- "variant": ["inherit"]
2144
- } },
1874
+ "internalComponents": [
1875
+ "PopoverDismiss",
1876
+ "IconSlot",
1877
+ "PopoverArrow",
1878
+ "Popover",
1879
+ "SvgFloatingOverlay",
1880
+ "Box",
1881
+ "Pressable"
1882
+ ],
1883
+ "internalComponentProps": {},
1884
+ "propToVariantKeys": { "closeIcon": ["icon"] },
1885
+ "runtimeConfigDefaultProps": {
1886
+ "size": "popover.defaultSize",
1887
+ "variant": "popover.defaultVariant"
1888
+ },
1889
+ "runtimeConfigGetStyles": {
1890
+ "spacingTop": ["popover.spacingVertical.${size}"],
1891
+ "spacingStart": ["popover.spacingHorizontal.${size}"],
1892
+ "spacingBottom": ["popover.spacingVertical.${size}"],
1893
+ "spacingEnd": ["popover.spacingHorizontal.${size}"]
1894
+ },
1895
+ "runtimeConfigInternalComponentProps": { "SvgFloatingOverlay": { "borderRadius": ["popover.borderRadius.${size}"] } },
1896
+ "motionVarPrefixes": []
1897
+ };
1898
+ var PopoverContext = {
1899
+ "name": "PopoverContext",
1900
+ "defaultProps": {},
1901
+ "getStylesLiterals": {},
1902
+ "cxLiterals": [],
1903
+ "internalComponents": [],
1904
+ "internalComponentProps": {},
1905
+ "propToVariantKeys": {},
1906
+ "runtimeConfigDefaultProps": {},
1907
+ "runtimeConfigGetStyles": {},
1908
+ "runtimeConfigInternalComponentProps": {},
1909
+ "motionVarPrefixes": []
1910
+ };
1911
+ var PopoverTrigger = {
1912
+ "name": "PopoverTrigger",
1913
+ "defaultProps": {},
1914
+ "getStylesLiterals": {},
1915
+ "cxLiterals": [],
1916
+ "internalComponents": ["PopoverDisclosure"],
1917
+ "internalComponentProps": { "PopoverDisclosure": { "className": ["inline"] } },
1918
+ "propToVariantKeys": { "children": ["render"] },
1919
+ "runtimeConfigDefaultProps": {},
1920
+ "runtimeConfigGetStyles": {},
1921
+ "runtimeConfigInternalComponentProps": {},
1922
+ "motionVarPrefixes": []
1923
+ };
1924
+ var UDSPopoverConfigProvider = {
1925
+ "name": "UDSPopoverConfigProvider",
1926
+ "defaultProps": {},
1927
+ "getStylesLiterals": {},
1928
+ "cxLiterals": [],
1929
+ "internalComponents": ["PopoverContext.Provider"],
1930
+ "internalComponentProps": {},
2145
1931
  "propToVariantKeys": {},
2146
1932
  "runtimeConfigDefaultProps": {},
2147
1933
  "runtimeConfigGetStyles": {},
@@ -2261,6 +2047,228 @@ var RadioGroupStore = {
2261
2047
  "runtimeConfigInternalComponentProps": {},
2262
2048
  "motionVarPrefixes": []
2263
2049
  };
2050
+ var Tooltip = {
2051
+ "name": "Tooltip",
2052
+ "defaultProps": {},
2053
+ "getStylesLiterals": {},
2054
+ "cxLiterals": [],
2055
+ "internalComponents": ["TooltipInternalContext.Provider", "TooltipProvider"],
2056
+ "internalComponentProps": {},
2057
+ "propToVariantKeys": {},
2058
+ "runtimeConfigDefaultProps": {},
2059
+ "runtimeConfigGetStyles": {},
2060
+ "runtimeConfigInternalComponentProps": { "TooltipProvider": { "animated": ["tooltip.animationDuration"] } },
2061
+ "motionVarPrefixes": []
2062
+ };
2063
+ var TooltipContent = {
2064
+ "name": "TooltipContent",
2065
+ "defaultProps": {},
2066
+ "getStylesLiterals": {
2067
+ "tooltipSizeRoot": "default",
2068
+ "tooltipVariantRoot": "default",
2069
+ "tooltipSizeSvg": "default",
2070
+ "tooltipVariantSvg": "default",
2071
+ "tooltipVariantBlur": "default",
2072
+ "position": "absolute",
2073
+ "width": "full",
2074
+ "height": "full",
2075
+ "tooltipSizeTitle": "default",
2076
+ "tooltipSizeBody": "default",
2077
+ "tooltipSizeEndContent": "default",
2078
+ "tooltipSizeIcon": "default",
2079
+ "tooltipVariantIcon": "default"
2080
+ },
2081
+ "cxLiterals": [
2082
+ "max-w-lg",
2083
+ "flex",
2084
+ "z-[9999]",
2085
+ "uds-bgBlurFillFallback",
2086
+ "uds-bgBlurFallback",
2087
+ "top-0",
2088
+ "left-0",
2089
+ "z-[1]"
2090
+ ],
2091
+ "internalComponents": [
2092
+ "IconSlot",
2093
+ "TooltipArrow",
2094
+ "Tooltip",
2095
+ "SvgFloatingOverlay",
2096
+ "VStack",
2097
+ "Box",
2098
+ "Text"
2099
+ ],
2100
+ "internalComponentProps": {
2101
+ "SvgFloatingOverlay": { "contentOverflow": ["visible"] },
2102
+ "VStack": { "className": ["gap-[inherit]"] },
2103
+ "Box": {
2104
+ "alignItems": ["center"],
2105
+ "columnGap": ["1", "1.5"]
2106
+ },
2107
+ "Text": { "color": ["inherit"] }
2108
+ },
2109
+ "propToVariantKeys": { "startTitleIcon": ["icon"] },
2110
+ "runtimeConfigDefaultProps": {},
2111
+ "runtimeConfigGetStyles": {},
2112
+ "runtimeConfigInternalComponentProps": {},
2113
+ "motionVarPrefixes": []
2114
+ };
2115
+ var TooltipTrigger = {
2116
+ "name": "TooltipTrigger",
2117
+ "defaultProps": {},
2118
+ "getStylesLiterals": {},
2119
+ "cxLiterals": [],
2120
+ "internalComponents": ["TooltipAnchor"],
2121
+ "internalComponentProps": { "TooltipAnchor": { "className": ["inline"] } },
2122
+ "propToVariantKeys": { "children": ["render"] },
2123
+ "runtimeConfigDefaultProps": {},
2124
+ "runtimeConfigGetStyles": {},
2125
+ "runtimeConfigInternalComponentProps": {},
2126
+ "motionVarPrefixes": []
2127
+ };
2128
+ var UDSTooltipConfigProvider = {
2129
+ "name": "UDSTooltipConfigProvider",
2130
+ "defaultProps": {},
2131
+ "getStylesLiterals": {},
2132
+ "cxLiterals": [],
2133
+ "internalComponents": ["TooltipContext.Provider"],
2134
+ "internalComponentProps": {},
2135
+ "propToVariantKeys": {},
2136
+ "runtimeConfigDefaultProps": {},
2137
+ "runtimeConfigGetStyles": {},
2138
+ "runtimeConfigInternalComponentProps": {},
2139
+ "motionVarPrefixes": []
2140
+ };
2141
+ var Toast = {
2142
+ "name": "Toast",
2143
+ "defaultProps": {},
2144
+ "getStylesLiterals": {
2145
+ "className": "animate-spin",
2146
+ "className:1": "flex-none",
2147
+ "spacing": "2",
2148
+ "borderRadius": "full"
2149
+ },
2150
+ "cxLiterals": [
2151
+ "duration-0",
2152
+ "duration-120",
2153
+ "transition-[background-color]",
2154
+ "bg-carbon-15/0",
2155
+ "hover:bg-carbon-15/10",
2156
+ "active:bg-carbon-15/15",
2157
+ "uds-ring"
2158
+ ],
2159
+ "internalComponents": [
2160
+ "IconSlot",
2161
+ "ToastContainer",
2162
+ "Text",
2163
+ "Button",
2164
+ "Pressable"
2165
+ ],
2166
+ "internalComponentProps": {},
2167
+ "propToVariantKeys": {
2168
+ "size": [
2169
+ "toastSizeLabel",
2170
+ "toastSizeIcon",
2171
+ "toastSizeActionButton",
2172
+ "toastSizeCloseIcon"
2173
+ ],
2174
+ "variant": [
2175
+ "toastVariantIcon",
2176
+ "toastVariantActionButton",
2177
+ "toastVariantCloseIcon"
2178
+ ],
2179
+ "closeIcon": ["icon"],
2180
+ "onClickActionButton": ["onClick"]
2181
+ },
2182
+ "runtimeConfigDefaultProps": {
2183
+ "size": "toast.defaultSize",
2184
+ "variant": "toast.defaultVariant"
2185
+ },
2186
+ "runtimeConfigGetStyles": {
2187
+ "toastSizeLabel": ["toast.defaultSize"],
2188
+ "toastVariantIcon": ["toast.defaultVariant"],
2189
+ "toastSizeIcon": ["toast.defaultSize"],
2190
+ "toastSizeActionButton": ["toast.defaultSize"],
2191
+ "toastVariantActionButton": ["toast.defaultVariant"],
2192
+ "toastVariantCloseIcon": ["toast.defaultVariant"],
2193
+ "toastSizeCloseIcon": ["toast.defaultSize"]
2194
+ },
2195
+ "runtimeConfigInternalComponentProps": {
2196
+ "ToastContainer": {
2197
+ "size": ["toast.defaultSize"],
2198
+ "variant": ["toast.defaultVariant"]
2199
+ },
2200
+ "Text": {
2201
+ "variant": ["toast.textVariant.${size}"],
2202
+ "color": ["toast.textColor.${variant}"]
2203
+ },
2204
+ "Button": {
2205
+ "size": ["toast.buttonSize.${size}"],
2206
+ "variant": ["toast.buttonVariant.${variant}"]
2207
+ }
2208
+ },
2209
+ "motionVarPrefixes": []
2210
+ };
2211
+ var ToastContainer = {
2212
+ "name": "ToastContainer",
2213
+ "defaultProps": {},
2214
+ "getStylesLiterals": {
2215
+ "position": "relative",
2216
+ "alignItems": "center",
2217
+ "display": "flex",
2218
+ "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
2219
+ },
2220
+ "cxLiterals": ["w-full"],
2221
+ "internalComponents": ["HStack"],
2222
+ "internalComponentProps": { "HStack": {
2223
+ "alignItems": ["center"],
2224
+ "justifyContent": ["space-between"],
2225
+ "overflow": ["hidden"],
2226
+ "position": ["relative"]
2227
+ } },
2228
+ "propToVariantKeys": {
2229
+ "variant": ["toastVariantRoot"],
2230
+ "size": ["toastSizeRoot"]
2231
+ },
2232
+ "runtimeConfigDefaultProps": {
2233
+ "size": "toast.defaultSize",
2234
+ "variant": "toast.defaultVariant"
2235
+ },
2236
+ "runtimeConfigGetStyles": {
2237
+ "toastVariantRoot": ["toast.defaultVariant"],
2238
+ "toastSizeRoot": ["toast.defaultSize"]
2239
+ },
2240
+ "runtimeConfigInternalComponentProps": { "HStack": { "backgroundColor": ["toast.backgroundColor.${variant}"] } },
2241
+ "motionVarPrefixes": []
2242
+ };
2243
+ var ToastPortal = {
2244
+ "name": "ToastPortal",
2245
+ "defaultProps": {},
2246
+ "getStylesLiterals": {},
2247
+ "cxLiterals": [],
2248
+ "internalComponents": ["ReactToastifyToastContainer"],
2249
+ "internalComponentProps": {},
2250
+ "propToVariantKeys": {},
2251
+ "runtimeConfigDefaultProps": {
2252
+ "size": "toast.defaultSize",
2253
+ "variant": "toast.defaultVariant"
2254
+ },
2255
+ "runtimeConfigGetStyles": {},
2256
+ "runtimeConfigInternalComponentProps": { "ReactToastifyToastContainer": { "autoClose": ["toast.autoClose"] } },
2257
+ "motionVarPrefixes": []
2258
+ };
2259
+ var UDSToastConfigProvider = {
2260
+ "name": "UDSToastConfigProvider",
2261
+ "defaultProps": {},
2262
+ "getStylesLiterals": {},
2263
+ "cxLiterals": [],
2264
+ "internalComponents": ["ToastContext.Provider"],
2265
+ "internalComponentProps": {},
2266
+ "propToVariantKeys": {},
2267
+ "runtimeConfigDefaultProps": {},
2268
+ "runtimeConfigGetStyles": {},
2269
+ "runtimeConfigInternalComponentProps": {},
2270
+ "motionVarPrefixes": []
2271
+ };
2264
2272
  var Tab = {
2265
2273
  "name": "Tab",
2266
2274
  "defaultProps": { "variant": "primary" },
@@ -2369,7 +2377,33 @@ var TabPanel = {
2369
2377
  "defaultProps": {},
2370
2378
  "getStylesLiterals": {},
2371
2379
  "cxLiterals": [],
2372
- "internalComponents": ["AriakitTabPanel"],
2380
+ "internalComponents": ["AriakitTabPanel"],
2381
+ "internalComponentProps": {},
2382
+ "propToVariantKeys": {},
2383
+ "runtimeConfigDefaultProps": {},
2384
+ "runtimeConfigGetStyles": {},
2385
+ "runtimeConfigInternalComponentProps": {},
2386
+ "motionVarPrefixes": []
2387
+ };
2388
+ var Tabs = {
2389
+ "name": "Tabs",
2390
+ "defaultProps": { "variant": "primary" },
2391
+ "getStylesLiterals": {},
2392
+ "cxLiterals": [],
2393
+ "internalComponents": ["TabsContext.Provider", "TabProvider"],
2394
+ "internalComponentProps": {},
2395
+ "propToVariantKeys": { "onSelectionChange": ["setSelectedId"] },
2396
+ "runtimeConfigDefaultProps": {},
2397
+ "runtimeConfigGetStyles": {},
2398
+ "runtimeConfigInternalComponentProps": {},
2399
+ "motionVarPrefixes": []
2400
+ };
2401
+ var UDSBreakpointsConfigProvider = {
2402
+ "name": "UDSBreakpointsConfigProvider",
2403
+ "defaultProps": {},
2404
+ "getStylesLiterals": {},
2405
+ "cxLiterals": [],
2406
+ "internalComponents": ["UDSBreakpointsConfigContext.Provider"],
2373
2407
  "internalComponentProps": {},
2374
2408
  "propToVariantKeys": {},
2375
2409
  "runtimeConfigDefaultProps": {},
@@ -2377,273 +2411,246 @@ var TabPanel = {
2377
2411
  "runtimeConfigInternalComponentProps": {},
2378
2412
  "motionVarPrefixes": []
2379
2413
  };
2380
- var Tabs = {
2381
- "name": "Tabs",
2382
- "defaultProps": { "variant": "primary" },
2414
+ var UDSConfigProvider = {
2415
+ "name": "UDSConfigProvider",
2416
+ "defaultProps": {},
2383
2417
  "getStylesLiterals": {},
2384
2418
  "cxLiterals": [],
2385
- "internalComponents": ["TabsContext.Provider", "TabProvider"],
2419
+ "internalComponents": [
2420
+ "UDSBreakpointsConfigProvider",
2421
+ "UDSBottomSheetConfigProvider",
2422
+ "UDSToastConfigProvider",
2423
+ "UDSTooltipConfigProvider",
2424
+ "UDSPopoverConfigProvider",
2425
+ "UDSModalConfigProvider"
2426
+ ],
2386
2427
  "internalComponentProps": {},
2387
- "propToVariantKeys": { "onSelectionChange": ["setSelectedId"] },
2428
+ "propToVariantKeys": {},
2388
2429
  "runtimeConfigDefaultProps": {},
2389
2430
  "runtimeConfigGetStyles": {},
2390
2431
  "runtimeConfigInternalComponentProps": {},
2391
2432
  "motionVarPrefixes": []
2392
2433
  };
2393
- var Toast = {
2394
- "name": "Toast",
2395
- "defaultProps": {},
2396
- "getStylesLiterals": {
2397
- "className": "animate-spin",
2398
- "className:1": "flex-none",
2399
- "spacing": "2",
2400
- "borderRadius": "full"
2434
+ var Accordion = {
2435
+ "name": "Accordion",
2436
+ "defaultProps": {
2437
+ "spacingHorizontal": "4",
2438
+ "spacingVertical": "4"
2401
2439
  },
2402
- "cxLiterals": [
2403
- "duration-0",
2404
- "duration-120",
2405
- "transition-[background-color]",
2406
- "bg-carbon-15/0",
2407
- "hover:bg-carbon-15/10",
2408
- "active:bg-carbon-15/15",
2409
- "uds-ring"
2410
- ],
2440
+ "getStylesLiterals": {},
2441
+ "cxLiterals": ["hover:bg-secondary/80", "w-full"],
2411
2442
  "internalComponents": [
2412
- "IconSlot",
2413
- "ToastContainer",
2443
+ "Icon",
2444
+ "SpringMotionConfig",
2445
+ "Pressable",
2414
2446
  "Text",
2415
- "Button",
2416
- "Pressable"
2447
+ "HStack",
2448
+ "AnimatePresence",
2449
+ "VStack"
2417
2450
  ],
2418
- "internalComponentProps": {},
2419
- "propToVariantKeys": {
2420
- "size": [
2421
- "toastSizeLabel",
2422
- "toastSizeIcon",
2423
- "toastSizeActionButton",
2424
- "toastSizeCloseIcon"
2425
- ],
2426
- "variant": [
2427
- "toastVariantIcon",
2428
- "toastVariantActionButton",
2429
- "toastVariantCloseIcon"
2430
- ],
2431
- "closeIcon": ["icon"],
2432
- "onClickActionButton": ["onClick"]
2433
- },
2434
- "runtimeConfigDefaultProps": {
2435
- "size": "toast.defaultSize",
2436
- "variant": "toast.defaultVariant"
2437
- },
2438
- "runtimeConfigGetStyles": {
2439
- "toastSizeLabel": ["toast.defaultSize"],
2440
- "toastVariantIcon": ["toast.defaultVariant"],
2441
- "toastSizeIcon": ["toast.defaultSize"],
2442
- "toastSizeActionButton": ["toast.defaultSize"],
2443
- "toastVariantActionButton": ["toast.defaultVariant"],
2444
- "toastVariantCloseIcon": ["toast.defaultVariant"],
2445
- "toastSizeCloseIcon": ["toast.defaultSize"]
2446
- },
2447
- "runtimeConfigInternalComponentProps": {
2448
- "ToastContainer": {
2449
- "size": ["toast.defaultSize"],
2450
- "variant": ["toast.defaultVariant"]
2451
+ "internalComponentProps": {
2452
+ "Icon": {
2453
+ "variant": ["fill"],
2454
+ "size": ["sm"],
2455
+ "color": ["primary"]
2456
+ },
2457
+ "SpringMotionConfig": {
2458
+ "layoutVariant": ["smooth"],
2459
+ "layoutSpeed": ["3"]
2460
+ },
2461
+ "Pressable": {
2462
+ "display": ["flex"],
2463
+ "flexDirection": ["row"],
2464
+ "alignItems": ["center"],
2465
+ "justifyContent": ["space-between"],
2466
+ "borderRadius": ["md"]
2451
2467
  },
2452
2468
  "Text": {
2453
- "variant": ["toast.textVariant.${size}"],
2454
- "color": ["toast.textColor.${variant}"]
2469
+ "variant": ["title4"],
2470
+ "color": ["primary"]
2455
2471
  },
2456
- "Button": {
2457
- "size": ["toast.buttonSize.${size}"],
2458
- "variant": ["toast.buttonVariant.${variant}"]
2472
+ "HStack": {
2473
+ "display": ["flex"],
2474
+ "alignItems": ["center"],
2475
+ "justifyContent": ["space-between"],
2476
+ "columnGap": ["2.5"]
2459
2477
  }
2460
2478
  },
2461
- "motionVarPrefixes": []
2462
- };
2463
- var ToastContainer = {
2464
- "name": "ToastContainer",
2465
- "defaultProps": {},
2466
- "getStylesLiterals": {
2467
- "position": "relative",
2468
- "alignItems": "center",
2469
- "display": "flex",
2470
- "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
2471
- },
2472
- "cxLiterals": ["w-full"],
2473
- "internalComponents": ["HStack"],
2474
- "internalComponentProps": { "HStack": {
2475
- "alignItems": ["center"],
2476
- "justifyContent": ["space-between"],
2477
- "overflow": ["hidden"],
2478
- "position": ["relative"]
2479
- } },
2480
- "propToVariantKeys": {
2481
- "variant": ["toastVariantRoot"],
2482
- "size": ["toastSizeRoot"]
2483
- },
2484
- "runtimeConfigDefaultProps": {
2485
- "size": "toast.defaultSize",
2486
- "variant": "toast.defaultVariant"
2487
- },
2488
- "runtimeConfigGetStyles": {
2489
- "toastVariantRoot": ["toast.defaultVariant"],
2490
- "toastSizeRoot": ["toast.defaultSize"]
2491
- },
2492
- "runtimeConfigInternalComponentProps": { "HStack": { "backgroundColor": ["toast.backgroundColor.${variant}"] } },
2493
- "motionVarPrefixes": []
2494
- };
2495
- var ToastPortal = {
2496
- "name": "ToastPortal",
2497
- "defaultProps": {},
2498
- "getStylesLiterals": {},
2499
- "cxLiterals": [],
2500
- "internalComponents": ["ReactToastifyToastContainer"],
2501
- "internalComponentProps": {},
2502
- "propToVariantKeys": {},
2503
- "runtimeConfigDefaultProps": {
2504
- "size": "toast.defaultSize",
2505
- "variant": "toast.defaultVariant"
2506
- },
2507
- "runtimeConfigGetStyles": {},
2508
- "runtimeConfigInternalComponentProps": { "ReactToastifyToastContainer": { "autoClose": ["toast.autoClose"] } },
2509
- "motionVarPrefixes": []
2510
- };
2511
- var UDSToastConfigProvider = {
2512
- "name": "UDSToastConfigProvider",
2513
- "defaultProps": {},
2514
- "getStylesLiterals": {},
2515
- "cxLiterals": [],
2516
- "internalComponents": ["ToastContext.Provider"],
2517
- "internalComponentProps": {},
2518
2479
  "propToVariantKeys": {},
2519
2480
  "runtimeConfigDefaultProps": {},
2520
2481
  "runtimeConfigGetStyles": {},
2521
2482
  "runtimeConfigInternalComponentProps": {},
2522
- "motionVarPrefixes": []
2483
+ "motionVarPrefixes": ["--uds-motion-smooth-3-"]
2523
2484
  };
2524
- var Tooltip = {
2525
- "name": "Tooltip",
2485
+ var AvoidMotionLibraryProvider = {
2486
+ "name": "AvoidMotionLibraryProvider",
2526
2487
  "defaultProps": {},
2527
2488
  "getStylesLiterals": {},
2528
2489
  "cxLiterals": [],
2529
- "internalComponents": ["TooltipInternalContext.Provider", "TooltipProvider"],
2490
+ "internalComponents": [],
2530
2491
  "internalComponentProps": {},
2531
2492
  "propToVariantKeys": {},
2532
2493
  "runtimeConfigDefaultProps": {},
2533
2494
  "runtimeConfigGetStyles": {},
2534
- "runtimeConfigInternalComponentProps": { "TooltipProvider": { "animated": ["tooltip.animationDuration"] } },
2495
+ "runtimeConfigInternalComponentProps": {},
2535
2496
  "motionVarPrefixes": []
2536
2497
  };
2537
- var TooltipContent = {
2538
- "name": "TooltipContent",
2539
- "defaultProps": {},
2498
+ var SegmentedControl = {
2499
+ "name": "SegmentedControl",
2500
+ "defaultProps": { "textVariant": "label2" },
2540
2501
  "getStylesLiterals": {
2541
- "tooltipSizeRoot": "default",
2542
- "tooltipVariantRoot": "default",
2543
- "tooltipSizeSvg": "default",
2544
- "tooltipVariantSvg": "default",
2545
- "tooltipVariantBlur": "default",
2546
- "position": "absolute",
2547
- "width": "full",
2548
- "height": "full",
2549
- "tooltipSizeTitle": "default",
2550
- "tooltipSizeBody": "default",
2551
- "tooltipSizeEndContent": "default",
2552
- "tooltipSizeIcon": "default",
2553
- "tooltipVariantIcon": "default"
2502
+ "display": "flex",
2503
+ "alignItems": "center",
2504
+ "backgroundColor": "primary",
2505
+ "spacingVertical": "1",
2506
+ "spacingHorizontal": "3",
2507
+ "columnGap": "1.5",
2508
+ "borderWidth": "thin",
2509
+ "borderRadius": "full",
2510
+ "borderColor": "muted",
2511
+ "borderColor:1": "transparent",
2512
+ "color": "primary",
2513
+ "color:1": "tertiary",
2514
+ "color:2": "muted"
2515
+ },
2516
+ "cxLiterals": [
2517
+ "uds-ring",
2518
+ "cursor-not-allowed",
2519
+ "opacity-50",
2520
+ "pointer-events-none",
2521
+ "hover:bg-primary"
2522
+ ],
2523
+ "internalComponents": [
2524
+ "TextVariant",
2525
+ "Radio",
2526
+ "Icon",
2527
+ "RadioProvider",
2528
+ "HStack",
2529
+ "RadioGroup",
2530
+ "Pressable",
2531
+ "Text"
2532
+ ],
2533
+ "internalComponentProps": {
2534
+ "Icon": {
2535
+ "size": ["sm"],
2536
+ "color": ["current"],
2537
+ "aria-hidden": ["true"]
2538
+ },
2539
+ "HStack": {
2540
+ "spacing": ["1"],
2541
+ "gap": ["1"],
2542
+ "backgroundColor": ["secondary"],
2543
+ "borderRadius": ["full"],
2544
+ "display": ["inline-flex"]
2545
+ },
2546
+ "Text": { "color": ["current"] }
2547
+ },
2548
+ "propToVariantKeys": {
2549
+ "value": ["key"],
2550
+ "label": ["aria-label"],
2551
+ "textVariant": ["variant"]
2552
+ },
2553
+ "runtimeConfigDefaultProps": {},
2554
+ "runtimeConfigGetStyles": {},
2555
+ "runtimeConfigInternalComponentProps": {},
2556
+ "motionVarPrefixes": []
2557
+ };
2558
+ var SwitchV2 = {
2559
+ "name": "SwitchV2",
2560
+ "defaultProps": {
2561
+ "labelPosition": "start",
2562
+ "size": "md"
2563
+ },
2564
+ "getStylesLiterals": {
2565
+ "switchVariantRoot": "default",
2566
+ "switchVariantActiveRoot": "on",
2567
+ "switchVariantActiveRoot:1": "off",
2568
+ "switchVariantSwitch": "default",
2569
+ "switchVariantActiveSwitch": "on",
2570
+ "switchVariantActiveSwitch:1": "off",
2571
+ "switchVariantActiveHandle": "on",
2572
+ "switchVariantActiveHandle:1": "off",
2573
+ "switchVariantHandle": "default",
2574
+ "switchVariantHandleIcon": "default",
2575
+ "switchVariantActiveHandleIcon": "on",
2576
+ "switchVariantActiveHandleIcon:1": "off"
2554
2577
  },
2555
2578
  "cxLiterals": [
2556
- "max-w-lg",
2579
+ "group",
2557
2580
  "flex",
2558
- "z-[9999]",
2559
- "uds-bgBlurFillFallback",
2560
- "uds-bgBlurFallback",
2581
+ "items-center",
2582
+ "flex-row",
2583
+ "flex-row-reverse",
2584
+ "uds-ring",
2585
+ "uds-ring-within",
2586
+ "relative",
2587
+ "uds-border-radius-full",
2588
+ "transition-[background-color,box-shadow]",
2589
+ "pointer-events-none",
2590
+ "w-full",
2591
+ "h-full",
2592
+ "absolute",
2561
2593
  "top-0",
2594
+ "bottom-0",
2595
+ "right-0",
2562
2596
  "left-0",
2563
- "z-[1]"
2597
+ "overflow-hidden",
2598
+ "group-hover:scale-105",
2599
+ "opacity-95",
2600
+ "group-hover:opacity-100",
2601
+ "transition-[transform,opacity]",
2602
+ "opacity-0",
2603
+ "top-1/2",
2604
+ "left-1/2",
2605
+ "transform",
2606
+ "translate-x-[-50%]",
2607
+ "translate-y-[-50%]",
2608
+ "transition-opacity",
2609
+ "cursor-[inherit]",
2610
+ "w-[calc(100%+2px)]",
2611
+ "h-[calc(100%+2px)]",
2612
+ "text-start",
2613
+ "text-end",
2614
+ "opacity-100"
2564
2615
  ],
2565
2616
  "internalComponents": [
2566
2617
  "IconSlot",
2567
- "TooltipArrow",
2568
- "Tooltip",
2569
- "SvgFloatingOverlay",
2570
- "VStack",
2571
2618
  "Box",
2572
- "Text"
2619
+ "FormLabel",
2620
+ "SpringMotionConfig",
2621
+ "RootElement",
2622
+ "MotionBox"
2573
2623
  ],
2574
2624
  "internalComponentProps": {
2575
- "SvgFloatingOverlay": { "contentOverflow": ["visible"] },
2576
- "VStack": { "className": ["gap-[inherit]"] },
2577
- "Box": {
2578
- "alignItems": ["center"],
2579
- "columnGap": ["1", "1.5"]
2625
+ "IconSlot": { "data-testid": ["on-icon", "off-icon"] },
2626
+ "FormLabel": {
2627
+ "as": ["div"],
2628
+ "variant": ["inherit"],
2629
+ "color": ["inherit"]
2580
2630
  },
2581
- "Text": { "color": ["inherit"] }
2631
+ "SpringMotionConfig": {
2632
+ "layoutVariant": ["bouncy"],
2633
+ "layoutSpeed": ["4"]
2634
+ },
2635
+ "RootElement": { "data-testid": ["switch-root"] },
2636
+ "MotionBox": { "layout": ["position"] }
2637
+ },
2638
+ "propToVariantKeys": {
2639
+ "size": [
2640
+ "switchSizeRoot",
2641
+ "switchSizeSwitch",
2642
+ "switchSizeHandle",
2643
+ "switchSizeHandleIcon"
2644
+ ],
2645
+ "onIcon": ["icon"],
2646
+ "offIcon": ["icon"],
2647
+ "reduceMotion": ["reducedMotion"],
2648
+ "isOn": ["layoutDependency"]
2582
2649
  },
2583
- "propToVariantKeys": { "startTitleIcon": ["icon"] },
2584
- "runtimeConfigDefaultProps": {},
2585
- "runtimeConfigGetStyles": {},
2586
- "runtimeConfigInternalComponentProps": {},
2587
- "motionVarPrefixes": []
2588
- };
2589
- var TooltipTrigger = {
2590
- "name": "TooltipTrigger",
2591
- "defaultProps": {},
2592
- "getStylesLiterals": {},
2593
- "cxLiterals": [],
2594
- "internalComponents": ["TooltipAnchor"],
2595
- "internalComponentProps": { "TooltipAnchor": { "className": ["inline"] } },
2596
- "propToVariantKeys": { "children": ["render"] },
2597
- "runtimeConfigDefaultProps": {},
2598
- "runtimeConfigGetStyles": {},
2599
- "runtimeConfigInternalComponentProps": {},
2600
- "motionVarPrefixes": []
2601
- };
2602
- var UDSTooltipConfigProvider = {
2603
- "name": "UDSTooltipConfigProvider",
2604
- "defaultProps": {},
2605
- "getStylesLiterals": {},
2606
- "cxLiterals": [],
2607
- "internalComponents": ["TooltipContext.Provider"],
2608
- "internalComponentProps": {},
2609
- "propToVariantKeys": {},
2610
- "runtimeConfigDefaultProps": {},
2611
- "runtimeConfigGetStyles": {},
2612
- "runtimeConfigInternalComponentProps": {},
2613
- "motionVarPrefixes": []
2614
- };
2615
- var UDSBreakpointsConfigProvider = {
2616
- "name": "UDSBreakpointsConfigProvider",
2617
- "defaultProps": {},
2618
- "getStylesLiterals": {},
2619
- "cxLiterals": [],
2620
- "internalComponents": ["UDSBreakpointsConfigContext.Provider"],
2621
- "internalComponentProps": {},
2622
- "propToVariantKeys": {},
2623
- "runtimeConfigDefaultProps": {},
2624
- "runtimeConfigGetStyles": {},
2625
- "runtimeConfigInternalComponentProps": {},
2626
- "motionVarPrefixes": []
2627
- };
2628
- var UDSConfigProvider = {
2629
- "name": "UDSConfigProvider",
2630
- "defaultProps": {},
2631
- "getStylesLiterals": {},
2632
- "cxLiterals": [],
2633
- "internalComponents": [
2634
- "UDSBreakpointsConfigProvider",
2635
- "UDSBottomSheetConfigProvider",
2636
- "UDSToastConfigProvider",
2637
- "UDSTooltipConfigProvider",
2638
- "UDSPopoverConfigProvider",
2639
- "UDSModalConfigProvider"
2640
- ],
2641
- "internalComponentProps": {},
2642
- "propToVariantKeys": {},
2643
2650
  "runtimeConfigDefaultProps": {},
2644
2651
  "runtimeConfigGetStyles": {},
2645
2652
  "runtimeConfigInternalComponentProps": {},
2646
- "motionVarPrefixes": []
2653
+ "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
2647
2654
  };
2648
2655
  var componentData_default = {
2649
2656
  Box,
@@ -2664,9 +2671,6 @@ var componentData_default = {
2664
2671
  Divider,
2665
2672
  DividerCore,
2666
2673
  DividerInternal,
2667
- Spinner,
2668
- "Table.mocks": Table_mocks,
2669
- Table,
2670
2674
  AnimateHeightChange,
2671
2675
  Badge,
2672
2676
  Button,
@@ -2675,40 +2679,13 @@ var componentData_default = {
2675
2679
  Pressable,
2676
2680
  SpringMotionConfig,
2677
2681
  Switch,
2678
- Accordion,
2679
- AvoidMotionLibraryProvider,
2680
- SegmentedControl,
2681
- SwitchV2,
2682
- Popover,
2683
- PopoverContent,
2684
- PopoverContext,
2685
- PopoverTrigger,
2686
- UDSPopoverConfigProvider,
2687
- Modal,
2688
- ModalActions,
2689
- ModalContent,
2690
- ModalContext,
2691
- ModalDescription,
2692
- ModalTitle,
2693
- UDSModalConfigProvider,
2694
- "Menu.Content": Menu_Content,
2695
- "Menu.Divider": Menu_Divider,
2696
- "Menu.Item": Menu_Item,
2697
- "Menu.ItemBase": Menu_ItemBase,
2698
- "Menu.ItemCheckbox": Menu_ItemCheckbox,
2699
- "Menu.Provider": Menu_Provider,
2700
- "Menu.Trigger": Menu_Trigger,
2701
- "Menu.index": Menu_index,
2702
- Menu,
2703
- Input,
2704
- InputHelpText,
2705
- InputHelpTextInternal,
2706
- Chip,
2707
- ChipBase,
2708
- ChipButton,
2709
- ChipDismissible,
2710
- ChipLink,
2711
- ChipToggle,
2682
+ Spinner,
2683
+ "Table.mocks": Table_mocks,
2684
+ Table,
2685
+ Avatar,
2686
+ AvatarIcon,
2687
+ AvatarImage,
2688
+ AvatarText,
2712
2689
  BottomSheet,
2713
2690
  BottomSheetContent,
2714
2691
  BottomSheetDismiss,
@@ -2718,27 +2695,57 @@ var componentData_default = {
2718
2695
  BottomSheetProvider,
2719
2696
  BottomSheetTrigger,
2720
2697
  UDSBottomSheetConfigProvider,
2721
- Avatar,
2722
- AvatarIcon,
2723
- AvatarImage,
2724
- AvatarText,
2698
+ Input,
2699
+ InputHelpText,
2700
+ InputHelpTextInternal,
2701
+ Chip,
2702
+ ChipBase,
2703
+ ChipButton,
2704
+ ChipDismissible,
2705
+ ChipLink,
2706
+ ChipToggle,
2707
+ "Menu.Content": Menu_Content,
2708
+ "Menu.Divider": Menu_Divider,
2709
+ "Menu.Item": Menu_Item,
2710
+ "Menu.ItemBase": Menu_ItemBase,
2711
+ "Menu.ItemCheckbox": Menu_ItemCheckbox,
2712
+ "Menu.Provider": Menu_Provider,
2713
+ "Menu.Trigger": Menu_Trigger,
2714
+ "Menu.index": Menu_index,
2715
+ Menu,
2716
+ Modal,
2717
+ ModalActions,
2718
+ ModalContent,
2719
+ ModalContext,
2720
+ ModalDescription,
2721
+ ModalTitle,
2722
+ UDSModalConfigProvider,
2723
+ Popover,
2724
+ PopoverContent,
2725
+ PopoverContext,
2726
+ PopoverTrigger,
2727
+ UDSPopoverConfigProvider,
2725
2728
  Radio,
2726
2729
  RadioGroupProvider,
2727
2730
  RadioGroupStore,
2728
- Tab,
2729
- TabList,
2730
- TabPanel,
2731
- Tabs,
2732
- Toast,
2733
- ToastContainer,
2734
- ToastPortal,
2735
- UDSToastConfigProvider,
2736
2731
  Tooltip,
2737
2732
  TooltipContent,
2738
2733
  TooltipTrigger,
2739
2734
  UDSTooltipConfigProvider,
2735
+ Toast,
2736
+ ToastContainer,
2737
+ ToastPortal,
2738
+ UDSToastConfigProvider,
2739
+ Tab,
2740
+ TabList,
2741
+ TabPanel,
2742
+ Tabs,
2740
2743
  UDSBreakpointsConfigProvider,
2741
- UDSConfigProvider
2744
+ UDSConfigProvider,
2745
+ Accordion,
2746
+ AvoidMotionLibraryProvider,
2747
+ SegmentedControl,
2748
+ SwitchV2
2742
2749
  };
2743
2750
  //#endregion
2744
2751
  Object.defineProperty(exports, "Accordion", {