@yahoo/uds 3.136.0 → 3.137.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 (10) 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/Toast/UDSToastConfigProvider.d.cts +1 -1
  4. package/dist/components/client/Toast/UDSToastConfigProvider.d.ts +1 -1
  5. package/dist/styles/styler.d.cts +32 -32
  6. package/dist/styles/styler.d.ts +32 -32
  7. package/dist/uds/generated/componentData.cjs +901 -901
  8. package/dist/uds/generated/componentData.js +901 -901
  9. package/generated/componentData.json +1208 -1208
  10. package/package.json +1 -1
package/dist/uds/generated/componentData.js CHANGED
@@ -421,6 +421,74 @@ var DividerInternal = {
421
421
  "runtimeConfigInternalComponentProps": {},
422
422
  "motionVarPrefixes": []
423
423
  };
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
+ };
424
492
  var AnimateHeightChange = {
425
493
  "name": "AnimateHeightChange",
426
494
  "defaultProps": {},
@@ -758,32 +826,59 @@ var Switch = {
758
826
  "runtimeConfigInternalComponentProps": {},
759
827
  "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
760
828
  };
761
- var Spinner = {
762
- "name": "Spinner",
829
+ var Accordion = {
830
+ "name": "Accordion",
763
831
  "defaultProps": {
764
- "color": "primary",
765
- "size": "lg"
832
+ "spacingHorizontal": "4",
833
+ "spacingVertical": "4"
766
834
  },
767
835
  "getStylesLiterals": {},
768
- "cxLiterals": [
769
- "self-center",
770
- "relative",
771
- "sr-only"
836
+ "cxLiterals": ["hover:bg-secondary/80", "w-full"],
837
+ "internalComponents": [
838
+ "Icon",
839
+ "SpringMotionConfig",
840
+ "Pressable",
841
+ "Text",
842
+ "HStack",
843
+ "AnimatePresence",
844
+ "VStack"
772
845
  ],
773
- "internalComponents": ["Icon"],
774
- "internalComponentProps": { "Icon": {
775
- "role": ["img"],
776
- "className": ["animate-spin"],
777
- "aria-hidden": ["true"]
778
- } },
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
+ },
779
874
  "propToVariantKeys": {},
780
875
  "runtimeConfigDefaultProps": {},
781
876
  "runtimeConfigGetStyles": {},
782
877
  "runtimeConfigInternalComponentProps": {},
783
- "motionVarPrefixes": []
878
+ "motionVarPrefixes": ["--uds-motion-smooth-3-"]
784
879
  };
785
- var Table_mocks = {
786
- "name": "Table.mocks",
880
+ var AvoidMotionLibraryProvider = {
881
+ "name": "AvoidMotionLibraryProvider",
787
882
  "defaultProps": {},
788
883
  "getStylesLiterals": {},
789
884
  "cxLiterals": [],
@@ -795,208 +890,282 @@ var Table_mocks = {
795
890
  "runtimeConfigInternalComponentProps": {},
796
891
  "motionVarPrefixes": []
797
892
  };
798
- var Table = {
799
- "name": "Table",
800
- "defaultProps": {
801
- "display": "table-cell",
802
- "overflow": "hidden",
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",
803
905
  "borderColor": "muted",
804
- "borderRadius": "md",
805
- "spacing": "3",
806
- "borderBottomColor": "muted",
807
- "borderBottomWidth": "thin",
808
- "color": "primary"
906
+ "borderColor:1": "transparent",
907
+ "color": "primary",
908
+ "color:1": "tertiary",
909
+ "color:2": "muted"
809
910
  },
810
- "getStylesLiterals": { "textAlign": "start" },
811
- "cxLiterals": [],
911
+ "cxLiterals": [
912
+ "uds-ring",
913
+ "cursor-not-allowed",
914
+ "opacity-50",
915
+ "pointer-events-none",
916
+ "hover:bg-primary"
917
+ ],
812
918
  "internalComponents": [
813
- "CellComponent",
814
- "Box",
815
- "Text",
816
- "Table.Root",
817
- "Table.Header",
818
- "Table.Row",
819
- "Table.Cell",
820
- "Table.Body"
919
+ "TextVariant",
920
+ "Radio",
921
+ "Icon",
922
+ "RadioProvider",
923
+ "HStack",
924
+ "RadioGroup",
925
+ "Pressable",
926
+ "Text"
821
927
  ],
822
- "internalComponentProps": { "Table.Cell": { "asHeaderCell": ["column"] } },
823
- "propToVariantKeys": {},
824
- "runtimeConfigDefaultProps": {},
825
- "runtimeConfigGetStyles": {},
826
- "runtimeConfigInternalComponentProps": {},
827
- "motionVarPrefixes": []
828
- };
829
- var Avatar = {
830
- "name": "Avatar",
831
- "defaultProps": {},
832
- "getStylesLiterals": {},
833
- "cxLiterals": [],
834
- "internalComponents": ["AvatarImage"],
835
- "internalComponentProps": {},
836
- "propToVariantKeys": {},
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
+ },
837
948
  "runtimeConfigDefaultProps": {},
838
949
  "runtimeConfigGetStyles": {},
839
950
  "runtimeConfigInternalComponentProps": {},
840
951
  "motionVarPrefixes": []
841
952
  };
842
- var AvatarIcon = {
843
- "name": "AvatarIcon",
953
+ var SwitchV2 = {
954
+ "name": "SwitchV2",
844
955
  "defaultProps": {
845
- "size": "md",
846
- "variant": "primary"
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"
847
972
  },
848
- "getStylesLiterals": {},
849
973
  "cxLiterals": [
850
- "overflow-hidden",
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
985
  "w-full",
852
986
  "h-full",
853
- "shrink-0",
854
- "text-center",
855
- "inline-flex",
856
- "justify-center",
857
- "items-center"
858
- ],
859
- "internalComponents": ["IconSlot", "Box"],
860
- "internalComponentProps": {},
861
- "propToVariantKeys": { "size": ["avatarSizeIcon"] },
862
- "runtimeConfigDefaultProps": {},
863
- "runtimeConfigGetStyles": {},
864
- "runtimeConfigInternalComponentProps": {},
865
- "motionVarPrefixes": []
866
- };
867
- var AvatarImage = {
868
- "name": "AvatarImage",
869
- "defaultProps": {
870
- "size": "md",
871
- "variant": "primary"
872
- },
873
- "getStylesLiterals": {},
874
- "cxLiterals": [
987
+ "absolute",
988
+ "top-0",
989
+ "bottom-0",
990
+ "right-0",
991
+ "left-0",
875
992
  "overflow-hidden",
876
- "w-full",
877
- "h-full",
878
- "shrink-0",
879
- "text-center",
880
- "inline-flex",
881
- "justify-center",
882
- "items-center",
883
- "object-cover"
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"
884
1010
  ],
885
1011
  "internalComponents": [
886
- "UDSImage",
887
- "AvatarText",
888
- "AvatarIcon",
889
- "Box"
1012
+ "IconSlot",
1013
+ "Box",
1014
+ "FormLabel",
1015
+ "SpringMotionConfig",
1016
+ "RootElement",
1017
+ "MotionBox"
890
1018
  ],
891
- "internalComponentProps": {},
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
1033
  "propToVariantKeys": {
893
- "alt": ["name"],
894
- "fallback": ["initials"]
1034
+ "size": [
1035
+ "switchSizeRoot",
1036
+ "switchSizeSwitch",
1037
+ "switchSizeHandle",
1038
+ "switchSizeHandleIcon"
1039
+ ],
1040
+ "onIcon": ["icon"],
1041
+ "offIcon": ["icon"],
1042
+ "reduceMotion": ["reducedMotion"],
1043
+ "isOn": ["layoutDependency"]
895
1044
  },
896
1045
  "runtimeConfigDefaultProps": {},
897
1046
  "runtimeConfigGetStyles": {},
898
1047
  "runtimeConfigInternalComponentProps": {},
899
- "motionVarPrefixes": []
1048
+ "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
900
1049
  };
901
- var AvatarText = {
902
- "name": "AvatarText",
903
- "defaultProps": {
904
- "size": "md",
905
- "variant": "primary"
906
- },
1050
+ var Popover = {
1051
+ "name": "Popover",
1052
+ "defaultProps": {},
907
1053
  "getStylesLiterals": {},
908
- "cxLiterals": [
909
- "overflow-hidden",
910
- "truncate",
911
- "w-full",
912
- "h-full",
913
- "shrink-0",
914
- "text-center",
915
- "inline-flex",
916
- "justify-center",
917
- "items-center"
918
- ],
919
- "internalComponents": ["Box", "Text"],
920
- "internalComponentProps": { "Text": {
921
- "color": ["inherit"],
922
- "variant": ["inherit"]
923
- } },
1054
+ "cxLiterals": [],
1055
+ "internalComponents": ["PopoverInternalContext.Provider", "PopoverProvider"],
1056
+ "internalComponentProps": {},
924
1057
  "propToVariantKeys": {},
925
- "runtimeConfigDefaultProps": {},
1058
+ "runtimeConfigDefaultProps": {
1059
+ "size": "popover.defaultSize",
1060
+ "variant": "popover.defaultVariant"
1061
+ },
926
1062
  "runtimeConfigGetStyles": {},
927
1063
  "runtimeConfigInternalComponentProps": {},
928
1064
  "motionVarPrefixes": []
929
1065
  };
930
- var BottomSheet = {
931
- "name": "BottomSheet",
932
- "defaultProps": { "variant": "default" },
933
- "getStylesLiterals": {},
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
+ },
934
1094
  "cxLiterals": [
935
- "fixed",
936
- "overflow-hidden",
937
- "inset-x-0",
938
- "bottom-0",
939
- "z-50",
940
- "[will-change:transform]",
941
- "touch-none",
942
- "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
943
- "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
944
- "transition-transform",
945
- "duration-500",
946
- "ease-[cubic-bezier(0.32,0.72,0,1)]",
947
- "motion-reduce:transition-none",
948
- "top-[-4px]",
1095
+ "z-[9999]",
1096
+ "outline-none",
1097
+ "focus-visible:outline-none",
1098
+ "uds-bgBlurFillFallback",
1099
+ "uds-bgBlurFallback",
1100
+ "top-0",
1101
+ "left-0",
949
1102
  "z-[1]",
950
- "touch-pan-y"
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
1112
  ],
952
1113
  "internalComponents": [
953
- "Scrim",
954
- "BottomSheetHandle",
955
- "Dialog",
1114
+ "PopoverDismiss",
1115
+ "IconSlot",
1116
+ "PopoverArrow",
1117
+ "Popover",
1118
+ "SvgFloatingOverlay",
956
1119
  "Box",
957
- "BottomSheetInternalContext.Provider"
1120
+ "Pressable"
958
1121
  ],
959
- "internalComponentProps": {
960
- "BottomSheetHandle": { "ariaLabel": ["Resize sheet"] },
961
- "Dialog": { "data-testid": ["bottom-sheet"] },
962
- "Box": {
963
- "display": ["block", "flex"],
964
- "position": ["absolute"],
965
- "flexDirection": ["column"],
966
- "className": ["absolute inset-0 min-h-0 p-[inherit]"]
967
- }
1122
+ "internalComponentProps": {},
1123
+ "propToVariantKeys": { "closeIcon": ["icon"] },
1124
+ "runtimeConfigDefaultProps": {
1125
+ "size": "popover.defaultSize",
1126
+ "variant": "popover.defaultVariant"
968
1127
  },
969
- "propToVariantKeys": { "variant": ["bottomsheetVariantRoot"] },
1128
+ "runtimeConfigGetStyles": {
1129
+ "spacingTop": ["popover.spacingVertical.${size}"],
1130
+ "spacingStart": ["popover.spacingHorizontal.${size}"],
1131
+ "spacingBottom": ["popover.spacingVertical.${size}"],
1132
+ "spacingEnd": ["popover.spacingHorizontal.${size}"]
1133
+ },
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
1145
  "runtimeConfigDefaultProps": {},
971
1146
  "runtimeConfigGetStyles": {},
972
1147
  "runtimeConfigInternalComponentProps": {},
973
1148
  "motionVarPrefixes": []
974
1149
  };
975
- var BottomSheetContent = {
976
- "name": "BottomSheetContent",
1150
+ var PopoverTrigger = {
1151
+ "name": "PopoverTrigger",
977
1152
  "defaultProps": {},
978
1153
  "getStylesLiterals": {},
979
- "cxLiterals": ["min-h-0", "touch-pan-y"],
980
- "internalComponents": ["Box", "VStack"],
981
- "internalComponentProps": {
982
- "Box": {
983
- "display": ["block"],
984
- "flex": ["1"]
985
- },
986
- "VStack": { "className": ["pb-[calc(env(safe-area-inset-bottom))]"] }
987
- },
988
- "propToVariantKeys": {},
1154
+ "cxLiterals": [],
1155
+ "internalComponents": ["PopoverDisclosure"],
1156
+ "internalComponentProps": { "PopoverDisclosure": { "className": ["inline"] } },
1157
+ "propToVariantKeys": { "children": ["render"] },
989
1158
  "runtimeConfigDefaultProps": {},
990
1159
  "runtimeConfigGetStyles": {},
991
1160
  "runtimeConfigInternalComponentProps": {},
992
1161
  "motionVarPrefixes": []
993
1162
  };
994
- var BottomSheetDismiss = {
995
- "name": "BottomSheetDismiss",
1163
+ var UDSPopoverConfigProvider = {
1164
+ "name": "UDSPopoverConfigProvider",
996
1165
  "defaultProps": {},
997
1166
  "getStylesLiterals": {},
998
1167
  "cxLiterals": [],
999
- "internalComponents": ["AriakitDialogDismiss"],
1168
+ "internalComponents": ["PopoverContext.Provider"],
1000
1169
  "internalComponentProps": {},
1001
1170
  "propToVariantKeys": {},
1002
1171
  "runtimeConfigDefaultProps": {},
@@ -1004,87 +1173,149 @@ var BottomSheetDismiss = {
1004
1173
  "runtimeConfigInternalComponentProps": {},
1005
1174
  "motionVarPrefixes": []
1006
1175
  };
1007
- var BottomSheetHandle = {
1008
- "name": "BottomSheetHandle",
1009
- "defaultProps": { "variant": "default" },
1010
- "getStylesLiterals": {},
1011
- "cxLiterals": [
1012
- "relative",
1013
- "h-5",
1014
- "w-16",
1015
- "outline-none",
1016
- "focus-visible:outline-none",
1017
- "[touch-action:pan-y]",
1018
- "absolute",
1019
- "left-1/2",
1020
- "top-1/2",
1021
- "-translate-x-1/2",
1022
- "-translate-y-1/2",
1023
- "h-1",
1024
- "w-8",
1025
- "rounded-full"
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
+ },
1191
+ "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",
1204
+ "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%]"
1026
1221
  ],
1027
- "internalComponents": ["Box"],
1028
- "internalComponentProps": { "Box": {
1029
- "display": ["block", "flex"],
1030
- "justifyContent": ["center"]
1031
- } },
1032
- "propToVariantKeys": { "variant": ["bottomsheetVariantHandleIndicator"] },
1033
- "runtimeConfigDefaultProps": {},
1034
- "runtimeConfigGetStyles": {},
1222
+ "internalComponents": [
1223
+ "Scrim",
1224
+ "VStack",
1225
+ "Pressable",
1226
+ "IconSlot",
1227
+ "Box",
1228
+ "Dialog",
1229
+ "ModalContext.Provider",
1230
+ "HStack",
1231
+ "DialogDismiss",
1232
+ "ModalTitle",
1233
+ "ModalDescription",
1234
+ "ModalContent",
1235
+ "ModalActions"
1236
+ ],
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
+ },
1035
1267
  "runtimeConfigInternalComponentProps": {},
1036
1268
  "motionVarPrefixes": []
1037
1269
  };
1038
- var BottomSheetHeader = {
1039
- "name": "BottomSheetHeader",
1040
- "defaultProps": { "variant": "default" },
1041
- "getStylesLiterals": {},
1042
- "cxLiterals": [
1043
- "grid-cols-[40px_1fr_40px]",
1044
- "items-center",
1045
- "w-full",
1046
- "min-h-10",
1047
- "mt-2"
1048
- ],
1049
- "internalComponents": ["Box", "Text"],
1050
- "internalComponentProps": {
1051
- "Box": {
1052
- "className": ["h-10 w-10 opacity-0 pointer-events-none"],
1053
- "display": ["grid", "flex"],
1054
- "justifyContent": ["flex-start", "flex-end"]
1055
- },
1056
- "Text": {
1057
- "variant": ["inherit"],
1058
- "color": ["inherit"],
1059
- "textAlign": ["center"],
1060
- "className": ["w-full"]
1061
- }
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"]
1062
1289
  },
1063
- "propToVariantKeys": { "variant": ["bottomsheetVariantHeader"] },
1064
- "runtimeConfigDefaultProps": {},
1065
- "runtimeConfigGetStyles": {},
1066
1290
  "runtimeConfigInternalComponentProps": {},
1067
1291
  "motionVarPrefixes": []
1068
1292
  };
1069
- var BottomSheetInternalContext = {
1070
- "name": "BottomSheetInternalContext",
1293
+ var ModalContent = {
1294
+ "name": "ModalContent",
1071
1295
  "defaultProps": {},
1072
- "getStylesLiterals": {},
1296
+ "getStylesLiterals": {
1297
+ "overflowY": "auto",
1298
+ "display": "block",
1299
+ "flexGrow": "1"
1300
+ },
1073
1301
  "cxLiterals": [],
1074
- "internalComponents": [],
1302
+ "internalComponents": ["Box"],
1075
1303
  "internalComponentProps": {},
1076
- "propToVariantKeys": {},
1077
- "runtimeConfigDefaultProps": {},
1078
- "runtimeConfigGetStyles": {},
1304
+ "propToVariantKeys": { "size": ["modalSizeSpacingHorizontal"] },
1305
+ "runtimeConfigDefaultProps": {
1306
+ "size": "modal.defaultSize",
1307
+ "variant": "modal.defaultVariant"
1308
+ },
1309
+ "runtimeConfigGetStyles": { "modalSizeSpacingHorizontal": ["modal.defaultSize"] },
1079
1310
  "runtimeConfigInternalComponentProps": {},
1080
1311
  "motionVarPrefixes": []
1081
1312
  };
1082
- var BottomSheetProvider = {
1083
- "name": "BottomSheetProvider",
1313
+ var ModalContext = {
1314
+ "name": "ModalContext",
1084
1315
  "defaultProps": {},
1085
1316
  "getStylesLiterals": {},
1086
1317
  "cxLiterals": [],
1087
- "internalComponents": ["AriakitDialogProvider"],
1318
+ "internalComponents": [],
1088
1319
  "internalComponentProps": {},
1089
1320
  "propToVariantKeys": {},
1090
1321
  "runtimeConfigDefaultProps": {},
@@ -1092,43 +1323,56 @@ var BottomSheetProvider = {
1092
1323
  "runtimeConfigInternalComponentProps": {},
1093
1324
  "motionVarPrefixes": []
1094
1325
  };
1095
- var BottomSheetTrigger = {
1096
- "name": "BottomSheetTrigger",
1326
+ var ModalDescription = {
1327
+ "name": "ModalDescription",
1097
1328
  "defaultProps": {},
1098
1329
  "getStylesLiterals": {},
1099
1330
  "cxLiterals": [],
1100
- "internalComponents": ["AriakitDialogDisclosure"],
1101
- "internalComponentProps": {},
1102
- "propToVariantKeys": {},
1103
- "runtimeConfigDefaultProps": {},
1104
- "runtimeConfigGetStyles": {},
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
+ },
1105
1345
  "runtimeConfigInternalComponentProps": {},
1106
1346
  "motionVarPrefixes": []
1107
1347
  };
1108
- var UDSBottomSheetConfigProvider = {
1109
- "name": "UDSBottomSheetConfigProvider",
1348
+ var ModalTitle = {
1349
+ "name": "ModalTitle",
1110
1350
  "defaultProps": {},
1111
1351
  "getStylesLiterals": {},
1112
1352
  "cxLiterals": [],
1113
- "internalComponents": ["BottomSheetContext.Provider"],
1114
- "internalComponentProps": {},
1115
- "propToVariantKeys": {},
1116
- "runtimeConfigDefaultProps": {},
1117
- "runtimeConfigGetStyles": {},
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
+ },
1118
1367
  "runtimeConfigInternalComponentProps": {},
1119
1368
  "motionVarPrefixes": []
1120
1369
  };
1121
- var Chip = {
1122
- "name": "Chip",
1370
+ var UDSModalConfigProvider = {
1371
+ "name": "UDSModalConfigProvider",
1123
1372
  "defaultProps": {},
1124
1373
  "getStylesLiterals": {},
1125
1374
  "cxLiterals": [],
1126
- "internalComponents": [
1127
- "ChipDismissible",
1128
- "ChipToggle",
1129
- "ChipLink",
1130
- "ChipButton"
1131
- ],
1375
+ "internalComponents": ["ModalContext.Provider"],
1132
1376
  "internalComponentProps": {},
1133
1377
  "propToVariantKeys": {},
1134
1378
  "runtimeConfigDefaultProps": {},
@@ -1136,122 +1380,12 @@ var Chip = {
1136
1380
  "runtimeConfigInternalComponentProps": {},
1137
1381
  "motionVarPrefixes": []
1138
1382
  };
1139
- var ChipBase = {
1140
- "name": "ChipBase",
1383
+ var Menu_Content = {
1384
+ "name": "Menu.Content",
1141
1385
  "defaultProps": {
1142
- "size": "md",
1143
- "as": "div"
1144
- },
1145
- "getStylesLiterals": {},
1146
- "cxLiterals": [
1147
- "pointer-events-none",
1148
- "cursor-default",
1149
- "opacity-50",
1150
- "inline-flex",
1151
- "items-center",
1152
- "transition-[background-color,outline-color,box-shadow]",
1153
- "truncate",
1154
- "whitespace-nowrap",
1155
- "text-center",
1156
- "flex-1"
1157
- ],
1158
- "internalComponents": [
1159
- "IconSlot",
1160
- "HStack",
1161
- "As",
1162
- "Text"
1163
- ],
1164
- "internalComponentProps": { "Text": {
1165
- "as": ["span"],
1166
- "color": ["current"],
1167
- "variant": ["inherit"]
1168
- } },
1169
- "propToVariantKeys": {
1170
- "size": ["chipSizeRoot", "chipSizeIcon"],
1171
- "startIcon": ["icon"],
1172
- "endIcon": ["icon"]
1173
- },
1174
- "runtimeConfigDefaultProps": {},
1175
- "runtimeConfigGetStyles": {},
1176
- "runtimeConfigInternalComponentProps": {},
1177
- "motionVarPrefixes": []
1178
- };
1179
- var ChipButton = {
1180
- "name": "ChipButton",
1181
- "defaultProps": { "variant": "primary" },
1182
- "getStylesLiterals": {},
1183
- "cxLiterals": ["uds-ring"],
1184
- "internalComponents": ["ChipBase"],
1185
- "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1186
- "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1187
- "runtimeConfigDefaultProps": {},
1188
- "runtimeConfigGetStyles": {},
1189
- "runtimeConfigInternalComponentProps": {},
1190
- "motionVarPrefixes": []
1191
- };
1192
- var ChipDismissible = {
1193
- "name": "ChipDismissible",
1194
- "defaultProps": { "variant": "primary" },
1195
- "getStylesLiterals": {},
1196
- "cxLiterals": [
1197
- "uds-chip-dismissible-button",
1198
- "uds-hit-target",
1199
- "uds-ring",
1200
- "rounded-full"
1201
- ],
1202
- "internalComponents": [
1203
- "ChipBase",
1204
- "IconSlot",
1205
- "Pressable"
1206
- ],
1207
- "internalComponentProps": {},
1208
- "propToVariantKeys": {
1209
- "variant": ["chipDismissibleVariantRoot", "chipDismissibleVariantIcon"],
1210
- "dismissButtonAriaLabel": ["aria-label"]
1211
- },
1212
- "runtimeConfigDefaultProps": {},
1213
- "runtimeConfigGetStyles": {},
1214
- "runtimeConfigInternalComponentProps": {},
1215
- "motionVarPrefixes": []
1216
- };
1217
- var ChipLink = {
1218
- "name": "ChipLink",
1219
- "defaultProps": { "variant": "primary" },
1220
- "getStylesLiterals": {},
1221
- "cxLiterals": ["uds-ring"],
1222
- "internalComponents": ["ChipBase"],
1223
- "internalComponentProps": { "ChipBase": { "as": ["a"] } },
1224
- "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1225
- "runtimeConfigDefaultProps": {},
1226
- "runtimeConfigGetStyles": {},
1227
- "runtimeConfigInternalComponentProps": {},
1228
- "motionVarPrefixes": []
1229
- };
1230
- var ChipToggle = {
1231
- "name": "ChipToggle",
1232
- "defaultProps": {
1233
- "variant": "primary",
1234
- "role": "checkbox"
1235
- },
1236
- "getStylesLiterals": {
1237
- "chipToggleVariantActiveRoot": "on",
1238
- "chipToggleVariantActiveRoot:1": "off"
1239
- },
1240
- "cxLiterals": ["uds-ring"],
1241
- "internalComponents": ["ChipBase"],
1242
- "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1243
- "propToVariantKeys": { "variant": ["chipToggleVariantRoot", "chipToggleVariantIcon"] },
1244
- "runtimeConfigDefaultProps": {},
1245
- "runtimeConfigGetStyles": {},
1246
- "runtimeConfigInternalComponentProps": {},
1247
- "motionVarPrefixes": []
1248
- };
1249
- var Menu_Content = {
1250
- "name": "Menu.Content",
1251
- "defaultProps": {
1252
- "size": "default",
1253
- "variant": "default",
1254
- "gutter": "1"
1386
+ "size": "default",
1387
+ "variant": "default",
1388
+ "gutter": "1"
1255
1389
  },
1256
1390
  "getStylesLiterals": {},
1257
1391
  "cxLiterals": [
@@ -1594,302 +1728,275 @@ var InputHelpTextInternal = {
1594
1728
  "runtimeConfigInternalComponentProps": {},
1595
1729
  "motionVarPrefixes": []
1596
1730
  };
1597
- var Modal = {
1598
- "name": "Modal",
1731
+ var Chip = {
1732
+ "name": "Chip",
1733
+ "defaultProps": {},
1734
+ "getStylesLiterals": {},
1735
+ "cxLiterals": [],
1736
+ "internalComponents": [
1737
+ "ChipDismissible",
1738
+ "ChipToggle",
1739
+ "ChipLink",
1740
+ "ChipButton"
1741
+ ],
1742
+ "internalComponentProps": {},
1743
+ "propToVariantKeys": {},
1744
+ "runtimeConfigDefaultProps": {},
1745
+ "runtimeConfigGetStyles": {},
1746
+ "runtimeConfigInternalComponentProps": {},
1747
+ "motionVarPrefixes": []
1748
+ };
1749
+ var ChipBase = {
1750
+ "name": "ChipBase",
1599
1751
  "defaultProps": {
1600
- "closeAriaLabel": "Close",
1601
- "maxWidth": "auto",
1602
- "maxHeight": "auto",
1603
- "scrollBehavior": "outside"
1604
- },
1605
- "getStylesLiterals": {
1606
- "flexDirection": "row-reverse",
1607
- "justifyContent": "space-between",
1608
- "alignItems": "flex-end",
1609
- "alignItems:1": "flex-start",
1610
- "borderRadius": "full"
1752
+ "size": "md",
1753
+ "as": "div"
1611
1754
  },
1755
+ "getStylesLiterals": {},
1612
1756
  "cxLiterals": [
1613
- "fixed",
1614
- "inset-0",
1615
- "z-40",
1616
- "overflow-y-auto",
1617
- "overflow-hidden",
1618
- "transition-[opacity,visibility]",
1619
- "visible",
1620
- "opacity-100",
1621
- "invisible",
1622
- "opacity-0",
1623
1757
  "pointer-events-none",
1624
- "uds-bgBlurFallback",
1625
- "w-full",
1626
- "w-fit",
1627
- "h-full",
1628
- "h-fit",
1629
- "m-auto",
1630
- "pointer-events-auto",
1631
- "inside",
1632
- "max-h-full",
1633
- "transition-transform",
1634
- "duration-0",
1635
- "duration-120",
1636
- "transition-[background-color]",
1637
- "bg-carbon-15/0",
1638
- "hover:bg-carbon-15/10",
1639
- "active:bg-carbon-15/15",
1640
- "uds-ring",
1641
- "[translate:50%_-50%]"
1758
+ "cursor-default",
1759
+ "opacity-50",
1760
+ "inline-flex",
1761
+ "items-center",
1762
+ "transition-[background-color,outline-color,box-shadow]",
1763
+ "truncate",
1764
+ "whitespace-nowrap",
1765
+ "text-center",
1766
+ "flex-1"
1642
1767
  ],
1643
1768
  "internalComponents": [
1644
- "Scrim",
1645
- "VStack",
1646
- "Pressable",
1647
1769
  "IconSlot",
1648
- "Box",
1649
- "Dialog",
1650
- "ModalContext.Provider",
1651
1770
  "HStack",
1652
- "DialogDismiss",
1653
- "ModalTitle",
1654
- "ModalDescription",
1655
- "ModalContent",
1656
- "ModalActions"
1771
+ "As",
1772
+ "Text"
1657
1773
  ],
1658
- "internalComponentProps": { "Box": { "flexGrow": ["1"] } },
1774
+ "internalComponentProps": { "Text": {
1775
+ "as": ["span"],
1776
+ "color": ["current"],
1777
+ "variant": ["inherit"]
1778
+ } },
1659
1779
  "propToVariantKeys": {
1660
- "gutter": ["spacing"],
1661
- "size": [
1662
- "modalSizeRoot",
1663
- "modalSizeSpacingHorizontal",
1664
- "modalSizeHeader",
1665
- "modalSizeTitleDescriptionWrapper",
1666
- "modalSizeCloseIconContainer",
1667
- "modalSizeCloseIcon"
1668
- ],
1669
- "variant": ["modalVariantRoot", "modalVariantCloseIcon"],
1670
- "closeAriaLabel": ["aria-label"],
1671
- "closeIcon": ["icon"]
1672
- },
1673
- "runtimeConfigDefaultProps": {
1674
- "size": "modal.defaultSize",
1675
- "variant": "modal.defaultVariant"
1676
- },
1677
- "runtimeConfigGetStyles": {
1678
- "spacing": ["modal.gutter.${size}"],
1679
- "modalSizeRoot": ["modal.defaultSize"],
1680
- "modalVariantRoot": ["modal.defaultVariant"],
1681
- "modalSizeSpacingHorizontal": ["modal.defaultSize"],
1682
- "modalSizeHeader": ["modal.defaultSize"],
1683
- "modalSizeTitleDescriptionWrapper": ["modal.defaultSize"],
1684
- "modalSizeCloseIconContainer": ["modal.defaultSize"],
1685
- "modalSizeCloseIcon": ["modal.defaultSize"],
1686
- "modalVariantCloseIcon": ["modal.defaultVariant"]
1780
+ "size": ["chipSizeRoot", "chipSizeIcon"],
1781
+ "startIcon": ["icon"],
1782
+ "endIcon": ["icon"]
1687
1783
  },
1784
+ "runtimeConfigDefaultProps": {},
1785
+ "runtimeConfigGetStyles": {},
1688
1786
  "runtimeConfigInternalComponentProps": {},
1689
1787
  "motionVarPrefixes": []
1690
1788
  };
1691
- var ModalActions = {
1692
- "name": "ModalActions",
1693
- "defaultProps": {},
1694
- "getStylesLiterals": {
1695
- "flexDirection": "row-reverse",
1696
- "justifyContent": "space-between",
1697
- "alignItems": "center"
1698
- },
1699
- "cxLiterals": ["gap-[inherit]"],
1700
- "internalComponents": ["HStack"],
1701
- "internalComponentProps": {},
1702
- "propToVariantKeys": { "size": ["modalSizeSpacingHorizontal", "modalSizeActions"] },
1703
- "runtimeConfigDefaultProps": {
1704
- "size": "modal.defaultSize",
1705
- "variant": "modal.defaultVariant"
1706
- },
1707
- "runtimeConfigGetStyles": {
1708
- "modalSizeSpacingHorizontal": ["modal.defaultSize"],
1709
- "modalSizeActions": ["modal.defaultSize"]
1710
- },
1789
+ var ChipButton = {
1790
+ "name": "ChipButton",
1791
+ "defaultProps": { "variant": "primary" },
1792
+ "getStylesLiterals": {},
1793
+ "cxLiterals": ["uds-ring"],
1794
+ "internalComponents": ["ChipBase"],
1795
+ "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1796
+ "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1797
+ "runtimeConfigDefaultProps": {},
1798
+ "runtimeConfigGetStyles": {},
1711
1799
  "runtimeConfigInternalComponentProps": {},
1712
1800
  "motionVarPrefixes": []
1713
1801
  };
1714
- var ModalContent = {
1715
- "name": "ModalContent",
1716
- "defaultProps": {},
1717
- "getStylesLiterals": {
1718
- "overflowY": "auto",
1719
- "display": "block",
1720
- "flexGrow": "1"
1721
- },
1722
- "cxLiterals": [],
1723
- "internalComponents": ["Box"],
1802
+ var ChipDismissible = {
1803
+ "name": "ChipDismissible",
1804
+ "defaultProps": { "variant": "primary" },
1805
+ "getStylesLiterals": {},
1806
+ "cxLiterals": [
1807
+ "uds-chip-dismissible-button",
1808
+ "uds-hit-target",
1809
+ "uds-ring",
1810
+ "rounded-full"
1811
+ ],
1812
+ "internalComponents": [
1813
+ "ChipBase",
1814
+ "IconSlot",
1815
+ "Pressable"
1816
+ ],
1724
1817
  "internalComponentProps": {},
1725
- "propToVariantKeys": { "size": ["modalSizeSpacingHorizontal"] },
1726
- "runtimeConfigDefaultProps": {
1727
- "size": "modal.defaultSize",
1728
- "variant": "modal.defaultVariant"
1818
+ "propToVariantKeys": {
1819
+ "variant": ["chipDismissibleVariantRoot", "chipDismissibleVariantIcon"],
1820
+ "dismissButtonAriaLabel": ["aria-label"]
1729
1821
  },
1730
- "runtimeConfigGetStyles": { "modalSizeSpacingHorizontal": ["modal.defaultSize"] },
1822
+ "runtimeConfigDefaultProps": {},
1823
+ "runtimeConfigGetStyles": {},
1731
1824
  "runtimeConfigInternalComponentProps": {},
1732
1825
  "motionVarPrefixes": []
1733
1826
  };
1734
- var ModalContext = {
1735
- "name": "ModalContext",
1736
- "defaultProps": {},
1827
+ var ChipLink = {
1828
+ "name": "ChipLink",
1829
+ "defaultProps": { "variant": "primary" },
1737
1830
  "getStylesLiterals": {},
1738
- "cxLiterals": [],
1739
- "internalComponents": [],
1740
- "internalComponentProps": {},
1741
- "propToVariantKeys": {},
1831
+ "cxLiterals": ["uds-ring"],
1832
+ "internalComponents": ["ChipBase"],
1833
+ "internalComponentProps": { "ChipBase": { "as": ["a"] } },
1834
+ "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1742
1835
  "runtimeConfigDefaultProps": {},
1743
1836
  "runtimeConfigGetStyles": {},
1744
1837
  "runtimeConfigInternalComponentProps": {},
1745
1838
  "motionVarPrefixes": []
1746
1839
  };
1747
- var ModalDescription = {
1748
- "name": "ModalDescription",
1749
- "defaultProps": {},
1750
- "getStylesLiterals": {},
1751
- "cxLiterals": [],
1752
- "internalComponents": ["Text", "DialogDescription"],
1753
- "internalComponentProps": { "Text": { "as": ["span"] } },
1754
- "propToVariantKeys": {
1755
- "size": ["modalSizeDescription"],
1756
- "variant": ["modalVariantDescription"]
1757
- },
1758
- "runtimeConfigDefaultProps": {
1759
- "size": "modal.defaultSize",
1760
- "variant": "modal.defaultVariant"
1840
+ var ChipToggle = {
1841
+ "name": "ChipToggle",
1842
+ "defaultProps": {
1843
+ "variant": "primary",
1844
+ "role": "checkbox"
1761
1845
  },
1762
- "runtimeConfigGetStyles": {
1763
- "modalSizeDescription": ["modal.defaultSize"],
1764
- "modalVariantDescription": ["modal.defaultVariant"]
1846
+ "getStylesLiterals": {
1847
+ "chipToggleVariantActiveRoot": "on",
1848
+ "chipToggleVariantActiveRoot:1": "off"
1765
1849
  },
1850
+ "cxLiterals": ["uds-ring"],
1851
+ "internalComponents": ["ChipBase"],
1852
+ "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1853
+ "propToVariantKeys": { "variant": ["chipToggleVariantRoot", "chipToggleVariantIcon"] },
1854
+ "runtimeConfigDefaultProps": {},
1855
+ "runtimeConfigGetStyles": {},
1766
1856
  "runtimeConfigInternalComponentProps": {},
1767
1857
  "motionVarPrefixes": []
1768
1858
  };
1769
- var ModalTitle = {
1770
- "name": "ModalTitle",
1771
- "defaultProps": {},
1859
+ var BottomSheet = {
1860
+ "name": "BottomSheet",
1861
+ "defaultProps": { "variant": "default" },
1772
1862
  "getStylesLiterals": {},
1773
- "cxLiterals": [],
1774
- "internalComponents": ["Text", "DialogHeading"],
1775
- "internalComponentProps": { "Text": { "as": ["span"] } },
1776
- "propToVariantKeys": {
1777
- "size": ["modalSizeTitle"],
1778
- "variant": ["modalVariantTitle"]
1779
- },
1780
- "runtimeConfigDefaultProps": {
1781
- "size": "modal.defaultSize",
1782
- "variant": "modal.defaultVariant"
1783
- },
1784
- "runtimeConfigGetStyles": {
1785
- "modalSizeTitle": ["modal.defaultSize"],
1786
- "modalVariantTitle": ["modal.defaultVariant"]
1863
+ "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"
1880
+ ],
1881
+ "internalComponents": [
1882
+ "Scrim",
1883
+ "BottomSheetHandle",
1884
+ "Dialog",
1885
+ "Box",
1886
+ "BottomSheetInternalContext.Provider"
1887
+ ],
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
+ }
1787
1897
  },
1898
+ "propToVariantKeys": { "variant": ["bottomsheetVariantRoot"] },
1899
+ "runtimeConfigDefaultProps": {},
1900
+ "runtimeConfigGetStyles": {},
1788
1901
  "runtimeConfigInternalComponentProps": {},
1789
1902
  "motionVarPrefixes": []
1790
1903
  };
1791
- var UDSModalConfigProvider = {
1792
- "name": "UDSModalConfigProvider",
1904
+ var BottomSheetContent = {
1905
+ "name": "BottomSheetContent",
1793
1906
  "defaultProps": {},
1794
1907
  "getStylesLiterals": {},
1795
- "cxLiterals": [],
1796
- "internalComponents": ["ModalContext.Provider"],
1797
- "internalComponentProps": {},
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))]"] }
1916
+ },
1798
1917
  "propToVariantKeys": {},
1799
1918
  "runtimeConfigDefaultProps": {},
1800
1919
  "runtimeConfigGetStyles": {},
1801
1920
  "runtimeConfigInternalComponentProps": {},
1802
1921
  "motionVarPrefixes": []
1803
1922
  };
1804
- var Popover = {
1805
- "name": "Popover",
1923
+ var BottomSheetDismiss = {
1924
+ "name": "BottomSheetDismiss",
1806
1925
  "defaultProps": {},
1807
1926
  "getStylesLiterals": {},
1808
1927
  "cxLiterals": [],
1809
- "internalComponents": ["PopoverInternalContext.Provider", "PopoverProvider"],
1928
+ "internalComponents": ["AriakitDialogDismiss"],
1810
1929
  "internalComponentProps": {},
1811
1930
  "propToVariantKeys": {},
1812
- "runtimeConfigDefaultProps": {
1813
- "size": "popover.defaultSize",
1814
- "variant": "popover.defaultVariant"
1815
- },
1931
+ "runtimeConfigDefaultProps": {},
1816
1932
  "runtimeConfigGetStyles": {},
1817
1933
  "runtimeConfigInternalComponentProps": {},
1818
1934
  "motionVarPrefixes": []
1819
1935
  };
1820
- var PopoverContent = {
1821
- "name": "PopoverContent",
1822
- "defaultProps": {},
1823
- "getStylesLiterals": {
1824
- "popoverSizeRoot": "default",
1825
- "popoverVariantRoot": "default",
1826
- "display": "flex",
1827
- "position": "relative",
1828
- "display:1": "block",
1829
- "spacingTop": "0",
1830
- "spacingStart": "0",
1831
- "spacingBottom": "0",
1832
- "spacingEnd": "0",
1833
- "popoverSizeSvgBase": "default",
1834
- "popoverVariantSvgBase": "default",
1835
- "popoverSizeSvgBorder": "default",
1836
- "popoverVariantSvgBorder": "default",
1837
- "popoverVariantBlur": "default",
1838
- "position:1": "absolute",
1839
- "width": "full",
1840
- "height": "full",
1841
- "flexShrink": "0",
1842
- "borderRadius": "full",
1843
- "alignItems": "center",
1844
- "justifyContent": "center",
1845
- "popoverVariantCloseIcon": "default",
1846
- "popoverSizeCloseIcon": "default"
1847
- },
1936
+ var BottomSheetHandle = {
1937
+ "name": "BottomSheetHandle",
1938
+ "defaultProps": { "variant": "default" },
1939
+ "getStylesLiterals": {},
1848
1940
  "cxLiterals": [
1849
- "z-[9999]",
1941
+ "relative",
1942
+ "h-5",
1943
+ "w-16",
1850
1944
  "outline-none",
1851
1945
  "focus-visible:outline-none",
1852
- "uds-bgBlurFillFallback",
1853
- "uds-bgBlurFallback",
1854
- "top-0",
1855
- "left-0",
1856
- "z-[1]",
1857
- "duration-0",
1858
- "duration-120",
1859
- "transition-[background-color]",
1860
- "bg-carbon-15/0",
1861
- "hover:bg-carbon-15/10",
1862
- "active:bg-carbon-15/15",
1863
- "uds-ring",
1946
+ "[touch-action:pan-y]",
1864
1947
  "absolute",
1865
- "z-[4]"
1866
- ],
1867
- "internalComponents": [
1868
- "PopoverDismiss",
1869
- "IconSlot",
1870
- "PopoverArrow",
1871
- "Popover",
1872
- "SvgFloatingOverlay",
1873
- "Box",
1874
- "Pressable"
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"
1875
1955
  ],
1876
- "internalComponentProps": {},
1877
- "propToVariantKeys": { "closeIcon": ["icon"] },
1878
- "runtimeConfigDefaultProps": {
1879
- "size": "popover.defaultSize",
1880
- "variant": "popover.defaultVariant"
1881
- },
1882
- "runtimeConfigGetStyles": {
1883
- "spacingTop": ["popover.spacingVertical.${size}"],
1884
- "spacingStart": ["popover.spacingHorizontal.${size}"],
1885
- "spacingBottom": ["popover.spacingVertical.${size}"],
1886
- "spacingEnd": ["popover.spacingHorizontal.${size}"]
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"
1977
+ ],
1978
+ "internalComponents": ["Box", "Text"],
1979
+ "internalComponentProps": {
1980
+ "Box": {
1981
+ "className": ["h-10 w-10 opacity-0 pointer-events-none"],
1982
+ "display": ["grid", "flex"],
1983
+ "justifyContent": ["flex-start", "flex-end"]
1984
+ },
1985
+ "Text": {
1986
+ "variant": ["inherit"],
1987
+ "color": ["inherit"],
1988
+ "textAlign": ["center"],
1989
+ "className": ["w-full"]
1990
+ }
1887
1991
  },
1888
- "runtimeConfigInternalComponentProps": { "SvgFloatingOverlay": { "borderRadius": ["popover.borderRadius.${size}"] } },
1992
+ "propToVariantKeys": { "variant": ["bottomsheetVariantHeader"] },
1993
+ "runtimeConfigDefaultProps": {},
1994
+ "runtimeConfigGetStyles": {},
1995
+ "runtimeConfigInternalComponentProps": {},
1889
1996
  "motionVarPrefixes": []
1890
1997
  };
1891
- var PopoverContext = {
1892
- "name": "PopoverContext",
1998
+ var BottomSheetInternalContext = {
1999
+ "name": "BottomSheetInternalContext",
1893
2000
  "defaultProps": {},
1894
2001
  "getStylesLiterals": {},
1895
2002
  "cxLiterals": [],
@@ -1901,26 +2008,140 @@ var PopoverContext = {
1901
2008
  "runtimeConfigInternalComponentProps": {},
1902
2009
  "motionVarPrefixes": []
1903
2010
  };
1904
- var PopoverTrigger = {
1905
- "name": "PopoverTrigger",
2011
+ var BottomSheetProvider = {
2012
+ "name": "BottomSheetProvider",
1906
2013
  "defaultProps": {},
1907
2014
  "getStylesLiterals": {},
1908
2015
  "cxLiterals": [],
1909
- "internalComponents": ["PopoverDisclosure"],
1910
- "internalComponentProps": { "PopoverDisclosure": { "className": ["inline"] } },
1911
- "propToVariantKeys": { "children": ["render"] },
2016
+ "internalComponents": ["AriakitDialogProvider"],
2017
+ "internalComponentProps": {},
2018
+ "propToVariantKeys": {},
1912
2019
  "runtimeConfigDefaultProps": {},
1913
2020
  "runtimeConfigGetStyles": {},
1914
2021
  "runtimeConfigInternalComponentProps": {},
1915
2022
  "motionVarPrefixes": []
1916
2023
  };
1917
- var UDSPopoverConfigProvider = {
1918
- "name": "UDSPopoverConfigProvider",
2024
+ var BottomSheetTrigger = {
2025
+ "name": "BottomSheetTrigger",
1919
2026
  "defaultProps": {},
1920
2027
  "getStylesLiterals": {},
1921
2028
  "cxLiterals": [],
1922
- "internalComponents": ["PopoverContext.Provider"],
2029
+ "internalComponents": ["AriakitDialogDisclosure"],
2030
+ "internalComponentProps": {},
2031
+ "propToVariantKeys": {},
2032
+ "runtimeConfigDefaultProps": {},
2033
+ "runtimeConfigGetStyles": {},
2034
+ "runtimeConfigInternalComponentProps": {},
2035
+ "motionVarPrefixes": []
2036
+ };
2037
+ var UDSBottomSheetConfigProvider = {
2038
+ "name": "UDSBottomSheetConfigProvider",
2039
+ "defaultProps": {},
2040
+ "getStylesLiterals": {},
2041
+ "cxLiterals": [],
2042
+ "internalComponents": ["BottomSheetContext.Provider"],
2043
+ "internalComponentProps": {},
2044
+ "propToVariantKeys": {},
2045
+ "runtimeConfigDefaultProps": {},
2046
+ "runtimeConfigGetStyles": {},
2047
+ "runtimeConfigInternalComponentProps": {},
2048
+ "motionVarPrefixes": []
2049
+ };
2050
+ var Avatar = {
2051
+ "name": "Avatar",
2052
+ "defaultProps": {},
2053
+ "getStylesLiterals": {},
2054
+ "cxLiterals": [],
2055
+ "internalComponents": ["AvatarImage"],
2056
+ "internalComponentProps": {},
2057
+ "propToVariantKeys": {},
2058
+ "runtimeConfigDefaultProps": {},
2059
+ "runtimeConfigGetStyles": {},
2060
+ "runtimeConfigInternalComponentProps": {},
2061
+ "motionVarPrefixes": []
2062
+ };
2063
+ var AvatarIcon = {
2064
+ "name": "AvatarIcon",
2065
+ "defaultProps": {
2066
+ "size": "md",
2067
+ "variant": "primary"
2068
+ },
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"
2093
+ },
2094
+ "getStylesLiterals": {},
2095
+ "cxLiterals": [
2096
+ "overflow-hidden",
2097
+ "w-full",
2098
+ "h-full",
2099
+ "shrink-0",
2100
+ "text-center",
2101
+ "inline-flex",
2102
+ "justify-center",
2103
+ "items-center",
2104
+ "object-cover"
2105
+ ],
2106
+ "internalComponents": [
2107
+ "UDSImage",
2108
+ "AvatarText",
2109
+ "AvatarIcon",
2110
+ "Box"
2111
+ ],
1923
2112
  "internalComponentProps": {},
2113
+ "propToVariantKeys": {
2114
+ "alt": ["name"],
2115
+ "fallback": ["initials"]
2116
+ },
2117
+ "runtimeConfigDefaultProps": {},
2118
+ "runtimeConfigGetStyles": {},
2119
+ "runtimeConfigInternalComponentProps": {},
2120
+ "motionVarPrefixes": []
2121
+ };
2122
+ var AvatarText = {
2123
+ "name": "AvatarText",
2124
+ "defaultProps": {
2125
+ "size": "md",
2126
+ "variant": "primary"
2127
+ },
2128
+ "getStylesLiterals": {},
2129
+ "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"
2139
+ ],
2140
+ "internalComponents": ["Box", "Text"],
2141
+ "internalComponentProps": { "Text": {
2142
+ "color": ["inherit"],
2143
+ "variant": ["inherit"]
2144
+ } },
1924
2145
  "propToVariantKeys": {},
1925
2146
  "runtimeConfigDefaultProps": {},
1926
2147
  "runtimeConfigGetStyles": {},
@@ -2367,120 +2588,23 @@ var TooltipContent = {
2367
2588
  };
2368
2589
  var TooltipTrigger = {
2369
2590
  "name": "TooltipTrigger",
2370
- "defaultProps": {},
2371
- "getStylesLiterals": {},
2372
- "cxLiterals": [],
2373
- "internalComponents": ["TooltipAnchor"],
2374
- "internalComponentProps": { "TooltipAnchor": { "className": ["inline"] } },
2375
- "propToVariantKeys": { "children": ["render"] },
2376
- "runtimeConfigDefaultProps": {},
2377
- "runtimeConfigGetStyles": {},
2378
- "runtimeConfigInternalComponentProps": {},
2379
- "motionVarPrefixes": []
2380
- };
2381
- var UDSTooltipConfigProvider = {
2382
- "name": "UDSTooltipConfigProvider",
2383
- "defaultProps": {},
2384
- "getStylesLiterals": {},
2385
- "cxLiterals": [],
2386
- "internalComponents": ["TooltipContext.Provider"],
2387
- "internalComponentProps": {},
2388
- "propToVariantKeys": {},
2389
- "runtimeConfigDefaultProps": {},
2390
- "runtimeConfigGetStyles": {},
2391
- "runtimeConfigInternalComponentProps": {},
2392
- "motionVarPrefixes": []
2393
- };
2394
- var UDSBreakpointsConfigProvider = {
2395
- "name": "UDSBreakpointsConfigProvider",
2396
- "defaultProps": {},
2397
- "getStylesLiterals": {},
2398
- "cxLiterals": [],
2399
- "internalComponents": ["UDSBreakpointsConfigContext.Provider"],
2400
- "internalComponentProps": {},
2401
- "propToVariantKeys": {},
2402
- "runtimeConfigDefaultProps": {},
2403
- "runtimeConfigGetStyles": {},
2404
- "runtimeConfigInternalComponentProps": {},
2405
- "motionVarPrefixes": []
2406
- };
2407
- var UDSConfigProvider = {
2408
- "name": "UDSConfigProvider",
2409
- "defaultProps": {},
2410
- "getStylesLiterals": {},
2411
- "cxLiterals": [],
2412
- "internalComponents": [
2413
- "UDSBreakpointsConfigProvider",
2414
- "UDSBottomSheetConfigProvider",
2415
- "UDSToastConfigProvider",
2416
- "UDSTooltipConfigProvider",
2417
- "UDSPopoverConfigProvider",
2418
- "UDSModalConfigProvider"
2419
- ],
2420
- "internalComponentProps": {},
2421
- "propToVariantKeys": {},
2422
- "runtimeConfigDefaultProps": {},
2423
- "runtimeConfigGetStyles": {},
2424
- "runtimeConfigInternalComponentProps": {},
2425
- "motionVarPrefixes": []
2426
- };
2427
- var Accordion = {
2428
- "name": "Accordion",
2429
- "defaultProps": {
2430
- "spacingHorizontal": "4",
2431
- "spacingVertical": "4"
2432
- },
2433
- "getStylesLiterals": {},
2434
- "cxLiterals": ["hover:bg-secondary/80", "w-full"],
2435
- "internalComponents": [
2436
- "Icon",
2437
- "SpringMotionConfig",
2438
- "Pressable",
2439
- "Text",
2440
- "HStack",
2441
- "AnimatePresence",
2442
- "VStack"
2443
- ],
2444
- "internalComponentProps": {
2445
- "Icon": {
2446
- "variant": ["fill"],
2447
- "size": ["sm"],
2448
- "color": ["primary"]
2449
- },
2450
- "SpringMotionConfig": {
2451
- "layoutVariant": ["smooth"],
2452
- "layoutSpeed": ["3"]
2453
- },
2454
- "Pressable": {
2455
- "display": ["flex"],
2456
- "flexDirection": ["row"],
2457
- "alignItems": ["center"],
2458
- "justifyContent": ["space-between"],
2459
- "borderRadius": ["md"]
2460
- },
2461
- "Text": {
2462
- "variant": ["title4"],
2463
- "color": ["primary"]
2464
- },
2465
- "HStack": {
2466
- "display": ["flex"],
2467
- "alignItems": ["center"],
2468
- "justifyContent": ["space-between"],
2469
- "columnGap": ["2.5"]
2470
- }
2471
- },
2472
- "propToVariantKeys": {},
2591
+ "defaultProps": {},
2592
+ "getStylesLiterals": {},
2593
+ "cxLiterals": [],
2594
+ "internalComponents": ["TooltipAnchor"],
2595
+ "internalComponentProps": { "TooltipAnchor": { "className": ["inline"] } },
2596
+ "propToVariantKeys": { "children": ["render"] },
2473
2597
  "runtimeConfigDefaultProps": {},
2474
2598
  "runtimeConfigGetStyles": {},
2475
2599
  "runtimeConfigInternalComponentProps": {},
2476
- "motionVarPrefixes": ["--uds-motion-smooth-3-"]
2600
+ "motionVarPrefixes": []
2477
2601
  };
2478
- var AvoidMotionLibraryProvider = {
2479
- "name": "AvoidMotionLibraryProvider",
2602
+ var UDSTooltipConfigProvider = {
2603
+ "name": "UDSTooltipConfigProvider",
2480
2604
  "defaultProps": {},
2481
2605
  "getStylesLiterals": {},
2482
2606
  "cxLiterals": [],
2483
- "internalComponents": [],
2607
+ "internalComponents": ["TooltipContext.Provider"],
2484
2608
  "internalComponentProps": {},
2485
2609
  "propToVariantKeys": {},
2486
2610
  "runtimeConfigDefaultProps": {},
@@ -2488,162 +2612,38 @@ var AvoidMotionLibraryProvider = {
2488
2612
  "runtimeConfigInternalComponentProps": {},
2489
2613
  "motionVarPrefixes": []
2490
2614
  };
2491
- var SegmentedControl = {
2492
- "name": "SegmentedControl",
2493
- "defaultProps": { "textVariant": "label2" },
2494
- "getStylesLiterals": {
2495
- "display": "flex",
2496
- "alignItems": "center",
2497
- "backgroundColor": "primary",
2498
- "spacingVertical": "1",
2499
- "spacingHorizontal": "3",
2500
- "columnGap": "1.5",
2501
- "borderWidth": "thin",
2502
- "borderRadius": "full",
2503
- "borderColor": "muted",
2504
- "borderColor:1": "transparent",
2505
- "color": "primary",
2506
- "color:1": "tertiary",
2507
- "color:2": "muted"
2508
- },
2509
- "cxLiterals": [
2510
- "uds-ring",
2511
- "cursor-not-allowed",
2512
- "opacity-50",
2513
- "pointer-events-none",
2514
- "hover:bg-primary"
2515
- ],
2516
- "internalComponents": [
2517
- "TextVariant",
2518
- "Radio",
2519
- "Icon",
2520
- "RadioProvider",
2521
- "HStack",
2522
- "RadioGroup",
2523
- "Pressable",
2524
- "Text"
2525
- ],
2526
- "internalComponentProps": {
2527
- "Icon": {
2528
- "size": ["sm"],
2529
- "color": ["current"],
2530
- "aria-hidden": ["true"]
2531
- },
2532
- "HStack": {
2533
- "spacing": ["1"],
2534
- "gap": ["1"],
2535
- "backgroundColor": ["secondary"],
2536
- "borderRadius": ["full"],
2537
- "display": ["inline-flex"]
2538
- },
2539
- "Text": { "color": ["current"] }
2540
- },
2541
- "propToVariantKeys": {
2542
- "value": ["key"],
2543
- "label": ["aria-label"],
2544
- "textVariant": ["variant"]
2545
- },
2615
+ var UDSBreakpointsConfigProvider = {
2616
+ "name": "UDSBreakpointsConfigProvider",
2617
+ "defaultProps": {},
2618
+ "getStylesLiterals": {},
2619
+ "cxLiterals": [],
2620
+ "internalComponents": ["UDSBreakpointsConfigContext.Provider"],
2621
+ "internalComponentProps": {},
2622
+ "propToVariantKeys": {},
2546
2623
  "runtimeConfigDefaultProps": {},
2547
2624
  "runtimeConfigGetStyles": {},
2548
2625
  "runtimeConfigInternalComponentProps": {},
2549
2626
  "motionVarPrefixes": []
2550
2627
  };
2551
- var SwitchV2 = {
2552
- "name": "SwitchV2",
2553
- "defaultProps": {
2554
- "labelPosition": "start",
2555
- "size": "md"
2556
- },
2557
- "getStylesLiterals": {
2558
- "switchVariantRoot": "default",
2559
- "switchVariantActiveRoot": "on",
2560
- "switchVariantActiveRoot:1": "off",
2561
- "switchVariantSwitch": "default",
2562
- "switchVariantActiveSwitch": "on",
2563
- "switchVariantActiveSwitch:1": "off",
2564
- "switchVariantActiveHandle": "on",
2565
- "switchVariantActiveHandle:1": "off",
2566
- "switchVariantHandle": "default",
2567
- "switchVariantHandleIcon": "default",
2568
- "switchVariantActiveHandleIcon": "on",
2569
- "switchVariantActiveHandleIcon:1": "off"
2570
- },
2571
- "cxLiterals": [
2572
- "group",
2573
- "flex",
2574
- "items-center",
2575
- "flex-row",
2576
- "flex-row-reverse",
2577
- "uds-ring",
2578
- "uds-ring-within",
2579
- "relative",
2580
- "uds-border-radius-full",
2581
- "transition-[background-color,box-shadow]",
2582
- "pointer-events-none",
2583
- "w-full",
2584
- "h-full",
2585
- "absolute",
2586
- "top-0",
2587
- "bottom-0",
2588
- "right-0",
2589
- "left-0",
2590
- "overflow-hidden",
2591
- "group-hover:scale-105",
2592
- "opacity-95",
2593
- "group-hover:opacity-100",
2594
- "transition-[transform,opacity]",
2595
- "opacity-0",
2596
- "top-1/2",
2597
- "left-1/2",
2598
- "transform",
2599
- "translate-x-[-50%]",
2600
- "translate-y-[-50%]",
2601
- "transition-opacity",
2602
- "cursor-[inherit]",
2603
- "w-[calc(100%+2px)]",
2604
- "h-[calc(100%+2px)]",
2605
- "text-start",
2606
- "text-end",
2607
- "opacity-100"
2608
- ],
2628
+ var UDSConfigProvider = {
2629
+ "name": "UDSConfigProvider",
2630
+ "defaultProps": {},
2631
+ "getStylesLiterals": {},
2632
+ "cxLiterals": [],
2609
2633
  "internalComponents": [
2610
- "IconSlot",
2611
- "Box",
2612
- "FormLabel",
2613
- "SpringMotionConfig",
2614
- "RootElement",
2615
- "MotionBox"
2634
+ "UDSBreakpointsConfigProvider",
2635
+ "UDSBottomSheetConfigProvider",
2636
+ "UDSToastConfigProvider",
2637
+ "UDSTooltipConfigProvider",
2638
+ "UDSPopoverConfigProvider",
2639
+ "UDSModalConfigProvider"
2616
2640
  ],
2617
- "internalComponentProps": {
2618
- "IconSlot": { "data-testid": ["on-icon", "off-icon"] },
2619
- "FormLabel": {
2620
- "as": ["div"],
2621
- "variant": ["inherit"],
2622
- "color": ["inherit"]
2623
- },
2624
- "SpringMotionConfig": {
2625
- "layoutVariant": ["bouncy"],
2626
- "layoutSpeed": ["4"]
2627
- },
2628
- "RootElement": { "data-testid": ["switch-root"] },
2629
- "MotionBox": { "layout": ["position"] }
2630
- },
2631
- "propToVariantKeys": {
2632
- "size": [
2633
- "switchSizeRoot",
2634
- "switchSizeSwitch",
2635
- "switchSizeHandle",
2636
- "switchSizeHandleIcon"
2637
- ],
2638
- "onIcon": ["icon"],
2639
- "offIcon": ["icon"],
2640
- "reduceMotion": ["reducedMotion"],
2641
- "isOn": ["layoutDependency"]
2642
- },
2641
+ "internalComponentProps": {},
2642
+ "propToVariantKeys": {},
2643
2643
  "runtimeConfigDefaultProps": {},
2644
2644
  "runtimeConfigGetStyles": {},
2645
2645
  "runtimeConfigInternalComponentProps": {},
2646
- "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
2646
+ "motionVarPrefixes": []
2647
2647
  };
2648
2648
  var componentData_default = {
2649
2649
  Box,
@@ -2664,6 +2664,9 @@ var componentData_default = {
2664
2664
  Divider,
2665
2665
  DividerCore,
2666
2666
  DividerInternal,
2667
+ Spinner,
2668
+ "Table.mocks": Table_mocks,
2669
+ Table,
2667
2670
  AnimateHeightChange,
2668
2671
  Badge,
2669
2672
  Button,
@@ -2672,28 +2675,22 @@ var componentData_default = {
2672
2675
  Pressable,
2673
2676
  SpringMotionConfig,
2674
2677
  Switch,
2675
- Spinner,
2676
- "Table.mocks": Table_mocks,
2677
- Table,
2678
- Avatar,
2679
- AvatarIcon,
2680
- AvatarImage,
2681
- AvatarText,
2682
- BottomSheet,
2683
- BottomSheetContent,
2684
- BottomSheetDismiss,
2685
- BottomSheetHandle,
2686
- BottomSheetHeader,
2687
- BottomSheetInternalContext,
2688
- BottomSheetProvider,
2689
- BottomSheetTrigger,
2690
- UDSBottomSheetConfigProvider,
2691
- Chip,
2692
- ChipBase,
2693
- ChipButton,
2694
- ChipDismissible,
2695
- ChipLink,
2696
- ChipToggle,
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,
2697
2694
  "Menu.Content": Menu_Content,
2698
2695
  "Menu.Divider": Menu_Divider,
2699
2696
  "Menu.Item": Menu_Item,
@@ -2706,18 +2703,25 @@ var componentData_default = {
2706
2703
  Input,
2707
2704
  InputHelpText,
2708
2705
  InputHelpTextInternal,
2709
- Modal,
2710
- ModalActions,
2711
- ModalContent,
2712
- ModalContext,
2713
- ModalDescription,
2714
- ModalTitle,
2715
- UDSModalConfigProvider,
2716
- Popover,
2717
- PopoverContent,
2718
- PopoverContext,
2719
- PopoverTrigger,
2720
- UDSPopoverConfigProvider,
2706
+ Chip,
2707
+ ChipBase,
2708
+ ChipButton,
2709
+ ChipDismissible,
2710
+ ChipLink,
2711
+ ChipToggle,
2712
+ BottomSheet,
2713
+ BottomSheetContent,
2714
+ BottomSheetDismiss,
2715
+ BottomSheetHandle,
2716
+ BottomSheetHeader,
2717
+ BottomSheetInternalContext,
2718
+ BottomSheetProvider,
2719
+ BottomSheetTrigger,
2720
+ UDSBottomSheetConfigProvider,
2721
+ Avatar,
2722
+ AvatarIcon,
2723
+ AvatarImage,
2724
+ AvatarText,
2721
2725
  Radio,
2722
2726
  RadioGroupProvider,
2723
2727
  RadioGroupStore,
@@ -2734,11 +2738,7 @@ var componentData_default = {
2734
2738
  TooltipTrigger,
2735
2739
  UDSTooltipConfigProvider,
2736
2740
  UDSBreakpointsConfigProvider,
2737
- UDSConfigProvider,
2738
- Accordion,
2739
- AvoidMotionLibraryProvider,
2740
- SegmentedControl,
2741
- SwitchV2
2741
+ UDSConfigProvider
2742
2742
  };
2743
2743
  //#endregion
2744
2744
  export { Accordion, AnimateHeightChange, Avatar, AvatarIcon, AvatarImage, AvatarText, AvoidMotionLibraryProvider, Badge, Banner, BannerContent, BannerDescription, BannerTitle, BottomSheet, BottomSheetContent, BottomSheetDismiss, BottomSheetHandle, BottomSheetHeader, BottomSheetInternalContext, BottomSheetProvider, BottomSheetTrigger, Box, Button, Checkbox, Chip, ChipBase, ChipButton, ChipDismissible, ChipLink, ChipToggle, Divider, DividerCore, DividerInternal, FormLabel, HStack, Icon, IconButton, IconSlot, Image, Input, InputHelpText, InputHelpTextInternal, Link, Menu, Menu_Content as "Menu.Content", Menu_Divider as "Menu.Divider", Menu_Item as "Menu.Item", Menu_ItemBase as "Menu.ItemBase", Menu_ItemCheckbox as "Menu.ItemCheckbox", Menu_Provider as "Menu.Provider", Menu_Trigger as "Menu.Trigger", Menu_index as "Menu.index", Modal, ModalActions, ModalContent, ModalContext, ModalDescription, ModalTitle, Popover, PopoverContent, PopoverContext, PopoverTrigger, Pressable, Radio, RadioGroupProvider, RadioGroupStore, Scrim, SegmentedControl, Spinner, SpringMotionConfig, SvgFloatingOverlay, Switch, SwitchV2, Tab, TabList, TabPanel, Table, Table_mocks as "Table.mocks", Tabs, Text, Toast, ToastContainer, ToastPortal, Tooltip, TooltipContent, TooltipTrigger, UDSBottomSheetConfigProvider, UDSBreakpointsConfigProvider, UDSConfigProvider, UDSModalConfigProvider, UDSPopoverConfigProvider, UDSToastConfigProvider, UDSTooltipConfigProvider, VStack, componentData_default as default };