@nimbus-ds/styles 9.40.1 → 9.41.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (13) hide show
  1. package/CHANGELOG.md +1 -1
  2. package/dist/CHANGELOG.md +1 -1
  3. package/dist/index.css +1 -1
  4. package/dist/index.d.ts +242 -241
  5. package/dist/index.js +1 -1
  6. package/dist/styles.css +1 -1
  7. package/dist/themes/dark/index.js +1 -1
  8. package/dist/themes/dark.css +1 -1
  9. package/dist/themes/next/index.js +1 -1
  10. package/dist/themes/next-dark/index.js +1 -1
  11. package/dist/themes/next-dark.css +1 -1
  12. package/dist/themes/next.css +1 -1
  13. package/package.json +2 -2
package/dist/index.d.ts CHANGED
@@ -53,6 +53,7 @@ export interface Conditions<T> {
53
53
  md?: T;
54
54
  lg?: T;
55
55
  xl?: T;
56
+ xxl?: T;
56
57
  }
57
58
  export type AspectRatio = "1/1" | "16/9" | "9/16" | "4/3" | "3/4" | "2/1" | "1/2";
58
59
  export type BorderStyle = "solid" | "none" | "hidden" | "dashed" | "dotted";
@@ -804,27 +805,27 @@ export declare const box: {
804
805
  values: {
805
806
  grid: {
806
807
  default: string;
807
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
808
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
808
809
  };
809
810
  none: {
810
811
  default: string;
811
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
812
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
812
813
  };
813
814
  flex: {
814
815
  default: string;
815
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
816
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
816
817
  };
817
818
  block: {
818
819
  default: string;
819
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
820
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
820
821
  };
821
822
  "inline-flex": {
822
823
  default: string;
823
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
824
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
824
825
  };
825
826
  "inline-grid": {
826
827
  default: string;
827
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
828
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
828
829
  };
829
830
  };
830
831
  staticScale: Display[];
@@ -834,19 +835,19 @@ export declare const box: {
834
835
  values: {
835
836
  row: {
836
837
  default: string;
837
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
838
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
838
839
  };
839
840
  column: {
840
841
  default: string;
841
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
842
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
842
843
  };
843
844
  "column-reverse": {
844
845
  default: string;
845
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
846
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
846
847
  };
847
848
  "row-reverse": {
848
849
  default: string;
849
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
850
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
850
851
  };
851
852
  };
852
853
  staticScale: FlexDirection[];
@@ -856,15 +857,15 @@ export declare const box: {
856
857
  values: {
857
858
  nowrap: {
858
859
  default: string;
859
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
860
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
860
861
  };
861
862
  wrap: {
862
863
  default: string;
863
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
864
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
864
865
  };
865
866
  "wrap-reverse": {
866
867
  default: string;
867
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
868
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
868
869
  };
869
870
  };
870
871
  staticScale: FlexWrap[];
@@ -874,27 +875,27 @@ export declare const box: {
874
875
  values: {
875
876
  center: {
876
877
  default: string;
877
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
878
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
878
879
  };
879
880
  "flex-end": {
880
881
  default: string;
881
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
882
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
882
883
  };
883
884
  "flex-start": {
884
885
  default: string;
885
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
886
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
886
887
  };
887
888
  "space-around": {
888
889
  default: string;
889
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
890
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
890
891
  };
891
892
  "space-between": {
892
893
  default: string;
893
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
894
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
894
895
  };
895
896
  "space-evenly": {
896
897
  default: string;
897
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
898
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
898
899
  };
899
900
  };
900
901
  staticScale: JustifyContent[];
@@ -904,23 +905,23 @@ export declare const box: {
904
905
  values: {
905
906
  center: {
906
907
  default: string;
907
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
908
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
908
909
  };
909
910
  "flex-end": {
910
911
  default: string;
911
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
912
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
912
913
  };
913
914
  "flex-start": {
914
915
  default: string;
915
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
916
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
916
917
  };
917
918
  baseline: {
918
919
  default: string;
919
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
920
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
920
921
  };
921
922
  stretch: {
922
923
  default: string;
923
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
924
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
924
925
  };
925
926
  };
926
927
  staticScale: AlignItems[];
@@ -930,27 +931,27 @@ export declare const box: {
930
931
  values: {
931
932
  center: {
932
933
  default: string;
933
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
934
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
934
935
  };
935
936
  "flex-end": {
936
937
  default: string;
937
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
938
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
938
939
  };
939
940
  "flex-start": {
940
941
  default: string;
941
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
942
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
942
943
  };
943
944
  baseline: {
944
945
  default: string;
945
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
946
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
946
947
  };
947
948
  stretch: {
948
949
  default: string;
949
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
950
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
950
951
  };
951
952
  auto: {
952
953
  default: string;
953
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
954
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
954
955
  };
955
956
  };
956
957
  staticScale: AlignSelf[];
@@ -960,47 +961,47 @@ export declare const box: {
960
961
  values: {
961
962
  inherit: {
962
963
  default: string;
963
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
964
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
964
965
  };
965
966
  none: {
966
967
  default: string;
967
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
968
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
968
969
  };
969
970
  all: {
970
971
  default: string;
971
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
972
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
972
973
  };
973
974
  fill: {
974
975
  default: string;
975
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
976
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
976
977
  };
977
978
  stroke: {
978
979
  default: string;
979
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
980
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
980
981
  };
981
982
  auto: {
982
983
  default: string;
983
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
984
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
984
985
  };
985
986
  visible: {
986
987
  default: string;
987
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
988
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
988
989
  };
989
990
  painted: {
990
991
  default: string;
991
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
992
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
992
993
  };
993
994
  visibleFill: {
994
995
  default: string;
995
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
996
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
996
997
  };
997
998
  visiblePainted: {
998
999
  default: string;
999
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1000
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1000
1001
  };
1001
1002
  visibleStroke: {
1002
1003
  default: string;
1003
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1004
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1004
1005
  };
1005
1006
  };
1006
1007
  staticScale: PointerEvents[];
@@ -1010,23 +1011,23 @@ export declare const box: {
1010
1011
  values: {
1011
1012
  hidden: {
1012
1013
  default: string;
1013
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1014
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1014
1015
  };
1015
1016
  none: {
1016
1017
  default: string;
1017
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1018
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1018
1019
  };
1019
1020
  dashed: {
1020
1021
  default: string;
1021
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1022
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1022
1023
  };
1023
1024
  dotted: {
1024
1025
  default: string;
1025
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1026
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1026
1027
  };
1027
1028
  solid: {
1028
1029
  default: string;
1029
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1030
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1030
1031
  };
1031
1032
  };
1032
1033
  staticScale: BorderStyle[];
@@ -1036,11 +1037,11 @@ export declare const box: {
1036
1037
  values: {
1037
1038
  "border-box": {
1038
1039
  default: string;
1039
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1040
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1040
1041
  };
1041
1042
  "content-box": {
1042
1043
  default: string;
1043
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1044
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1044
1045
  };
1045
1046
  };
1046
1047
  staticScale: BoxSizing[];
@@ -1050,23 +1051,23 @@ export declare const box: {
1050
1051
  values: {
1051
1052
  inherit: {
1052
1053
  default: string;
1053
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1054
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1054
1055
  };
1055
1056
  auto: {
1056
1057
  default: string;
1057
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1058
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1058
1059
  };
1059
1060
  grab: {
1060
1061
  default: string;
1061
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1062
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1062
1063
  };
1063
1064
  "not-allowed": {
1064
1065
  default: string;
1065
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1066
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1066
1067
  };
1067
1068
  pointer: {
1068
1069
  default: string;
1069
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1070
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1070
1071
  };
1071
1072
  };
1072
1073
  staticScale: Cursor[];
@@ -1076,23 +1077,23 @@ export declare const box: {
1076
1077
  values: {
1077
1078
  fixed: {
1078
1079
  default: string;
1079
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1080
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1080
1081
  };
1081
1082
  absolute: {
1082
1083
  default: string;
1083
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1084
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1084
1085
  };
1085
1086
  relative: {
1086
1087
  default: string;
1087
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1088
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1088
1089
  };
1089
1090
  static: {
1090
1091
  default: string;
1091
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1092
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1092
1093
  };
1093
1094
  sticky: {
1094
1095
  default: string;
1095
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1096
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1096
1097
  };
1097
1098
  };
1098
1099
  staticScale: Position[];
@@ -1102,19 +1103,19 @@ export declare const box: {
1102
1103
  values: {
1103
1104
  hidden: {
1104
1105
  default: string;
1105
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1106
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1106
1107
  };
1107
1108
  auto: {
1108
1109
  default: string;
1109
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1110
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1110
1111
  };
1111
1112
  visible: {
1112
1113
  default: string;
1113
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1114
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1114
1115
  };
1115
1116
  scroll: {
1116
1117
  default: string;
1117
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1118
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1118
1119
  };
1119
1120
  };
1120
1121
  staticScale: Overflow[];
@@ -1124,19 +1125,19 @@ export declare const box: {
1124
1125
  values: {
1125
1126
  hidden: {
1126
1127
  default: string;
1127
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1128
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1128
1129
  };
1129
1130
  auto: {
1130
1131
  default: string;
1131
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1132
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1132
1133
  };
1133
1134
  visible: {
1134
1135
  default: string;
1135
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1136
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1136
1137
  };
1137
1138
  scroll: {
1138
1139
  default: string;
1139
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1140
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1140
1141
  };
1141
1142
  };
1142
1143
  staticScale: Overflow[];
@@ -1146,19 +1147,19 @@ export declare const box: {
1146
1147
  values: {
1147
1148
  hidden: {
1148
1149
  default: string;
1149
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1150
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1150
1151
  };
1151
1152
  auto: {
1152
1153
  default: string;
1153
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1154
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1154
1155
  };
1155
1156
  visible: {
1156
1157
  default: string;
1157
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1158
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1158
1159
  };
1159
1160
  scroll: {
1160
1161
  default: string;
1161
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1162
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1162
1163
  };
1163
1164
  };
1164
1165
  staticScale: Overflow[];
@@ -1168,31 +1169,31 @@ export declare const box: {
1168
1169
  values: {
1169
1170
  ease: {
1170
1171
  default: string;
1171
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1172
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1172
1173
  };
1173
1174
  "ease-in": {
1174
1175
  default: string;
1175
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1176
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1176
1177
  };
1177
1178
  "ease-in-out": {
1178
1179
  default: string;
1179
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1180
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1180
1181
  };
1181
1182
  "ease-out": {
1182
1183
  default: string;
1183
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1184
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1184
1185
  };
1185
1186
  "step-end": {
1186
1187
  default: string;
1187
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1188
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1188
1189
  };
1189
1190
  "step-start": {
1190
1191
  default: string;
1191
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1192
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1192
1193
  };
1193
1194
  linear: {
1194
1195
  default: string;
1195
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1196
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1196
1197
  };
1197
1198
  };
1198
1199
  staticScale: TransitionTiming[];
@@ -1202,15 +1203,15 @@ export declare const box: {
1202
1203
  values: {
1203
1204
  none: {
1204
1205
  default: string;
1205
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1206
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1206
1207
  };
1207
1208
  "line-through": {
1208
1209
  default: string;
1209
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1210
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1210
1211
  };
1211
1212
  underline: {
1212
1213
  default: string;
1213
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1214
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1214
1215
  };
1215
1216
  };
1216
1217
  staticScale: TextDecoration[];
@@ -1220,111 +1221,111 @@ export declare const box: {
1220
1221
  values: {
1221
1222
  h1: {
1222
1223
  default: string;
1223
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1224
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1224
1225
  };
1225
1226
  h2: {
1226
1227
  default: string;
1227
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1228
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1228
1229
  };
1229
1230
  h3: {
1230
1231
  default: string;
1231
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1232
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1232
1233
  };
1233
1234
  h4: {
1234
1235
  default: string;
1235
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1236
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1236
1237
  };
1237
1238
  h5: {
1238
1239
  default: string;
1239
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1240
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1240
1241
  };
1241
1242
  h6: {
1242
1243
  default: string;
1243
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1244
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1244
1245
  };
1245
1246
  1: {
1246
1247
  default: string;
1247
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1248
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1248
1249
  };
1249
1250
  2: {
1250
1251
  default: string;
1251
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1252
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1252
1253
  };
1253
1254
  3: {
1254
1255
  default: string;
1255
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1256
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1256
1257
  };
1257
1258
  4: {
1258
1259
  default: string;
1259
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1260
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1260
1261
  };
1261
1262
  5: {
1262
1263
  default: string;
1263
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1264
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1264
1265
  };
1265
1266
  "0-5": {
1266
1267
  default: string;
1267
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1268
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1268
1269
  };
1269
1270
  6: {
1270
1271
  default: string;
1271
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1272
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1272
1273
  };
1273
1274
  "1-5": {
1274
1275
  default: string;
1275
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1276
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1276
1277
  };
1277
1278
  "2-5": {
1278
1279
  default: string;
1279
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1280
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1280
1281
  };
1281
1282
  "3-5": {
1282
1283
  default: string;
1283
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1284
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1284
1285
  };
1285
1286
  "4-5": {
1286
1287
  default: string;
1287
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1288
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1288
1289
  };
1289
1290
  7: {
1290
1291
  default: string;
1291
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1292
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1292
1293
  };
1293
1294
  8: {
1294
1295
  default: string;
1295
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1296
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1296
1297
  };
1297
1298
  9: {
1298
1299
  default: string;
1299
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1300
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1300
1301
  };
1301
1302
  10: {
1302
1303
  default: string;
1303
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1304
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1304
1305
  };
1305
1306
  11: {
1306
1307
  default: string;
1307
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1308
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1308
1309
  };
1309
1310
  12: {
1310
1311
  default: string;
1311
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1312
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1312
1313
  };
1313
1314
  14: {
1314
1315
  default: string;
1315
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1316
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1316
1317
  };
1317
1318
  16: {
1318
1319
  default: string;
1319
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1320
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1320
1321
  };
1321
1322
  18: {
1322
1323
  default: string;
1323
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1324
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1324
1325
  };
1325
1326
  20: {
1326
1327
  default: string;
1327
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1328
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1328
1329
  };
1329
1330
  };
1330
1331
  staticScale: {
@@ -1362,15 +1363,15 @@ export declare const box: {
1362
1363
  values: {
1363
1364
  regular: {
1364
1365
  default: string;
1365
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1366
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1366
1367
  };
1367
1368
  medium: {
1368
1369
  default: string;
1369
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1370
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1370
1371
  };
1371
1372
  bold: {
1372
1373
  default: string;
1373
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1374
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1374
1375
  };
1375
1376
  };
1376
1377
  staticScale: {
@@ -1384,111 +1385,111 @@ export declare const box: {
1384
1385
  values: {
1385
1386
  h1: {
1386
1387
  default: string;
1387
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1388
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1388
1389
  };
1389
1390
  h2: {
1390
1391
  default: string;
1391
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1392
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1392
1393
  };
1393
1394
  h3: {
1394
1395
  default: string;
1395
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1396
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1396
1397
  };
1397
1398
  h4: {
1398
1399
  default: string;
1399
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1400
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1400
1401
  };
1401
1402
  h5: {
1402
1403
  default: string;
1403
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1404
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1404
1405
  };
1405
1406
  h6: {
1406
1407
  default: string;
1407
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1408
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1408
1409
  };
1409
1410
  1: {
1410
1411
  default: string;
1411
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1412
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1412
1413
  };
1413
1414
  2: {
1414
1415
  default: string;
1415
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1416
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1416
1417
  };
1417
1418
  3: {
1418
1419
  default: string;
1419
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1420
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1420
1421
  };
1421
1422
  4: {
1422
1423
  default: string;
1423
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1424
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1424
1425
  };
1425
1426
  5: {
1426
1427
  default: string;
1427
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1428
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1428
1429
  };
1429
1430
  "0-5": {
1430
1431
  default: string;
1431
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1432
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1432
1433
  };
1433
1434
  6: {
1434
1435
  default: string;
1435
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1436
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1436
1437
  };
1437
1438
  "1-5": {
1438
1439
  default: string;
1439
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1440
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1440
1441
  };
1441
1442
  "2-5": {
1442
1443
  default: string;
1443
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1444
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1444
1445
  };
1445
1446
  "3-5": {
1446
1447
  default: string;
1447
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1448
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1448
1449
  };
1449
1450
  "4-5": {
1450
1451
  default: string;
1451
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1452
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1452
1453
  };
1453
1454
  7: {
1454
1455
  default: string;
1455
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1456
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1456
1457
  };
1457
1458
  8: {
1458
1459
  default: string;
1459
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1460
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1460
1461
  };
1461
1462
  9: {
1462
1463
  default: string;
1463
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1464
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1464
1465
  };
1465
1466
  10: {
1466
1467
  default: string;
1467
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1468
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1468
1469
  };
1469
1470
  11: {
1470
1471
  default: string;
1471
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1472
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1472
1473
  };
1473
1474
  12: {
1474
1475
  default: string;
1475
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1476
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1476
1477
  };
1477
1478
  14: {
1478
1479
  default: string;
1479
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1480
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1480
1481
  };
1481
1482
  16: {
1482
1483
  default: string;
1483
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1484
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1484
1485
  };
1485
1486
  18: {
1486
1487
  default: string;
1487
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1488
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1488
1489
  };
1489
1490
  20: {
1490
1491
  default: string;
1491
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1492
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1492
1493
  };
1493
1494
  };
1494
1495
  staticScale: {
@@ -1526,19 +1527,19 @@ export declare const box: {
1526
1527
  values: {
1527
1528
  center: {
1528
1529
  default: string;
1529
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1530
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1530
1531
  };
1531
1532
  left: {
1532
1533
  default: string;
1533
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1534
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1534
1535
  };
1535
1536
  right: {
1536
1537
  default: string;
1537
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1538
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1538
1539
  };
1539
1540
  justify: {
1540
1541
  default: string;
1541
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1542
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1542
1543
  };
1543
1544
  };
1544
1545
  staticScale: TextAlign[];
@@ -1550,307 +1551,307 @@ export declare const box: {
1550
1551
  width: {
1551
1552
  dynamic: {
1552
1553
  default: string;
1553
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1554
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1554
1555
  };
1555
1556
  dynamicScale: true;
1556
1557
  name: "width";
1557
1558
  vars: {
1558
1559
  default: string;
1559
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1560
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1560
1561
  };
1561
1562
  };
1562
1563
  height: {
1563
1564
  dynamic: {
1564
1565
  default: string;
1565
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1566
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1566
1567
  };
1567
1568
  dynamicScale: true;
1568
1569
  name: "height";
1569
1570
  vars: {
1570
1571
  default: string;
1571
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1572
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1572
1573
  };
1573
1574
  };
1574
1575
  maxWidth: {
1575
1576
  dynamic: {
1576
1577
  default: string;
1577
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1578
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1578
1579
  };
1579
1580
  dynamicScale: true;
1580
1581
  name: "maxWidth";
1581
1582
  vars: {
1582
1583
  default: string;
1583
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1584
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1584
1585
  };
1585
1586
  };
1586
1587
  maxHeight: {
1587
1588
  dynamic: {
1588
1589
  default: string;
1589
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1590
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1590
1591
  };
1591
1592
  dynamicScale: true;
1592
1593
  name: "maxHeight";
1593
1594
  vars: {
1594
1595
  default: string;
1595
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1596
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1596
1597
  };
1597
1598
  };
1598
1599
  minWidth: {
1599
1600
  dynamic: {
1600
1601
  default: string;
1601
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1602
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1602
1603
  };
1603
1604
  dynamicScale: true;
1604
1605
  name: "minWidth";
1605
1606
  vars: {
1606
1607
  default: string;
1607
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1608
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1608
1609
  };
1609
1610
  };
1610
1611
  minHeight: {
1611
1612
  dynamic: {
1612
1613
  default: string;
1613
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1614
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1614
1615
  };
1615
1616
  dynamicScale: true;
1616
1617
  name: "minHeight";
1617
1618
  vars: {
1618
1619
  default: string;
1619
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1620
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1620
1621
  };
1621
1622
  };
1622
1623
  bottom: {
1623
1624
  dynamic: {
1624
1625
  default: string;
1625
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1626
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1626
1627
  };
1627
1628
  dynamicScale: true;
1628
1629
  name: "bottom";
1629
1630
  vars: {
1630
1631
  default: string;
1631
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1632
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1632
1633
  };
1633
1634
  };
1634
1635
  left: {
1635
1636
  dynamic: {
1636
1637
  default: string;
1637
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1638
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1638
1639
  };
1639
1640
  dynamicScale: true;
1640
1641
  name: "left";
1641
1642
  vars: {
1642
1643
  default: string;
1643
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1644
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1644
1645
  };
1645
1646
  };
1646
1647
  right: {
1647
1648
  dynamic: {
1648
1649
  default: string;
1649
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1650
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1650
1651
  };
1651
1652
  dynamicScale: true;
1652
1653
  name: "right";
1653
1654
  vars: {
1654
1655
  default: string;
1655
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1656
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1656
1657
  };
1657
1658
  };
1658
1659
  top: {
1659
1660
  dynamic: {
1660
1661
  default: string;
1661
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1662
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1662
1663
  };
1663
1664
  dynamicScale: true;
1664
1665
  name: "top";
1665
1666
  vars: {
1666
1667
  default: string;
1667
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1668
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1668
1669
  };
1669
1670
  };
1670
1671
  flex: {
1671
1672
  dynamic: {
1672
1673
  default: string;
1673
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1674
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1674
1675
  };
1675
1676
  dynamicScale: true;
1676
1677
  name: "flex";
1677
1678
  vars: {
1678
1679
  default: string;
1679
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1680
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1680
1681
  };
1681
1682
  };
1682
1683
  gridTemplateAreas: {
1683
1684
  dynamic: {
1684
1685
  default: string;
1685
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1686
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1686
1687
  };
1687
1688
  dynamicScale: true;
1688
1689
  name: "gridTemplateAreas";
1689
1690
  vars: {
1690
1691
  default: string;
1691
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1692
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1692
1693
  };
1693
1694
  };
1694
1695
  gridTemplateColumns: {
1695
1696
  dynamic: {
1696
1697
  default: string;
1697
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1698
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1698
1699
  };
1699
1700
  dynamicScale: true;
1700
1701
  name: "gridTemplateColumns";
1701
1702
  vars: {
1702
1703
  default: string;
1703
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1704
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1704
1705
  };
1705
1706
  };
1706
1707
  gridTemplateRows: {
1707
1708
  dynamic: {
1708
1709
  default: string;
1709
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1710
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1710
1711
  };
1711
1712
  dynamicScale: true;
1712
1713
  name: "gridTemplateRows";
1713
1714
  vars: {
1714
1715
  default: string;
1715
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1716
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1716
1717
  };
1717
1718
  };
1718
1719
  gridArea: {
1719
1720
  dynamic: {
1720
1721
  default: string;
1721
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1722
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1722
1723
  };
1723
1724
  dynamicScale: true;
1724
1725
  name: "gridArea";
1725
1726
  vars: {
1726
1727
  default: string;
1727
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1728
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1728
1729
  };
1729
1730
  };
1730
1731
  flexShrink: {
1731
1732
  dynamic: {
1732
1733
  default: string;
1733
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1734
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1734
1735
  };
1735
1736
  dynamicScale: true;
1736
1737
  name: "flexShrink";
1737
1738
  vars: {
1738
1739
  default: string;
1739
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1740
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1740
1741
  };
1741
1742
  };
1742
1743
  flexGrow: {
1743
1744
  dynamic: {
1744
1745
  default: string;
1745
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1746
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1746
1747
  };
1747
1748
  dynamicScale: true;
1748
1749
  name: "flexGrow";
1749
1750
  vars: {
1750
1751
  default: string;
1751
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1752
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1752
1753
  };
1753
1754
  };
1754
1755
  order: {
1755
1756
  dynamic: {
1756
1757
  default: string;
1757
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1758
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1758
1759
  };
1759
1760
  dynamicScale: true;
1760
1761
  name: "order";
1761
1762
  vars: {
1762
1763
  default: string;
1763
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1764
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1764
1765
  };
1765
1766
  };
1766
1767
  transitionDelay: {
1767
1768
  dynamic: {
1768
1769
  default: string;
1769
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1770
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1770
1771
  };
1771
1772
  dynamicScale: true;
1772
1773
  name: "transitionDelay";
1773
1774
  vars: {
1774
1775
  default: string;
1775
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1776
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1776
1777
  };
1777
1778
  };
1778
1779
  transitionProperty: {
1779
1780
  dynamic: {
1780
1781
  default: string;
1781
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1782
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1782
1783
  };
1783
1784
  dynamicScale: true;
1784
1785
  name: "transitionProperty";
1785
1786
  vars: {
1786
1787
  default: string;
1787
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1788
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1788
1789
  };
1789
1790
  };
1790
1791
  backgroundImage: {
1791
1792
  dynamic: {
1792
1793
  default: string;
1793
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1794
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1794
1795
  };
1795
1796
  dynamicScale: true;
1796
1797
  name: "backgroundImage";
1797
1798
  vars: {
1798
1799
  default: string;
1799
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1800
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1800
1801
  };
1801
1802
  };
1802
1803
  backgroundPosition: {
1803
1804
  dynamic: {
1804
1805
  default: string;
1805
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1806
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1806
1807
  };
1807
1808
  dynamicScale: true;
1808
1809
  name: "backgroundPosition";
1809
1810
  vars: {
1810
1811
  default: string;
1811
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1812
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1812
1813
  };
1813
1814
  };
1814
1815
  backgroundBlendMode: {
1815
1816
  dynamic: {
1816
1817
  default: string;
1817
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1818
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1818
1819
  };
1819
1820
  dynamicScale: true;
1820
1821
  name: "backgroundBlendMode";
1821
1822
  vars: {
1822
1823
  default: string;
1823
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1824
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1824
1825
  };
1825
1826
  };
1826
1827
  backgroundRepeat: {
1827
1828
  dynamic: {
1828
1829
  default: string;
1829
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1830
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1830
1831
  };
1831
1832
  dynamicScale: true;
1832
1833
  name: "backgroundRepeat";
1833
1834
  vars: {
1834
1835
  default: string;
1835
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1836
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1836
1837
  };
1837
1838
  };
1838
1839
  backgroundSize: {
1839
1840
  dynamic: {
1840
1841
  default: string;
1841
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1842
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1842
1843
  };
1843
1844
  dynamicScale: true;
1844
1845
  name: "backgroundSize";
1845
1846
  vars: {
1846
1847
  default: string;
1847
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1848
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1848
1849
  };
1849
1850
  };
1850
1851
  transitionDuration: {
1851
1852
  dynamic: {
1852
1853
  default: string;
1853
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1854
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1854
1855
  };
1855
1856
  dynamicScale: {
1856
1857
  base: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -1861,13 +1862,13 @@ export declare const box: {
1861
1862
  name: "transitionDuration";
1862
1863
  vars: {
1863
1864
  default: string;
1864
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1865
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1865
1866
  };
1866
1867
  };
1867
1868
  background: {
1868
1869
  dynamic: {
1869
1870
  default: string;
1870
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1871
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1871
1872
  };
1872
1873
  dynamicScale: {
1873
1874
  "ai-generative-interactive-border": string;
@@ -1877,13 +1878,13 @@ export declare const box: {
1877
1878
  name: "background";
1878
1879
  vars: {
1879
1880
  default: string;
1880
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1881
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1881
1882
  };
1882
1883
  };
1883
1884
  backgroundColor: {
1884
1885
  dynamic: {
1885
1886
  default: string;
1886
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1887
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1887
1888
  };
1888
1889
  dynamicScale: {
1889
1890
  "primary-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -1916,13 +1917,13 @@ export declare const box: {
1916
1917
  name: "backgroundColor";
1917
1918
  vars: {
1918
1919
  default: string;
1919
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1920
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1920
1921
  };
1921
1922
  };
1922
1923
  borderColor: {
1923
1924
  dynamic: {
1924
1925
  default: string;
1925
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1926
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1926
1927
  };
1927
1928
  dynamicScale: {
1928
1929
  "primary-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -1946,13 +1947,13 @@ export declare const box: {
1946
1947
  name: "borderColor";
1947
1948
  vars: {
1948
1949
  default: string;
1949
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1950
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1950
1951
  };
1951
1952
  };
1952
1953
  borderRadius: {
1953
1954
  dynamic: {
1954
1955
  default: string;
1955
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1956
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1956
1957
  };
1957
1958
  dynamicScale: {
1958
1959
  "0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -1970,13 +1971,13 @@ export declare const box: {
1970
1971
  name: "borderRadius";
1971
1972
  vars: {
1972
1973
  default: string;
1973
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1974
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1974
1975
  };
1975
1976
  };
1976
1977
  borderWidth: {
1977
1978
  dynamic: {
1978
1979
  default: string;
1979
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1980
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1980
1981
  };
1981
1982
  dynamicScale: {
1982
1983
  "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -1989,13 +1990,13 @@ export declare const box: {
1989
1990
  name: "borderWidth";
1990
1991
  vars: {
1991
1992
  default: string;
1992
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1993
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1993
1994
  };
1994
1995
  };
1995
1996
  borderTopWidth: {
1996
1997
  dynamic: {
1997
1998
  default: string;
1998
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1999
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1999
2000
  };
2000
2001
  dynamicScale: {
2001
2002
  "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -2008,13 +2009,13 @@ export declare const box: {
2008
2009
  name: "borderTopWidth";
2009
2010
  vars: {
2010
2011
  default: string;
2011
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
2012
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
2012
2013
  };
2013
2014
  };
2014
2015
  borderBottomWidth: {
2015
2016
  dynamic: {
2016
2017
  default: string;
2017
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
2018
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
2018
2019
  };
2019
2020
  dynamicScale: {
2020
2021
  "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -2027,13 +2028,13 @@ export declare const box: {
2027
2028
  name: "borderBottomWidth";
2028
2029
  vars: {
2029
2030
  default: string;
2030
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
2031
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
2031
2032
  };
2032
2033
  };
2033
2034
  borderLeftWidth: {
2034
2035
  dynamic: {
2035
2036
  default: string;
2036
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
2037
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
2037
2038
  };
2038
2039
  dynamicScale: {
2039
2040
  "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -2046,13 +2047,13 @@ export declare const box: {
2046
2047
  name: "borderLeftWidth";
2047
2048
  vars: {
2048
2049
  default: string;
2049
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
2050
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
2050
2051
  };
2051
2052
  };
2052
2053
  borderRightWidth: {
2053
2054
  dynamic: {
2054
2055
  default: string;
2055
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
2056
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
2056
2057
  };
2057
2058
  dynamicScale: {
2058
2059
  "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -2065,13 +2066,13 @@ export declare const box: {
2065
2066
  name: "borderRightWidth";
2066
2067
  vars: {
2067
2068
  default: string;
2068
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
2069
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
2069
2070
  };
2070
2071
  };
2071
2072
  boxShadow: {
2072
2073
  dynamic: {
2073
2074
  default: string;
2074
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
2075
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
2075
2076
  };
2076
2077
  dynamicScale: {
2077
2078
  "0": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -2086,13 +2087,13 @@ export declare const box: {
2086
2087
  name: "boxShadow";
2087
2088
  vars: {
2088
2089
  default: string;
2089
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
2090
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
2090
2091
  };
2091
2092
  };
2092
2093
  padding: {
2093
2094
  dynamic: {
2094
2095
  default: string;
2095
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
2096
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
2096
2097
  };
2097
2098
  dynamicScale: {
2098
2099
  none: string;
@@ -2121,13 +2122,13 @@ export declare const box: {
2121
2122
  name: "padding";
2122
2123
  vars: {
2123
2124
  default: string;
2124
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
2125
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
2125
2126
  };
2126
2127
  };
2127
2128
  paddingTop: {
2128
2129
  dynamic: {
2129
2130
  default: string;
2130
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
2131
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
2131
2132
  };
2132
2133
  dynamicScale: {
2133
2134
  none: string;
@@ -2156,13 +2157,13 @@ export declare const box: {
2156
2157
  name: "paddingTop";
2157
2158
  vars: {
2158
2159
  default: string;
2159
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
2160
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
2160
2161
  };
2161
2162
  };
2162
2163
  paddingBottom: {
2163
2164
  dynamic: {
2164
2165
  default: string;
2165
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
2166
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
2166
2167
  };
2167
2168
  dynamicScale: {
2168
2169
  none: string;
@@ -2191,13 +2192,13 @@ export declare const box: {
2191
2192
  name: "paddingBottom";
2192
2193
  vars: {
2193
2194
  default: string;
2194
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
2195
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
2195
2196
  };
2196
2197
  };
2197
2198
  paddingLeft: {
2198
2199
  dynamic: {
2199
2200
  default: string;
2200
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
2201
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
2201
2202
  };
2202
2203
  dynamicScale: {
2203
2204
  none: string;
@@ -2226,13 +2227,13 @@ export declare const box: {
2226
2227
  name: "paddingLeft";
2227
2228
  vars: {
2228
2229
  default: string;
2229
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
2230
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
2230
2231
  };
2231
2232
  };
2232
2233
  paddingRight: {
2233
2234
  dynamic: {
2234
2235
  default: string;
2235
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
2236
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
2236
2237
  };
2237
2238
  dynamicScale: {
2238
2239
  none: string;
@@ -2261,13 +2262,13 @@ export declare const box: {
2261
2262
  name: "paddingRight";
2262
2263
  vars: {
2263
2264
  default: string;
2264
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
2265
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
2265
2266
  };
2266
2267
  };
2267
2268
  margin: {
2268
2269
  dynamic: {
2269
2270
  default: string;
2270
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
2271
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
2271
2272
  };
2272
2273
  dynamicScale: {
2273
2274
  "0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -2297,13 +2298,13 @@ export declare const box: {
2297
2298
  name: "margin";
2298
2299
  vars: {
2299
2300
  default: string;
2300
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
2301
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
2301
2302
  };
2302
2303
  };
2303
2304
  marginTop: {
2304
2305
  dynamic: {
2305
2306
  default: string;
2306
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
2307
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
2307
2308
  };
2308
2309
  dynamicScale: {
2309
2310
  "0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -2333,13 +2334,13 @@ export declare const box: {
2333
2334
  name: "marginTop";
2334
2335
  vars: {
2335
2336
  default: string;
2336
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
2337
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
2337
2338
  };
2338
2339
  };
2339
2340
  marginBottom: {
2340
2341
  dynamic: {
2341
2342
  default: string;
2342
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
2343
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
2343
2344
  };
2344
2345
  dynamicScale: {
2345
2346
  "0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -2369,13 +2370,13 @@ export declare const box: {
2369
2370
  name: "marginBottom";
2370
2371
  vars: {
2371
2372
  default: string;
2372
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
2373
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
2373
2374
  };
2374
2375
  };
2375
2376
  marginLeft: {
2376
2377
  dynamic: {
2377
2378
  default: string;
2378
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
2379
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
2379
2380
  };
2380
2381
  dynamicScale: {
2381
2382
  "0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -2405,13 +2406,13 @@ export declare const box: {
2405
2406
  name: "marginLeft";
2406
2407
  vars: {
2407
2408
  default: string;
2408
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
2409
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
2409
2410
  };
2410
2411
  };
2411
2412
  marginRight: {
2412
2413
  dynamic: {
2413
2414
  default: string;
2414
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
2415
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
2415
2416
  };
2416
2417
  dynamicScale: {
2417
2418
  "0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -2441,13 +2442,13 @@ export declare const box: {
2441
2442
  name: "marginRight";
2442
2443
  vars: {
2443
2444
  default: string;
2444
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
2445
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
2445
2446
  };
2446
2447
  };
2447
2448
  gap: {
2448
2449
  dynamic: {
2449
2450
  default: string;
2450
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
2451
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
2451
2452
  };
2452
2453
  dynamicScale: {
2453
2454
  none: string;
@@ -2476,13 +2477,13 @@ export declare const box: {
2476
2477
  name: "gap";
2477
2478
  vars: {
2478
2479
  default: string;
2479
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
2480
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
2480
2481
  };
2481
2482
  };
2482
2483
  gridGap: {
2483
2484
  dynamic: {
2484
2485
  default: string;
2485
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
2486
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
2486
2487
  };
2487
2488
  dynamicScale: {
2488
2489
  none: string;
@@ -2511,13 +2512,13 @@ export declare const box: {
2511
2512
  name: "gridGap";
2512
2513
  vars: {
2513
2514
  default: string;
2514
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
2515
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
2515
2516
  };
2516
2517
  };
2517
2518
  color: {
2518
2519
  dynamic: {
2519
2520
  default: string;
2520
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
2521
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
2521
2522
  };
2522
2523
  dynamicScale: {
2523
2524
  currentColor: string;
@@ -2551,13 +2552,13 @@ export declare const box: {
2551
2552
  name: "color";
2552
2553
  vars: {
2553
2554
  default: string;
2554
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
2555
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
2555
2556
  };
2556
2557
  };
2557
2558
  zIndex: {
2558
2559
  dynamic: {
2559
2560
  default: string;
2560
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
2561
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
2561
2562
  };
2562
2563
  dynamicScale: {
2563
2564
  "100": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -2573,7 +2574,7 @@ export declare const box: {
2573
2574
  name: "zIndex";
2574
2575
  vars: {
2575
2576
  default: string;
2576
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
2577
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
2577
2578
  };
2578
2579
  };
2579
2580
  };