@yahoo/uds 3.153.0 → 3.153.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (19) hide show
  1. package/dist/components/client/IconButton.cjs +1 -1
  2. package/dist/components/client/IconButton.js +1 -1
  3. package/dist/components/client/Menu/Menu.ItemCheckbox.d.cts +1 -1
  4. package/dist/components/client/Menu/Menu.ItemCheckbox.d.ts +1 -1
  5. package/dist/components/client/Popover/UDSPopoverConfigProvider.d.cts +1 -1
  6. package/dist/components/client/Popover/UDSPopoverConfigProvider.d.ts +1 -1
  7. package/dist/css/dist/purger/optimized/utils/safelist.cjs +7 -0
  8. package/dist/css/dist/purger/optimized/utils/safelist.js +7 -0
  9. package/dist/styles/styler.d.cts +38 -38
  10. package/dist/styles/styler.d.ts +38 -38
  11. package/dist/uds/generated/componentData.cjs +993 -994
  12. package/dist/uds/generated/componentData.js +993 -994
  13. package/dist/uds/generated/tailwindPurge.cjs +91 -91
  14. package/dist/uds/generated/tailwindPurge.js +91 -91
  15. package/dist/uds/package.cjs +1 -0
  16. package/dist/uds/package.js +1 -0
  17. package/generated/componentData.json +1303 -1304
  18. package/generated/tailwindPurge.ts +1 -1
  19. package/package.json +2 -1
