@yahoo/uds 3.150.1-beta.1 → 3.150.1-beta.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (14) 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/css/dist/purger/optimized/purgeFromCode.cjs +1 -1
  6. package/dist/css/dist/purger/optimized/purgeFromCode.js +1 -1
  7. package/dist/styles/styler.d.cts +57 -57
  8. package/dist/styles/styler.d.ts +57 -57
  9. package/dist/tailwind-v3/dist/purger/legacy/purgeCSS.cjs +3 -2
  10. package/dist/tailwind-v3/dist/purger/legacy/purgeCSS.js +3 -2
  11. package/dist/uds/generated/componentData.cjs +863 -856
  12. package/dist/uds/generated/componentData.js +863 -856
  13. package/generated/componentData.json +1300 -1293
  14. package/package.json +1 -1
package/dist/uds/generated/componentData.cjs CHANGED
@@ -427,6 +427,74 @@ var componentData_default = {
427
427
  "runtimeConfigInternalComponentProps": {},
428
428
  "motionVarPrefixes": []
429
429
  },
430
+ Spinner: {
431
+ "name": "Spinner",
432
+ "defaultProps": {
433
+ "color": "primary",
434
+ "size": "lg"
435
+ },
436
+ "getStylesLiterals": {},
437
+ "cxLiterals": [
438
+ "self-center",
439
+ "relative",
440
+ "sr-only"
441
+ ],
442
+ "internalComponents": ["Icon"],
443
+ "internalComponentProps": { "Icon": {
444
+ "role": ["img"],
445
+ "className": ["animate-spin"],
446
+ "aria-hidden": ["true"]
447
+ } },
448
+ "propToVariantKeys": {},
449
+ "runtimeConfigDefaultProps": {},
450
+ "runtimeConfigGetStyles": {},
451
+ "runtimeConfigInternalComponentProps": {},
452
+ "motionVarPrefixes": []
453
+ },
454
+ "Table.mocks": {
455
+ "name": "Table.mocks",
456
+ "defaultProps": {},
457
+ "getStylesLiterals": {},
458
+ "cxLiterals": [],
459
+ "internalComponents": [],
460
+ "internalComponentProps": {},
461
+ "propToVariantKeys": {},
462
+ "runtimeConfigDefaultProps": {},
463
+ "runtimeConfigGetStyles": {},
464
+ "runtimeConfigInternalComponentProps": {},
465
+ "motionVarPrefixes": []
466
+ },
467
+ Table: {
468
+ "name": "Table",
469
+ "defaultProps": {
470
+ "display": "table-cell",
471
+ "overflow": "hidden",
472
+ "borderColor": "muted",
473
+ "borderRadius": "md",
474
+ "spacing": "3",
475
+ "borderBottomColor": "muted",
476
+ "borderBottomWidth": "thin",
477
+ "color": "primary"
478
+ },
479
+ "getStylesLiterals": { "textAlign": "start" },
480
+ "cxLiterals": [],
481
+ "internalComponents": [
482
+ "CellComponent",
483
+ "Box",
484
+ "Text",
485
+ "Table.Root",
486
+ "Table.Header",
487
+ "Table.Row",
488
+ "Table.Cell",
489
+ "Table.Body"
490
+ ],
491
+ "internalComponentProps": { "Table.Cell": { "asHeaderCell": ["column"] } },
492
+ "propToVariantKeys": {},
493
+ "runtimeConfigDefaultProps": {},
494
+ "runtimeConfigGetStyles": {},
495
+ "runtimeConfigInternalComponentProps": {},
496
+ "motionVarPrefixes": []
497
+ },
430
498
  AnimateHeightChange: {
431
499
  "name": "AnimateHeightChange",
432
500
  "defaultProps": {},
@@ -502,7 +570,10 @@ var componentData_default = {
502
570
  "withIcon",
503
571
  "uds-button-with-gap",
504
572
  "animate-spin",
505
- "truncate"
573
+ "truncate",
574
+ "flex",
575
+ "overflow-clip",
576
+ "uds-button-icon-container"
506
577
  ],
507
578
  "internalComponents": [
508
579
  "Icon",
@@ -553,10 +624,12 @@ var componentData_default = {
553
624
  "uds-ring-within",
554
625
  "transition-[background-color,border-color,box-shadow]",
555
626
  "pointer-events-none",
627
+ "opacity-0",
628
+ "opacity-55",
629
+ "opacity-100",
556
630
  "transition-opacity",
557
631
  "cursor-[inherit]",
558
632
  "absolute",
559
- "opacity-0",
560
633
  "top-1/2",
561
634
  "left-1/2",
562
635
  "w-[calc(100%+2px)]",
@@ -769,32 +842,59 @@ var componentData_default = {
769
842
  "runtimeConfigInternalComponentProps": {},
770
843
  "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
771
844
  },
772
- Spinner: {
773
- "name": "Spinner",
845
+ Accordion: {
846
+ "name": "Accordion",
774
847
  "defaultProps": {
775
- "color": "primary",
776
- "size": "lg"
848
+ "spacingHorizontal": "4",
849
+ "spacingVertical": "4"
777
850
  },
778
851
  "getStylesLiterals": {},
779
- "cxLiterals": [
780
- "self-center",
781
- "relative",
782
- "sr-only"
852
+ "cxLiterals": ["hover:bg-secondary/80", "w-full"],
853
+ "internalComponents": [
854
+ "Icon",
855
+ "SpringMotionConfig",
856
+ "Pressable",
857
+ "Text",
858
+ "HStack",
859
+ "AnimatePresence",
860
+ "VStack"
783
861
  ],
784
- "internalComponents": ["Icon"],
785
- "internalComponentProps": { "Icon": {
786
- "role": ["img"],
787
- "className": ["animate-spin"],
788
- "aria-hidden": ["true"]
789
- } },
862
+ "internalComponentProps": {
863
+ "Icon": {
864
+ "variant": ["fill"],
865
+ "size": ["sm"],
866
+ "color": ["primary"]
867
+ },
868
+ "SpringMotionConfig": {
869
+ "layoutVariant": ["smooth"],
870
+ "layoutSpeed": ["3"]
871
+ },
872
+ "Pressable": {
873
+ "display": ["flex"],
874
+ "flexDirection": ["row"],
875
+ "alignItems": ["center"],
876
+ "justifyContent": ["space-between"],
877
+ "borderRadius": ["md"]
878
+ },
879
+ "Text": {
880
+ "variant": ["title4"],
881
+ "color": ["primary"]
882
+ },
883
+ "HStack": {
884
+ "display": ["flex"],
885
+ "alignItems": ["center"],
886
+ "justifyContent": ["space-between"],
887
+ "columnGap": ["2.5"]
888
+ }
889
+ },
790
890
  "propToVariantKeys": {},
791
891
  "runtimeConfigDefaultProps": {},
792
892
  "runtimeConfigGetStyles": {},
793
893
  "runtimeConfigInternalComponentProps": {},
794
- "motionVarPrefixes": []
894
+ "motionVarPrefixes": ["--uds-motion-smooth-3-"]
795
895
  },
796
- "Table.mocks": {
797
- "name": "Table.mocks",
896
+ AvoidMotionLibraryProvider: {
897
+ "name": "AvoidMotionLibraryProvider",
798
898
  "defaultProps": {},
799
899
  "getStylesLiterals": {},
800
900
  "cxLiterals": [],
@@ -806,62 +906,187 @@ var componentData_default = {
806
906
  "runtimeConfigInternalComponentProps": {},
807
907
  "motionVarPrefixes": []
808
908
  },
809
- Table: {
810
- "name": "Table",
811
- "defaultProps": {
812
- "display": "table-cell",
813
- "overflow": "hidden",
909
+ SegmentedControl: {
910
+ "name": "SegmentedControl",
911
+ "defaultProps": { "textVariant": "label2" },
912
+ "getStylesLiterals": {
913
+ "display": "flex",
914
+ "alignItems": "center",
915
+ "backgroundColor": "primary",
916
+ "spacingVertical": "1",
917
+ "spacingHorizontal": "3",
918
+ "columnGap": "1.5",
919
+ "borderWidth": "thin",
920
+ "borderRadius": "full",
814
921
  "borderColor": "muted",
815
- "borderRadius": "md",
816
- "spacing": "3",
817
- "borderBottomColor": "muted",
818
- "borderBottomWidth": "thin",
819
- "color": "primary"
922
+ "borderColor:1": "transparent",
923
+ "color": "primary",
924
+ "color:1": "tertiary",
925
+ "color:2": "muted"
820
926
  },
821
- "getStylesLiterals": { "textAlign": "start" },
822
- "cxLiterals": [],
927
+ "cxLiterals": [
928
+ "uds-ring",
929
+ "cursor-not-allowed",
930
+ "opacity-50",
931
+ "pointer-events-none",
932
+ "hover:bg-primary"
933
+ ],
823
934
  "internalComponents": [
824
- "CellComponent",
825
- "Box",
826
- "Text",
827
- "Table.Root",
828
- "Table.Header",
829
- "Table.Row",
830
- "Table.Cell",
831
- "Table.Body"
935
+ "Radio",
936
+ "Icon",
937
+ "RadioProvider",
938
+ "HStack",
939
+ "RadioGroup",
940
+ "Pressable",
941
+ "Text"
832
942
  ],
833
- "internalComponentProps": { "Table.Cell": { "asHeaderCell": ["column"] } },
834
- "propToVariantKeys": {},
835
- "runtimeConfigDefaultProps": {},
836
- "runtimeConfigGetStyles": {},
837
- "runtimeConfigInternalComponentProps": {},
838
- "motionVarPrefixes": []
839
- },
840
- Avatar: {
841
- "name": "Avatar",
842
- "defaultProps": {},
843
- "getStylesLiterals": {},
844
- "cxLiterals": [],
845
- "internalComponents": ["AvatarImage"],
846
- "internalComponentProps": {},
847
- "propToVariantKeys": {},
943
+ "internalComponentProps": {
944
+ "Icon": {
945
+ "size": ["sm"],
946
+ "color": ["current"],
947
+ "aria-hidden": ["true"]
948
+ },
949
+ "HStack": {
950
+ "spacing": ["1"],
951
+ "gap": ["1"],
952
+ "backgroundColor": ["secondary"],
953
+ "borderRadius": ["full"],
954
+ "display": ["inline-flex"]
955
+ },
956
+ "Text": { "color": ["current"] }
957
+ },
958
+ "propToVariantKeys": {
959
+ "value": ["key"],
960
+ "label": ["aria-label"],
961
+ "textVariant": ["variant"]
962
+ },
848
963
  "runtimeConfigDefaultProps": {},
849
964
  "runtimeConfigGetStyles": {},
850
965
  "runtimeConfigInternalComponentProps": {},
851
966
  "motionVarPrefixes": []
852
967
  },
853
- AvatarIcon: {
854
- "name": "AvatarIcon",
968
+ SwitchV2: {
969
+ "name": "SwitchV2",
855
970
  "defaultProps": {
856
- "size": "md",
857
- "variant": "primary"
971
+ "labelPosition": "start",
972
+ "size": "md"
973
+ },
974
+ "getStylesLiterals": {
975
+ "switchVariantRoot": "default",
976
+ "switchVariantActiveRoot": "on",
977
+ "switchVariantActiveRoot:1": "off",
978
+ "switchVariantSwitch": "default",
979
+ "switchVariantActiveSwitch": "on",
980
+ "switchVariantActiveSwitch:1": "off",
981
+ "switchVariantActiveHandle": "on",
982
+ "switchVariantActiveHandle:1": "off",
983
+ "switchVariantHandle": "default",
984
+ "switchVariantHandleIcon": "default",
985
+ "switchVariantActiveHandleIcon": "on",
986
+ "switchVariantActiveHandleIcon:1": "off"
858
987
  },
859
- "getStylesLiterals": {},
860
988
  "cxLiterals": [
861
- "overflow-hidden",
989
+ "group",
990
+ "flex",
991
+ "items-center",
992
+ "flex-row",
993
+ "flex-row-reverse",
994
+ "uds-ring",
995
+ "uds-ring-within",
996
+ "relative",
997
+ "uds-border-radius-full",
998
+ "transition-[background-color,box-shadow]",
999
+ "pointer-events-none",
862
1000
  "w-full",
863
1001
  "h-full",
864
- "shrink-0",
1002
+ "absolute",
1003
+ "top-0",
1004
+ "bottom-0",
1005
+ "right-0",
1006
+ "left-0",
1007
+ "overflow-hidden",
1008
+ "group-hover:scale-105",
1009
+ "opacity-95",
1010
+ "group-hover:opacity-100",
1011
+ "transition-[transform,opacity]",
1012
+ "opacity-0",
1013
+ "top-1/2",
1014
+ "left-1/2",
1015
+ "transform",
1016
+ "translate-x-[-50%]",
1017
+ "translate-y-[-50%]",
1018
+ "transition-opacity",
1019
+ "cursor-[inherit]",
1020
+ "w-[calc(100%+2px)]",
1021
+ "h-[calc(100%+2px)]",
1022
+ "text-start",
1023
+ "text-end",
1024
+ "opacity-100"
1025
+ ],
1026
+ "internalComponents": [
1027
+ "IconSlot",
1028
+ "Box",
1029
+ "FormLabel",
1030
+ "SpringMotionConfig",
1031
+ "RootElement",
1032
+ "MotionBox"
1033
+ ],
1034
+ "internalComponentProps": {
1035
+ "IconSlot": { "data-testid": ["on-icon", "off-icon"] },
1036
+ "FormLabel": {
1037
+ "as": ["div"],
1038
+ "variant": ["inherit"],
1039
+ "color": ["inherit"]
1040
+ },
1041
+ "SpringMotionConfig": {
1042
+ "layoutVariant": ["bouncy"],
1043
+ "layoutSpeed": ["4"]
1044
+ },
1045
+ "RootElement": { "data-testid": ["switch-root"] },
1046
+ "MotionBox": { "layout": ["position"] }
1047
+ },
1048
+ "propToVariantKeys": {
1049
+ "size": [
1050
+ "switchSizeRoot",
1051
+ "switchSizeSwitch",
1052
+ "switchSizeHandle",
1053
+ "switchSizeHandleIcon"
1054
+ ],
1055
+ "onIcon": ["icon"],
1056
+ "offIcon": ["icon"],
1057
+ "reduceMotion": ["reducedMotion"],
1058
+ "isOn": ["layoutDependency"]
1059
+ },
1060
+ "runtimeConfigDefaultProps": {},
1061
+ "runtimeConfigGetStyles": {},
1062
+ "runtimeConfigInternalComponentProps": {},
1063
+ "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
1064
+ },
1065
+ Avatar: {
1066
+ "name": "Avatar",
1067
+ "defaultProps": {},
1068
+ "getStylesLiterals": {},
1069
+ "cxLiterals": [],
1070
+ "internalComponents": ["AvatarImage"],
1071
+ "internalComponentProps": {},
1072
+ "propToVariantKeys": {},
1073
+ "runtimeConfigDefaultProps": {},
1074
+ "runtimeConfigGetStyles": {},
1075
+ "runtimeConfigInternalComponentProps": {},
1076
+ "motionVarPrefixes": []
1077
+ },
1078
+ AvatarIcon: {
1079
+ "name": "AvatarIcon",
1080
+ "defaultProps": {
1081
+ "size": "md",
1082
+ "variant": "primary"
1083
+ },
1084
+ "getStylesLiterals": {},
1085
+ "cxLiterals": [
1086
+ "overflow-hidden",
1087
+ "w-full",
1088
+ "h-full",
1089
+ "shrink-0",
865
1090
  "text-center",
866
1091
  "inline-flex",
867
1092
  "justify-center",
@@ -938,304 +1163,107 @@ var componentData_default = {
938
1163
  "runtimeConfigInternalComponentProps": {},
939
1164
  "motionVarPrefixes": []
940
1165
  },
941
- BottomSheet: {
942
- "name": "BottomSheet",
943
- "defaultProps": { "variant": "default" },
1166
+ Chip: {
1167
+ "name": "Chip",
1168
+ "defaultProps": {},
944
1169
  "getStylesLiterals": {},
945
- "cxLiterals": [
946
- "fixed",
947
- "overflow-hidden",
948
- "inset-x-0",
949
- "bottom-0",
950
- "z-50",
951
- "[will-change:transform]",
952
- "touch-none",
953
- "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
954
- "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
955
- "transition-transform",
956
- "duration-500",
957
- "ease-[cubic-bezier(0.32,0.72,0,1)]",
958
- "motion-reduce:transition-none",
959
- "top-[-4px]",
960
- "z-[1]",
961
- "touch-pan-y"
962
- ],
1170
+ "cxLiterals": [],
963
1171
  "internalComponents": [
964
- "Scrim",
965
- "BottomSheetHandle",
966
- "Dialog",
967
- "Box",
968
- "BottomSheetInternalContext.Provider"
1172
+ "ChipDismissible",
1173
+ "ChipToggle",
1174
+ "ChipLink",
1175
+ "ChipButton"
969
1176
  ],
970
- "internalComponentProps": {
971
- "BottomSheetHandle": { "ariaLabel": ["Resize sheet"] },
972
- "Dialog": { "data-testid": ["bottom-sheet"] },
973
- "Box": {
974
- "display": ["block", "flex"],
975
- "position": ["absolute"],
976
- "flexDirection": ["column"],
977
- "className": ["absolute inset-0 min-h-0 p-[inherit]"]
978
- }
979
- },
980
- "propToVariantKeys": { "variant": ["bottomsheetVariantRoot"] },
1177
+ "internalComponentProps": {},
1178
+ "propToVariantKeys": {},
981
1179
  "runtimeConfigDefaultProps": {},
982
1180
  "runtimeConfigGetStyles": {},
983
1181
  "runtimeConfigInternalComponentProps": {},
984
1182
  "motionVarPrefixes": []
985
1183
  },
986
- BottomSheetContent: {
987
- "name": "BottomSheetContent",
988
- "defaultProps": {},
1184
+ ChipBase: {
1185
+ "name": "ChipBase",
1186
+ "defaultProps": {
1187
+ "size": "md",
1188
+ "as": "div"
1189
+ },
989
1190
  "getStylesLiterals": {},
990
- "cxLiterals": ["min-h-0", "touch-pan-y"],
991
- "internalComponents": ["Box", "VStack"],
992
- "internalComponentProps": {
993
- "Box": {
994
- "display": ["block"],
995
- "flex": ["1"]
996
- },
997
- "VStack": { "className": ["pb-[calc(env(safe-area-inset-bottom))]"] }
1191
+ "cxLiterals": [
1192
+ "pointer-events-none",
1193
+ "cursor-default",
1194
+ "opacity-50",
1195
+ "inline-flex",
1196
+ "items-center",
1197
+ "transition-[background-color,outline-color,box-shadow]",
1198
+ "truncate",
1199
+ "whitespace-nowrap",
1200
+ "text-center",
1201
+ "flex-1",
1202
+ "md",
1203
+ "primary"
1204
+ ],
1205
+ "internalComponents": [
1206
+ "IconSlot",
1207
+ "HStack",
1208
+ "As",
1209
+ "Text"
1210
+ ],
1211
+ "internalComponentProps": { "Text": {
1212
+ "as": ["span"],
1213
+ "color": ["current"],
1214
+ "variant": ["inherit"]
1215
+ } },
1216
+ "propToVariantKeys": {
1217
+ "size": ["chipSizeRoot", "chipSizeIcon"],
1218
+ "startIcon": ["icon"],
1219
+ "endIcon": ["icon"]
998
1220
  },
999
- "propToVariantKeys": {},
1000
1221
  "runtimeConfigDefaultProps": {},
1001
1222
  "runtimeConfigGetStyles": {},
1002
1223
  "runtimeConfigInternalComponentProps": {},
1003
1224
  "motionVarPrefixes": []
1004
1225
  },
1005
- BottomSheetDismiss: {
1006
- "name": "BottomSheetDismiss",
1007
- "defaultProps": {},
1226
+ ChipButton: {
1227
+ "name": "ChipButton",
1228
+ "defaultProps": { "variant": "primary" },
1008
1229
  "getStylesLiterals": {},
1009
- "cxLiterals": [],
1010
- "internalComponents": ["AriakitDialogDismiss"],
1011
- "internalComponentProps": {},
1012
- "propToVariantKeys": {},
1230
+ "cxLiterals": ["uds-ring"],
1231
+ "internalComponents": ["ChipBase"],
1232
+ "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1233
+ "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1013
1234
  "runtimeConfigDefaultProps": {},
1014
1235
  "runtimeConfigGetStyles": {},
1015
1236
  "runtimeConfigInternalComponentProps": {},
1016
1237
  "motionVarPrefixes": []
1017
1238
  },
1018
- BottomSheetHandle: {
1019
- "name": "BottomSheetHandle",
1020
- "defaultProps": { "variant": "default" },
1239
+ ChipDismissible: {
1240
+ "name": "ChipDismissible",
1241
+ "defaultProps": { "variant": "primary" },
1021
1242
  "getStylesLiterals": {},
1022
1243
  "cxLiterals": [
1023
- "relative",
1024
- "h-5",
1025
- "w-16",
1026
- "outline-none",
1027
- "focus-visible:outline-none",
1028
- "[touch-action:pan-y]",
1029
- "absolute",
1030
- "left-1/2",
1031
- "top-1/2",
1032
- "-translate-x-1/2",
1033
- "-translate-y-1/2",
1034
- "h-1",
1035
- "w-8",
1244
+ "uds-chip-dismissible-button",
1245
+ "uds-hit-target",
1246
+ "uds-ring",
1036
1247
  "rounded-full"
1037
1248
  ],
1038
- "internalComponents": ["Box"],
1039
- "internalComponentProps": { "Box": {
1040
- "display": ["block", "flex"],
1041
- "justifyContent": ["center"]
1042
- } },
1043
- "propToVariantKeys": { "variant": ["bottomsheetVariantHandleIndicator"] },
1249
+ "internalComponents": [
1250
+ "ChipBase",
1251
+ "IconSlot",
1252
+ "Pressable"
1253
+ ],
1254
+ "internalComponentProps": {},
1255
+ "propToVariantKeys": {
1256
+ "variant": ["chipDismissibleVariantRoot", "chipDismissibleVariantIcon"],
1257
+ "dismissButtonAriaLabel": ["aria-label"]
1258
+ },
1044
1259
  "runtimeConfigDefaultProps": {},
1045
1260
  "runtimeConfigGetStyles": {},
1046
1261
  "runtimeConfigInternalComponentProps": {},
1047
1262
  "motionVarPrefixes": []
1048
1263
  },
1049
- BottomSheetHeader: {
1050
- "name": "BottomSheetHeader",
1051
- "defaultProps": { "variant": "default" },
1052
- "getStylesLiterals": {},
1053
- "cxLiterals": [
1054
- "grid-cols-[40px_1fr_40px]",
1055
- "items-center",
1056
- "w-full",
1057
- "min-h-10",
1058
- "mt-2"
1059
- ],
1060
- "internalComponents": [
1061
- "Box",
1062
- "Text",
1063
- "DialogHeading"
1064
- ],
1065
- "internalComponentProps": {
1066
- "Box": {
1067
- "className": ["h-10 w-10 opacity-0 pointer-events-none"],
1068
- "display": ["grid", "flex"],
1069
- "justifyContent": ["flex-start", "flex-end"]
1070
- },
1071
- "Text": {
1072
- "as": ["p"],
1073
- "variant": ["inherit"],
1074
- "color": ["inherit"],
1075
- "textAlign": ["center"],
1076
- "className": ["m-0 w-full"]
1077
- },
1078
- "DialogHeading": { "role": ["heading"] }
1079
- },
1080
- "propToVariantKeys": { "variant": ["bottomsheetVariantHeader"] },
1081
- "runtimeConfigDefaultProps": {},
1082
- "runtimeConfigGetStyles": {},
1083
- "runtimeConfigInternalComponentProps": {},
1084
- "motionVarPrefixes": []
1085
- },
1086
- BottomSheetInternalContext: {
1087
- "name": "BottomSheetInternalContext",
1088
- "defaultProps": {},
1089
- "getStylesLiterals": {},
1090
- "cxLiterals": [],
1091
- "internalComponents": [],
1092
- "internalComponentProps": {},
1093
- "propToVariantKeys": {},
1094
- "runtimeConfigDefaultProps": {},
1095
- "runtimeConfigGetStyles": {},
1096
- "runtimeConfigInternalComponentProps": {},
1097
- "motionVarPrefixes": []
1098
- },
1099
- BottomSheetProvider: {
1100
- "name": "BottomSheetProvider",
1101
- "defaultProps": {},
1102
- "getStylesLiterals": {},
1103
- "cxLiterals": [],
1104
- "internalComponents": ["AriakitDialogProvider"],
1105
- "internalComponentProps": {},
1106
- "propToVariantKeys": {},
1107
- "runtimeConfigDefaultProps": {},
1108
- "runtimeConfigGetStyles": {},
1109
- "runtimeConfigInternalComponentProps": {},
1110
- "motionVarPrefixes": []
1111
- },
1112
- BottomSheetTrigger: {
1113
- "name": "BottomSheetTrigger",
1114
- "defaultProps": {},
1115
- "getStylesLiterals": {},
1116
- "cxLiterals": [],
1117
- "internalComponents": ["AriakitDialogDisclosure"],
1118
- "internalComponentProps": {},
1119
- "propToVariantKeys": {},
1120
- "runtimeConfigDefaultProps": {},
1121
- "runtimeConfigGetStyles": {},
1122
- "runtimeConfigInternalComponentProps": {},
1123
- "motionVarPrefixes": []
1124
- },
1125
- UDSBottomSheetConfigProvider: {
1126
- "name": "UDSBottomSheetConfigProvider",
1127
- "defaultProps": {},
1128
- "getStylesLiterals": {},
1129
- "cxLiterals": [],
1130
- "internalComponents": ["BottomSheetContext.Provider"],
1131
- "internalComponentProps": {},
1132
- "propToVariantKeys": {},
1133
- "runtimeConfigDefaultProps": {},
1134
- "runtimeConfigGetStyles": {},
1135
- "runtimeConfigInternalComponentProps": {},
1136
- "motionVarPrefixes": []
1137
- },
1138
- Chip: {
1139
- "name": "Chip",
1140
- "defaultProps": {},
1141
- "getStylesLiterals": {},
1142
- "cxLiterals": [],
1143
- "internalComponents": [
1144
- "ChipDismissible",
1145
- "ChipToggle",
1146
- "ChipLink",
1147
- "ChipButton"
1148
- ],
1149
- "internalComponentProps": {},
1150
- "propToVariantKeys": {},
1151
- "runtimeConfigDefaultProps": {},
1152
- "runtimeConfigGetStyles": {},
1153
- "runtimeConfigInternalComponentProps": {},
1154
- "motionVarPrefixes": []
1155
- },
1156
- ChipBase: {
1157
- "name": "ChipBase",
1158
- "defaultProps": {
1159
- "size": "md",
1160
- "as": "div"
1161
- },
1162
- "getStylesLiterals": {},
1163
- "cxLiterals": [
1164
- "pointer-events-none",
1165
- "cursor-default",
1166
- "opacity-50",
1167
- "inline-flex",
1168
- "items-center",
1169
- "transition-[background-color,outline-color,box-shadow]",
1170
- "truncate",
1171
- "whitespace-nowrap",
1172
- "text-center",
1173
- "flex-1",
1174
- "md",
1175
- "primary"
1176
- ],
1177
- "internalComponents": [
1178
- "IconSlot",
1179
- "HStack",
1180
- "As",
1181
- "Text"
1182
- ],
1183
- "internalComponentProps": { "Text": {
1184
- "as": ["span"],
1185
- "color": ["current"],
1186
- "variant": ["inherit"]
1187
- } },
1188
- "propToVariantKeys": {
1189
- "size": ["chipSizeRoot", "chipSizeIcon"],
1190
- "startIcon": ["icon"],
1191
- "endIcon": ["icon"]
1192
- },
1193
- "runtimeConfigDefaultProps": {},
1194
- "runtimeConfigGetStyles": {},
1195
- "runtimeConfigInternalComponentProps": {},
1196
- "motionVarPrefixes": []
1197
- },
1198
- ChipButton: {
1199
- "name": "ChipButton",
1200
- "defaultProps": { "variant": "primary" },
1201
- "getStylesLiterals": {},
1202
- "cxLiterals": ["uds-ring"],
1203
- "internalComponents": ["ChipBase"],
1204
- "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1205
- "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1206
- "runtimeConfigDefaultProps": {},
1207
- "runtimeConfigGetStyles": {},
1208
- "runtimeConfigInternalComponentProps": {},
1209
- "motionVarPrefixes": []
1210
- },
1211
- ChipDismissible: {
1212
- "name": "ChipDismissible",
1213
- "defaultProps": { "variant": "primary" },
1214
- "getStylesLiterals": {},
1215
- "cxLiterals": [
1216
- "uds-chip-dismissible-button",
1217
- "uds-hit-target",
1218
- "uds-ring",
1219
- "rounded-full"
1220
- ],
1221
- "internalComponents": [
1222
- "ChipBase",
1223
- "IconSlot",
1224
- "Pressable"
1225
- ],
1226
- "internalComponentProps": {},
1227
- "propToVariantKeys": {
1228
- "variant": ["chipDismissibleVariantRoot", "chipDismissibleVariantIcon"],
1229
- "dismissButtonAriaLabel": ["aria-label"]
1230
- },
1231
- "runtimeConfigDefaultProps": {},
1232
- "runtimeConfigGetStyles": {},
1233
- "runtimeConfigInternalComponentProps": {},
1234
- "motionVarPrefixes": []
1235
- },
1236
- ChipLink: {
1237
- "name": "ChipLink",
1238
- "defaultProps": { "variant": "primary" },
1264
+ ChipLink: {
1265
+ "name": "ChipLink",
1266
+ "defaultProps": { "variant": "primary" },
1239
1267
  "getStylesLiterals": {},
1240
1268
  "cxLiterals": ["uds-ring"],
1241
1269
  "internalComponents": ["ChipBase"],
@@ -1822,66 +1850,263 @@ var componentData_default = {
1822
1850
  "runtimeConfigInternalComponentProps": {},
1823
1851
  "motionVarPrefixes": []
1824
1852
  },
1825
- PaddleButton: {
1826
- "name": "PaddleButton",
1827
- "defaultProps": {},
1853
+ BottomSheet: {
1854
+ "name": "BottomSheet",
1855
+ "defaultProps": { "variant": "default" },
1828
1856
  "getStylesLiterals": {},
1829
1857
  "cxLiterals": [
1830
- "relative",
1831
- "inline-flex",
1832
- "items-center",
1833
- "justify-center",
1834
- "box-border",
1858
+ "fixed",
1835
1859
  "overflow-hidden",
1836
- "border-solid",
1837
- "select-none",
1838
- "uds-nested-radius",
1839
- "transition-[color,border-color,box-shadow]",
1840
- "duration-[180ms]",
1841
- "ease-[cubic-bezier(0,0,0.2,1)]",
1842
- "uds-ring",
1843
- "cursor-pointer",
1844
- "cursor-not-allowed",
1845
- "opacity-50",
1846
- "pointer-events-none",
1847
- "hidden",
1848
- "absolute",
1849
- "inset-0",
1850
- "-z-10",
1851
- "rounded-[var(--uds-nested-radius)]",
1852
- "transition-[background-color,opacity]"
1860
+ "inset-x-0",
1861
+ "bottom-0",
1862
+ "z-50",
1863
+ "[will-change:transform]",
1864
+ "touch-none",
1865
+ "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
1866
+ "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
1867
+ "transition-transform",
1868
+ "duration-500",
1869
+ "ease-[cubic-bezier(0.32,0.72,0,1)]",
1870
+ "motion-reduce:transition-none",
1871
+ "top-[-4px]",
1872
+ "z-[1]",
1873
+ "touch-pan-y"
1853
1874
  ],
1854
- "internalComponents": ["Icon"],
1855
- "internalComponentProps": { "Icon": {
1856
- "size": ["md"],
1857
- "color": ["current"]
1858
- } },
1859
- "propToVariantKeys": {
1860
- "size": ["paddlenavSizeRoot", "paddlenavSizeIcon"],
1861
- "variant": [
1862
- "paddlenavVariantRoot",
1863
- "paddlenavVariantBackground",
1864
- "paddlenavVariantIcon"
1865
- ]
1875
+ "internalComponents": [
1876
+ "Scrim",
1877
+ "BottomSheetHandle",
1878
+ "Dialog",
1879
+ "Box",
1880
+ "BottomSheetInternalContext.Provider"
1881
+ ],
1882
+ "internalComponentProps": {
1883
+ "BottomSheetHandle": { "ariaLabel": ["Resize sheet"] },
1884
+ "Dialog": { "data-testid": ["bottom-sheet"] },
1885
+ "Box": {
1886
+ "display": ["block", "flex"],
1887
+ "position": ["absolute"],
1888
+ "flexDirection": ["column"],
1889
+ "className": ["absolute inset-0 min-h-0 p-[inherit]"]
1890
+ }
1866
1891
  },
1892
+ "propToVariantKeys": { "variant": ["bottomsheetVariantRoot"] },
1867
1893
  "runtimeConfigDefaultProps": {},
1868
1894
  "runtimeConfigGetStyles": {},
1869
1895
  "runtimeConfigInternalComponentProps": {},
1870
1896
  "motionVarPrefixes": []
1871
1897
  },
1872
- PaddleButtonNext: {
1873
- "name": "PaddleButtonNext",
1898
+ BottomSheetContent: {
1899
+ "name": "BottomSheetContent",
1874
1900
  "defaultProps": {},
1875
1901
  "getStylesLiterals": {},
1876
- "cxLiterals": [],
1877
- "internalComponents": ["PaddleButton"],
1878
- "internalComponentProps": { "PaddleButton": { "paddleRole": ["next"] } },
1879
- "propToVariantKeys": {},
1880
- "runtimeConfigDefaultProps": {},
1881
- "runtimeConfigGetStyles": {},
1882
- "runtimeConfigInternalComponentProps": {},
1883
- "motionVarPrefixes": []
1884
- },
1902
+ "cxLiterals": ["min-h-0", "touch-pan-y"],
1903
+ "internalComponents": ["Box", "VStack"],
1904
+ "internalComponentProps": {
1905
+ "Box": {
1906
+ "display": ["block"],
1907
+ "flex": ["1"]
1908
+ },
1909
+ "VStack": { "className": ["pb-[calc(env(safe-area-inset-bottom))]"] }
1910
+ },
1911
+ "propToVariantKeys": {},
1912
+ "runtimeConfigDefaultProps": {},
1913
+ "runtimeConfigGetStyles": {},
1914
+ "runtimeConfigInternalComponentProps": {},
1915
+ "motionVarPrefixes": []
1916
+ },
1917
+ BottomSheetDismiss: {
1918
+ "name": "BottomSheetDismiss",
1919
+ "defaultProps": {},
1920
+ "getStylesLiterals": {},
1921
+ "cxLiterals": [],
1922
+ "internalComponents": ["AriakitDialogDismiss"],
1923
+ "internalComponentProps": {},
1924
+ "propToVariantKeys": {},
1925
+ "runtimeConfigDefaultProps": {},
1926
+ "runtimeConfigGetStyles": {},
1927
+ "runtimeConfigInternalComponentProps": {},
1928
+ "motionVarPrefixes": []
1929
+ },
1930
+ BottomSheetHandle: {
1931
+ "name": "BottomSheetHandle",
1932
+ "defaultProps": { "variant": "default" },
1933
+ "getStylesLiterals": {},
1934
+ "cxLiterals": [
1935
+ "relative",
1936
+ "h-5",
1937
+ "w-16",
1938
+ "outline-none",
1939
+ "focus-visible:outline-none",
1940
+ "[touch-action:pan-y]",
1941
+ "absolute",
1942
+ "left-1/2",
1943
+ "top-1/2",
1944
+ "-translate-x-1/2",
1945
+ "-translate-y-1/2",
1946
+ "h-1",
1947
+ "w-8",
1948
+ "rounded-full"
1949
+ ],
1950
+ "internalComponents": ["Box"],
1951
+ "internalComponentProps": { "Box": {
1952
+ "display": ["block", "flex"],
1953
+ "justifyContent": ["center"]
1954
+ } },
1955
+ "propToVariantKeys": { "variant": ["bottomsheetVariantHandleIndicator"] },
1956
+ "runtimeConfigDefaultProps": {},
1957
+ "runtimeConfigGetStyles": {},
1958
+ "runtimeConfigInternalComponentProps": {},
1959
+ "motionVarPrefixes": []
1960
+ },
1961
+ BottomSheetHeader: {
1962
+ "name": "BottomSheetHeader",
1963
+ "defaultProps": { "variant": "default" },
1964
+ "getStylesLiterals": {},
1965
+ "cxLiterals": [
1966
+ "grid-cols-[40px_1fr_40px]",
1967
+ "items-center",
1968
+ "w-full",
1969
+ "min-h-10",
1970
+ "mt-2"
1971
+ ],
1972
+ "internalComponents": [
1973
+ "Box",
1974
+ "Text",
1975
+ "DialogHeading"
1976
+ ],
1977
+ "internalComponentProps": {
1978
+ "Box": {
1979
+ "className": ["h-10 w-10 opacity-0 pointer-events-none"],
1980
+ "display": ["grid", "flex"],
1981
+ "justifyContent": ["flex-start", "flex-end"]
1982
+ },
1983
+ "Text": {
1984
+ "as": ["p"],
1985
+ "variant": ["inherit"],
1986
+ "color": ["inherit"],
1987
+ "textAlign": ["center"],
1988
+ "className": ["m-0 w-full"]
1989
+ },
1990
+ "DialogHeading": { "role": ["heading"] }
1991
+ },
1992
+ "propToVariantKeys": { "variant": ["bottomsheetVariantHeader"] },
1993
+ "runtimeConfigDefaultProps": {},
1994
+ "runtimeConfigGetStyles": {},
1995
+ "runtimeConfigInternalComponentProps": {},
1996
+ "motionVarPrefixes": []
1997
+ },
1998
+ BottomSheetInternalContext: {
1999
+ "name": "BottomSheetInternalContext",
2000
+ "defaultProps": {},
2001
+ "getStylesLiterals": {},
2002
+ "cxLiterals": [],
2003
+ "internalComponents": [],
2004
+ "internalComponentProps": {},
2005
+ "propToVariantKeys": {},
2006
+ "runtimeConfigDefaultProps": {},
2007
+ "runtimeConfigGetStyles": {},
2008
+ "runtimeConfigInternalComponentProps": {},
2009
+ "motionVarPrefixes": []
2010
+ },
2011
+ BottomSheetProvider: {
2012
+ "name": "BottomSheetProvider",
2013
+ "defaultProps": {},
2014
+ "getStylesLiterals": {},
2015
+ "cxLiterals": [],
2016
+ "internalComponents": ["AriakitDialogProvider"],
2017
+ "internalComponentProps": {},
2018
+ "propToVariantKeys": {},
2019
+ "runtimeConfigDefaultProps": {},
2020
+ "runtimeConfigGetStyles": {},
2021
+ "runtimeConfigInternalComponentProps": {},
2022
+ "motionVarPrefixes": []
2023
+ },
2024
+ BottomSheetTrigger: {
2025
+ "name": "BottomSheetTrigger",
2026
+ "defaultProps": {},
2027
+ "getStylesLiterals": {},
2028
+ "cxLiterals": [],
2029
+ "internalComponents": ["AriakitDialogDisclosure"],
2030
+ "internalComponentProps": {},
2031
+ "propToVariantKeys": {},
2032
+ "runtimeConfigDefaultProps": {},
2033
+ "runtimeConfigGetStyles": {},
2034
+ "runtimeConfigInternalComponentProps": {},
2035
+ "motionVarPrefixes": []
2036
+ },
2037
+ 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
+ PaddleButton: {
2051
+ "name": "PaddleButton",
2052
+ "defaultProps": {},
2053
+ "getStylesLiterals": {},
2054
+ "cxLiterals": [
2055
+ "relative",
2056
+ "inline-flex",
2057
+ "items-center",
2058
+ "justify-center",
2059
+ "box-border",
2060
+ "overflow-hidden",
2061
+ "border-solid",
2062
+ "select-none",
2063
+ "uds-nested-radius",
2064
+ "transition-[color,border-color,box-shadow]",
2065
+ "duration-[180ms]",
2066
+ "ease-[cubic-bezier(0,0,0.2,1)]",
2067
+ "uds-ring",
2068
+ "cursor-pointer",
2069
+ "cursor-not-allowed",
2070
+ "opacity-50",
2071
+ "pointer-events-none",
2072
+ "hidden",
2073
+ "absolute",
2074
+ "inset-0",
2075
+ "-z-10",
2076
+ "rounded-[var(--uds-nested-radius)]",
2077
+ "transition-[background-color,opacity]"
2078
+ ],
2079
+ "internalComponents": ["Icon"],
2080
+ "internalComponentProps": { "Icon": {
2081
+ "size": ["md"],
2082
+ "color": ["current"]
2083
+ } },
2084
+ "propToVariantKeys": {
2085
+ "size": ["paddlenavSizeRoot", "paddlenavSizeIcon"],
2086
+ "variant": [
2087
+ "paddlenavVariantRoot",
2088
+ "paddlenavVariantBackground",
2089
+ "paddlenavVariantIcon"
2090
+ ]
2091
+ },
2092
+ "runtimeConfigDefaultProps": {},
2093
+ "runtimeConfigGetStyles": {},
2094
+ "runtimeConfigInternalComponentProps": {},
2095
+ "motionVarPrefixes": []
2096
+ },
2097
+ PaddleButtonNext: {
2098
+ "name": "PaddleButtonNext",
2099
+ "defaultProps": {},
2100
+ "getStylesLiterals": {},
2101
+ "cxLiterals": [],
2102
+ "internalComponents": ["PaddleButton"],
2103
+ "internalComponentProps": { "PaddleButton": { "paddleRole": ["next"] } },
2104
+ "propToVariantKeys": {},
2105
+ "runtimeConfigDefaultProps": {},
2106
+ "runtimeConfigGetStyles": {},
2107
+ "runtimeConfigInternalComponentProps": {},
2108
+ "motionVarPrefixes": []
2109
+ },
1885
2110
  PaddleButtonPrevious: {
1886
2111
  "name": "PaddleButtonPrevious",
1887
2112
  "defaultProps": {},
@@ -1961,497 +2186,38 @@ var componentData_default = {
1961
2186
  "runtimeConfigInternalComponentProps": {},
1962
2187
  "motionVarPrefixes": []
1963
2188
  },
1964
- Popover: {
1965
- "name": "Popover",
2189
+ UDSBreakpointsConfigProvider: {
2190
+ "name": "UDSBreakpointsConfigProvider",
1966
2191
  "defaultProps": {},
1967
2192
  "getStylesLiterals": {},
1968
- "cxLiterals": ["uds:popover-open"],
1969
- "internalComponents": ["PopoverInternalContext.Provider", "PopoverProvider"],
2193
+ "cxLiterals": [],
2194
+ "internalComponents": ["UDSBreakpointsConfigContext.Provider"],
1970
2195
  "internalComponentProps": {},
1971
2196
  "propToVariantKeys": {},
1972
- "runtimeConfigDefaultProps": {
1973
- "size": "popover.defaultSize",
1974
- "variant": "popover.defaultVariant"
1975
- },
1976
- "runtimeConfigGetStyles": {},
1977
- "runtimeConfigInternalComponentProps": {},
1978
- "motionVarPrefixes": []
1979
- },
1980
- PopoverContent: {
1981
- "name": "PopoverContent",
1982
- "defaultProps": {},
1983
- "getStylesLiterals": {
1984
- "popoverSizeRoot": "default",
1985
- "popoverVariantRoot": "default",
1986
- "display": "flex",
1987
- "position": "relative",
1988
- "display:1": "block",
1989
- "spacingTop": "0",
1990
- "spacingStart": "0",
1991
- "spacingBottom": "0",
1992
- "spacingEnd": "0",
1993
- "popoverSizeSvgBase": "default",
1994
- "popoverVariantSvgBase": "default",
1995
- "popoverSizeSvgBorder": "default",
1996
- "popoverVariantSvgBorder": "default",
1997
- "popoverVariantBlur": "default",
1998
- "position:1": "absolute",
1999
- "width": "full",
2000
- "height": "full",
2001
- "flexShrink": "0",
2002
- "borderRadius": "full",
2003
- "alignItems": "center",
2004
- "justifyContent": "center",
2005
- "popoverVariantCloseIcon": "default",
2006
- "popoverSizeCloseIcon": "default"
2007
- },
2008
- "cxLiterals": [
2009
- "z-[9999]",
2010
- "outline-none",
2011
- "focus-visible:outline-none",
2012
- "uds-bgBlurFillFallback",
2013
- "uds-bgBlurFallback",
2014
- "top-0",
2015
- "left-0",
2016
- "z-[1]",
2017
- "duration-0",
2018
- "duration-120",
2019
- "transition-[background-color]",
2020
- "bg-carbon-15/0",
2021
- "hover:bg-carbon-15/10",
2022
- "active:bg-carbon-15/15",
2023
- "uds-ring",
2024
- "absolute",
2025
- "z-[4]"
2026
- ],
2027
- "internalComponents": [
2028
- "PopoverDismiss",
2029
- "IconSlot",
2030
- "PopoverArrow",
2031
- "Popover",
2032
- "SvgFloatingOverlay",
2033
- "Box",
2034
- "Pressable"
2035
- ],
2036
- "internalComponentProps": {},
2037
- "propToVariantKeys": { "closeIcon": ["icon"] },
2038
- "runtimeConfigDefaultProps": {
2039
- "size": "popover.defaultSize",
2040
- "variant": "popover.defaultVariant"
2041
- },
2042
- "runtimeConfigGetStyles": {
2043
- "spacingTop": ["popover.spacingVertical.${size}"],
2044
- "spacingStart": ["popover.spacingHorizontal.${size}"],
2045
- "spacingBottom": ["popover.spacingVertical.${size}"],
2046
- "spacingEnd": ["popover.spacingHorizontal.${size}"]
2047
- },
2048
- "runtimeConfigInternalComponentProps": { "SvgFloatingOverlay": { "borderRadius": ["popover.borderRadius.${size}"] } },
2049
- "motionVarPrefixes": []
2050
- },
2051
- PopoverContext: {
2052
- "name": "PopoverContext",
2053
- "defaultProps": {},
2054
- "getStylesLiterals": {},
2055
- "cxLiterals": [],
2056
- "internalComponents": [],
2057
- "internalComponentProps": {},
2058
- "propToVariantKeys": {},
2059
- "runtimeConfigDefaultProps": {},
2060
- "runtimeConfigGetStyles": {},
2061
- "runtimeConfigInternalComponentProps": {},
2062
- "motionVarPrefixes": []
2063
- },
2064
- PopoverTrigger: {
2065
- "name": "PopoverTrigger",
2066
- "defaultProps": {},
2067
- "getStylesLiterals": {},
2068
- "cxLiterals": [],
2069
- "internalComponents": ["PopoverDisclosure"],
2070
- "internalComponentProps": { "PopoverDisclosure": { "className": ["inline"] } },
2071
- "propToVariantKeys": { "children": ["render"] },
2072
- "runtimeConfigDefaultProps": {},
2073
- "runtimeConfigGetStyles": {},
2074
- "runtimeConfigInternalComponentProps": {},
2075
- "motionVarPrefixes": []
2076
- },
2077
- UDSPopoverConfigProvider: {
2078
- "name": "UDSPopoverConfigProvider",
2079
- "defaultProps": {},
2080
- "getStylesLiterals": {},
2081
- "cxLiterals": [],
2082
- "internalComponents": ["PopoverContext.Provider"],
2083
- "internalComponentProps": {},
2084
- "propToVariantKeys": {},
2085
- "runtimeConfigDefaultProps": {},
2086
- "runtimeConfigGetStyles": {},
2087
- "runtimeConfigInternalComponentProps": {},
2088
- "motionVarPrefixes": []
2089
- },
2090
- Radio: {
2091
- "name": "Radio",
2092
- "defaultProps": {
2093
- "labelPosition": "start",
2094
- "variant": "primary",
2095
- "size": "md",
2096
- "value": ""
2097
- },
2098
- "getStylesLiterals": {
2099
- "radioVariantValueRoot": "checked",
2100
- "radioVariantValueRoot:1": "unchecked",
2101
- "display": "flex",
2102
- "flexDirection": "row",
2103
- "flexDirection:1": "row-reverse",
2104
- "alignItems": "center",
2105
- "radioVariantValueRadio": "checked",
2106
- "radioVariantValueRadio:1": "unchecked",
2107
- "radioVariantValueRadioCircle": "checked",
2108
- "radioVariantValueRadioCircle:1": "unchecked"
2109
- },
2110
- "cxLiterals": [
2111
- "cursor-pointer",
2112
- "cursor-default",
2113
- "opacity-50",
2114
- "border",
2115
- "uds-ring",
2116
- "uds-ring-within",
2117
- "transition-[background-color,border-color]",
2118
- "transition-shadow",
2119
- "pointer-events-none",
2120
- "w-[8px]",
2121
- "h-[8px]",
2122
- "transition-opacity",
2123
- "cursor-[inherit]",
2124
- "absolute",
2125
- "opacity-0",
2126
- "top-1/2",
2127
- "left-1/2",
2128
- "w-[calc(100%+2px)]",
2129
- "h-[calc(100%+2px)]",
2130
- "transform",
2131
- "translate-x-[-50%]",
2132
- "translate-y-[-50%]",
2133
- "text-start",
2134
- "text-end"
2135
- ],
2136
- "internalComponents": [
2137
- "Box",
2138
- "FormLabel",
2139
- "SpringMotionConfig",
2140
- "RootElement",
2141
- "MotionBox"
2142
- ],
2143
- "internalComponentProps": {
2144
- "Box": { "borderRadius": ["full"] },
2145
- "FormLabel": {
2146
- "as": ["div"],
2147
- "variant": ["inherit"],
2148
- "color": ["inherit"]
2149
- },
2150
- "RootElement": { "data-testid": ["container"] },
2151
- "MotionBox": {
2152
- "position": ["relative"],
2153
- "borderRadius": ["full"],
2154
- "alignItems": ["center"],
2155
- "justifyContent": ["center"],
2156
- "flex": ["none"]
2157
- }
2158
- },
2159
- "propToVariantKeys": {
2160
- "size": ["radioSizeRoot", "radioSizeRadio"],
2161
- "variant": [
2162
- "radioVariantRoot",
2163
- "radioVariantRadio",
2164
- "radioVariantRadioCircle"
2165
- ],
2166
- "reduceMotion": ["reducedMotion"]
2167
- },
2168
- "runtimeConfigDefaultProps": {},
2169
- "runtimeConfigGetStyles": {},
2170
- "runtimeConfigInternalComponentProps": {},
2171
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
2172
- },
2173
- RadioGroupProvider: {
2174
- "name": "RadioGroupProvider",
2175
- "defaultProps": {},
2176
- "getStylesLiterals": {},
2177
- "cxLiterals": [],
2178
- "internalComponents": [
2179
- "DivProps",
2180
- "Comp",
2181
- "RadioGroupContext.Provider"
2182
- ],
2183
- "internalComponentProps": { "Comp": { "role": ["radiogroup"] } },
2184
- "propToVariantKeys": {},
2185
- "runtimeConfigDefaultProps": {},
2186
- "runtimeConfigGetStyles": {},
2187
- "runtimeConfigInternalComponentProps": {},
2188
- "motionVarPrefixes": []
2189
- },
2190
- RadioGroupStore: {
2191
- "name": "RadioGroupStore",
2192
- "defaultProps": {},
2193
- "getStylesLiterals": {},
2194
- "cxLiterals": [],
2195
- "internalComponents": [],
2196
- "internalComponentProps": {},
2197
- "propToVariantKeys": {},
2198
- "runtimeConfigDefaultProps": {},
2199
- "runtimeConfigGetStyles": {},
2200
- "runtimeConfigInternalComponentProps": {},
2201
- "motionVarPrefixes": []
2202
- },
2203
- UDSBreakpointsConfigProvider: {
2204
- "name": "UDSBreakpointsConfigProvider",
2205
- "defaultProps": {},
2206
- "getStylesLiterals": {},
2207
- "cxLiterals": [],
2208
- "internalComponents": ["UDSBreakpointsConfigContext.Provider"],
2209
- "internalComponentProps": {},
2210
- "propToVariantKeys": {},
2211
- "runtimeConfigDefaultProps": {},
2197
+ "runtimeConfigDefaultProps": {},
2212
2198
  "runtimeConfigGetStyles": {},
2213
2199
  "runtimeConfigInternalComponentProps": {},
2214
2200
  "motionVarPrefixes": []
2215
2201
  },
2216
2202
  UDSConfigProvider: {
2217
- "name": "UDSConfigProvider",
2218
- "defaultProps": {},
2219
- "getStylesLiterals": {},
2220
- "cxLiterals": [],
2221
- "internalComponents": [
2222
- "UDSBreakpointsConfigProvider",
2223
- "UDSBottomSheetConfigProvider",
2224
- "UDSToastConfigProvider",
2225
- "UDSTooltipConfigProvider",
2226
- "UDSPopoverConfigProvider",
2227
- "UDSModalConfigProvider"
2228
- ],
2229
- "internalComponentProps": {},
2230
- "propToVariantKeys": {},
2231
- "runtimeConfigDefaultProps": {},
2232
- "runtimeConfigGetStyles": {},
2233
- "runtimeConfigInternalComponentProps": {},
2234
- "motionVarPrefixes": []
2235
- },
2236
- Accordion: {
2237
- "name": "Accordion",
2238
- "defaultProps": {
2239
- "spacingHorizontal": "4",
2240
- "spacingVertical": "4"
2241
- },
2242
- "getStylesLiterals": {},
2243
- "cxLiterals": ["hover:bg-secondary/80", "w-full"],
2244
- "internalComponents": [
2245
- "Icon",
2246
- "SpringMotionConfig",
2247
- "Pressable",
2248
- "Text",
2249
- "HStack",
2250
- "AnimatePresence",
2251
- "VStack"
2252
- ],
2253
- "internalComponentProps": {
2254
- "Icon": {
2255
- "variant": ["fill"],
2256
- "size": ["sm"],
2257
- "color": ["primary"]
2258
- },
2259
- "SpringMotionConfig": {
2260
- "layoutVariant": ["smooth"],
2261
- "layoutSpeed": ["3"]
2262
- },
2263
- "Pressable": {
2264
- "display": ["flex"],
2265
- "flexDirection": ["row"],
2266
- "alignItems": ["center"],
2267
- "justifyContent": ["space-between"],
2268
- "borderRadius": ["md"]
2269
- },
2270
- "Text": {
2271
- "variant": ["title4"],
2272
- "color": ["primary"]
2273
- },
2274
- "HStack": {
2275
- "display": ["flex"],
2276
- "alignItems": ["center"],
2277
- "justifyContent": ["space-between"],
2278
- "columnGap": ["2.5"]
2279
- }
2280
- },
2281
- "propToVariantKeys": {},
2282
- "runtimeConfigDefaultProps": {},
2283
- "runtimeConfigGetStyles": {},
2284
- "runtimeConfigInternalComponentProps": {},
2285
- "motionVarPrefixes": ["--uds-motion-smooth-3-"]
2286
- },
2287
- AvoidMotionLibraryProvider: {
2288
- "name": "AvoidMotionLibraryProvider",
2289
- "defaultProps": {},
2290
- "getStylesLiterals": {},
2291
- "cxLiterals": [],
2292
- "internalComponents": [],
2293
- "internalComponentProps": {},
2294
- "propToVariantKeys": {},
2295
- "runtimeConfigDefaultProps": {},
2296
- "runtimeConfigGetStyles": {},
2297
- "runtimeConfigInternalComponentProps": {},
2298
- "motionVarPrefixes": []
2299
- },
2300
- SegmentedControl: {
2301
- "name": "SegmentedControl",
2302
- "defaultProps": { "textVariant": "label2" },
2303
- "getStylesLiterals": {
2304
- "display": "flex",
2305
- "alignItems": "center",
2306
- "backgroundColor": "primary",
2307
- "spacingVertical": "1",
2308
- "spacingHorizontal": "3",
2309
- "columnGap": "1.5",
2310
- "borderWidth": "thin",
2311
- "borderRadius": "full",
2312
- "borderColor": "muted",
2313
- "borderColor:1": "transparent",
2314
- "color": "primary",
2315
- "color:1": "tertiary",
2316
- "color:2": "muted"
2317
- },
2318
- "cxLiterals": [
2319
- "uds-ring",
2320
- "cursor-not-allowed",
2321
- "opacity-50",
2322
- "pointer-events-none",
2323
- "hover:bg-primary"
2324
- ],
2325
- "internalComponents": [
2326
- "Radio",
2327
- "Icon",
2328
- "RadioProvider",
2329
- "HStack",
2330
- "RadioGroup",
2331
- "Pressable",
2332
- "Text"
2333
- ],
2334
- "internalComponentProps": {
2335
- "Icon": {
2336
- "size": ["sm"],
2337
- "color": ["current"],
2338
- "aria-hidden": ["true"]
2339
- },
2340
- "HStack": {
2341
- "spacing": ["1"],
2342
- "gap": ["1"],
2343
- "backgroundColor": ["secondary"],
2344
- "borderRadius": ["full"],
2345
- "display": ["inline-flex"]
2346
- },
2347
- "Text": { "color": ["current"] }
2348
- },
2349
- "propToVariantKeys": {
2350
- "value": ["key"],
2351
- "label": ["aria-label"],
2352
- "textVariant": ["variant"]
2353
- },
2354
- "runtimeConfigDefaultProps": {},
2355
- "runtimeConfigGetStyles": {},
2356
- "runtimeConfigInternalComponentProps": {},
2357
- "motionVarPrefixes": []
2358
- },
2359
- SwitchV2: {
2360
- "name": "SwitchV2",
2361
- "defaultProps": {
2362
- "labelPosition": "start",
2363
- "size": "md"
2364
- },
2365
- "getStylesLiterals": {
2366
- "switchVariantRoot": "default",
2367
- "switchVariantActiveRoot": "on",
2368
- "switchVariantActiveRoot:1": "off",
2369
- "switchVariantSwitch": "default",
2370
- "switchVariantActiveSwitch": "on",
2371
- "switchVariantActiveSwitch:1": "off",
2372
- "switchVariantActiveHandle": "on",
2373
- "switchVariantActiveHandle:1": "off",
2374
- "switchVariantHandle": "default",
2375
- "switchVariantHandleIcon": "default",
2376
- "switchVariantActiveHandleIcon": "on",
2377
- "switchVariantActiveHandleIcon:1": "off"
2378
- },
2379
- "cxLiterals": [
2380
- "group",
2381
- "flex",
2382
- "items-center",
2383
- "flex-row",
2384
- "flex-row-reverse",
2385
- "uds-ring",
2386
- "uds-ring-within",
2387
- "relative",
2388
- "uds-border-radius-full",
2389
- "transition-[background-color,box-shadow]",
2390
- "pointer-events-none",
2391
- "w-full",
2392
- "h-full",
2393
- "absolute",
2394
- "top-0",
2395
- "bottom-0",
2396
- "right-0",
2397
- "left-0",
2398
- "overflow-hidden",
2399
- "group-hover:scale-105",
2400
- "opacity-95",
2401
- "group-hover:opacity-100",
2402
- "transition-[transform,opacity]",
2403
- "opacity-0",
2404
- "top-1/2",
2405
- "left-1/2",
2406
- "transform",
2407
- "translate-x-[-50%]",
2408
- "translate-y-[-50%]",
2409
- "transition-opacity",
2410
- "cursor-[inherit]",
2411
- "w-[calc(100%+2px)]",
2412
- "h-[calc(100%+2px)]",
2413
- "text-start",
2414
- "text-end",
2415
- "opacity-100"
2416
- ],
2417
- "internalComponents": [
2418
- "IconSlot",
2419
- "Box",
2420
- "FormLabel",
2421
- "SpringMotionConfig",
2422
- "RootElement",
2423
- "MotionBox"
2424
- ],
2425
- "internalComponentProps": {
2426
- "IconSlot": { "data-testid": ["on-icon", "off-icon"] },
2427
- "FormLabel": {
2428
- "as": ["div"],
2429
- "variant": ["inherit"],
2430
- "color": ["inherit"]
2431
- },
2432
- "SpringMotionConfig": {
2433
- "layoutVariant": ["bouncy"],
2434
- "layoutSpeed": ["4"]
2435
- },
2436
- "RootElement": { "data-testid": ["switch-root"] },
2437
- "MotionBox": { "layout": ["position"] }
2438
- },
2439
- "propToVariantKeys": {
2440
- "size": [
2441
- "switchSizeRoot",
2442
- "switchSizeSwitch",
2443
- "switchSizeHandle",
2444
- "switchSizeHandleIcon"
2445
- ],
2446
- "onIcon": ["icon"],
2447
- "offIcon": ["icon"],
2448
- "reduceMotion": ["reducedMotion"],
2449
- "isOn": ["layoutDependency"]
2450
- },
2203
+ "name": "UDSConfigProvider",
2204
+ "defaultProps": {},
2205
+ "getStylesLiterals": {},
2206
+ "cxLiterals": [],
2207
+ "internalComponents": [
2208
+ "UDSBreakpointsConfigProvider",
2209
+ "UDSBottomSheetConfigProvider",
2210
+ "UDSToastConfigProvider",
2211
+ "UDSTooltipConfigProvider",
2212
+ "UDSPopoverConfigProvider",
2213
+ "UDSModalConfigProvider"
2214
+ ],
2215
+ "internalComponentProps": {},
2216
+ "propToVariantKeys": {},
2451
2217
  "runtimeConfigDefaultProps": {},
2452
2218
  "runtimeConfigGetStyles": {},
2453
2219
  "runtimeConfigInternalComponentProps": {},
2454
- "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
2220
+ "motionVarPrefixes": []
2455
2221
  },
2456
2222
  Tooltip: {
2457
2223
  "name": "Tooltip",
@@ -2814,6 +2580,247 @@ var componentData_default = {
2814
2580
  "runtimeConfigGetStyles": {},
2815
2581
  "runtimeConfigInternalComponentProps": {},
2816
2582
  "motionVarPrefixes": []
2583
+ },
2584
+ Radio: {
2585
+ "name": "Radio",
2586
+ "defaultProps": {
2587
+ "labelPosition": "start",
2588
+ "variant": "primary",
2589
+ "size": "md",
2590
+ "value": ""
2591
+ },
2592
+ "getStylesLiterals": {
2593
+ "radioVariantValueRoot": "checked",
2594
+ "radioVariantValueRoot:1": "unchecked",
2595
+ "display": "flex",
2596
+ "flexDirection": "row",
2597
+ "flexDirection:1": "row-reverse",
2598
+ "alignItems": "center",
2599
+ "radioVariantValueRadio": "checked",
2600
+ "radioVariantValueRadio:1": "unchecked",
2601
+ "radioVariantValueRadioCircle": "checked",
2602
+ "radioVariantValueRadioCircle:1": "unchecked"
2603
+ },
2604
+ "cxLiterals": [
2605
+ "cursor-pointer",
2606
+ "cursor-default",
2607
+ "opacity-50",
2608
+ "border",
2609
+ "uds-ring",
2610
+ "uds-ring-within",
2611
+ "transition-[background-color,border-color]",
2612
+ "transition-shadow",
2613
+ "pointer-events-none",
2614
+ "w-[8px]",
2615
+ "h-[8px]",
2616
+ "opacity-55",
2617
+ "opacity-100",
2618
+ "opacity-0",
2619
+ "transition-opacity",
2620
+ "cursor-[inherit]",
2621
+ "absolute",
2622
+ "top-1/2",
2623
+ "left-1/2",
2624
+ "w-[calc(100%+2px)]",
2625
+ "h-[calc(100%+2px)]",
2626
+ "transform",
2627
+ "translate-x-[-50%]",
2628
+ "translate-y-[-50%]",
2629
+ "text-start",
2630
+ "text-end"
2631
+ ],
2632
+ "internalComponents": [
2633
+ "Box",
2634
+ "FormLabel",
2635
+ "SpringMotionConfig",
2636
+ "RootElement",
2637
+ "MotionBox"
2638
+ ],
2639
+ "internalComponentProps": {
2640
+ "Box": { "borderRadius": ["full"] },
2641
+ "FormLabel": {
2642
+ "as": ["div"],
2643
+ "variant": ["inherit"],
2644
+ "color": ["inherit"]
2645
+ },
2646
+ "RootElement": { "data-testid": ["container"] },
2647
+ "MotionBox": {
2648
+ "position": ["relative"],
2649
+ "borderRadius": ["full"],
2650
+ "alignItems": ["center"],
2651
+ "justifyContent": ["center"],
2652
+ "flex": ["none"]
2653
+ }
2654
+ },
2655
+ "propToVariantKeys": {
2656
+ "size": ["radioSizeRoot", "radioSizeRadio"],
2657
+ "variant": [
2658
+ "radioVariantRoot",
2659
+ "radioVariantRadio",
2660
+ "radioVariantRadioCircle"
2661
+ ],
2662
+ "reduceMotion": ["reducedMotion"]
2663
+ },
2664
+ "runtimeConfigDefaultProps": {},
2665
+ "runtimeConfigGetStyles": {},
2666
+ "runtimeConfigInternalComponentProps": {},
2667
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
2668
+ },
2669
+ RadioGroupProvider: {
2670
+ "name": "RadioGroupProvider",
2671
+ "defaultProps": {},
2672
+ "getStylesLiterals": {},
2673
+ "cxLiterals": [],
2674
+ "internalComponents": [
2675
+ "DivProps",
2676
+ "Comp",
2677
+ "RadioGroupContext.Provider"
2678
+ ],
2679
+ "internalComponentProps": { "Comp": { "role": ["radiogroup"] } },
2680
+ "propToVariantKeys": {},
2681
+ "runtimeConfigDefaultProps": {},
2682
+ "runtimeConfigGetStyles": {},
2683
+ "runtimeConfigInternalComponentProps": {},
2684
+ "motionVarPrefixes": []
2685
+ },
2686
+ RadioGroupStore: {
2687
+ "name": "RadioGroupStore",
2688
+ "defaultProps": {},
2689
+ "getStylesLiterals": {},
2690
+ "cxLiterals": [],
2691
+ "internalComponents": [],
2692
+ "internalComponentProps": {},
2693
+ "propToVariantKeys": {},
2694
+ "runtimeConfigDefaultProps": {},
2695
+ "runtimeConfigGetStyles": {},
2696
+ "runtimeConfigInternalComponentProps": {},
2697
+ "motionVarPrefixes": []
2698
+ },
2699
+ Popover: {
2700
+ "name": "Popover",
2701
+ "defaultProps": {},
2702
+ "getStylesLiterals": {},
2703
+ "cxLiterals": ["uds:popover-open"],
2704
+ "internalComponents": ["PopoverInternalContext.Provider", "PopoverProvider"],
2705
+ "internalComponentProps": {},
2706
+ "propToVariantKeys": {},
2707
+ "runtimeConfigDefaultProps": {
2708
+ "size": "popover.defaultSize",
2709
+ "variant": "popover.defaultVariant"
2710
+ },
2711
+ "runtimeConfigGetStyles": {},
2712
+ "runtimeConfigInternalComponentProps": {},
2713
+ "motionVarPrefixes": []
2714
+ },
2715
+ PopoverContent: {
2716
+ "name": "PopoverContent",
2717
+ "defaultProps": {},
2718
+ "getStylesLiterals": {
2719
+ "popoverSizeRoot": "default",
2720
+ "popoverVariantRoot": "default",
2721
+ "display": "flex",
2722
+ "position": "relative",
2723
+ "display:1": "block",
2724
+ "spacingTop": "0",
2725
+ "spacingStart": "0",
2726
+ "spacingBottom": "0",
2727
+ "spacingEnd": "0",
2728
+ "popoverSizeSvgBase": "default",
2729
+ "popoverVariantSvgBase": "default",
2730
+ "popoverSizeSvgBorder": "default",
2731
+ "popoverVariantSvgBorder": "default",
2732
+ "popoverVariantBlur": "default",
2733
+ "position:1": "absolute",
2734
+ "width": "full",
2735
+ "height": "full",
2736
+ "flexShrink": "0",
2737
+ "borderRadius": "full",
2738
+ "alignItems": "center",
2739
+ "justifyContent": "center",
2740
+ "popoverVariantCloseIcon": "default",
2741
+ "popoverSizeCloseIcon": "default"
2742
+ },
2743
+ "cxLiterals": [
2744
+ "z-[9999]",
2745
+ "outline-none",
2746
+ "focus-visible:outline-none",
2747
+ "uds-bgBlurFillFallback",
2748
+ "uds-bgBlurFallback",
2749
+ "top-0",
2750
+ "left-0",
2751
+ "z-[1]",
2752
+ "duration-0",
2753
+ "duration-120",
2754
+ "transition-[background-color]",
2755
+ "bg-carbon-15/0",
2756
+ "hover:bg-carbon-15/10",
2757
+ "active:bg-carbon-15/15",
2758
+ "uds-ring",
2759
+ "absolute",
2760
+ "z-[4]"
2761
+ ],
2762
+ "internalComponents": [
2763
+ "PopoverDismiss",
2764
+ "IconSlot",
2765
+ "PopoverArrow",
2766
+ "Popover",
2767
+ "SvgFloatingOverlay",
2768
+ "Box",
2769
+ "Pressable"
2770
+ ],
2771
+ "internalComponentProps": {},
2772
+ "propToVariantKeys": { "closeIcon": ["icon"] },
2773
+ "runtimeConfigDefaultProps": {
2774
+ "size": "popover.defaultSize",
2775
+ "variant": "popover.defaultVariant"
2776
+ },
2777
+ "runtimeConfigGetStyles": {
2778
+ "spacingTop": ["popover.spacingVertical.${size}"],
2779
+ "spacingStart": ["popover.spacingHorizontal.${size}"],
2780
+ "spacingBottom": ["popover.spacingVertical.${size}"],
2781
+ "spacingEnd": ["popover.spacingHorizontal.${size}"]
2782
+ },
2783
+ "runtimeConfigInternalComponentProps": { "SvgFloatingOverlay": { "borderRadius": ["popover.borderRadius.${size}"] } },
2784
+ "motionVarPrefixes": []
2785
+ },
2786
+ PopoverContext: {
2787
+ "name": "PopoverContext",
2788
+ "defaultProps": {},
2789
+ "getStylesLiterals": {},
2790
+ "cxLiterals": [],
2791
+ "internalComponents": [],
2792
+ "internalComponentProps": {},
2793
+ "propToVariantKeys": {},
2794
+ "runtimeConfigDefaultProps": {},
2795
+ "runtimeConfigGetStyles": {},
2796
+ "runtimeConfigInternalComponentProps": {},
2797
+ "motionVarPrefixes": []
2798
+ },
2799
+ PopoverTrigger: {
2800
+ "name": "PopoverTrigger",
2801
+ "defaultProps": {},
2802
+ "getStylesLiterals": {},
2803
+ "cxLiterals": [],
2804
+ "internalComponents": ["PopoverDisclosure"],
2805
+ "internalComponentProps": { "PopoverDisclosure": { "className": ["inline"] } },
2806
+ "propToVariantKeys": { "children": ["render"] },
2807
+ "runtimeConfigDefaultProps": {},
2808
+ "runtimeConfigGetStyles": {},
2809
+ "runtimeConfigInternalComponentProps": {},
2810
+ "motionVarPrefixes": []
2811
+ },
2812
+ UDSPopoverConfigProvider: {
2813
+ "name": "UDSPopoverConfigProvider",
2814
+ "defaultProps": {},
2815
+ "getStylesLiterals": {},
2816
+ "cxLiterals": [],
2817
+ "internalComponents": ["PopoverContext.Provider"],
2818
+ "internalComponentProps": {},
2819
+ "propToVariantKeys": {},
2820
+ "runtimeConfigDefaultProps": {},
2821
+ "runtimeConfigGetStyles": {},
2822
+ "runtimeConfigInternalComponentProps": {},
2823
+ "motionVarPrefixes": []
2817
2824
  }
2818
2825
  };
2819
2826
  //#endregion