package/dist/uds/generated/componentData.cjs CHANGED
@@ -427,74 +427,6 @@ 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
- },
498
430
  AnimateHeightChange: {
499
431
  "name": "AnimateHeightChange",
500
432
  "defaultProps": {},
@@ -694,8 +626,7 @@ var componentData_default = {
694
626
  "items-center",
695
627
  "[transform-origin:center]",
696
628
  "[backface-visibility:hidden]",
697
- "[transition-property:color,background-color,border-color,",
698
- "box-shadow,text-decoration-color,fill,stroke]",
629
+ "[transition-property:color,background-color,border-color,box-shadow,text-decoration-color,fill,stroke]",
699
630
  "[transition-timing-function:cubic-bezier(0,0,0.2,1)]",
700
631
  "[transition-duration:220ms]",
701
632
  "cursor-not-allowed",
@@ -848,59 +779,32 @@ var componentData_default = {
848
779
  "runtimeConfigInternalComponentProps": {},
849
780
  "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
850
781
  },
851
- Accordion: {
852
- "name": "Accordion",
782
+ Spinner: {
783
+ "name": "Spinner",
853
784
  "defaultProps": {
854
- "spacingHorizontal": "4",
855
- "spacingVertical": "4"
785
+ "color": "primary",
786
+ "size": "lg"
856
787
  },
857
788
  "getStylesLiterals": {},
858
- "cxLiterals": ["hover:bg-secondary/80", "w-full"],
859
- "internalComponents": [
860
- "Icon",
861
- "SpringMotionConfig",
862
- "Pressable",
863
- "Text",
864
- "HStack",
865
- "AnimatePresence",
866
- "VStack"
789
+ "cxLiterals": [
790
+ "self-center",
791
+ "relative",
792
+ "sr-only"
867
793
  ],
868
- "internalComponentProps": {
869
- "Icon": {
870
- "variant": ["fill"],
871
- "size": ["sm"],
872
- "color": ["primary"]
873
- },
874
- "SpringMotionConfig": {
875
- "layoutVariant": ["smooth"],
876
- "layoutSpeed": ["3"]
877
- },
878
- "Pressable": {
879
- "display": ["flex"],
880
- "flexDirection": ["row"],
881
- "alignItems": ["center"],
882
- "justifyContent": ["space-between"],
883
- "borderRadius": ["md"]
884
- },
885
- "Text": {
886
- "variant": ["title4"],
887
- "color": ["primary"]
888
- },
889
- "HStack": {
890
- "display": ["flex"],
891
- "alignItems": ["center"],
892
- "justifyContent": ["space-between"],
893
- "columnGap": ["2.5"]
894
- }
895
- },
794
+ "internalComponents": ["Icon"],
795
+ "internalComponentProps": { "Icon": {
796
+ "role": ["img"],
797
+ "className": ["animate-spin"],
798
+ "aria-hidden": ["true"]
799
+ } },
896
800
  "propToVariantKeys": {},
897
801
  "runtimeConfigDefaultProps": {},
898
802
  "runtimeConfigGetStyles": {},
899
803
  "runtimeConfigInternalComponentProps": {},
900
- "motionVarPrefixes": ["--uds-motion-smooth-3-"]
804
+ "motionVarPrefixes": []
901
805
  },
902
- AvoidMotionLibraryProvider: {
903
- "name": "AvoidMotionLibraryProvider",
806
+ "Table.mocks": {
807
+ "name": "Table.mocks",
904
808
  "defaultProps": {},
905
809
  "getStylesLiterals": {},
906
810
  "cxLiterals": [],
@@ -912,410 +816,337 @@ var componentData_default = {
912
816
  "runtimeConfigInternalComponentProps": {},
913
817
  "motionVarPrefixes": []
914
818
  },
915
- SegmentedControl: {
916
- "name": "SegmentedControl",
917
- "defaultProps": { "textVariant": "label2" },
918
- "getStylesLiterals": {
919
- "display": "flex",
920
- "alignItems": "center",
921
- "backgroundColor": "primary",
922
- "spacingVertical": "1",
923
- "spacingHorizontal": "3",
924
- "columnGap": "1.5",
925
- "borderWidth": "thin",
926
- "borderRadius": "full",
819
+ Table: {
820
+ "name": "Table",
821
+ "defaultProps": {
822
+ "display": "table-cell",
823
+ "overflow": "hidden",
927
824
  "borderColor": "muted",
928
- "borderColor:1": "transparent",
929
- "color": "primary",
930
- "color:1": "tertiary",
931
- "color:2": "muted"
825
+ "borderRadius": "md",
826
+ "spacing": "3",
827
+ "borderBottomColor": "muted",
828
+ "borderBottomWidth": "thin",
829
+ "color": "primary"
932
830
  },
831
+ "getStylesLiterals": { "textAlign": "start" },
832
+ "cxLiterals": [],
833
+ "internalComponents": [
834
+ "CellComponent",
835
+ "Box",
836
+ "Text",
837
+ "Table.Root",
838
+ "Table.Header",
839
+ "Table.Row",
840
+ "Table.Cell",
841
+ "Table.Body"
842
+ ],
843
+ "internalComponentProps": { "Table.Cell": { "asHeaderCell": ["column"] } },
844
+ "propToVariantKeys": {},
845
+ "runtimeConfigDefaultProps": {},
846
+ "runtimeConfigGetStyles": {},
847
+ "runtimeConfigInternalComponentProps": {},
848
+ "motionVarPrefixes": []
849
+ },
850
+ PaddleButton: {
851
+ "name": "PaddleButton",
852
+ "defaultProps": {},
853
+ "getStylesLiterals": {},
933
854
  "cxLiterals": [
855
+ "relative",
856
+ "inline-flex",
857
+ "items-center",
858
+ "justify-center",
859
+ "box-border",
860
+ "overflow-hidden",
861
+ "border-solid",
862
+ "select-none",
863
+ "uds-nested-radius",
864
+ "transition-[color,border-color,box-shadow]",
865
+ "duration-[180ms]",
866
+ "ease-[cubic-bezier(0,0,0.2,1)]",
934
867
  "uds-ring",
868
+ "cursor-pointer",
935
869
  "cursor-not-allowed",
936
870
  "opacity-50",
937
871
  "pointer-events-none",
938
- "hover:bg-primary"
939
- ],
940
- "internalComponents": [
941
- "Radio",
942
- "Icon",
943
- "RadioProvider",
944
- "HStack",
945
- "RadioGroup",
946
- "Pressable",
947
- "Text"
872
+ "hidden",
873
+ "absolute",
874
+ "inset-0",
875
+ "-z-10",
876
+ "rounded-[var(--uds-nested-radius)]",
877
+ "transition-[background-color,opacity]"
948
878
  ],
949
- "internalComponentProps": {
950
- "Icon": {
951
- "size": ["sm"],
952
- "color": ["current"],
953
- "aria-hidden": ["true"]
954
- },
955
- "HStack": {
956
- "spacing": ["1"],
957
- "gap": ["1"],
958
- "backgroundColor": ["secondary"],
959
- "borderRadius": ["full"],
960
- "display": ["inline-flex"]
961
- },
962
- "Text": { "color": ["current"] }
963
- },
879
+ "internalComponents": ["Icon"],
880
+ "internalComponentProps": { "Icon": {
881
+ "size": ["md"],
882
+ "color": ["current"]
883
+ } },
964
884
  "propToVariantKeys": {
965
- "value": ["key"],
966
- "label": ["aria-label"],
967
- "textVariant": ["variant"]
885
+ "size": ["paddlenavSizeRoot", "paddlenavSizeIcon"],
886
+ "variant": [
887
+ "paddlenavVariantRoot",
888
+ "paddlenavVariantBackground",
889
+ "paddlenavVariantIcon"
890
+ ]
968
891
  },
969
892
  "runtimeConfigDefaultProps": {},
970
893
  "runtimeConfigGetStyles": {},
971
894
  "runtimeConfigInternalComponentProps": {},
972
895
  "motionVarPrefixes": []
973
896
  },
974
- SwitchV2: {
975
- "name": "SwitchV2",
976
- "defaultProps": {
977
- "labelPosition": "start",
978
- "size": "md"
979
- },
980
- "getStylesLiterals": {
981
- "switchVariantRoot": "default",
982
- "switchVariantActiveRoot": "on",
983
- "switchVariantActiveRoot:1": "off",
984
- "switchVariantSwitch": "default",
985
- "switchVariantActiveSwitch": "on",
986
- "switchVariantActiveSwitch:1": "off",
987
- "switchVariantActiveHandle": "on",
988
- "switchVariantActiveHandle:1": "off",
989
- "switchVariantHandle": "default",
990
- "switchVariantHandleIcon": "default",
991
- "switchVariantActiveHandleIcon": "on",
992
- "switchVariantActiveHandleIcon:1": "off"
993
- },
994
- "cxLiterals": [
995
- "group",
996
- "flex",
997
- "items-center",
998
- "flex-row",
999
- "flex-row-reverse",
1000
- "uds-ring",
1001
- "uds-ring-within",
1002
- "relative",
1003
- "uds-border-radius-full",
1004
- "transition-[background-color,box-shadow]",
1005
- "pointer-events-none",
1006
- "w-full",
1007
- "h-full",
1008
- "absolute",
1009
- "top-0",
1010
- "bottom-0",
1011
- "right-0",
1012
- "left-0",
1013
- "overflow-hidden",
1014
- "group-hover:scale-105",
1015
- "opacity-95",
1016
- "group-hover:opacity-100",
1017
- "transition-[transform,opacity]",
1018
- "opacity-0",
1019
- "top-1/2",
1020
- "left-1/2",
1021
- "transform",
1022
- "translate-x-[-50%]",
1023
- "translate-y-[-50%]",
1024
- "transition-opacity",
1025
- "cursor-[inherit]",
1026
- "w-[calc(100%+2px)]",
1027
- "h-[calc(100%+2px)]",
1028
- "text-start",
1029
- "text-end",
1030
- "opacity-100"
1031
- ],
1032
- "internalComponents": [
1033
- "IconSlot",
1034
- "Box",
1035
- "FormLabel",
1036
- "SpringMotionConfig",
1037
- "RootElement",
1038
- "MotionBox"
1039
- ],
1040
- "internalComponentProps": {
1041
- "IconSlot": { "data-testid": ["on-icon", "off-icon"] },
1042
- "FormLabel": {
1043
- "as": ["div"],
1044
- "variant": ["inherit"],
1045
- "color": ["inherit"]
1046
- },
1047
- "SpringMotionConfig": {
1048
- "layoutVariant": ["bouncy"],
1049
- "layoutSpeed": ["4"]
1050
- },
1051
- "RootElement": { "data-testid": ["switch-root"] },
1052
- "MotionBox": { "layout": ["position"] }
1053
- },
1054
- "propToVariantKeys": {
1055
- "size": [
1056
- "switchSizeRoot",
1057
- "switchSizeSwitch",
1058
- "switchSizeHandle",
1059
- "switchSizeHandleIcon"
1060
- ],
1061
- "onIcon": ["icon"],
1062
- "offIcon": ["icon"],
1063
- "reduceMotion": ["reducedMotion"],
1064
- "isOn": ["layoutDependency"]
1065
- },
897
+ PaddleButtonNext: {
898
+ "name": "PaddleButtonNext",
899
+ "defaultProps": {},
900
+ "getStylesLiterals": {},
901
+ "cxLiterals": [],
902
+ "internalComponents": ["PaddleButton"],
903
+ "internalComponentProps": { "PaddleButton": { "paddleRole": ["next"] } },
904
+ "propToVariantKeys": {},
1066
905
  "runtimeConfigDefaultProps": {},
1067
906
  "runtimeConfigGetStyles": {},
1068
907
  "runtimeConfigInternalComponentProps": {},
1069
- "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
908
+ "motionVarPrefixes": []
1070
909
  },
1071
- Avatar: {
1072
- "name": "Avatar",
910
+ PaddleButtonPrevious: {
911
+ "name": "PaddleButtonPrevious",
1073
912
  "defaultProps": {},
1074
913
  "getStylesLiterals": {},
1075
914
  "cxLiterals": [],
1076
- "internalComponents": ["AvatarImage"],
1077
- "internalComponentProps": {},
915
+ "internalComponents": ["PaddleButton"],
916
+ "internalComponentProps": { "PaddleButton": { "paddleRole": ["previous"] } },
1078
917
  "propToVariantKeys": {},
1079
918
  "runtimeConfigDefaultProps": {},
1080
919
  "runtimeConfigGetStyles": {},
1081
920
  "runtimeConfigInternalComponentProps": {},
1082
921
  "motionVarPrefixes": []
1083
922
  },
1084
- AvatarIcon: {
1085
- "name": "AvatarIcon",
923
+ PaddleNav: {
924
+ "name": "PaddleNav",
1086
925
  "defaultProps": {
1087
- "size": "md",
1088
- "variant": "primary"
926
+ "orientation": "horizontal",
927
+ "variant": "primary",
928
+ "size": "md"
1089
929
  },
1090
930
  "getStylesLiterals": {},
1091
931
  "cxLiterals": [
1092
- "overflow-hidden",
1093
- "w-full",
1094
- "h-full",
1095
- "shrink-0",
1096
- "text-center",
932
+ "pointer-events-none",
1097
933
  "inline-flex",
1098
- "justify-center",
1099
- "items-center"
934
+ "flex-row",
935
+ "gap-2",
936
+ "items-center",
937
+ "pointer-events-auto",
938
+ "flex-col",
939
+ "relative",
940
+ "min-w-0",
941
+ "min-h-0",
942
+ "flex-1",
943
+ "inline-block",
944
+ "absolute",
945
+ "z-10",
946
+ "top-2",
947
+ "left-1/2",
948
+ "-translate-x-1/2",
949
+ "left-2",
950
+ "top-1/2",
951
+ "-translate-y-1/2",
952
+ "bottom-2",
953
+ "right-2",
954
+ "-top-12",
955
+ "left-0",
956
+ "right-0",
957
+ "-bottom-12"
1100
958
  ],
1101
- "internalComponents": ["IconSlot", "Box"],
1102
- "internalComponentProps": {},
1103
- "propToVariantKeys": { "size": ["avatarSizeIcon"] },
959
+ "internalComponents": ["PaddleNavContext.Provider", "Box"],
960
+ "internalComponentProps": { "Box": {
961
+ "display": ["inline-flex"],
962
+ "alignItems": ["center"],
963
+ "justifyContent": ["center"],
964
+ "data-paddle-nav-outside": ["true"]
965
+ } },
966
+ "propToVariantKeys": { "orientation": ["data-paddle-nav-orientation"] },
1104
967
  "runtimeConfigDefaultProps": {},
1105
968
  "runtimeConfigGetStyles": {},
1106
969
  "runtimeConfigInternalComponentProps": {},
1107
970
  "motionVarPrefixes": []
1108
971
  },
1109
- AvatarImage: {
1110
- "name": "AvatarImage",
1111
- "defaultProps": {
1112
- "size": "md",
1113
- "variant": "primary"
1114
- },
972
+ PaddleNavContent: {
973
+ "name": "PaddleNavContent",
974
+ "defaultProps": {},
1115
975
  "getStylesLiterals": {},
1116
976
  "cxLiterals": [
1117
- "overflow-hidden",
1118
- "w-full",
1119
- "h-full",
1120
- "shrink-0",
1121
- "text-center",
1122
- "inline-flex",
1123
- "justify-center",
1124
- "items-center",
1125
- "object-cover"
1126
- ],
1127
- "internalComponents": [
1128
- "UDSImage",
1129
- "AvatarText",
1130
- "AvatarIcon",
1131
- "Box"
977
+ "min-w-0",
978
+ "min-h-0",
979
+ "relative"
1132
980
  ],
981
+ "internalComponents": [],
1133
982
  "internalComponentProps": {},
1134
- "propToVariantKeys": {
1135
- "alt": ["name"],
1136
- "fallback": ["initials"]
1137
- },
983
+ "propToVariantKeys": {},
1138
984
  "runtimeConfigDefaultProps": {},
1139
985
  "runtimeConfigGetStyles": {},
1140
986
  "runtimeConfigInternalComponentProps": {},
1141
987
  "motionVarPrefixes": []
1142
988
  },
1143
- AvatarText: {
1144
- "name": "AvatarText",
1145
- "defaultProps": {
1146
- "size": "md",
1147
- "variant": "primary"
1148
- },
989
+ ManagedModal: {
990
+ "name": "ManagedModal",
991
+ "defaultProps": {},
1149
992
  "getStylesLiterals": {},
1150
- "cxLiterals": [
1151
- "overflow-hidden",
1152
- "truncate",
1153
- "w-full",
1154
- "h-full",
1155
- "shrink-0",
1156
- "text-center",
1157
- "inline-flex",
1158
- "justify-center",
1159
- "items-center"
993
+ "cxLiterals": [],
994
+ "internalComponents": [
995
+ "Modal",
996
+ "ModalTitle",
997
+ "ModalDescription",
998
+ "ModalContent",
999
+ "ModalActions"
1160
1000
  ],
1161
- "internalComponents": ["Box", "Text"],
1162
- "internalComponentProps": { "Text": {
1163
- "color": ["inherit"],
1164
- "variant": ["inherit"]
1165
- } },
1001
+ "internalComponentProps": {},
1166
1002
  "propToVariantKeys": {},
1167
- "runtimeConfigDefaultProps": {},
1003
+ "runtimeConfigDefaultProps": {
1004
+ "size": "modal.defaultSize",
1005
+ "variant": "modal.defaultVariant"
1006
+ },
1168
1007
  "runtimeConfigGetStyles": {},
1169
1008
  "runtimeConfigInternalComponentProps": {},
1170
1009
  "motionVarPrefixes": []
1171
1010
  },
1172
- BottomSheet: {
1173
- "name": "BottomSheet",
1174
- "defaultProps": { "variant": "default" },
1175
- "getStylesLiterals": {},
1011
+ Modal: {
1012
+ "name": "Modal",
1013
+ "defaultProps": {
1014
+ "closeAriaLabel": "Close",
1015
+ "maxWidth": "auto",
1016
+ "maxHeight": "auto",
1017
+ "scrollBehavior": "outside"
1018
+ },
1019
+ "getStylesLiterals": {
1020
+ "flexDirection": "row-reverse",
1021
+ "justifyContent": "space-between",
1022
+ "alignItems": "flex-end",
1023
+ "alignItems:1": "flex-start",
1024
+ "borderRadius": "full"
1025
+ },
1176
1026
  "cxLiterals": [
1177
1027
  "fixed",
1028
+ "inset-0",
1029
+ "z-40",
1030
+ "overflow-y-auto",
1178
1031
  "overflow-hidden",
1179
- "inset-x-0",
1180
- "bottom-0",
1181
- "z-50",
1182
- "[will-change:transform]",
1183
- "touch-none",
1184
- "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
1185
- "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
1032
+ "transition-[opacity,visibility]",
1033
+ "visible",
1034
+ "opacity-100",
1035
+ "invisible",
1036
+ "opacity-0",
1037
+ "pointer-events-none",
1038
+ "uds-bgBlurFallback",
1039
+ "w-full",
1040
+ "w-fit",
1041
+ "h-full",
1042
+ "h-fit",
1043
+ "m-auto",
1044
+ "pointer-events-auto",
1045
+ "inside",
1046
+ "max-h-full",
1186
1047
  "transition-transform",
1187
- "duration-500",
1188
- "ease-[cubic-bezier(0.32,0.72,0,1)]",
1189
- "motion-reduce:transition-none",
1190
- "top-[-4px]",
1191
- "z-[1]",
1192
- "touch-pan-y"
1048
+ "duration-0",
1049
+ "duration-120",
1050
+ "transition-[background-color]",
1051
+ "bg-carbon-15/0",
1052
+ "hover:bg-carbon-15/10",
1053
+ "active:bg-carbon-15/15",
1054
+ "uds-ring",
1055
+ "[translate:50%_-50%]"
1193
1056
  ],
1194
1057
  "internalComponents": [
1195
1058
  "Scrim",
1196
- "BottomSheetHandle",
1197
- "Dialog",
1059
+ "VStack",
1060
+ "Pressable",
1061
+ "IconSlot",
1198
1062
  "Box",
1199
- "BottomSheetInternalContext.Provider"
1063
+ "Dialog",
1064
+ "ModalContext.Provider",
1065
+ "HStack",
1066
+ "DialogDismiss",
1067
+ "ModalTitle",
1068
+ "ModalDescription",
1069
+ "ModalContent",
1070
+ "ModalActions"
1200
1071
  ],
1201
- "internalComponentProps": {
1202
- "BottomSheetHandle": { "ariaLabel": ["Resize sheet"] },
1203
- "Dialog": { "data-testid": ["bottom-sheet"] },
1204
- "Box": {
1205
- "display": ["block", "flex"],
1206
- "position": ["absolute"],
1207
- "flexDirection": ["column"],
1208
- "className": ["absolute inset-0 min-h-0 p-[inherit]"]
1209
- }
1072
+ "internalComponentProps": { "Box": { "flexGrow": ["1"] } },
1073
+ "propToVariantKeys": {
1074
+ "gutter": ["spacing"],
1075
+ "size": [
1076
+ "modalSizeRoot",
1077
+ "modalSizeSpacingHorizontal",
1078
+ "modalSizeHeader",
1079
+ "modalSizeTitleDescriptionWrapper",
1080
+ "modalSizeCloseIconContainer",
1081
+ "modalSizeCloseIcon"
1082
+ ],
1083
+ "variant": ["modalVariantRoot", "modalVariantCloseIcon"],
1084
+ "closeAriaLabel": ["aria-label"],
1085
+ "closeIcon": ["icon"]
1086
+ },
1087
+ "runtimeConfigDefaultProps": {
1088
+ "size": "modal.defaultSize",
1089
+ "variant": "modal.defaultVariant"
1090
+ },
1091
+ "runtimeConfigGetStyles": {
1092
+ "spacing": ["modal.gutter.${size}"],
1093
+ "modalSizeRoot": ["modal.defaultSize"],
1094
+ "modalVariantRoot": ["modal.defaultVariant"],
1095
+ "modalSizeSpacingHorizontal": ["modal.defaultSize"],
1096
+ "modalSizeHeader": ["modal.defaultSize"],
1097
+ "modalSizeTitleDescriptionWrapper": ["modal.defaultSize"],
1098
+ "modalSizeCloseIconContainer": ["modal.defaultSize"],
1099
+ "modalSizeCloseIcon": ["modal.defaultSize"],
1100
+ "modalVariantCloseIcon": ["modal.defaultVariant"]
1210
1101
  },
1211
- "propToVariantKeys": { "variant": ["bottomsheetVariantRoot"] },
1212
- "runtimeConfigDefaultProps": {},
1213
- "runtimeConfigGetStyles": {},
1214
1102
  "runtimeConfigInternalComponentProps": {},
1215
1103
  "motionVarPrefixes": []
1216
1104
  },
1217
- BottomSheetContent: {
1218
- "name": "BottomSheetContent",
1105
+ ModalActions: {
1106
+ "name": "ModalActions",
1219
1107
  "defaultProps": {},
1220
- "getStylesLiterals": {},
1221
- "cxLiterals": ["min-h-0", "touch-pan-y"],
1222
- "internalComponents": ["Box", "VStack"],
1223
- "internalComponentProps": {
1224
- "Box": {
1225
- "display": ["block"],
1226
- "flex": ["1"]
1227
- },
1228
- "VStack": { "className": ["pb-[calc(env(safe-area-inset-bottom))]"] }
1108
+ "getStylesLiterals": {
1109
+ "flexDirection": "row-reverse",
1110
+ "justifyContent": "space-between",
1111
+ "alignItems": "center"
1112
+ },
1113
+ "cxLiterals": ["gap-[inherit]"],
1114
+ "internalComponents": ["HStack"],
1115
+ "internalComponentProps": {},
1116
+ "propToVariantKeys": { "size": ["modalSizeSpacingHorizontal", "modalSizeActions"] },
1117
+ "runtimeConfigDefaultProps": {
1118
+ "size": "modal.defaultSize",
1119
+ "variant": "modal.defaultVariant"
1120
+ },
1121
+ "runtimeConfigGetStyles": {
1122
+ "modalSizeSpacingHorizontal": ["modal.defaultSize"],
1123
+ "modalSizeActions": ["modal.defaultSize"]
1229
1124
  },
1230
- "propToVariantKeys": {},
1231
- "runtimeConfigDefaultProps": {},
1232
- "runtimeConfigGetStyles": {},
1233
1125
  "runtimeConfigInternalComponentProps": {},
1234
1126
  "motionVarPrefixes": []
1235
1127
  },
1236
- BottomSheetDismiss: {
1237
- "name": "BottomSheetDismiss",
1128
+ ModalContent: {
1129
+ "name": "ModalContent",
1238
1130
  "defaultProps": {},
1239
- "getStylesLiterals": {},
1131
+ "getStylesLiterals": {
1132
+ "overflowY": "auto",
1133
+ "display": "block",
1134
+ "flexGrow": "1"
1135
+ },
1240
1136
  "cxLiterals": [],
1241
- "internalComponents": ["AriakitDialogDismiss"],
1242
- "internalComponentProps": {},
1243
- "propToVariantKeys": {},
1244
- "runtimeConfigDefaultProps": {},
1245
- "runtimeConfigGetStyles": {},
1246
- "runtimeConfigInternalComponentProps": {},
1247
- "motionVarPrefixes": []
1248
- },
1249
- BottomSheetHandle: {
1250
- "name": "BottomSheetHandle",
1251
- "defaultProps": { "variant": "default" },
1252
- "getStylesLiterals": {},
1253
- "cxLiterals": [
1254
- "relative",
1255
- "h-5",
1256
- "w-16",
1257
- "outline-none",
1258
- "focus-visible:outline-none",
1259
- "[touch-action:pan-y]",
1260
- "absolute",
1261
- "left-1/2",
1262
- "top-1/2",
1263
- "-translate-x-1/2",
1264
- "-translate-y-1/2",
1265
- "h-1",
1266
- "w-8",
1267
- "rounded-full"
1268
- ],
1269
1137
  "internalComponents": ["Box"],
1270
- "internalComponentProps": { "Box": {
1271
- "display": ["block", "flex"],
1272
- "justifyContent": ["center"]
1273
- } },
1274
- "propToVariantKeys": { "variant": ["bottomsheetVariantHandleIndicator"] },
1275
- "runtimeConfigDefaultProps": {},
1276
- "runtimeConfigGetStyles": {},
1277
- "runtimeConfigInternalComponentProps": {},
1278
- "motionVarPrefixes": []
1279
- },
1280
- BottomSheetHeader: {
1281
- "name": "BottomSheetHeader",
1282
- "defaultProps": { "variant": "default" },
1283
- "getStylesLiterals": {},
1284
- "cxLiterals": [
1285
- "grid-cols-[40px_1fr_40px]",
1286
- "items-center",
1287
- "w-full",
1288
- "min-h-10",
1289
- "mt-2"
1290
- ],
1291
- "internalComponents": [
1292
- "Box",
1293
- "Text",
1294
- "DialogHeading"
1295
- ],
1296
- "internalComponentProps": {
1297
- "Box": {
1298
- "className": ["h-10 w-10 opacity-0 pointer-events-none"],
1299
- "display": ["grid", "flex"],
1300
- "justifyContent": ["flex-start", "flex-end"]
1301
- },
1302
- "Text": {
1303
- "as": ["p"],
1304
- "variant": ["inherit"],
1305
- "color": ["inherit"],
1306
- "textAlign": ["center"],
1307
- "className": ["m-0 w-full"]
1308
- },
1309
- "DialogHeading": { "role": ["heading"] }
1138
+ "internalComponentProps": {},
1139
+ "propToVariantKeys": { "size": ["modalSizeSpacingHorizontal"] },
1140
+ "runtimeConfigDefaultProps": {
1141
+ "size": "modal.defaultSize",
1142
+ "variant": "modal.defaultVariant"
1310
1143
  },
1311
- "propToVariantKeys": { "variant": ["bottomsheetVariantHeader"] },
1312
- "runtimeConfigDefaultProps": {},
1313
- "runtimeConfigGetStyles": {},
1144
+ "runtimeConfigGetStyles": { "modalSizeSpacingHorizontal": ["modal.defaultSize"] },
1314
1145
  "runtimeConfigInternalComponentProps": {},
1315
1146
  "motionVarPrefixes": []
1316
1147
  },
1317
- BottomSheetInternalContext: {
1318
- "name": "BottomSheetInternalContext",
1148
+ ModalContext: {
1149
+ "name": "ModalContext",
1319
1150
  "defaultProps": {},
1320
1151
  "getStylesLiterals": {},
1321
1152
  "cxLiterals": [],
@@ -1327,12 +1158,34 @@ var componentData_default = {
1327
1158
  "runtimeConfigInternalComponentProps": {},
1328
1159
  "motionVarPrefixes": []
1329
1160
  },
1330
- BottomSheetProvider: {
1331
- "name": "BottomSheetProvider",
1161
+ ModalDescription: {
1162
+ "name": "ModalDescription",
1332
1163
  "defaultProps": {},
1333
1164
  "getStylesLiterals": {},
1334
1165
  "cxLiterals": [],
1335
- "internalComponents": ["AriakitDialogProvider"],
1166
+ "internalComponents": ["Text", "DialogDescription"],
1167
+ "internalComponentProps": { "Text": { "as": ["span"] } },
1168
+ "propToVariantKeys": {
1169
+ "size": ["modalSizeDescription"],
1170
+ "variant": ["modalVariantDescription"]
1171
+ },
1172
+ "runtimeConfigDefaultProps": {
1173
+ "size": "modal.defaultSize",
1174
+ "variant": "modal.defaultVariant"
1175
+ },
1176
+ "runtimeConfigGetStyles": {
1177
+ "modalSizeDescription": ["modal.defaultSize"],
1178
+ "modalVariantDescription": ["modal.defaultVariant"]
1179
+ },
1180
+ "runtimeConfigInternalComponentProps": {},
1181
+ "motionVarPrefixes": []
1182
+ },
1183
+ ModalPortal: {
1184
+ "name": "ModalPortal",
1185
+ "defaultProps": {},
1186
+ "getStylesLiterals": {},
1187
+ "cxLiterals": [],
1188
+ "internalComponents": ["ManagedModal"],
1336
1189
  "internalComponentProps": {},
1337
1190
  "propToVariantKeys": {},
1338
1191
  "runtimeConfigDefaultProps": {},
@@ -1340,12 +1193,34 @@ var componentData_default = {
1340
1193
  "runtimeConfigInternalComponentProps": {},
1341
1194
  "motionVarPrefixes": []
1342
1195
  },
1343
- BottomSheetTrigger: {
1344
- "name": "BottomSheetTrigger",
1196
+ ModalTitle: {
1197
+ "name": "ModalTitle",
1345
1198
  "defaultProps": {},
1346
1199
  "getStylesLiterals": {},
1347
1200
  "cxLiterals": [],
1348
- "internalComponents": ["AriakitDialogDisclosure"],
1201
+ "internalComponents": ["Text", "DialogHeading"],
1202
+ "internalComponentProps": { "Text": { "as": ["span"] } },
1203
+ "propToVariantKeys": {
1204
+ "size": ["modalSizeTitle"],
1205
+ "variant": ["modalVariantTitle"]
1206
+ },
1207
+ "runtimeConfigDefaultProps": {
1208
+ "size": "modal.defaultSize",
1209
+ "variant": "modal.defaultVariant"
1210
+ },
1211
+ "runtimeConfigGetStyles": {
1212
+ "modalSizeTitle": ["modal.defaultSize"],
1213
+ "modalVariantTitle": ["modal.defaultVariant"]
1214
+ },
1215
+ "runtimeConfigInternalComponentProps": {},
1216
+ "motionVarPrefixes": []
1217
+ },
1218
+ UDSModalConfigProvider: {
1219
+ "name": "UDSModalConfigProvider",
1220
+ "defaultProps": {},
1221
+ "getStylesLiterals": {},
1222
+ "cxLiterals": [],
1223
+ "internalComponents": ["ModalContext.Provider"],
1349
1224
  "internalComponentProps": {},
1350
1225
  "propToVariantKeys": {},
1351
1226
  "runtimeConfigDefaultProps": {},
@@ -1353,30 +1228,79 @@ var componentData_default = {
1353
1228
  "runtimeConfigInternalComponentProps": {},
1354
1229
  "motionVarPrefixes": []
1355
1230
  },
1356
- UDSBottomSheetConfigProvider: {
1357
- "name": "UDSBottomSheetConfigProvider",
1358
- "defaultProps": {},
1231
+ "Menu.Content": {
1232
+ "name": "Menu.Content",
1233
+ "defaultProps": {
1234
+ "size": "default",
1235
+ "variant": "default",
1236
+ "gutter": "1"
1237
+ },
1359
1238
  "getStylesLiterals": {},
1360
- "cxLiterals": [],
1361
- "internalComponents": ["BottomSheetContext.Provider"],
1239
+ "cxLiterals": [
1240
+ "uds-menu-content",
1241
+ "transition-shadow",
1242
+ "duration-200",
1243
+ "ease-in-out",
1244
+ "min-w-60",
1245
+ "max-w-lg",
1246
+ "max-h-96",
1247
+ "overflow-auto",
1248
+ "uds-ring",
1249
+ "z-10",
1250
+ "group"
1251
+ ],
1252
+ "internalComponents": [
1253
+ "AriakitMenu",
1254
+ "AnimatePresence",
1255
+ "MotionVStack"
1256
+ ],
1362
1257
  "internalComponentProps": {},
1258
+ "propToVariantKeys": {
1259
+ "size": ["menucontentSizeRoot"],
1260
+ "variant": ["menucontentVariantRoot"]
1261
+ },
1262
+ "runtimeConfigDefaultProps": {},
1263
+ "runtimeConfigGetStyles": {},
1264
+ "runtimeConfigInternalComponentProps": {},
1265
+ "motionVarPrefixes": []
1266
+ },
1267
+ "Menu.Divider": {
1268
+ "name": "Menu.Divider",
1269
+ "defaultProps": {
1270
+ "role": "separator",
1271
+ "contentPosition": "start",
1272
+ "gap": "4"
1273
+ },
1274
+ "getStylesLiterals": {
1275
+ "menuitemDividerVariantRoot": "default",
1276
+ "menuitemDividerVariantText": "default",
1277
+ "menuitemDividerVariantLine": "default"
1278
+ },
1279
+ "cxLiterals": [],
1280
+ "internalComponents": ["Divider"],
1281
+ "internalComponentProps": { "Divider": { "variant": ["inherit"] } },
1363
1282
  "propToVariantKeys": {},
1364
1283
  "runtimeConfigDefaultProps": {},
1365
1284
  "runtimeConfigGetStyles": {},
1366
1285
  "runtimeConfigInternalComponentProps": {},
1367
1286
  "motionVarPrefixes": []
1368
1287
  },
1369
- Chip: {
1370
- "name": "Chip",
1288
+ "Menu.Item": {
1289
+ "name": "Menu.Item",
1371
1290
  "defaultProps": {},
1372
- "getStylesLiterals": {},
1291
+ "getStylesLiterals": {
1292
+ "menuitemItemVariantRoot": "default",
1293
+ "menuitemItemVariantActiveRoot": "on",
1294
+ "menuitemItemVariantActiveRoot:1": "off",
1295
+ "menuitemItemVariantText": "default",
1296
+ "menuitemItemVariantActiveText": "on",
1297
+ "menuitemItemVariantActiveText:1": "off",
1298
+ "menuitemItemVariantIcon": "default",
1299
+ "menuitemItemVariantActiveIcon": "on",
1300
+ "menuitemItemVariantActiveIcon:1": "off"
1301
+ },
1373
1302
  "cxLiterals": [],
1374
- "internalComponents": [
1375
- "ChipDismissible",
1376
- "ChipToggle",
1377
- "ChipLink",
1378
- "ChipButton"
1379
- ],
1303
+ "internalComponents": ["MenuItemBase"],
1380
1304
  "internalComponentProps": {},
1381
1305
  "propToVariantKeys": {},
1382
1306
  "runtimeConfigDefaultProps": {},
@@ -1384,113 +1308,141 @@ var componentData_default = {
1384
1308
  "runtimeConfigInternalComponentProps": {},
1385
1309
  "motionVarPrefixes": []
1386
1310
  },
1387
- ChipBase: {
1388
- "name": "ChipBase",
1311
+ "Menu.ItemBase": {
1312
+ "name": "Menu.ItemBase",
1389
1313
  "defaultProps": {
1390
- "size": "md",
1391
- "as": "div"
1314
+ "spacing": "0",
1315
+ "spacingHorizontal": "4",
1316
+ "spacingVertical": "3.5",
1317
+ "columnGap": "2",
1318
+ "alignItems": "center",
1319
+ "justifyContent": "space-between"
1320
+ },
1321
+ "getStylesLiterals": {
1322
+ "textAlign": "start",
1323
+ "menuitemSizeRoot": "default",
1324
+ "flexDirection": "row",
1325
+ "menuitemSizeStartIcon": "default",
1326
+ "menuitemSizeEndIcon": "default"
1392
1327
  },
1393
- "getStylesLiterals": {},
1394
1328
  "cxLiterals": [
1395
- "pointer-events-none",
1396
- "cursor-default",
1397
- "opacity-50",
1398
- "inline-flex",
1399
- "items-center",
1400
- "transition-[background-color,outline-color,box-shadow]",
1329
+ "uds-menu-item",
1330
+ "flex",
1331
+ "focus-visible:text-brand",
1332
+ "focus-visible:bg-brand-secondary",
1333
+ "focus-visible:z-10",
1334
+ "uds-ring",
1335
+ "!-outline-offset-2",
1336
+ "[&:not([aria-checked])]:cursor-default",
1337
+ "opacity-25",
1338
+ "cursor-not-allowed",
1339
+ "duration-20",
1340
+ "transition-[font-variation-settings]",
1341
+ "ease-in-out",
1342
+ "z-0",
1401
1343
  "truncate",
1402
- "whitespace-nowrap",
1403
- "text-center",
1404
- "flex-1",
1405
- "md",
1406
- "primary"
1344
+ "uds-start-icon",
1345
+ "uds-end-icon"
1407
1346
  ],
1408
1347
  "internalComponents": [
1348
+ "Pressable",
1409
1349
  "IconSlot",
1350
+ "RootComponent",
1410
1351
  "HStack",
1411
- "As",
1412
- "Text"
1352
+ "AnimatePresence"
1413
1353
  ],
1414
- "internalComponentProps": { "Text": {
1415
- "as": ["span"],
1416
- "color": ["current"],
1417
- "variant": ["inherit"]
1418
- } },
1354
+ "internalComponentProps": {
1355
+ "HStack": {
1356
+ "alignItems": ["center"],
1357
+ "width": ["full"]
1358
+ },
1359
+ "AnimatePresence": { "mode": ["popLayout"] }
1360
+ },
1419
1361
  "propToVariantKeys": {
1420
- "size": ["chipSizeRoot", "chipSizeIcon"],
1362
+ "startIconClassName": ["className"],
1363
+ "endIconClassName": ["className"],
1421
1364
  "startIcon": ["icon"],
1422
- "endIcon": ["icon"]
1365
+ "endIcon": ["icon"],
1366
+ "columnGap": ["gap"]
1423
1367
  },
1424
1368
  "runtimeConfigDefaultProps": {},
1425
1369
  "runtimeConfigGetStyles": {},
1426
1370
  "runtimeConfigInternalComponentProps": {},
1427
1371
  "motionVarPrefixes": []
1428
1372
  },
1429
- ChipButton: {
1430
- "name": "ChipButton",
1431
- "defaultProps": { "variant": "primary" },
1432
- "getStylesLiterals": {},
1433
- "cxLiterals": ["uds-ring"],
1434
- "internalComponents": ["ChipBase"],
1435
- "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1436
- "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1373
+ "Menu.ItemCheckbox": {
1374
+ "name": "Menu.ItemCheckbox",
1375
+ "defaultProps": {},
1376
+ "getStylesLiterals": {
1377
+ "menuitemItemCheckboxVariantRoot": "default",
1378
+ "menuitemItemCheckboxVariantActiveRoot": "on",
1379
+ "menuitemItemCheckboxVariantActiveRoot:1": "off",
1380
+ "menuitemItemCheckboxVariantText": "default",
1381
+ "menuitemItemCheckboxVariantActiveText": "on",
1382
+ "menuitemItemCheckboxVariantActiveText:1": "off",
1383
+ "menuitemItemCheckboxVariantStartIcon": "default",
1384
+ "menuitemItemCheckboxVariantActiveStartIcon": "on",
1385
+ "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
1386
+ "menuitemItemCheckboxVariantEndIcon": "default",
1387
+ "menuitemItemCheckboxVariantActiveEndIcon": "on",
1388
+ "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
1389
+ },
1390
+ "cxLiterals": ["uds-menu-item-checkbox"],
1391
+ "internalComponents": ["MenuItemBase"],
1392
+ "internalComponentProps": {},
1393
+ "propToVariantKeys": {},
1437
1394
  "runtimeConfigDefaultProps": {},
1438
1395
  "runtimeConfigGetStyles": {},
1439
1396
  "runtimeConfigInternalComponentProps": {},
1440
1397
  "motionVarPrefixes": []
1441
1398
  },
1442
- ChipDismissible: {
1443
- "name": "ChipDismissible",
1444
- "defaultProps": { "variant": "primary" },
1399
+ "Menu.Provider": {
1400
+ "name": "Menu.Provider",
1401
+ "defaultProps": {},
1445
1402
  "getStylesLiterals": {},
1446
- "cxLiterals": [
1447
- "uds-chip-dismissible-button",
1448
- "uds-hit-target",
1449
- "uds-ring",
1450
- "rounded-full"
1451
- ],
1452
- "internalComponents": [
1453
- "ChipBase",
1454
- "IconSlot",
1455
- "Pressable"
1456
- ],
1457
- "internalComponentProps": {},
1458
- "propToVariantKeys": {
1459
- "variant": ["chipDismissibleVariantRoot", "chipDismissibleVariantIcon"],
1460
- "dismissButtonAriaLabel": ["aria-label"]
1461
- },
1403
+ "cxLiterals": [],
1404
+ "internalComponents": ["AriakitMenuProvider", "SpringMotionConfig"],
1405
+ "internalComponentProps": {},
1406
+ "propToVariantKeys": {},
1407
+ "runtimeConfigDefaultProps": {},
1408
+ "runtimeConfigGetStyles": {},
1409
+ "runtimeConfigInternalComponentProps": {},
1410
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1411
+ },
1412
+ "Menu.Trigger": {
1413
+ "name": "Menu.Trigger",
1414
+ "defaultProps": {},
1415
+ "getStylesLiterals": {},
1416
+ "cxLiterals": ["uds-menu-trigger"],
1417
+ "internalComponents": ["AriakitMenuTrigger", "Box"],
1418
+ "internalComponentProps": { "Box": { "className": ["uds-ring h-fit w-fit"] } },
1419
+ "propToVariantKeys": {},
1462
1420
  "runtimeConfigDefaultProps": {},
1463
1421
  "runtimeConfigGetStyles": {},
1464
1422
  "runtimeConfigInternalComponentProps": {},
1465
1423
  "motionVarPrefixes": []
1466
1424
  },
1467
- ChipLink: {
1468
- "name": "ChipLink",
1469
- "defaultProps": { "variant": "primary" },
1425
+ "Menu.index": {
1426
+ "name": "Menu.index",
1427
+ "defaultProps": {},
1470
1428
  "getStylesLiterals": {},
1471
- "cxLiterals": ["uds-ring"],
1472
- "internalComponents": ["ChipBase"],
1473
- "internalComponentProps": { "ChipBase": { "as": ["a"] } },
1474
- "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1429
+ "cxLiterals": [],
1430
+ "internalComponents": [],
1431
+ "internalComponentProps": {},
1432
+ "propToVariantKeys": {},
1475
1433
  "runtimeConfigDefaultProps": {},
1476
1434
  "runtimeConfigGetStyles": {},
1477
1435
  "runtimeConfigInternalComponentProps": {},
1478
1436
  "motionVarPrefixes": []
1479
1437
  },
1480
- ChipToggle: {
1481
- "name": "ChipToggle",
1482
- "defaultProps": {
1483
- "variant": "primary",
1484
- "role": "checkbox"
1485
- },
1486
- "getStylesLiterals": {
1487
- "chipToggleVariantActiveRoot": "on",
1488
- "chipToggleVariantActiveRoot:1": "off"
1489
- },
1490
- "cxLiterals": ["uds-ring"],
1491
- "internalComponents": ["ChipBase"],
1492
- "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1493
- "propToVariantKeys": { "variant": ["chipToggleVariantRoot", "chipToggleVariantIcon"] },
1438
+ Menu: {
1439
+ "name": "Menu",
1440
+ "defaultProps": {},
1441
+ "getStylesLiterals": {},
1442
+ "cxLiterals": [],
1443
+ "internalComponents": [],
1444
+ "internalComponentProps": {},
1445
+ "propToVariantKeys": {},
1494
1446
  "runtimeConfigDefaultProps": {},
1495
1447
  "runtimeConfigGetStyles": {},
1496
1448
  "runtimeConfigInternalComponentProps": {},
@@ -1611,221 +1563,32 @@ var componentData_default = {
1611
1563
  "inputVariantValueHelperIcon:1": "filled"
1612
1564
  },
1613
1565
  "cxLiterals": [],
1614
- "internalComponents": ["IconSlot", "HStack"],
1615
- "internalComponentProps": { "HStack": {
1616
- "gap": ["1"],
1617
- "alignItems": ["center"]
1618
- } },
1619
- "propToVariantKeys": {
1620
- "size": ["inputSizeHelperText", "inputSizeHelperIcon"],
1621
- "startIcon": ["icon"],
1622
- "endIcon": ["icon"]
1623
- },
1624
- "runtimeConfigDefaultProps": {},
1625
- "runtimeConfigGetStyles": {},
1626
- "runtimeConfigInternalComponentProps": {},
1627
- "motionVarPrefixes": []
1628
- },
1629
- ManagedModal: {
1630
- "name": "ManagedModal",
1631
- "defaultProps": {},
1632
- "getStylesLiterals": {},
1633
- "cxLiterals": [],
1634
- "internalComponents": [
1635
- "Modal",
1636
- "ModalTitle",
1637
- "ModalDescription",
1638
- "ModalContent",
1639
- "ModalActions"
1640
- ],
1641
- "internalComponentProps": {},
1642
- "propToVariantKeys": {},
1643
- "runtimeConfigDefaultProps": {
1644
- "size": "modal.defaultSize",
1645
- "variant": "modal.defaultVariant"
1646
- },
1647
- "runtimeConfigGetStyles": {},
1648
- "runtimeConfigInternalComponentProps": {},
1649
- "motionVarPrefixes": []
1650
- },
1651
- Modal: {
1652
- "name": "Modal",
1653
- "defaultProps": {
1654
- "closeAriaLabel": "Close",
1655
- "maxWidth": "auto",
1656
- "maxHeight": "auto",
1657
- "scrollBehavior": "outside"
1658
- },
1659
- "getStylesLiterals": {
1660
- "flexDirection": "row-reverse",
1661
- "justifyContent": "space-between",
1662
- "alignItems": "flex-end",
1663
- "alignItems:1": "flex-start",
1664
- "borderRadius": "full"
1665
- },
1666
- "cxLiterals": [
1667
- "fixed",
1668
- "inset-0",
1669
- "z-40",
1670
- "overflow-y-auto",
1671
- "overflow-hidden",
1672
- "transition-[opacity,visibility]",
1673
- "visible",
1674
- "opacity-100",
1675
- "invisible",
1676
- "opacity-0",
1677
- "pointer-events-none",
1678
- "uds-bgBlurFallback",
1679
- "w-full",
1680
- "w-fit",
1681
- "h-full",
1682
- "h-fit",
1683
- "m-auto",
1684
- "pointer-events-auto",
1685
- "inside",
1686
- "max-h-full",
1687
- "transition-transform",
1688
- "duration-0",
1689
- "duration-120",
1690
- "transition-[background-color]",
1691
- "bg-carbon-15/0",
1692
- "hover:bg-carbon-15/10",
1693
- "active:bg-carbon-15/15",
1694
- "uds-ring",
1695
- "[translate:50%_-50%]"
1696
- ],
1697
- "internalComponents": [
1698
- "Scrim",
1699
- "VStack",
1700
- "Pressable",
1701
- "IconSlot",
1702
- "Box",
1703
- "Dialog",
1704
- "ModalContext.Provider",
1705
- "HStack",
1706
- "DialogDismiss",
1707
- "ModalTitle",
1708
- "ModalDescription",
1709
- "ModalContent",
1710
- "ModalActions"
1711
- ],
1712
- "internalComponentProps": { "Box": { "flexGrow": ["1"] } },
1713
- "propToVariantKeys": {
1714
- "gutter": ["spacing"],
1715
- "size": [
1716
- "modalSizeRoot",
1717
- "modalSizeSpacingHorizontal",
1718
- "modalSizeHeader",
1719
- "modalSizeTitleDescriptionWrapper",
1720
- "modalSizeCloseIconContainer",
1721
- "modalSizeCloseIcon"
1722
- ],
1723
- "variant": ["modalVariantRoot", "modalVariantCloseIcon"],
1724
- "closeAriaLabel": ["aria-label"],
1725
- "closeIcon": ["icon"]
1726
- },
1727
- "runtimeConfigDefaultProps": {
1728
- "size": "modal.defaultSize",
1729
- "variant": "modal.defaultVariant"
1730
- },
1731
- "runtimeConfigGetStyles": {
1732
- "spacing": ["modal.gutter.${size}"],
1733
- "modalSizeRoot": ["modal.defaultSize"],
1734
- "modalVariantRoot": ["modal.defaultVariant"],
1735
- "modalSizeSpacingHorizontal": ["modal.defaultSize"],
1736
- "modalSizeHeader": ["modal.defaultSize"],
1737
- "modalSizeTitleDescriptionWrapper": ["modal.defaultSize"],
1738
- "modalSizeCloseIconContainer": ["modal.defaultSize"],
1739
- "modalSizeCloseIcon": ["modal.defaultSize"],
1740
- "modalVariantCloseIcon": ["modal.defaultVariant"]
1741
- },
1742
- "runtimeConfigInternalComponentProps": {},
1743
- "motionVarPrefixes": []
1744
- },
1745
- ModalActions: {
1746
- "name": "ModalActions",
1747
- "defaultProps": {},
1748
- "getStylesLiterals": {
1749
- "flexDirection": "row-reverse",
1750
- "justifyContent": "space-between",
1751
- "alignItems": "center"
1752
- },
1753
- "cxLiterals": ["gap-[inherit]"],
1754
- "internalComponents": ["HStack"],
1755
- "internalComponentProps": {},
1756
- "propToVariantKeys": { "size": ["modalSizeSpacingHorizontal", "modalSizeActions"] },
1757
- "runtimeConfigDefaultProps": {
1758
- "size": "modal.defaultSize",
1759
- "variant": "modal.defaultVariant"
1760
- },
1761
- "runtimeConfigGetStyles": {
1762
- "modalSizeSpacingHorizontal": ["modal.defaultSize"],
1763
- "modalSizeActions": ["modal.defaultSize"]
1764
- },
1765
- "runtimeConfigInternalComponentProps": {},
1766
- "motionVarPrefixes": []
1767
- },
1768
- ModalContent: {
1769
- "name": "ModalContent",
1770
- "defaultProps": {},
1771
- "getStylesLiterals": {
1772
- "overflowY": "auto",
1773
- "display": "block",
1774
- "flexGrow": "1"
1775
- },
1776
- "cxLiterals": [],
1777
- "internalComponents": ["Box"],
1778
- "internalComponentProps": {},
1779
- "propToVariantKeys": { "size": ["modalSizeSpacingHorizontal"] },
1780
- "runtimeConfigDefaultProps": {
1781
- "size": "modal.defaultSize",
1782
- "variant": "modal.defaultVariant"
1783
- },
1784
- "runtimeConfigGetStyles": { "modalSizeSpacingHorizontal": ["modal.defaultSize"] },
1785
- "runtimeConfigInternalComponentProps": {},
1786
- "motionVarPrefixes": []
1787
- },
1788
- ModalContext: {
1789
- "name": "ModalContext",
1790
- "defaultProps": {},
1791
- "getStylesLiterals": {},
1792
- "cxLiterals": [],
1793
- "internalComponents": [],
1794
- "internalComponentProps": {},
1795
- "propToVariantKeys": {},
1796
- "runtimeConfigDefaultProps": {},
1797
- "runtimeConfigGetStyles": {},
1798
- "runtimeConfigInternalComponentProps": {},
1799
- "motionVarPrefixes": []
1800
- },
1801
- ModalDescription: {
1802
- "name": "ModalDescription",
1803
- "defaultProps": {},
1804
- "getStylesLiterals": {},
1805
- "cxLiterals": [],
1806
- "internalComponents": ["Text", "DialogDescription"],
1807
- "internalComponentProps": { "Text": { "as": ["span"] } },
1808
- "propToVariantKeys": {
1809
- "size": ["modalSizeDescription"],
1810
- "variant": ["modalVariantDescription"]
1811
- },
1812
- "runtimeConfigDefaultProps": {
1813
- "size": "modal.defaultSize",
1814
- "variant": "modal.defaultVariant"
1815
- },
1816
- "runtimeConfigGetStyles": {
1817
- "modalSizeDescription": ["modal.defaultSize"],
1818
- "modalVariantDescription": ["modal.defaultVariant"]
1566
+ "internalComponents": ["IconSlot", "HStack"],
1567
+ "internalComponentProps": { "HStack": {
1568
+ "gap": ["1"],
1569
+ "alignItems": ["center"]
1570
+ } },
1571
+ "propToVariantKeys": {
1572
+ "size": ["inputSizeHelperText", "inputSizeHelperIcon"],
1573
+ "startIcon": ["icon"],
1574
+ "endIcon": ["icon"]
1819
1575
  },
1576
+ "runtimeConfigDefaultProps": {},
1577
+ "runtimeConfigGetStyles": {},
1820
1578
  "runtimeConfigInternalComponentProps": {},
1821
1579
  "motionVarPrefixes": []
1822
1580
  },
1823
- ModalPortal: {
1824
- "name": "ModalPortal",
1581
+ Chip: {
1582
+ "name": "Chip",
1825
1583
  "defaultProps": {},
1826
1584
  "getStylesLiterals": {},
1827
1585
  "cxLiterals": [],
1828
- "internalComponents": ["ManagedModal"],
1586
+ "internalComponents": [
1587
+ "ChipDismissible",
1588
+ "ChipToggle",
1589
+ "ChipLink",
1590
+ "ChipButton"
1591
+ ],
1829
1592
  "internalComponentProps": {},
1830
1593
  "propToVariantKeys": {},
1831
1594
  "runtimeConfigDefaultProps": {},
@@ -1833,237 +1596,265 @@ var componentData_default = {
1833
1596
  "runtimeConfigInternalComponentProps": {},
1834
1597
  "motionVarPrefixes": []
1835
1598
  },
1836
- ModalTitle: {
1837
- "name": "ModalTitle",
1838
- "defaultProps": {},
1599
+ ChipBase: {
1600
+ "name": "ChipBase",
1601
+ "defaultProps": {
1602
+ "size": "md",
1603
+ "as": "div"
1604
+ },
1839
1605
  "getStylesLiterals": {},
1840
- "cxLiterals": [],
1841
- "internalComponents": ["Text", "DialogHeading"],
1842
- "internalComponentProps": { "Text": { "as": ["span"] } },
1606
+ "cxLiterals": [
1607
+ "pointer-events-none",
1608
+ "cursor-default",
1609
+ "opacity-50",
1610
+ "inline-flex",
1611
+ "items-center",
1612
+ "transition-[background-color,outline-color,box-shadow]",
1613
+ "truncate",
1614
+ "whitespace-nowrap",
1615
+ "text-center",
1616
+ "flex-1",
1617
+ "md",
1618
+ "primary"
1619
+ ],
1620
+ "internalComponents": [
1621
+ "IconSlot",
1622
+ "HStack",
1623
+ "As",
1624
+ "Text"
1625
+ ],
1626
+ "internalComponentProps": { "Text": {
1627
+ "as": ["span"],
1628
+ "color": ["current"],
1629
+ "variant": ["inherit"]
1630
+ } },
1843
1631
  "propToVariantKeys": {
1844
- "size": ["modalSizeTitle"],
1845
- "variant": ["modalVariantTitle"]
1846
- },
1847
- "runtimeConfigDefaultProps": {
1848
- "size": "modal.defaultSize",
1849
- "variant": "modal.defaultVariant"
1850
- },
1851
- "runtimeConfigGetStyles": {
1852
- "modalSizeTitle": ["modal.defaultSize"],
1853
- "modalVariantTitle": ["modal.defaultVariant"]
1632
+ "size": ["chipSizeRoot", "chipSizeIcon"],
1633
+ "startIcon": ["icon"],
1634
+ "endIcon": ["icon"]
1854
1635
  },
1636
+ "runtimeConfigDefaultProps": {},
1637
+ "runtimeConfigGetStyles": {},
1855
1638
  "runtimeConfigInternalComponentProps": {},
1856
1639
  "motionVarPrefixes": []
1857
1640
  },
1858
- UDSModalConfigProvider: {
1859
- "name": "UDSModalConfigProvider",
1860
- "defaultProps": {},
1641
+ ChipButton: {
1642
+ "name": "ChipButton",
1643
+ "defaultProps": { "variant": "primary" },
1861
1644
  "getStylesLiterals": {},
1862
- "cxLiterals": [],
1863
- "internalComponents": ["ModalContext.Provider"],
1864
- "internalComponentProps": {},
1865
- "propToVariantKeys": {},
1645
+ "cxLiterals": ["uds-ring"],
1646
+ "internalComponents": ["ChipBase"],
1647
+ "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1648
+ "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1866
1649
  "runtimeConfigDefaultProps": {},
1867
1650
  "runtimeConfigGetStyles": {},
1868
1651
  "runtimeConfigInternalComponentProps": {},
1869
1652
  "motionVarPrefixes": []
1870
1653
  },
1871
- "Menu.Content": {
1872
- "name": "Menu.Content",
1873
- "defaultProps": {
1874
- "size": "default",
1875
- "variant": "default",
1876
- "gutter": "1"
1877
- },
1654
+ ChipDismissible: {
1655
+ "name": "ChipDismissible",
1656
+ "defaultProps": { "variant": "primary" },
1878
1657
  "getStylesLiterals": {},
1879
1658
  "cxLiterals": [
1880
- "uds-menu-content",
1881
- "transition-shadow",
1882
- "duration-200",
1883
- "ease-in-out",
1884
- "min-w-60",
1885
- "max-w-lg",
1886
- "max-h-96",
1887
- "overflow-auto",
1659
+ "uds-chip-dismissible-button",
1660
+ "uds-hit-target",
1888
1661
  "uds-ring",
1889
- "z-10",
1890
- "group"
1662
+ "rounded-full"
1891
1663
  ],
1892
1664
  "internalComponents": [
1893
- "AriakitMenu",
1894
- "AnimatePresence",
1895
- "MotionVStack"
1665
+ "ChipBase",
1666
+ "IconSlot",
1667
+ "Pressable"
1896
1668
  ],
1897
1669
  "internalComponentProps": {},
1898
1670
  "propToVariantKeys": {
1899
- "size": ["menucontentSizeRoot"],
1900
- "variant": ["menucontentVariantRoot"]
1671
+ "variant": ["chipDismissibleVariantRoot", "chipDismissibleVariantIcon"],
1672
+ "dismissButtonAriaLabel": ["aria-label"]
1901
1673
  },
1902
1674
  "runtimeConfigDefaultProps": {},
1903
1675
  "runtimeConfigGetStyles": {},
1904
1676
  "runtimeConfigInternalComponentProps": {},
1905
1677
  "motionVarPrefixes": []
1906
1678
  },
1907
- "Menu.Divider": {
1908
- "name": "Menu.Divider",
1909
- "defaultProps": {
1910
- "role": "separator",
1911
- "contentPosition": "start",
1912
- "gap": "4"
1913
- },
1914
- "getStylesLiterals": {
1915
- "menuitemDividerVariantRoot": "default",
1916
- "menuitemDividerVariantText": "default",
1917
- "menuitemDividerVariantLine": "default"
1918
- },
1919
- "cxLiterals": [],
1920
- "internalComponents": ["Divider"],
1921
- "internalComponentProps": { "Divider": { "variant": ["inherit"] } },
1922
- "propToVariantKeys": {},
1679
+ ChipLink: {
1680
+ "name": "ChipLink",
1681
+ "defaultProps": { "variant": "primary" },
1682
+ "getStylesLiterals": {},
1683
+ "cxLiterals": ["uds-ring"],
1684
+ "internalComponents": ["ChipBase"],
1685
+ "internalComponentProps": { "ChipBase": { "as": ["a"] } },
1686
+ "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1923
1687
  "runtimeConfigDefaultProps": {},
1924
1688
  "runtimeConfigGetStyles": {},
1925
1689
  "runtimeConfigInternalComponentProps": {},
1926
1690
  "motionVarPrefixes": []
1927
1691
  },
1928
- "Menu.Item": {
1929
- "name": "Menu.Item",
1930
- "defaultProps": {},
1692
+ ChipToggle: {
1693
+ "name": "ChipToggle",
1694
+ "defaultProps": {
1695
+ "variant": "primary",
1696
+ "role": "checkbox"
1697
+ },
1931
1698
  "getStylesLiterals": {
1932
- "menuitemItemVariantRoot": "default",
1933
- "menuitemItemVariantActiveRoot": "on",
1934
- "menuitemItemVariantActiveRoot:1": "off",
1935
- "menuitemItemVariantText": "default",
1936
- "menuitemItemVariantActiveText": "on",
1937
- "menuitemItemVariantActiveText:1": "off",
1938
- "menuitemItemVariantIcon": "default",
1939
- "menuitemItemVariantActiveIcon": "on",
1940
- "menuitemItemVariantActiveIcon:1": "off"
1699
+ "chipToggleVariantActiveRoot": "on",
1700
+ "chipToggleVariantActiveRoot:1": "off"
1941
1701
  },
1942
- "cxLiterals": [],
1943
- "internalComponents": ["MenuItemBase"],
1944
- "internalComponentProps": {},
1945
- "propToVariantKeys": {},
1702
+ "cxLiterals": ["uds-ring"],
1703
+ "internalComponents": ["ChipBase"],
1704
+ "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1705
+ "propToVariantKeys": { "variant": ["chipToggleVariantRoot", "chipToggleVariantIcon"] },
1946
1706
  "runtimeConfigDefaultProps": {},
1947
1707
  "runtimeConfigGetStyles": {},
1948
1708
  "runtimeConfigInternalComponentProps": {},
1949
1709
  "motionVarPrefixes": []
1950
1710
  },
1951
- "Menu.ItemBase": {
1952
- "name": "Menu.ItemBase",
1953
- "defaultProps": {
1954
- "spacing": "0",
1955
- "spacingHorizontal": "4",
1956
- "spacingVertical": "3.5",
1957
- "columnGap": "2",
1958
- "alignItems": "center",
1959
- "justifyContent": "space-between"
1960
- },
1961
- "getStylesLiterals": {
1962
- "textAlign": "start",
1963
- "menuitemSizeRoot": "default",
1964
- "flexDirection": "row",
1965
- "menuitemSizeStartIcon": "default",
1966
- "menuitemSizeEndIcon": "default"
1967
- },
1711
+ BottomSheet: {
1712
+ "name": "BottomSheet",
1713
+ "defaultProps": { "variant": "default" },
1714
+ "getStylesLiterals": {},
1968
1715
  "cxLiterals": [
1969
- "uds-menu-item",
1970
- "flex",
1971
- "focus-visible:text-brand",
1972
- "focus-visible:bg-brand-secondary",
1973
- "focus-visible:z-10",
1974
- "uds-ring",
1975
- "!-outline-offset-2",
1976
- "[&:not([aria-checked])]:cursor-default",
1977
- "opacity-25",
1978
- "cursor-not-allowed",
1979
- "duration-20",
1980
- "transition-[font-variation-settings]",
1981
- "ease-in-out",
1982
- "z-0",
1983
- "truncate",
1984
- "uds-start-icon",
1985
- "uds-end-icon"
1716
+ "fixed",
1717
+ "overflow-hidden",
1718
+ "inset-x-0",
1719
+ "bottom-0",
1720
+ "z-50",
1721
+ "[will-change:transform]",
1722
+ "touch-none",
1723
+ "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
1724
+ "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
1725
+ "transition-transform",
1726
+ "duration-500",
1727
+ "ease-[cubic-bezier(0.32,0.72,0,1)]",
1728
+ "motion-reduce:transition-none",
1729
+ "top-[-4px]",
1730
+ "z-[1]",
1731
+ "touch-pan-y"
1986
1732
  ],
1987
1733
  "internalComponents": [
1988
- "Pressable",
1989
- "IconSlot",
1990
- "RootComponent",
1991
- "HStack",
1992
- "AnimatePresence"
1734
+ "Scrim",
1735
+ "BottomSheetHandle",
1736
+ "Dialog",
1737
+ "Box",
1738
+ "BottomSheetInternalContext.Provider"
1993
1739
  ],
1994
1740
  "internalComponentProps": {
1995
- "HStack": {
1996
- "alignItems": ["center"],
1997
- "width": ["full"]
1998
- },
1999
- "AnimatePresence": { "mode": ["popLayout"] }
2000
- },
2001
- "propToVariantKeys": {
2002
- "startIconClassName": ["className"],
2003
- "endIconClassName": ["className"],
2004
- "startIcon": ["icon"],
2005
- "endIcon": ["icon"],
2006
- "columnGap": ["gap"]
1741
+ "BottomSheetHandle": { "ariaLabel": ["Resize sheet"] },
1742
+ "Dialog": { "data-testid": ["bottom-sheet"] },
1743
+ "Box": {
1744
+ "display": ["block", "flex"],
1745
+ "position": ["absolute"],
1746
+ "flexDirection": ["column"],
1747
+ "className": ["absolute inset-0 min-h-0 p-[inherit]"]
1748
+ }
2007
1749
  },
1750
+ "propToVariantKeys": { "variant": ["bottomsheetVariantRoot"] },
2008
1751
  "runtimeConfigDefaultProps": {},
2009
1752
  "runtimeConfigGetStyles": {},
2010
1753
  "runtimeConfigInternalComponentProps": {},
2011
1754
  "motionVarPrefixes": []
2012
1755
  },
2013
- "Menu.ItemCheckbox": {
2014
- "name": "Menu.ItemCheckbox",
1756
+ BottomSheetContent: {
1757
+ "name": "BottomSheetContent",
2015
1758
  "defaultProps": {},
2016
- "getStylesLiterals": {
2017
- "menuitemItemCheckboxVariantRoot": "default",
2018
- "menuitemItemCheckboxVariantActiveRoot": "on",
2019
- "menuitemItemCheckboxVariantActiveRoot:1": "off",
2020
- "menuitemItemCheckboxVariantText": "default",
2021
- "menuitemItemCheckboxVariantActiveText": "on",
2022
- "menuitemItemCheckboxVariantActiveText:1": "off",
2023
- "menuitemItemCheckboxVariantStartIcon": "default",
2024
- "menuitemItemCheckboxVariantActiveStartIcon": "on",
2025
- "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
2026
- "menuitemItemCheckboxVariantEndIcon": "default",
2027
- "menuitemItemCheckboxVariantActiveEndIcon": "on",
2028
- "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
1759
+ "getStylesLiterals": {},
1760
+ "cxLiterals": ["min-h-0", "touch-pan-y"],
1761
+ "internalComponents": ["Box", "VStack"],
1762
+ "internalComponentProps": {
1763
+ "Box": {
1764
+ "display": ["block"],
1765
+ "flex": ["1"]
1766
+ },
1767
+ "VStack": { "className": ["pb-[calc(env(safe-area-inset-bottom))]"] }
2029
1768
  },
2030
- "cxLiterals": ["uds-menu-item-checkbox"],
2031
- "internalComponents": ["MenuItemBase"],
2032
- "internalComponentProps": {},
2033
1769
  "propToVariantKeys": {},
2034
1770
  "runtimeConfigDefaultProps": {},
2035
1771
  "runtimeConfigGetStyles": {},
2036
1772
  "runtimeConfigInternalComponentProps": {},
2037
1773
  "motionVarPrefixes": []
2038
1774
  },
2039
- "Menu.Provider": {
2040
- "name": "Menu.Provider",
1775
+ BottomSheetDismiss: {
1776
+ "name": "BottomSheetDismiss",
2041
1777
  "defaultProps": {},
2042
1778
  "getStylesLiterals": {},
2043
1779
  "cxLiterals": [],
2044
- "internalComponents": ["AriakitMenuProvider", "SpringMotionConfig"],
1780
+ "internalComponents": ["AriakitDialogDismiss"],
2045
1781
  "internalComponentProps": {},
2046
1782
  "propToVariantKeys": {},
2047
1783
  "runtimeConfigDefaultProps": {},
2048
1784
  "runtimeConfigGetStyles": {},
2049
1785
  "runtimeConfigInternalComponentProps": {},
2050
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1786
+ "motionVarPrefixes": []
2051
1787
  },
2052
- "Menu.Trigger": {
2053
- "name": "Menu.Trigger",
2054
- "defaultProps": {},
1788
+ BottomSheetHandle: {
1789
+ "name": "BottomSheetHandle",
1790
+ "defaultProps": { "variant": "default" },
2055
1791
  "getStylesLiterals": {},
2056
- "cxLiterals": ["uds-menu-trigger"],
2057
- "internalComponents": ["AriakitMenuTrigger", "Box"],
2058
- "internalComponentProps": { "Box": { "className": ["uds-ring h-fit w-fit"] } },
2059
- "propToVariantKeys": {},
1792
+ "cxLiterals": [
1793
+ "relative",
1794
+ "h-5",
1795
+ "w-16",
1796
+ "outline-none",
1797
+ "focus-visible:outline-none",
1798
+ "[touch-action:pan-y]",
1799
+ "absolute",
1800
+ "left-1/2",
1801
+ "top-1/2",
1802
+ "-translate-x-1/2",
1803
+ "-translate-y-1/2",
1804
+ "h-1",
1805
+ "w-8",
1806
+ "rounded-full"
1807
+ ],
1808
+ "internalComponents": ["Box"],
1809
+ "internalComponentProps": { "Box": {
1810
+ "display": ["block", "flex"],
1811
+ "justifyContent": ["center"]
1812
+ } },
1813
+ "propToVariantKeys": { "variant": ["bottomsheetVariantHandleIndicator"] },
2060
1814
  "runtimeConfigDefaultProps": {},
2061
1815
  "runtimeConfigGetStyles": {},
2062
1816
  "runtimeConfigInternalComponentProps": {},
2063
1817
  "motionVarPrefixes": []
2064
1818
  },
2065
- "Menu.index": {
2066
- "name": "Menu.index",
1819
+ BottomSheetHeader: {
1820
+ "name": "BottomSheetHeader",
1821
+ "defaultProps": { "variant": "default" },
1822
+ "getStylesLiterals": {},
1823
+ "cxLiterals": [
1824
+ "grid-cols-[40px_1fr_40px]",
1825
+ "items-center",
1826
+ "w-full",
1827
+ "min-h-10",
1828
+ "mt-2"
1829
+ ],
1830
+ "internalComponents": [
1831
+ "Box",
1832
+ "Text",
1833
+ "DialogHeading"
1834
+ ],
1835
+ "internalComponentProps": {
1836
+ "Box": {
1837
+ "className": ["h-10 w-10 opacity-0 pointer-events-none"],
1838
+ "display": ["grid", "flex"],
1839
+ "justifyContent": ["flex-start", "flex-end"]
1840
+ },
1841
+ "Text": {
1842
+ "as": ["p"],
1843
+ "variant": ["inherit"],
1844
+ "color": ["inherit"],
1845
+ "textAlign": ["center"],
1846
+ "className": ["m-0 w-full"]
1847
+ },
1848
+ "DialogHeading": { "role": ["heading"] }
1849
+ },
1850
+ "propToVariantKeys": { "variant": ["bottomsheetVariantHeader"] },
1851
+ "runtimeConfigDefaultProps": {},
1852
+ "runtimeConfigGetStyles": {},
1853
+ "runtimeConfigInternalComponentProps": {},
1854
+ "motionVarPrefixes": []
1855
+ },
1856
+ BottomSheetInternalContext: {
1857
+ "name": "BottomSheetInternalContext",
2067
1858
  "defaultProps": {},
2068
1859
  "getStylesLiterals": {},
2069
1860
  "cxLiterals": [],
@@ -2075,12 +1866,12 @@ var componentData_default = {
2075
1866
  "runtimeConfigInternalComponentProps": {},
2076
1867
  "motionVarPrefixes": []
2077
1868
  },
2078
- Menu: {
2079
- "name": "Menu",
1869
+ BottomSheetProvider: {
1870
+ "name": "BottomSheetProvider",
2080
1871
  "defaultProps": {},
2081
1872
  "getStylesLiterals": {},
2082
1873
  "cxLiterals": [],
2083
- "internalComponents": [],
1874
+ "internalComponents": ["AriakitDialogProvider"],
2084
1875
  "internalComponentProps": {},
2085
1876
  "propToVariantKeys": {},
2086
1877
  "runtimeConfigDefaultProps": {},
@@ -2088,139 +1879,127 @@ var componentData_default = {
2088
1879
  "runtimeConfigInternalComponentProps": {},
2089
1880
  "motionVarPrefixes": []
2090
1881
  },
2091
- PaddleButton: {
2092
- "name": "PaddleButton",
1882
+ BottomSheetTrigger: {
1883
+ "name": "BottomSheetTrigger",
2093
1884
  "defaultProps": {},
2094
1885
  "getStylesLiterals": {},
2095
- "cxLiterals": [
2096
- "relative",
2097
- "inline-flex",
2098
- "items-center",
2099
- "justify-center",
2100
- "box-border",
2101
- "overflow-hidden",
2102
- "border-solid",
2103
- "select-none",
2104
- "uds-nested-radius",
2105
- "transition-[color,border-color,box-shadow]",
2106
- "duration-[180ms]",
2107
- "ease-[cubic-bezier(0,0,0.2,1)]",
2108
- "uds-ring",
2109
- "cursor-pointer",
2110
- "cursor-not-allowed",
2111
- "opacity-50",
2112
- "pointer-events-none",
2113
- "hidden",
2114
- "absolute",
2115
- "inset-0",
2116
- "-z-10",
2117
- "rounded-[var(--uds-nested-radius)]",
2118
- "transition-[background-color,opacity]"
2119
- ],
2120
- "internalComponents": ["Icon"],
2121
- "internalComponentProps": { "Icon": {
2122
- "size": ["md"],
2123
- "color": ["current"]
2124
- } },
2125
- "propToVariantKeys": {
2126
- "size": ["paddlenavSizeRoot", "paddlenavSizeIcon"],
2127
- "variant": [
2128
- "paddlenavVariantRoot",
2129
- "paddlenavVariantBackground",
2130
- "paddlenavVariantIcon"
2131
- ]
2132
- },
1886
+ "cxLiterals": [],
1887
+ "internalComponents": ["AriakitDialogDisclosure"],
1888
+ "internalComponentProps": {},
1889
+ "propToVariantKeys": {},
2133
1890
  "runtimeConfigDefaultProps": {},
2134
1891
  "runtimeConfigGetStyles": {},
2135
1892
  "runtimeConfigInternalComponentProps": {},
2136
1893
  "motionVarPrefixes": []
2137
1894
  },
2138
- PaddleButtonNext: {
2139
- "name": "PaddleButtonNext",
1895
+ UDSBottomSheetConfigProvider: {
1896
+ "name": "UDSBottomSheetConfigProvider",
2140
1897
  "defaultProps": {},
2141
1898
  "getStylesLiterals": {},
2142
1899
  "cxLiterals": [],
2143
- "internalComponents": ["PaddleButton"],
2144
- "internalComponentProps": { "PaddleButton": { "paddleRole": ["next"] } },
1900
+ "internalComponents": ["BottomSheetContext.Provider"],
1901
+ "internalComponentProps": {},
2145
1902
  "propToVariantKeys": {},
2146
1903
  "runtimeConfigDefaultProps": {},
2147
1904
  "runtimeConfigGetStyles": {},
2148
1905
  "runtimeConfigInternalComponentProps": {},
2149
1906
  "motionVarPrefixes": []
2150
1907
  },
2151
- PaddleButtonPrevious: {
2152
- "name": "PaddleButtonPrevious",
1908
+ Avatar: {
1909
+ "name": "Avatar",
2153
1910
  "defaultProps": {},
2154
1911
  "getStylesLiterals": {},
2155
1912
  "cxLiterals": [],
2156
- "internalComponents": ["PaddleButton"],
2157
- "internalComponentProps": { "PaddleButton": { "paddleRole": ["previous"] } },
1913
+ "internalComponents": ["AvatarImage"],
1914
+ "internalComponentProps": {},
2158
1915
  "propToVariantKeys": {},
2159
1916
  "runtimeConfigDefaultProps": {},
2160
1917
  "runtimeConfigGetStyles": {},
2161
1918
  "runtimeConfigInternalComponentProps": {},
2162
1919
  "motionVarPrefixes": []
2163
1920
  },
2164
- PaddleNav: {
2165
- "name": "PaddleNav",
1921
+ AvatarIcon: {
1922
+ "name": "AvatarIcon",
2166
1923
  "defaultProps": {
2167
- "orientation": "horizontal",
2168
- "variant": "primary",
2169
- "size": "md"
1924
+ "size": "md",
1925
+ "variant": "primary"
2170
1926
  },
2171
1927
  "getStylesLiterals": {},
2172
1928
  "cxLiterals": [
2173
- "pointer-events-none",
1929
+ "overflow-hidden",
1930
+ "w-full",
1931
+ "h-full",
1932
+ "shrink-0",
1933
+ "text-center",
2174
1934
  "inline-flex",
2175
- "flex-row",
2176
- "gap-2",
1935
+ "justify-center",
1936
+ "items-center"
1937
+ ],
1938
+ "internalComponents": ["IconSlot", "Box"],
1939
+ "internalComponentProps": {},
1940
+ "propToVariantKeys": { "size": ["avatarSizeIcon"] },
1941
+ "runtimeConfigDefaultProps": {},
1942
+ "runtimeConfigGetStyles": {},
1943
+ "runtimeConfigInternalComponentProps": {},
1944
+ "motionVarPrefixes": []
1945
+ },
1946
+ AvatarImage: {
1947
+ "name": "AvatarImage",
1948
+ "defaultProps": {
1949
+ "size": "md",
1950
+ "variant": "primary"
1951
+ },
1952
+ "getStylesLiterals": {},
1953
+ "cxLiterals": [
1954
+ "overflow-hidden",
1955
+ "w-full",
1956
+ "h-full",
1957
+ "shrink-0",
1958
+ "text-center",
1959
+ "inline-flex",
1960
+ "justify-center",
2177
1961
  "items-center",
2178
- "pointer-events-auto",
2179
- "flex-col",
2180
- "relative",
2181
- "min-w-0",
2182
- "min-h-0",
2183
- "flex-1",
2184
- "inline-block",
2185
- "absolute",
2186
- "z-10",
2187
- "top-2",
2188
- "left-1/2",
2189
- "-translate-x-1/2",
2190
- "left-2",
2191
- "top-1/2",
2192
- "-translate-y-1/2",
2193
- "bottom-2",
2194
- "right-2",
2195
- "-top-12",
2196
- "left-0",
2197
- "right-0",
2198
- "-bottom-12"
1962
+ "object-cover"
2199
1963
  ],
2200
- "internalComponents": ["PaddleNavContext.Provider", "Box"],
2201
- "internalComponentProps": { "Box": {
2202
- "display": ["inline-flex"],
2203
- "alignItems": ["center"],
2204
- "justifyContent": ["center"],
2205
- "data-paddle-nav-outside": ["true"]
2206
- } },
2207
- "propToVariantKeys": { "orientation": ["data-paddle-nav-orientation"] },
1964
+ "internalComponents": [
1965
+ "UDSImage",
1966
+ "AvatarText",
1967
+ "AvatarIcon",
1968
+ "Box"
1969
+ ],
1970
+ "internalComponentProps": {},
1971
+ "propToVariantKeys": {
1972
+ "alt": ["name"],
1973
+ "fallback": ["initials"]
1974
+ },
2208
1975
  "runtimeConfigDefaultProps": {},
2209
1976
  "runtimeConfigGetStyles": {},
2210
1977
  "runtimeConfigInternalComponentProps": {},
2211
1978
  "motionVarPrefixes": []
2212
1979
  },
2213
- PaddleNavContent: {
2214
- "name": "PaddleNavContent",
2215
- "defaultProps": {},
1980
+ AvatarText: {
1981
+ "name": "AvatarText",
1982
+ "defaultProps": {
1983
+ "size": "md",
1984
+ "variant": "primary"
1985
+ },
2216
1986
  "getStylesLiterals": {},
2217
1987
  "cxLiterals": [
2218
- "min-w-0",
2219
- "min-h-0",
2220
- "relative"
1988
+ "overflow-hidden",
1989
+ "truncate",
1990
+ "w-full",
1991
+ "h-full",
1992
+ "shrink-0",
1993
+ "text-center",
1994
+ "inline-flex",
1995
+ "justify-center",
1996
+ "items-center"
2221
1997
  ],
2222
- "internalComponents": [],
2223
- "internalComponentProps": {},
1998
+ "internalComponents": ["Box", "Text"],
1999
+ "internalComponentProps": { "Text": {
2000
+ "color": ["inherit"],
2001
+ "variant": ["inherit"]
2002
+ } },
2224
2003
  "propToVariantKeys": {},
2225
2004
  "runtimeConfigDefaultProps": {},
2226
2005
  "runtimeConfigGetStyles": {},
@@ -3242,6 +3021,226 @@ var componentData_default = {
3242
3021
  "runtimeConfigGetStyles": {},
3243
3022
  "runtimeConfigInternalComponentProps": {},
3244
3023
  "motionVarPrefixes": []
3024
+ },
3025
+ Accordion: {
3026
+ "name": "Accordion",
3027
+ "defaultProps": {
3028
+ "spacingHorizontal": "4",
3029
+ "spacingVertical": "4"
3030
+ },
3031
+ "getStylesLiterals": {},
3032
+ "cxLiterals": ["hover:bg-secondary/80", "w-full"],
3033
+ "internalComponents": [
3034
+ "Icon",
3035
+ "SpringMotionConfig",
3036
+ "Pressable",
3037
+ "Text",
3038
+ "HStack",
3039
+ "AnimatePresence",
3040
+ "VStack"
3041
+ ],
3042
+ "internalComponentProps": {
3043
+ "Icon": {
3044
+ "variant": ["fill"],
3045
+ "size": ["sm"],
3046
+ "color": ["primary"]
3047
+ },
3048
+ "SpringMotionConfig": {
3049
+ "layoutVariant": ["smooth"],
3050
+ "layoutSpeed": ["3"]
3051
+ },
3052
+ "Pressable": {
3053
+ "display": ["flex"],
3054
+ "flexDirection": ["row"],
3055
+ "alignItems": ["center"],
3056
+ "justifyContent": ["space-between"],
3057
+ "borderRadius": ["md"]
3058
+ },
3059
+ "Text": {
3060
+ "variant": ["title4"],
3061
+ "color": ["primary"]
3062
+ },
3063
+ "HStack": {
3064
+ "display": ["flex"],
3065
+ "alignItems": ["center"],
3066
+ "justifyContent": ["space-between"],
3067
+ "columnGap": ["2.5"]
3068
+ }
3069
+ },
3070
+ "propToVariantKeys": {},
3071
+ "runtimeConfigDefaultProps": {},
3072
+ "runtimeConfigGetStyles": {},
3073
+ "runtimeConfigInternalComponentProps": {},
3074
+ "motionVarPrefixes": ["--uds-motion-smooth-3-"]
3075
+ },
3076
+ AvoidMotionLibraryProvider: {
3077
+ "name": "AvoidMotionLibraryProvider",
3078
+ "defaultProps": {},
3079
+ "getStylesLiterals": {},
3080
+ "cxLiterals": [],
3081
+ "internalComponents": [],
3082
+ "internalComponentProps": {},
3083
+ "propToVariantKeys": {},
3084
+ "runtimeConfigDefaultProps": {},
3085
+ "runtimeConfigGetStyles": {},
3086
+ "runtimeConfigInternalComponentProps": {},
3087
+ "motionVarPrefixes": []
3088
+ },
3089
+ SegmentedControl: {
3090
+ "name": "SegmentedControl",
3091
+ "defaultProps": { "textVariant": "label2" },
3092
+ "getStylesLiterals": {
3093
+ "display": "flex",
3094
+ "alignItems": "center",
3095
+ "backgroundColor": "primary",
3096
+ "spacingVertical": "1",
3097
+ "spacingHorizontal": "3",
3098
+ "columnGap": "1.5",
3099
+ "borderWidth": "thin",
3100
+ "borderRadius": "full",
3101
+ "borderColor": "muted",
3102
+ "borderColor:1": "transparent",
3103
+ "color": "primary",
3104
+ "color:1": "tertiary",
3105
+ "color:2": "muted"
3106
+ },
3107
+ "cxLiterals": [
3108
+ "uds-ring",
3109
+ "cursor-not-allowed",
3110
+ "opacity-50",
3111
+ "pointer-events-none",
3112
+ "hover:bg-primary"
3113
+ ],
3114
+ "internalComponents": [
3115
+ "Radio",
3116
+ "Icon",
3117
+ "RadioProvider",
3118
+ "HStack",
3119
+ "RadioGroup",
3120
+ "Pressable",
3121
+ "Text"
3122
+ ],
3123
+ "internalComponentProps": {
3124
+ "Icon": {
3125
+ "size": ["sm"],
3126
+ "color": ["current"],
3127
+ "aria-hidden": ["true"]
3128
+ },
3129
+ "HStack": {
3130
+ "spacing": ["1"],
3131
+ "gap": ["1"],
3132
+ "backgroundColor": ["secondary"],
3133
+ "borderRadius": ["full"],
3134
+ "display": ["inline-flex"]
3135
+ },
3136
+ "Text": { "color": ["current"] }
3137
+ },
3138
+ "propToVariantKeys": {
3139
+ "value": ["key"],
3140
+ "label": ["aria-label"],
3141
+ "textVariant": ["variant"]
3142
+ },
3143
+ "runtimeConfigDefaultProps": {},
3144
+ "runtimeConfigGetStyles": {},
3145
+ "runtimeConfigInternalComponentProps": {},
3146
+ "motionVarPrefixes": []
3147
+ },
3148
+ SwitchV2: {
3149
+ "name": "SwitchV2",
3150
+ "defaultProps": {
3151
+ "labelPosition": "start",
3152
+ "size": "md"
3153
+ },
3154
+ "getStylesLiterals": {
3155
+ "switchVariantRoot": "default",
3156
+ "switchVariantActiveRoot": "on",
3157
+ "switchVariantActiveRoot:1": "off",
3158
+ "switchVariantSwitch": "default",
3159
+ "switchVariantActiveSwitch": "on",
3160
+ "switchVariantActiveSwitch:1": "off",
3161
+ "switchVariantActiveHandle": "on",
3162
+ "switchVariantActiveHandle:1": "off",
3163
+ "switchVariantHandle": "default",
3164
+ "switchVariantHandleIcon": "default",
3165
+ "switchVariantActiveHandleIcon": "on",
3166
+ "switchVariantActiveHandleIcon:1": "off"
3167
+ },
3168
+ "cxLiterals": [
3169
+ "group",
3170
+ "flex",
3171
+ "items-center",
3172
+ "flex-row",
3173
+ "flex-row-reverse",
3174
+ "uds-ring",
3175
+ "uds-ring-within",
3176
+ "relative",
3177
+ "uds-border-radius-full",
3178
+ "transition-[background-color,box-shadow]",
3179
+ "pointer-events-none",
3180
+ "w-full",
3181
+ "h-full",
3182
+ "absolute",
3183
+ "top-0",
3184
+ "bottom-0",
3185
+ "right-0",
3186
+ "left-0",
3187
+ "overflow-hidden",
3188
+ "group-hover:scale-105",
3189
+ "opacity-95",
3190
+ "group-hover:opacity-100",
3191
+ "transition-[transform,opacity]",
3192
+ "opacity-0",
3193
+ "top-1/2",
3194
+ "left-1/2",
3195
+ "transform",
3196
+ "translate-x-[-50%]",
3197
+ "translate-y-[-50%]",
3198
+ "transition-opacity",
3199
+ "cursor-[inherit]",
3200
+ "w-[calc(100%+2px)]",
3201
+ "h-[calc(100%+2px)]",
3202
+ "text-start",
3203
+ "text-end",
3204
+ "opacity-100"
3205
+ ],
3206
+ "internalComponents": [
3207
+ "IconSlot",
3208
+ "Box",
3209
+ "FormLabel",
3210
+ "SpringMotionConfig",
3211
+ "RootElement",
3212
+ "MotionBox"
3213
+ ],
3214
+ "internalComponentProps": {
3215
+ "IconSlot": { "data-testid": ["on-icon", "off-icon"] },
3216
+ "FormLabel": {
3217
+ "as": ["div"],
3218
+ "variant": ["inherit"],
3219
+ "color": ["inherit"]
3220
+ },
3221
+ "SpringMotionConfig": {
3222
+ "layoutVariant": ["bouncy"],
3223
+ "layoutSpeed": ["4"]
3224
+ },
3225
+ "RootElement": { "data-testid": ["switch-root"] },
3226
+ "MotionBox": { "layout": ["position"] }
3227
+ },
3228
+ "propToVariantKeys": {
3229
+ "size": [
3230
+ "switchSizeRoot",
3231
+ "switchSizeSwitch",
3232
+ "switchSizeHandle",
3233
+ "switchSizeHandleIcon"
3234
+ ],
3235
+ "onIcon": ["icon"],
3236
+ "offIcon": ["icon"],
3237
+ "reduceMotion": ["reducedMotion"],
3238
+ "isOn": ["layoutDependency"]
3239
+ },
3240
+ "runtimeConfigDefaultProps": {},
3241
+ "runtimeConfigGetStyles": {},
3242
+ "runtimeConfigInternalComponentProps": {},
3243
+ "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
3245
3244
  }
3246
3245
  };
3247
3246
  //#endregion