@csszyx/runtime 0.10.0 → 0.10.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +451 -0
- package/dist/index.d.cts +69 -2
- package/dist/index.d.mts +69 -2
- package/dist/index.mjs +447 -1
- package/package.json +3 -3
package/dist/index.cjs
CHANGED
|
@@ -785,6 +785,338 @@ const BOX_ROLE_PREFIXES = [
|
|
|
785
785
|
["w", { role: "outer", category: "sizing" }],
|
|
786
786
|
["z", { role: "outer", category: "position" }]
|
|
787
787
|
];
|
|
788
|
+
const BOX_ROLE_BY_KEY = /* @__PURE__ */ new Map([
|
|
789
|
+
["accent", { role: "inner", category: "accent" }],
|
|
790
|
+
["align", { role: "inner", category: "text" }],
|
|
791
|
+
["animate", { role: "outer", category: "transition" }],
|
|
792
|
+
["animationDelay", { role: "outer", category: "transition" }],
|
|
793
|
+
["appearance", { role: "inner", category: "interaction" }],
|
|
794
|
+
["aspect", { role: "outer", category: "sizing" }],
|
|
795
|
+
["autoCols", { role: "inner", category: "grid" }],
|
|
796
|
+
["autoRows", { role: "inner", category: "grid" }],
|
|
797
|
+
["backdropBlur", { role: "outer", category: "backdrop" }],
|
|
798
|
+
["backdropBrightness", { role: "outer", category: "backdrop" }],
|
|
799
|
+
["backdropContrast", { role: "outer", category: "backdrop" }],
|
|
800
|
+
["backdropFilter", { role: "outer", category: "backdrop" }],
|
|
801
|
+
["backdropGrayscale", { role: "outer", category: "backdrop" }],
|
|
802
|
+
["backdropHueRotate", { role: "outer", category: "backdrop" }],
|
|
803
|
+
["backdropInvert", { role: "outer", category: "backdrop" }],
|
|
804
|
+
["backdropOpacity", { role: "outer", category: "backdrop" }],
|
|
805
|
+
["backdropSaturate", { role: "outer", category: "backdrop" }],
|
|
806
|
+
["backdropSepia", { role: "outer", category: "backdrop" }],
|
|
807
|
+
["backface", { role: "outer", category: "transform" }],
|
|
808
|
+
["basis", { role: "inner", category: "flex" }],
|
|
809
|
+
["bg", { role: "outer", category: "bg" }],
|
|
810
|
+
["bgAttach", { role: "outer", category: "bg" }],
|
|
811
|
+
["bgBlend", { role: "outer", category: "bg" }],
|
|
812
|
+
["bgClip", { role: "outer", category: "bg" }],
|
|
813
|
+
["bgImg", { role: "outer", category: "bg" }],
|
|
814
|
+
["bgOrigin", { role: "outer", category: "bg" }],
|
|
815
|
+
["bgPos", { role: "outer", category: "bg" }],
|
|
816
|
+
["bgRepeat", { role: "outer", category: "bg" }],
|
|
817
|
+
["bgSize", { role: "outer", category: "bg" }],
|
|
818
|
+
["blockSize", { role: "outer", category: "sizing" }],
|
|
819
|
+
["blur", { role: "outer", category: "filter" }],
|
|
820
|
+
["border", { role: "outer", category: "border" }],
|
|
821
|
+
["borderB", { role: "outer", category: "border" }],
|
|
822
|
+
["borderBColor", { role: "outer", category: "border" }],
|
|
823
|
+
["borderBe", { role: "outer", category: "border" }],
|
|
824
|
+
["borderBs", { role: "outer", category: "border" }],
|
|
825
|
+
["borderCollapse", { role: "outer", category: "border" }],
|
|
826
|
+
["borderColor", { role: "outer", category: "border" }],
|
|
827
|
+
["borderE", { role: "outer", category: "border" }],
|
|
828
|
+
["borderL", { role: "outer", category: "border" }],
|
|
829
|
+
["borderLColor", { role: "outer", category: "border" }],
|
|
830
|
+
["borderR", { role: "outer", category: "border" }],
|
|
831
|
+
["borderRColor", { role: "outer", category: "border" }],
|
|
832
|
+
["borderS", { role: "outer", category: "border" }],
|
|
833
|
+
["borderSpacing", { role: "outer", category: "border" }],
|
|
834
|
+
["borderSpacingX", { role: "outer", category: "border" }],
|
|
835
|
+
["borderSpacingY", { role: "outer", category: "border" }],
|
|
836
|
+
["borderStyle", { role: "outer", category: "border" }],
|
|
837
|
+
["borderT", { role: "outer", category: "border" }],
|
|
838
|
+
["borderTColor", { role: "outer", category: "border" }],
|
|
839
|
+
["borderX", { role: "outer", category: "border" }],
|
|
840
|
+
["borderXColor", { role: "outer", category: "border" }],
|
|
841
|
+
["borderY", { role: "outer", category: "border" }],
|
|
842
|
+
["borderYColor", { role: "outer", category: "border" }],
|
|
843
|
+
["bottom", { role: "outer", category: "position" }],
|
|
844
|
+
["box", { role: "outer", category: "sizing" }],
|
|
845
|
+
["boxDecoration", { role: "outer", category: "fragmentation" }],
|
|
846
|
+
["break", { role: "inner", category: "text" }],
|
|
847
|
+
["breakAfter", { role: "outer", category: "fragmentation" }],
|
|
848
|
+
["breakBefore", { role: "outer", category: "fragmentation" }],
|
|
849
|
+
["breakInside", { role: "outer", category: "fragmentation" }],
|
|
850
|
+
["brightness", { role: "outer", category: "filter" }],
|
|
851
|
+
["caption", { role: "inner", category: "table" }],
|
|
852
|
+
["caret", { role: "inner", category: "accent" }],
|
|
853
|
+
["clear", { role: "outer", category: "position" }],
|
|
854
|
+
["col", { role: "inner", category: "grid" }],
|
|
855
|
+
["colEnd", { role: "inner", category: "grid" }],
|
|
856
|
+
["color", { role: "inner", category: "text" }],
|
|
857
|
+
["colSpan", { role: "inner", category: "grid" }],
|
|
858
|
+
["colStart", { role: "inner", category: "grid" }],
|
|
859
|
+
["columns", { role: "inner", category: "columns" }],
|
|
860
|
+
["container", { role: "outer", category: "sizing" }],
|
|
861
|
+
["content", { role: "inner", category: "text" }],
|
|
862
|
+
["contrast", { role: "outer", category: "filter" }],
|
|
863
|
+
["cursor", { role: "inner", category: "interaction" }],
|
|
864
|
+
["decoration", { role: "inner", category: "text" }],
|
|
865
|
+
["decorationColor", { role: "inner", category: "text" }],
|
|
866
|
+
["decorationStyle", { role: "inner", category: "text" }],
|
|
867
|
+
["decorationThickness", { role: "inner", category: "text" }],
|
|
868
|
+
["delay", { role: "outer", category: "transition" }],
|
|
869
|
+
["diagonalFractions", { role: "inner", category: "text" }],
|
|
870
|
+
["display", { role: "inner", category: "display" }],
|
|
871
|
+
["divideColor", { role: "outer", category: "divide" }],
|
|
872
|
+
["divideStyle", { role: "outer", category: "divide" }],
|
|
873
|
+
["divideX", { role: "outer", category: "divide" }],
|
|
874
|
+
["divideXReverse", { role: "outer", category: "divide" }],
|
|
875
|
+
["divideY", { role: "outer", category: "divide" }],
|
|
876
|
+
["divideYReverse", { role: "outer", category: "divide" }],
|
|
877
|
+
["dropShadow", { role: "outer", category: "filter" }],
|
|
878
|
+
["dropShadowColor", { role: "outer", category: "filter" }],
|
|
879
|
+
["duration", { role: "outer", category: "transition" }],
|
|
880
|
+
["ease", { role: "outer", category: "transition" }],
|
|
881
|
+
["end", { role: "outer", category: "position" }],
|
|
882
|
+
["fieldSizing", { role: "inner", category: "interaction" }],
|
|
883
|
+
["fill", { role: "inner", category: "svg" }],
|
|
884
|
+
["filter", { role: "outer", category: "filter" }],
|
|
885
|
+
["flex", { role: "inner", category: "flex" }],
|
|
886
|
+
["flexDir", { role: "inner", category: "flex" }],
|
|
887
|
+
["flexWrap", { role: "inner", category: "flex" }],
|
|
888
|
+
["float", { role: "outer", category: "position" }],
|
|
889
|
+
["fontFamily", { role: "inner", category: "text" }],
|
|
890
|
+
["fontFeatures", { role: "inner", category: "text" }],
|
|
891
|
+
["fontSmoothing", { role: "inner", category: "text" }],
|
|
892
|
+
["fontStretch", { role: "inner", category: "text" }],
|
|
893
|
+
["fontStyle", { role: "inner", category: "text" }],
|
|
894
|
+
["forcedColorAdjust", { role: "outer", category: "color-scheme" }],
|
|
895
|
+
["from", { role: "outer", category: "gradient" }],
|
|
896
|
+
["gap", { role: "inner", category: "gap" }],
|
|
897
|
+
["gapX", { role: "inner", category: "gap" }],
|
|
898
|
+
["gapY", { role: "inner", category: "gap" }],
|
|
899
|
+
["grayscale", { role: "outer", category: "filter" }],
|
|
900
|
+
["gridCols", { role: "inner", category: "grid" }],
|
|
901
|
+
["gridFlow", { role: "inner", category: "grid" }],
|
|
902
|
+
["gridRows", { role: "inner", category: "grid" }],
|
|
903
|
+
["grow", { role: "inner", category: "flex" }],
|
|
904
|
+
["h", { role: "outer", category: "sizing" }],
|
|
905
|
+
["hueRotate", { role: "outer", category: "filter" }],
|
|
906
|
+
["hyphens", { role: "inner", category: "text" }],
|
|
907
|
+
["indent", { role: "inner", category: "text" }],
|
|
908
|
+
["inlineSize", { role: "outer", category: "sizing" }],
|
|
909
|
+
["inset", { role: "outer", category: "position" }],
|
|
910
|
+
["insetBe", { role: "outer", category: "position" }],
|
|
911
|
+
["insetBs", { role: "outer", category: "position" }],
|
|
912
|
+
["insetE", { role: "outer", category: "position" }],
|
|
913
|
+
["insetRing", { role: "inner", category: "ring" }],
|
|
914
|
+
["insetRingColor", { role: "inner", category: "ring" }],
|
|
915
|
+
["insetS", { role: "outer", category: "position" }],
|
|
916
|
+
["insetShadow", { role: "inner", category: "shadow" }],
|
|
917
|
+
["insetShadowColor", { role: "inner", category: "shadow" }],
|
|
918
|
+
["insetX", { role: "outer", category: "position" }],
|
|
919
|
+
["insetY", { role: "outer", category: "position" }],
|
|
920
|
+
["invert", { role: "outer", category: "filter" }],
|
|
921
|
+
["isolation", { role: "outer", category: "position" }],
|
|
922
|
+
["items", { role: "inner", category: "alignment" }],
|
|
923
|
+
["justify", { role: "inner", category: "alignment" }],
|
|
924
|
+
["justifyItems", { role: "inner", category: "alignment" }],
|
|
925
|
+
["justifySelf", { role: "inner", category: "alignment" }],
|
|
926
|
+
["leading", { role: "inner", category: "text" }],
|
|
927
|
+
["left", { role: "outer", category: "position" }],
|
|
928
|
+
["lineClamp", { role: "inner", category: "text" }],
|
|
929
|
+
["liningNums", { role: "inner", category: "text" }],
|
|
930
|
+
["list", { role: "inner", category: "list" }],
|
|
931
|
+
["listImg", { role: "inner", category: "list" }],
|
|
932
|
+
["listPos", { role: "inner", category: "list" }],
|
|
933
|
+
["m", { role: "outer", category: "margin" }],
|
|
934
|
+
["mask", { role: "outer", category: "mask" }],
|
|
935
|
+
["maskClip", { role: "outer", category: "mask" }],
|
|
936
|
+
["maskFrom", { role: "outer", category: "mask" }],
|
|
937
|
+
["maskOrigin", { role: "outer", category: "mask" }],
|
|
938
|
+
["maskPos", { role: "outer", category: "mask" }],
|
|
939
|
+
["maskRepeat", { role: "outer", category: "mask" }],
|
|
940
|
+
["maskShape", { role: "outer", category: "mask" }],
|
|
941
|
+
["maskSize", { role: "outer", category: "mask" }],
|
|
942
|
+
["maskTo", { role: "outer", category: "mask" }],
|
|
943
|
+
["maskVia", { role: "outer", category: "mask" }],
|
|
944
|
+
["maxBlockSize", { role: "outer", category: "sizing" }],
|
|
945
|
+
["maxH", { role: "outer", category: "sizing" }],
|
|
946
|
+
["maxInlineSize", { role: "outer", category: "sizing" }],
|
|
947
|
+
["maxW", { role: "outer", category: "sizing" }],
|
|
948
|
+
["mb", { role: "outer", category: "margin" }],
|
|
949
|
+
["mbe", { role: "outer", category: "margin" }],
|
|
950
|
+
["mbs", { role: "outer", category: "margin" }],
|
|
951
|
+
["me", { role: "outer", category: "margin" }],
|
|
952
|
+
["minBlockSize", { role: "outer", category: "sizing" }],
|
|
953
|
+
["minH", { role: "outer", category: "sizing" }],
|
|
954
|
+
["minInlineSize", { role: "outer", category: "sizing" }],
|
|
955
|
+
["minW", { role: "outer", category: "sizing" }],
|
|
956
|
+
["mixBlend", { role: "outer", category: "blend" }],
|
|
957
|
+
["ml", { role: "outer", category: "margin" }],
|
|
958
|
+
["mr", { role: "outer", category: "margin" }],
|
|
959
|
+
["ms", { role: "outer", category: "margin" }],
|
|
960
|
+
["mt", { role: "outer", category: "margin" }],
|
|
961
|
+
["mx", { role: "outer", category: "margin" }],
|
|
962
|
+
["my", { role: "outer", category: "margin" }],
|
|
963
|
+
["notSrOnly", { role: "outer", category: "visibility" }],
|
|
964
|
+
["objectFit", { role: "inner", category: "object" }],
|
|
965
|
+
["objectPos", { role: "inner", category: "object" }],
|
|
966
|
+
["oldstyleNums", { role: "inner", category: "text" }],
|
|
967
|
+
["opacity", { role: "outer", category: "opacity" }],
|
|
968
|
+
["order", { role: "inner", category: "flex" }],
|
|
969
|
+
["ordinal", { role: "inner", category: "text" }],
|
|
970
|
+
["origin", { role: "outer", category: "transform" }],
|
|
971
|
+
["outline", { role: "outer", category: "outline" }],
|
|
972
|
+
["outlineColor", { role: "outer", category: "outline" }],
|
|
973
|
+
["outlineOffset", { role: "outer", category: "outline" }],
|
|
974
|
+
["outlineStyle", { role: "outer", category: "outline" }],
|
|
975
|
+
["overflow", { role: "inner", category: "overflow" }],
|
|
976
|
+
["overflowX", { role: "inner", category: "overflow" }],
|
|
977
|
+
["overflowY", { role: "inner", category: "overflow" }],
|
|
978
|
+
["overscroll", { role: "inner", category: "overscroll" }],
|
|
979
|
+
["overscrollX", { role: "inner", category: "overscroll" }],
|
|
980
|
+
["overscrollY", { role: "inner", category: "overscroll" }],
|
|
981
|
+
["p", { role: "inner", category: "padding" }],
|
|
982
|
+
["pb", { role: "inner", category: "padding" }],
|
|
983
|
+
["pbe", { role: "inner", category: "padding" }],
|
|
984
|
+
["pbs", { role: "inner", category: "padding" }],
|
|
985
|
+
["pe", { role: "inner", category: "padding" }],
|
|
986
|
+
["perspective", { role: "outer", category: "transform" }],
|
|
987
|
+
["perspectiveOrigin", { role: "outer", category: "transform" }],
|
|
988
|
+
["pl", { role: "inner", category: "padding" }],
|
|
989
|
+
["placeContent", { role: "inner", category: "alignment" }],
|
|
990
|
+
["placeItems", { role: "inner", category: "alignment" }],
|
|
991
|
+
["placeSelf", { role: "inner", category: "alignment" }],
|
|
992
|
+
["pointerEvents", { role: "inner", category: "interaction" }],
|
|
993
|
+
["position", { role: "outer", category: "position" }],
|
|
994
|
+
["pr", { role: "inner", category: "padding" }],
|
|
995
|
+
["proportionalNums", { role: "inner", category: "text" }],
|
|
996
|
+
["prose", { role: "inner", category: "text" }],
|
|
997
|
+
["proseInvert", { role: "inner", category: "text" }],
|
|
998
|
+
["ps", { role: "inner", category: "padding" }],
|
|
999
|
+
["pt", { role: "inner", category: "padding" }],
|
|
1000
|
+
["px", { role: "inner", category: "padding" }],
|
|
1001
|
+
["py", { role: "inner", category: "padding" }],
|
|
1002
|
+
["resize", { role: "inner", category: "interaction" }],
|
|
1003
|
+
["right", { role: "outer", category: "position" }],
|
|
1004
|
+
["ring", { role: "outer", category: "ring" }],
|
|
1005
|
+
["ringColor", { role: "outer", category: "ring" }],
|
|
1006
|
+
["ringOffset", { role: "outer", category: "ring" }],
|
|
1007
|
+
["ringOffsetColor", { role: "outer", category: "ring" }],
|
|
1008
|
+
["rotate", { role: "outer", category: "transform" }],
|
|
1009
|
+
["rotateX", { role: "outer", category: "transform" }],
|
|
1010
|
+
["rotateY", { role: "outer", category: "transform" }],
|
|
1011
|
+
["rotateZ", { role: "outer", category: "transform" }],
|
|
1012
|
+
["rounded", { role: "outer", category: "rounded" }],
|
|
1013
|
+
["roundedB", { role: "outer", category: "rounded" }],
|
|
1014
|
+
["roundedBl", { role: "outer", category: "rounded" }],
|
|
1015
|
+
["roundedBr", { role: "outer", category: "rounded" }],
|
|
1016
|
+
["roundedE", { role: "outer", category: "rounded" }],
|
|
1017
|
+
["roundedEe", { role: "outer", category: "rounded" }],
|
|
1018
|
+
["roundedEs", { role: "outer", category: "rounded" }],
|
|
1019
|
+
["roundedL", { role: "outer", category: "rounded" }],
|
|
1020
|
+
["roundedR", { role: "outer", category: "rounded" }],
|
|
1021
|
+
["roundedS", { role: "outer", category: "rounded" }],
|
|
1022
|
+
["roundedSe", { role: "outer", category: "rounded" }],
|
|
1023
|
+
["roundedSs", { role: "outer", category: "rounded" }],
|
|
1024
|
+
["roundedT", { role: "outer", category: "rounded" }],
|
|
1025
|
+
["roundedTl", { role: "outer", category: "rounded" }],
|
|
1026
|
+
["roundedTr", { role: "outer", category: "rounded" }],
|
|
1027
|
+
["row", { role: "inner", category: "grid" }],
|
|
1028
|
+
["rowEnd", { role: "inner", category: "grid" }],
|
|
1029
|
+
["rowSpan", { role: "inner", category: "grid" }],
|
|
1030
|
+
["rowStart", { role: "inner", category: "grid" }],
|
|
1031
|
+
["saturate", { role: "outer", category: "filter" }],
|
|
1032
|
+
["scale", { role: "outer", category: "transform" }],
|
|
1033
|
+
["scaleX", { role: "outer", category: "transform" }],
|
|
1034
|
+
["scaleY", { role: "outer", category: "transform" }],
|
|
1035
|
+
["scaleZ", { role: "outer", category: "transform" }],
|
|
1036
|
+
["scheme", { role: "outer", category: "color-scheme" }],
|
|
1037
|
+
["scroll", { role: "inner", category: "scroll" }],
|
|
1038
|
+
["scrollbar", { role: "inner", category: "scroll" }],
|
|
1039
|
+
["scrollbarGutter", { role: "inner", category: "scroll" }],
|
|
1040
|
+
["scrollbarThumb", { role: "inner", category: "scroll" }],
|
|
1041
|
+
["scrollbarTrack", { role: "inner", category: "scroll" }],
|
|
1042
|
+
["scrollM", { role: "inner", category: "scroll" }],
|
|
1043
|
+
["scrollMb", { role: "inner", category: "scroll" }],
|
|
1044
|
+
["scrollMbe", { role: "inner", category: "scroll" }],
|
|
1045
|
+
["scrollMbs", { role: "inner", category: "scroll" }],
|
|
1046
|
+
["scrollMe", { role: "inner", category: "scroll" }],
|
|
1047
|
+
["scrollMl", { role: "inner", category: "scroll" }],
|
|
1048
|
+
["scrollMr", { role: "inner", category: "scroll" }],
|
|
1049
|
+
["scrollMs", { role: "inner", category: "scroll" }],
|
|
1050
|
+
["scrollMt", { role: "inner", category: "scroll" }],
|
|
1051
|
+
["scrollMx", { role: "inner", category: "scroll" }],
|
|
1052
|
+
["scrollMy", { role: "inner", category: "scroll" }],
|
|
1053
|
+
["scrollP", { role: "inner", category: "scroll" }],
|
|
1054
|
+
["scrollPb", { role: "inner", category: "scroll" }],
|
|
1055
|
+
["scrollPbe", { role: "inner", category: "scroll" }],
|
|
1056
|
+
["scrollPbs", { role: "inner", category: "scroll" }],
|
|
1057
|
+
["scrollPe", { role: "inner", category: "scroll" }],
|
|
1058
|
+
["scrollPl", { role: "inner", category: "scroll" }],
|
|
1059
|
+
["scrollPr", { role: "inner", category: "scroll" }],
|
|
1060
|
+
["scrollPs", { role: "inner", category: "scroll" }],
|
|
1061
|
+
["scrollPt", { role: "inner", category: "scroll" }],
|
|
1062
|
+
["scrollPx", { role: "inner", category: "scroll" }],
|
|
1063
|
+
["scrollPy", { role: "inner", category: "scroll" }],
|
|
1064
|
+
["select", { role: "inner", category: "interaction" }],
|
|
1065
|
+
["self", { role: "inner", category: "alignment" }],
|
|
1066
|
+
["sepia", { role: "outer", category: "filter" }],
|
|
1067
|
+
["shadow", { role: "outer", category: "shadow" }],
|
|
1068
|
+
["shadowColor", { role: "outer", category: "shadow" }],
|
|
1069
|
+
["shrink", { role: "inner", category: "flex" }],
|
|
1070
|
+
["size", { role: "outer", category: "sizing" }],
|
|
1071
|
+
["skewX", { role: "outer", category: "transform" }],
|
|
1072
|
+
["skewY", { role: "outer", category: "transform" }],
|
|
1073
|
+
["slashedZero", { role: "inner", category: "text" }],
|
|
1074
|
+
["snapAlign", { role: "inner", category: "snap" }],
|
|
1075
|
+
["snapStop", { role: "inner", category: "snap" }],
|
|
1076
|
+
["snapType", { role: "inner", category: "snap" }],
|
|
1077
|
+
["spaceX", { role: "inner", category: "space" }],
|
|
1078
|
+
["spaceXReverse", { role: "inner", category: "space" }],
|
|
1079
|
+
["spaceY", { role: "inner", category: "space" }],
|
|
1080
|
+
["spaceYReverse", { role: "inner", category: "space" }],
|
|
1081
|
+
["srOnly", { role: "outer", category: "visibility" }],
|
|
1082
|
+
["stackedFractions", { role: "inner", category: "text" }],
|
|
1083
|
+
["start", { role: "outer", category: "position" }],
|
|
1084
|
+
["stroke", { role: "inner", category: "svg" }],
|
|
1085
|
+
["strokeWidth", { role: "inner", category: "svg" }],
|
|
1086
|
+
["tableLayout", { role: "inner", category: "table" }],
|
|
1087
|
+
["tabSize", { role: "inner", category: "text" }],
|
|
1088
|
+
["tabularNums", { role: "inner", category: "text" }],
|
|
1089
|
+
["text", { role: "inner", category: "text" }],
|
|
1090
|
+
["textAlign", { role: "inner", category: "text" }],
|
|
1091
|
+
["textOverflow", { role: "inner", category: "text" }],
|
|
1092
|
+
["textShadow", { role: "inner", category: "text" }],
|
|
1093
|
+
["textShadowColor", { role: "inner", category: "text" }],
|
|
1094
|
+
["textTransform", { role: "inner", category: "text" }],
|
|
1095
|
+
["textWrap", { role: "inner", category: "text" }],
|
|
1096
|
+
["to", { role: "outer", category: "gradient" }],
|
|
1097
|
+
["top", { role: "outer", category: "position" }],
|
|
1098
|
+
["touch", { role: "inner", category: "touch" }],
|
|
1099
|
+
["tracking", { role: "inner", category: "text" }],
|
|
1100
|
+
["transform", { role: "outer", category: "transform" }],
|
|
1101
|
+
["transformStyle", { role: "outer", category: "transform" }],
|
|
1102
|
+
["transition", { role: "outer", category: "transition" }],
|
|
1103
|
+
["transitionBehavior", { role: "outer", category: "transition" }],
|
|
1104
|
+
["translate", { role: "outer", category: "transform" }],
|
|
1105
|
+
["translateX", { role: "outer", category: "transform" }],
|
|
1106
|
+
["translateY", { role: "outer", category: "transform" }],
|
|
1107
|
+
["translateZ", { role: "outer", category: "transform" }],
|
|
1108
|
+
["truncate", { role: "inner", category: "text" }],
|
|
1109
|
+
["underlineOffset", { role: "inner", category: "text" }],
|
|
1110
|
+
["via", { role: "outer", category: "gradient" }],
|
|
1111
|
+
["visibility", { role: "outer", category: "visibility" }],
|
|
1112
|
+
["w", { role: "outer", category: "sizing" }],
|
|
1113
|
+
["weight", { role: "inner", category: "text" }],
|
|
1114
|
+
["whitespace", { role: "inner", category: "text" }],
|
|
1115
|
+
["willChange", { role: "inner", category: "interaction" }],
|
|
1116
|
+
["wrap", { role: "inner", category: "text" }],
|
|
1117
|
+
["z", { role: "outer", category: "position" }],
|
|
1118
|
+
["zoom", { role: "outer", category: "transform" }]
|
|
1119
|
+
]);
|
|
788
1120
|
|
|
789
1121
|
function stripVariant(token) {
|
|
790
1122
|
let depth = 0;
|
|
@@ -866,6 +1198,120 @@ function pick(classes, selector) {
|
|
|
866
1198
|
function omit(classes, selector) {
|
|
867
1199
|
return tokenize(classes).filter((t) => !matches(inspect(t), selector)).join(" ");
|
|
868
1200
|
}
|
|
1201
|
+
function classifySzKey(key) {
|
|
1202
|
+
return BOX_ROLE_BY_KEY.get(key);
|
|
1203
|
+
}
|
|
1204
|
+
function isPlainObject(value) {
|
|
1205
|
+
return typeof value === "object" && value !== null && !Array.isArray(value);
|
|
1206
|
+
}
|
|
1207
|
+
function matchesKey(key, entry, selector) {
|
|
1208
|
+
if (typeof selector === "object") {
|
|
1209
|
+
return !!entry && Object.keys(selector).every((category) => entry.category === category);
|
|
1210
|
+
}
|
|
1211
|
+
if (selector === "outer" || selector === "inner") return entry?.role === selector;
|
|
1212
|
+
if (selector === "content") return entry?.role === "inner";
|
|
1213
|
+
if (key === selector) return true;
|
|
1214
|
+
return !!entry && selector === entry.category;
|
|
1215
|
+
}
|
|
1216
|
+
function anyMatchKey(key, entry, selectors) {
|
|
1217
|
+
return selectors.some((s) => matchesKey(key, entry, s));
|
|
1218
|
+
}
|
|
1219
|
+
function mergeSzInto(target, source, depth) {
|
|
1220
|
+
if (depth >= browser.MAX_SZ_DEPTH) throw new browser.SzDepthError();
|
|
1221
|
+
for (const key of Object.keys(source)) {
|
|
1222
|
+
if (browser.isForbiddenSzKey(key)) continue;
|
|
1223
|
+
const sv = source[key];
|
|
1224
|
+
const tv = target[key];
|
|
1225
|
+
target[key] = isPlainObject(sv) && isPlainObject(tv) ? mergeSzInto({ ...tv }, sv, depth + 1) : sv;
|
|
1226
|
+
}
|
|
1227
|
+
return target;
|
|
1228
|
+
}
|
|
1229
|
+
function flattenSz(sz, depth) {
|
|
1230
|
+
if (depth >= browser.MAX_SZ_DEPTH) throw new browser.SzDepthError();
|
|
1231
|
+
if (!sz) return {};
|
|
1232
|
+
if (typeof sz === "string") {
|
|
1233
|
+
if (process.env.NODE_ENV !== "production" && sz.trim()) {
|
|
1234
|
+
throw new TypeError(
|
|
1235
|
+
`splitBoxSz partitions sz objects, not raw class strings \u2014 use splitBox() for ${JSON.stringify(sz)}.`
|
|
1236
|
+
);
|
|
1237
|
+
}
|
|
1238
|
+
return {};
|
|
1239
|
+
}
|
|
1240
|
+
if (Array.isArray(sz)) {
|
|
1241
|
+
const acc = {};
|
|
1242
|
+
for (const part of sz) mergeSzInto(acc, flattenSz(part, depth + 1), depth + 1);
|
|
1243
|
+
return acc;
|
|
1244
|
+
}
|
|
1245
|
+
return sz;
|
|
1246
|
+
}
|
|
1247
|
+
function partitionSz(obj, options, outer, inner, depth) {
|
|
1248
|
+
if (depth >= browser.MAX_SZ_DEPTH) throw new browser.SzDepthError();
|
|
1249
|
+
const forceInner = options.inner ?? [];
|
|
1250
|
+
const forceOuter = options.outer ?? [];
|
|
1251
|
+
const fallback = options.fallback ?? "outer";
|
|
1252
|
+
for (const key of Object.keys(obj)) {
|
|
1253
|
+
if (browser.isForbiddenSzKey(key)) continue;
|
|
1254
|
+
const value = obj[key];
|
|
1255
|
+
const entry = BOX_ROLE_BY_KEY.get(key);
|
|
1256
|
+
if (anyMatchKey(key, entry, forceInner)) {
|
|
1257
|
+
inner[key] = value;
|
|
1258
|
+
} else if (anyMatchKey(key, entry, forceOuter)) {
|
|
1259
|
+
outer[key] = value;
|
|
1260
|
+
} else if (entry) {
|
|
1261
|
+
(entry.role === "inner" ? inner : outer)[key] = value;
|
|
1262
|
+
} else if (isPlainObject(value)) {
|
|
1263
|
+
const subOuter = {};
|
|
1264
|
+
const subInner = {};
|
|
1265
|
+
partitionSz(value, options, subOuter, subInner, depth + 1);
|
|
1266
|
+
if (Object.keys(subOuter).length > 0) outer[key] = subOuter;
|
|
1267
|
+
if (Object.keys(subInner).length > 0) inner[key] = subInner;
|
|
1268
|
+
} else {
|
|
1269
|
+
(fallback === "inner" ? inner : outer)[key] = value;
|
|
1270
|
+
}
|
|
1271
|
+
}
|
|
1272
|
+
}
|
|
1273
|
+
function splitBoxSz(sz, options = {}) {
|
|
1274
|
+
const outer = {};
|
|
1275
|
+
const inner = {};
|
|
1276
|
+
partitionSz(flattenSz(sz, 0), options, outer, inner, 0);
|
|
1277
|
+
return { outer, inner };
|
|
1278
|
+
}
|
|
1279
|
+
function filterSz(obj, selector, keep, depth) {
|
|
1280
|
+
if (depth >= browser.MAX_SZ_DEPTH) throw new browser.SzDepthError();
|
|
1281
|
+
const result = {};
|
|
1282
|
+
for (const key of Object.keys(obj)) {
|
|
1283
|
+
if (browser.isForbiddenSzKey(key)) continue;
|
|
1284
|
+
const value = obj[key];
|
|
1285
|
+
const entry = BOX_ROLE_BY_KEY.get(key);
|
|
1286
|
+
if (entry || !isPlainObject(value)) {
|
|
1287
|
+
if (matchesKey(key, entry, selector) === keep) result[key] = value;
|
|
1288
|
+
} else {
|
|
1289
|
+
const sub = filterSz(value, selector, keep, depth + 1);
|
|
1290
|
+
if (Object.keys(sub).length > 0) result[key] = sub;
|
|
1291
|
+
}
|
|
1292
|
+
}
|
|
1293
|
+
return result;
|
|
1294
|
+
}
|
|
1295
|
+
function hasSz(sz, selector) {
|
|
1296
|
+
const scan = (obj, depth) => {
|
|
1297
|
+
if (depth >= browser.MAX_SZ_DEPTH) throw new browser.SzDepthError();
|
|
1298
|
+
for (const key of Object.keys(obj)) {
|
|
1299
|
+
if (browser.isForbiddenSzKey(key)) continue;
|
|
1300
|
+
const value = obj[key];
|
|
1301
|
+
const entry = BOX_ROLE_BY_KEY.get(key);
|
|
1302
|
+
if (matchesKey(key, entry, selector)) return true;
|
|
1303
|
+
if (!entry && isPlainObject(value) && scan(value, depth + 1)) return true;
|
|
1304
|
+
}
|
|
1305
|
+
return false;
|
|
1306
|
+
};
|
|
1307
|
+
return scan(flattenSz(sz, 0), 0);
|
|
1308
|
+
}
|
|
1309
|
+
function pickSz(sz, selector) {
|
|
1310
|
+
return filterSz(flattenSz(sz, 0), selector, true, 0);
|
|
1311
|
+
}
|
|
1312
|
+
function omitSz(sz, selector) {
|
|
1313
|
+
return filterSz(flattenSz(sz, 0), selector, false, 0);
|
|
1314
|
+
}
|
|
869
1315
|
|
|
870
1316
|
const warned = /* @__PURE__ */ new Set();
|
|
871
1317
|
const RAW_SZ_WARNING = '[csszyx] A raw `sz` object reached the runtime and was dropped before it could leak to the DOM as sz="[object Object]".\nThis means the file was not compiled \u2014 its `sz` produces no CSS. If it lives in a workspace package, add that package to `compilePackages`; otherwise check that the bundler is not skipping the file.';
|
|
@@ -986,6 +1432,7 @@ exports._szMerge = _szMerge;
|
|
|
986
1432
|
exports.abortHydration = abortHydration;
|
|
987
1433
|
exports.attemptCSRRecovery = attemptCSRRecovery;
|
|
988
1434
|
exports.classify = classify;
|
|
1435
|
+
exports.classifySzKey = classifySzKey;
|
|
989
1436
|
exports.clearHydrationErrors = clearHydrationErrors;
|
|
990
1437
|
exports.computeMangleChecksumAsync = computeMangleChecksumAsync;
|
|
991
1438
|
exports.disableCSRRecovery = disableCSRRecovery;
|
|
@@ -999,6 +1446,7 @@ exports.getSSRContext = getSSRContext;
|
|
|
999
1446
|
exports.guardHydration = guardHydration;
|
|
1000
1447
|
exports.has = has;
|
|
1001
1448
|
exports.hasRecoveryToken = hasRecoveryToken;
|
|
1449
|
+
exports.hasSz = hasSz;
|
|
1002
1450
|
exports.initRuntime = initRuntime;
|
|
1003
1451
|
exports.isCSRRecoveryAllowed = isCSRRecoveryAllowed;
|
|
1004
1452
|
exports.isHydrating = isHydrating;
|
|
@@ -1010,9 +1458,12 @@ exports.isValidManifest = isValidManifest;
|
|
|
1010
1458
|
exports.loadMangleMapFromDOM = loadMangleMapFromDOM;
|
|
1011
1459
|
exports.loadManifestFromDOM = loadManifestFromDOM;
|
|
1012
1460
|
exports.omit = omit;
|
|
1461
|
+
exports.omitSz = omitSz;
|
|
1013
1462
|
exports.pick = pick;
|
|
1463
|
+
exports.pickSz = pickSz;
|
|
1014
1464
|
exports.resetRuntime = resetRuntime;
|
|
1015
1465
|
exports.splitBox = splitBox;
|
|
1466
|
+
exports.splitBoxSz = splitBoxSz;
|
|
1016
1467
|
exports.startHydration = startHydration;
|
|
1017
1468
|
exports.stripSzProps = stripSzProps;
|
|
1018
1469
|
exports.szv = szv;
|
package/dist/index.d.cts
CHANGED
|
@@ -695,6 +695,73 @@ declare function pick(classes: string, selector: BoxSelector): string;
|
|
|
695
695
|
* @returns The non-matching tokens joined by spaces.
|
|
696
696
|
*/
|
|
697
697
|
declare function omit(classes: string, selector: BoxSelector): string;
|
|
698
|
+
/** Options controlling how `splitBoxSz` partitions an sz object. */
|
|
699
|
+
interface SplitBoxSzOptions {
|
|
700
|
+
/** Force these selectors onto the outer object, overriding the default map. */
|
|
701
|
+
outer?: BoxSelector[];
|
|
702
|
+
/** Force these selectors onto the inner object, overriding the default map. */
|
|
703
|
+
inner?: BoxSelector[];
|
|
704
|
+
/** Where an unrecognized key goes. Defaults to `'outer'`. */
|
|
705
|
+
fallback?: BoxRole;
|
|
706
|
+
}
|
|
707
|
+
/** The two sz-object buckets produced by `splitBoxSz`. */
|
|
708
|
+
interface SplitBoxSzResult {
|
|
709
|
+
/** sz for the outer (border-outward) element. */
|
|
710
|
+
outer: SzObject;
|
|
711
|
+
/** sz for the inner (border-inward) element. */
|
|
712
|
+
inner: SzObject;
|
|
713
|
+
}
|
|
714
|
+
/**
|
|
715
|
+
* Classify an sz prop key by box-model role + semantic category, or `undefined`
|
|
716
|
+
* if it is not a csszyx-owned key. The sz-object analog of `classify` (which
|
|
717
|
+
* takes an emitted class token) — both read the same generated map, so
|
|
718
|
+
* `classifySzKey('m')` and `classify('m-4')` agree.
|
|
719
|
+
*
|
|
720
|
+
* @param key - An sz prop key (e.g. `'m'`, `'px'`, `'grow'`).
|
|
721
|
+
* @returns The key's role and category, or `undefined` if unowned.
|
|
722
|
+
*/
|
|
723
|
+
declare function classifySzKey(key: string): Classification | undefined;
|
|
724
|
+
/**
|
|
725
|
+
* Partition an sz object (or any `SzInput`) into `{ outer, inner }` at the CSS
|
|
726
|
+
* box-model border line — the sz-object analog of `splitBox`. Each key routes to
|
|
727
|
+
* the same side its emitted class would (`splitBoxSz(x)` buckets keys to the
|
|
728
|
+
* roles `splitBox(compile(x))` gives the emitted classes). Arrays are flattened,
|
|
729
|
+
* `null`/`false` collapse to empty objects, and `options.inner`/`outer`/
|
|
730
|
+
* `fallback` behave like `SplitBoxOptions` (`inner` wins when a key matches both).
|
|
731
|
+
*
|
|
732
|
+
* @param sz - The sz object / input to partition.
|
|
733
|
+
* @param options - Overrides for forcing keys onto a node and the fallback role.
|
|
734
|
+
* @returns The `{ outer, inner }` sz-object buckets.
|
|
735
|
+
* @example splitBoxSz({ m: 4, px: 2 }) // → { outer: { m: 4 }, inner: { px: 2 } }
|
|
736
|
+
*/
|
|
737
|
+
declare function splitBoxSz(sz: SzInput, options?: SplitBoxSzOptions): SplitBoxSzResult;
|
|
738
|
+
/**
|
|
739
|
+
* Does any key in `sz` match `selector` (after flattening, recursing into
|
|
740
|
+
* variants)? The sz-object analog of `has`.
|
|
741
|
+
*
|
|
742
|
+
* @param sz - The sz input to scan.
|
|
743
|
+
* @param selector - The selector to test keys against.
|
|
744
|
+
* @returns `true` if any key matches.
|
|
745
|
+
*/
|
|
746
|
+
declare function hasSz(sz: SzInput, selector: BoxSelector): boolean;
|
|
747
|
+
/**
|
|
748
|
+
* Keep only the keys in `sz` that match `selector` (recursing into variants).
|
|
749
|
+
* The sz-object analog of `pick`.
|
|
750
|
+
*
|
|
751
|
+
* @param sz - The sz input to filter.
|
|
752
|
+
* @param selector - The selector keys must match to be kept.
|
|
753
|
+
* @returns A new sz object with the matching keys.
|
|
754
|
+
*/
|
|
755
|
+
declare function pickSz(sz: SzInput, selector: BoxSelector): SzObject;
|
|
756
|
+
/**
|
|
757
|
+
* Drop the keys in `sz` that match `selector`, keeping the rest (recursing into
|
|
758
|
+
* variants). The sz-object analog of `omit`.
|
|
759
|
+
*
|
|
760
|
+
* @param sz - The sz input to filter.
|
|
761
|
+
* @param selector - The selector keys must match to be dropped.
|
|
762
|
+
* @returns A new sz object with the non-matching keys.
|
|
763
|
+
*/
|
|
764
|
+
declare function omitSz(sz: SzInput, selector: BoxSelector): SzObject;
|
|
698
765
|
|
|
699
766
|
/**
|
|
700
767
|
* Drop the `sz` prop before a component spreads `...rest` onto a host element.
|
|
@@ -880,5 +947,5 @@ declare function isRuntimeInitialized(): boolean;
|
|
|
880
947
|
*/
|
|
881
948
|
declare function resetRuntime(): void;
|
|
882
949
|
|
|
883
|
-
export { DEFAULT_RUNTIME_CONFIG, VERSION, _sz, _sz2, _sz3, _szMerge, abortHydration, attemptCSRRecovery, classify, clearHydrationErrors, computeMangleChecksumAsync, disableCSRRecovery, enableCSRRecovery, endHydration, getAbortedSubtreeCount, getHydrationErrors, getRecoveryMode, getRuntimeConfig, getSSRContext, guardHydration, has, hasRecoveryToken, initRuntime, isCSRRecoveryAllowed, isHydrating, isHydrationAborted, isRuntimeInitialized, isSSREnvironment, isValidMangleMap, isValidManifest, loadMangleMapFromDOM, loadManifestFromDOM, omit, pick, resetRuntime, splitBox, startHydration, stripSzProps, szv, validateHydrationClass, verifyAllTokens, verifyMangleChecksum, verifyMangleChecksumAsync, verifyMangleMapIntegrity, verifyRecoveryToken };
|
|
884
|
-
export type { BoxRole, BoxSelector, Classification, HydrationError, HydrationErrorType, MangleMap, RecoveryManifest, RecoveryMode, RuntimeConfig, SSRContext, SplitBoxOptions, SplitBoxResult, SzInput, TokenData, VerificationResult };
|
|
950
|
+
export { DEFAULT_RUNTIME_CONFIG, VERSION, _sz, _sz2, _sz3, _szMerge, abortHydration, attemptCSRRecovery, classify, classifySzKey, clearHydrationErrors, computeMangleChecksumAsync, disableCSRRecovery, enableCSRRecovery, endHydration, getAbortedSubtreeCount, getHydrationErrors, getRecoveryMode, getRuntimeConfig, getSSRContext, guardHydration, has, hasRecoveryToken, hasSz, initRuntime, isCSRRecoveryAllowed, isHydrating, isHydrationAborted, isRuntimeInitialized, isSSREnvironment, isValidMangleMap, isValidManifest, loadMangleMapFromDOM, loadManifestFromDOM, omit, omitSz, pick, pickSz, resetRuntime, splitBox, splitBoxSz, startHydration, stripSzProps, szv, validateHydrationClass, verifyAllTokens, verifyMangleChecksum, verifyMangleChecksumAsync, verifyMangleMapIntegrity, verifyRecoveryToken };
|
|
951
|
+
export type { BoxRole, BoxSelector, Classification, HydrationError, HydrationErrorType, MangleMap, RecoveryManifest, RecoveryMode, RuntimeConfig, SSRContext, SplitBoxOptions, SplitBoxResult, SplitBoxSzOptions, SplitBoxSzResult, SzInput, TokenData, VerificationResult };
|
package/dist/index.d.mts
CHANGED
|
@@ -695,6 +695,73 @@ declare function pick(classes: string, selector: BoxSelector): string;
|
|
|
695
695
|
* @returns The non-matching tokens joined by spaces.
|
|
696
696
|
*/
|
|
697
697
|
declare function omit(classes: string, selector: BoxSelector): string;
|
|
698
|
+
/** Options controlling how `splitBoxSz` partitions an sz object. */
|
|
699
|
+
interface SplitBoxSzOptions {
|
|
700
|
+
/** Force these selectors onto the outer object, overriding the default map. */
|
|
701
|
+
outer?: BoxSelector[];
|
|
702
|
+
/** Force these selectors onto the inner object, overriding the default map. */
|
|
703
|
+
inner?: BoxSelector[];
|
|
704
|
+
/** Where an unrecognized key goes. Defaults to `'outer'`. */
|
|
705
|
+
fallback?: BoxRole;
|
|
706
|
+
}
|
|
707
|
+
/** The two sz-object buckets produced by `splitBoxSz`. */
|
|
708
|
+
interface SplitBoxSzResult {
|
|
709
|
+
/** sz for the outer (border-outward) element. */
|
|
710
|
+
outer: SzObject;
|
|
711
|
+
/** sz for the inner (border-inward) element. */
|
|
712
|
+
inner: SzObject;
|
|
713
|
+
}
|
|
714
|
+
/**
|
|
715
|
+
* Classify an sz prop key by box-model role + semantic category, or `undefined`
|
|
716
|
+
* if it is not a csszyx-owned key. The sz-object analog of `classify` (which
|
|
717
|
+
* takes an emitted class token) — both read the same generated map, so
|
|
718
|
+
* `classifySzKey('m')` and `classify('m-4')` agree.
|
|
719
|
+
*
|
|
720
|
+
* @param key - An sz prop key (e.g. `'m'`, `'px'`, `'grow'`).
|
|
721
|
+
* @returns The key's role and category, or `undefined` if unowned.
|
|
722
|
+
*/
|
|
723
|
+
declare function classifySzKey(key: string): Classification | undefined;
|
|
724
|
+
/**
|
|
725
|
+
* Partition an sz object (or any `SzInput`) into `{ outer, inner }` at the CSS
|
|
726
|
+
* box-model border line — the sz-object analog of `splitBox`. Each key routes to
|
|
727
|
+
* the same side its emitted class would (`splitBoxSz(x)` buckets keys to the
|
|
728
|
+
* roles `splitBox(compile(x))` gives the emitted classes). Arrays are flattened,
|
|
729
|
+
* `null`/`false` collapse to empty objects, and `options.inner`/`outer`/
|
|
730
|
+
* `fallback` behave like `SplitBoxOptions` (`inner` wins when a key matches both).
|
|
731
|
+
*
|
|
732
|
+
* @param sz - The sz object / input to partition.
|
|
733
|
+
* @param options - Overrides for forcing keys onto a node and the fallback role.
|
|
734
|
+
* @returns The `{ outer, inner }` sz-object buckets.
|
|
735
|
+
* @example splitBoxSz({ m: 4, px: 2 }) // → { outer: { m: 4 }, inner: { px: 2 } }
|
|
736
|
+
*/
|
|
737
|
+
declare function splitBoxSz(sz: SzInput, options?: SplitBoxSzOptions): SplitBoxSzResult;
|
|
738
|
+
/**
|
|
739
|
+
* Does any key in `sz` match `selector` (after flattening, recursing into
|
|
740
|
+
* variants)? The sz-object analog of `has`.
|
|
741
|
+
*
|
|
742
|
+
* @param sz - The sz input to scan.
|
|
743
|
+
* @param selector - The selector to test keys against.
|
|
744
|
+
* @returns `true` if any key matches.
|
|
745
|
+
*/
|
|
746
|
+
declare function hasSz(sz: SzInput, selector: BoxSelector): boolean;
|
|
747
|
+
/**
|
|
748
|
+
* Keep only the keys in `sz` that match `selector` (recursing into variants).
|
|
749
|
+
* The sz-object analog of `pick`.
|
|
750
|
+
*
|
|
751
|
+
* @param sz - The sz input to filter.
|
|
752
|
+
* @param selector - The selector keys must match to be kept.
|
|
753
|
+
* @returns A new sz object with the matching keys.
|
|
754
|
+
*/
|
|
755
|
+
declare function pickSz(sz: SzInput, selector: BoxSelector): SzObject;
|
|
756
|
+
/**
|
|
757
|
+
* Drop the keys in `sz` that match `selector`, keeping the rest (recursing into
|
|
758
|
+
* variants). The sz-object analog of `omit`.
|
|
759
|
+
*
|
|
760
|
+
* @param sz - The sz input to filter.
|
|
761
|
+
* @param selector - The selector keys must match to be dropped.
|
|
762
|
+
* @returns A new sz object with the non-matching keys.
|
|
763
|
+
*/
|
|
764
|
+
declare function omitSz(sz: SzInput, selector: BoxSelector): SzObject;
|
|
698
765
|
|
|
699
766
|
/**
|
|
700
767
|
* Drop the `sz` prop before a component spreads `...rest` onto a host element.
|
|
@@ -880,5 +947,5 @@ declare function isRuntimeInitialized(): boolean;
|
|
|
880
947
|
*/
|
|
881
948
|
declare function resetRuntime(): void;
|
|
882
949
|
|
|
883
|
-
export { DEFAULT_RUNTIME_CONFIG, VERSION, _sz, _sz2, _sz3, _szMerge, abortHydration, attemptCSRRecovery, classify, clearHydrationErrors, computeMangleChecksumAsync, disableCSRRecovery, enableCSRRecovery, endHydration, getAbortedSubtreeCount, getHydrationErrors, getRecoveryMode, getRuntimeConfig, getSSRContext, guardHydration, has, hasRecoveryToken, initRuntime, isCSRRecoveryAllowed, isHydrating, isHydrationAborted, isRuntimeInitialized, isSSREnvironment, isValidMangleMap, isValidManifest, loadMangleMapFromDOM, loadManifestFromDOM, omit, pick, resetRuntime, splitBox, startHydration, stripSzProps, szv, validateHydrationClass, verifyAllTokens, verifyMangleChecksum, verifyMangleChecksumAsync, verifyMangleMapIntegrity, verifyRecoveryToken };
|
|
884
|
-
export type { BoxRole, BoxSelector, Classification, HydrationError, HydrationErrorType, MangleMap, RecoveryManifest, RecoveryMode, RuntimeConfig, SSRContext, SplitBoxOptions, SplitBoxResult, SzInput, TokenData, VerificationResult };
|
|
950
|
+
export { DEFAULT_RUNTIME_CONFIG, VERSION, _sz, _sz2, _sz3, _szMerge, abortHydration, attemptCSRRecovery, classify, classifySzKey, clearHydrationErrors, computeMangleChecksumAsync, disableCSRRecovery, enableCSRRecovery, endHydration, getAbortedSubtreeCount, getHydrationErrors, getRecoveryMode, getRuntimeConfig, getSSRContext, guardHydration, has, hasRecoveryToken, hasSz, initRuntime, isCSRRecoveryAllowed, isHydrating, isHydrationAborted, isRuntimeInitialized, isSSREnvironment, isValidMangleMap, isValidManifest, loadMangleMapFromDOM, loadManifestFromDOM, omit, omitSz, pick, pickSz, resetRuntime, splitBox, splitBoxSz, startHydration, stripSzProps, szv, validateHydrationClass, verifyAllTokens, verifyMangleChecksum, verifyMangleChecksumAsync, verifyMangleMapIntegrity, verifyRecoveryToken };
|
|
951
|
+
export type { BoxRole, BoxSelector, Classification, HydrationError, HydrationErrorType, MangleMap, RecoveryManifest, RecoveryMode, RuntimeConfig, SSRContext, SplitBoxOptions, SplitBoxResult, SplitBoxSzOptions, SplitBoxSzResult, SzInput, TokenData, VerificationResult };
|
package/dist/index.mjs
CHANGED
|
@@ -783,6 +783,338 @@ const BOX_ROLE_PREFIXES = [
|
|
|
783
783
|
["w", { role: "outer", category: "sizing" }],
|
|
784
784
|
["z", { role: "outer", category: "position" }]
|
|
785
785
|
];
|
|
786
|
+
const BOX_ROLE_BY_KEY = /* @__PURE__ */ new Map([
|
|
787
|
+
["accent", { role: "inner", category: "accent" }],
|
|
788
|
+
["align", { role: "inner", category: "text" }],
|
|
789
|
+
["animate", { role: "outer", category: "transition" }],
|
|
790
|
+
["animationDelay", { role: "outer", category: "transition" }],
|
|
791
|
+
["appearance", { role: "inner", category: "interaction" }],
|
|
792
|
+
["aspect", { role: "outer", category: "sizing" }],
|
|
793
|
+
["autoCols", { role: "inner", category: "grid" }],
|
|
794
|
+
["autoRows", { role: "inner", category: "grid" }],
|
|
795
|
+
["backdropBlur", { role: "outer", category: "backdrop" }],
|
|
796
|
+
["backdropBrightness", { role: "outer", category: "backdrop" }],
|
|
797
|
+
["backdropContrast", { role: "outer", category: "backdrop" }],
|
|
798
|
+
["backdropFilter", { role: "outer", category: "backdrop" }],
|
|
799
|
+
["backdropGrayscale", { role: "outer", category: "backdrop" }],
|
|
800
|
+
["backdropHueRotate", { role: "outer", category: "backdrop" }],
|
|
801
|
+
["backdropInvert", { role: "outer", category: "backdrop" }],
|
|
802
|
+
["backdropOpacity", { role: "outer", category: "backdrop" }],
|
|
803
|
+
["backdropSaturate", { role: "outer", category: "backdrop" }],
|
|
804
|
+
["backdropSepia", { role: "outer", category: "backdrop" }],
|
|
805
|
+
["backface", { role: "outer", category: "transform" }],
|
|
806
|
+
["basis", { role: "inner", category: "flex" }],
|
|
807
|
+
["bg", { role: "outer", category: "bg" }],
|
|
808
|
+
["bgAttach", { role: "outer", category: "bg" }],
|
|
809
|
+
["bgBlend", { role: "outer", category: "bg" }],
|
|
810
|
+
["bgClip", { role: "outer", category: "bg" }],
|
|
811
|
+
["bgImg", { role: "outer", category: "bg" }],
|
|
812
|
+
["bgOrigin", { role: "outer", category: "bg" }],
|
|
813
|
+
["bgPos", { role: "outer", category: "bg" }],
|
|
814
|
+
["bgRepeat", { role: "outer", category: "bg" }],
|
|
815
|
+
["bgSize", { role: "outer", category: "bg" }],
|
|
816
|
+
["blockSize", { role: "outer", category: "sizing" }],
|
|
817
|
+
["blur", { role: "outer", category: "filter" }],
|
|
818
|
+
["border", { role: "outer", category: "border" }],
|
|
819
|
+
["borderB", { role: "outer", category: "border" }],
|
|
820
|
+
["borderBColor", { role: "outer", category: "border" }],
|
|
821
|
+
["borderBe", { role: "outer", category: "border" }],
|
|
822
|
+
["borderBs", { role: "outer", category: "border" }],
|
|
823
|
+
["borderCollapse", { role: "outer", category: "border" }],
|
|
824
|
+
["borderColor", { role: "outer", category: "border" }],
|
|
825
|
+
["borderE", { role: "outer", category: "border" }],
|
|
826
|
+
["borderL", { role: "outer", category: "border" }],
|
|
827
|
+
["borderLColor", { role: "outer", category: "border" }],
|
|
828
|
+
["borderR", { role: "outer", category: "border" }],
|
|
829
|
+
["borderRColor", { role: "outer", category: "border" }],
|
|
830
|
+
["borderS", { role: "outer", category: "border" }],
|
|
831
|
+
["borderSpacing", { role: "outer", category: "border" }],
|
|
832
|
+
["borderSpacingX", { role: "outer", category: "border" }],
|
|
833
|
+
["borderSpacingY", { role: "outer", category: "border" }],
|
|
834
|
+
["borderStyle", { role: "outer", category: "border" }],
|
|
835
|
+
["borderT", { role: "outer", category: "border" }],
|
|
836
|
+
["borderTColor", { role: "outer", category: "border" }],
|
|
837
|
+
["borderX", { role: "outer", category: "border" }],
|
|
838
|
+
["borderXColor", { role: "outer", category: "border" }],
|
|
839
|
+
["borderY", { role: "outer", category: "border" }],
|
|
840
|
+
["borderYColor", { role: "outer", category: "border" }],
|
|
841
|
+
["bottom", { role: "outer", category: "position" }],
|
|
842
|
+
["box", { role: "outer", category: "sizing" }],
|
|
843
|
+
["boxDecoration", { role: "outer", category: "fragmentation" }],
|
|
844
|
+
["break", { role: "inner", category: "text" }],
|
|
845
|
+
["breakAfter", { role: "outer", category: "fragmentation" }],
|
|
846
|
+
["breakBefore", { role: "outer", category: "fragmentation" }],
|
|
847
|
+
["breakInside", { role: "outer", category: "fragmentation" }],
|
|
848
|
+
["brightness", { role: "outer", category: "filter" }],
|
|
849
|
+
["caption", { role: "inner", category: "table" }],
|
|
850
|
+
["caret", { role: "inner", category: "accent" }],
|
|
851
|
+
["clear", { role: "outer", category: "position" }],
|
|
852
|
+
["col", { role: "inner", category: "grid" }],
|
|
853
|
+
["colEnd", { role: "inner", category: "grid" }],
|
|
854
|
+
["color", { role: "inner", category: "text" }],
|
|
855
|
+
["colSpan", { role: "inner", category: "grid" }],
|
|
856
|
+
["colStart", { role: "inner", category: "grid" }],
|
|
857
|
+
["columns", { role: "inner", category: "columns" }],
|
|
858
|
+
["container", { role: "outer", category: "sizing" }],
|
|
859
|
+
["content", { role: "inner", category: "text" }],
|
|
860
|
+
["contrast", { role: "outer", category: "filter" }],
|
|
861
|
+
["cursor", { role: "inner", category: "interaction" }],
|
|
862
|
+
["decoration", { role: "inner", category: "text" }],
|
|
863
|
+
["decorationColor", { role: "inner", category: "text" }],
|
|
864
|
+
["decorationStyle", { role: "inner", category: "text" }],
|
|
865
|
+
["decorationThickness", { role: "inner", category: "text" }],
|
|
866
|
+
["delay", { role: "outer", category: "transition" }],
|
|
867
|
+
["diagonalFractions", { role: "inner", category: "text" }],
|
|
868
|
+
["display", { role: "inner", category: "display" }],
|
|
869
|
+
["divideColor", { role: "outer", category: "divide" }],
|
|
870
|
+
["divideStyle", { role: "outer", category: "divide" }],
|
|
871
|
+
["divideX", { role: "outer", category: "divide" }],
|
|
872
|
+
["divideXReverse", { role: "outer", category: "divide" }],
|
|
873
|
+
["divideY", { role: "outer", category: "divide" }],
|
|
874
|
+
["divideYReverse", { role: "outer", category: "divide" }],
|
|
875
|
+
["dropShadow", { role: "outer", category: "filter" }],
|
|
876
|
+
["dropShadowColor", { role: "outer", category: "filter" }],
|
|
877
|
+
["duration", { role: "outer", category: "transition" }],
|
|
878
|
+
["ease", { role: "outer", category: "transition" }],
|
|
879
|
+
["end", { role: "outer", category: "position" }],
|
|
880
|
+
["fieldSizing", { role: "inner", category: "interaction" }],
|
|
881
|
+
["fill", { role: "inner", category: "svg" }],
|
|
882
|
+
["filter", { role: "outer", category: "filter" }],
|
|
883
|
+
["flex", { role: "inner", category: "flex" }],
|
|
884
|
+
["flexDir", { role: "inner", category: "flex" }],
|
|
885
|
+
["flexWrap", { role: "inner", category: "flex" }],
|
|
886
|
+
["float", { role: "outer", category: "position" }],
|
|
887
|
+
["fontFamily", { role: "inner", category: "text" }],
|
|
888
|
+
["fontFeatures", { role: "inner", category: "text" }],
|
|
889
|
+
["fontSmoothing", { role: "inner", category: "text" }],
|
|
890
|
+
["fontStretch", { role: "inner", category: "text" }],
|
|
891
|
+
["fontStyle", { role: "inner", category: "text" }],
|
|
892
|
+
["forcedColorAdjust", { role: "outer", category: "color-scheme" }],
|
|
893
|
+
["from", { role: "outer", category: "gradient" }],
|
|
894
|
+
["gap", { role: "inner", category: "gap" }],
|
|
895
|
+
["gapX", { role: "inner", category: "gap" }],
|
|
896
|
+
["gapY", { role: "inner", category: "gap" }],
|
|
897
|
+
["grayscale", { role: "outer", category: "filter" }],
|
|
898
|
+
["gridCols", { role: "inner", category: "grid" }],
|
|
899
|
+
["gridFlow", { role: "inner", category: "grid" }],
|
|
900
|
+
["gridRows", { role: "inner", category: "grid" }],
|
|
901
|
+
["grow", { role: "inner", category: "flex" }],
|
|
902
|
+
["h", { role: "outer", category: "sizing" }],
|
|
903
|
+
["hueRotate", { role: "outer", category: "filter" }],
|
|
904
|
+
["hyphens", { role: "inner", category: "text" }],
|
|
905
|
+
["indent", { role: "inner", category: "text" }],
|
|
906
|
+
["inlineSize", { role: "outer", category: "sizing" }],
|
|
907
|
+
["inset", { role: "outer", category: "position" }],
|
|
908
|
+
["insetBe", { role: "outer", category: "position" }],
|
|
909
|
+
["insetBs", { role: "outer", category: "position" }],
|
|
910
|
+
["insetE", { role: "outer", category: "position" }],
|
|
911
|
+
["insetRing", { role: "inner", category: "ring" }],
|
|
912
|
+
["insetRingColor", { role: "inner", category: "ring" }],
|
|
913
|
+
["insetS", { role: "outer", category: "position" }],
|
|
914
|
+
["insetShadow", { role: "inner", category: "shadow" }],
|
|
915
|
+
["insetShadowColor", { role: "inner", category: "shadow" }],
|
|
916
|
+
["insetX", { role: "outer", category: "position" }],
|
|
917
|
+
["insetY", { role: "outer", category: "position" }],
|
|
918
|
+
["invert", { role: "outer", category: "filter" }],
|
|
919
|
+
["isolation", { role: "outer", category: "position" }],
|
|
920
|
+
["items", { role: "inner", category: "alignment" }],
|
|
921
|
+
["justify", { role: "inner", category: "alignment" }],
|
|
922
|
+
["justifyItems", { role: "inner", category: "alignment" }],
|
|
923
|
+
["justifySelf", { role: "inner", category: "alignment" }],
|
|
924
|
+
["leading", { role: "inner", category: "text" }],
|
|
925
|
+
["left", { role: "outer", category: "position" }],
|
|
926
|
+
["lineClamp", { role: "inner", category: "text" }],
|
|
927
|
+
["liningNums", { role: "inner", category: "text" }],
|
|
928
|
+
["list", { role: "inner", category: "list" }],
|
|
929
|
+
["listImg", { role: "inner", category: "list" }],
|
|
930
|
+
["listPos", { role: "inner", category: "list" }],
|
|
931
|
+
["m", { role: "outer", category: "margin" }],
|
|
932
|
+
["mask", { role: "outer", category: "mask" }],
|
|
933
|
+
["maskClip", { role: "outer", category: "mask" }],
|
|
934
|
+
["maskFrom", { role: "outer", category: "mask" }],
|
|
935
|
+
["maskOrigin", { role: "outer", category: "mask" }],
|
|
936
|
+
["maskPos", { role: "outer", category: "mask" }],
|
|
937
|
+
["maskRepeat", { role: "outer", category: "mask" }],
|
|
938
|
+
["maskShape", { role: "outer", category: "mask" }],
|
|
939
|
+
["maskSize", { role: "outer", category: "mask" }],
|
|
940
|
+
["maskTo", { role: "outer", category: "mask" }],
|
|
941
|
+
["maskVia", { role: "outer", category: "mask" }],
|
|
942
|
+
["maxBlockSize", { role: "outer", category: "sizing" }],
|
|
943
|
+
["maxH", { role: "outer", category: "sizing" }],
|
|
944
|
+
["maxInlineSize", { role: "outer", category: "sizing" }],
|
|
945
|
+
["maxW", { role: "outer", category: "sizing" }],
|
|
946
|
+
["mb", { role: "outer", category: "margin" }],
|
|
947
|
+
["mbe", { role: "outer", category: "margin" }],
|
|
948
|
+
["mbs", { role: "outer", category: "margin" }],
|
|
949
|
+
["me", { role: "outer", category: "margin" }],
|
|
950
|
+
["minBlockSize", { role: "outer", category: "sizing" }],
|
|
951
|
+
["minH", { role: "outer", category: "sizing" }],
|
|
952
|
+
["minInlineSize", { role: "outer", category: "sizing" }],
|
|
953
|
+
["minW", { role: "outer", category: "sizing" }],
|
|
954
|
+
["mixBlend", { role: "outer", category: "blend" }],
|
|
955
|
+
["ml", { role: "outer", category: "margin" }],
|
|
956
|
+
["mr", { role: "outer", category: "margin" }],
|
|
957
|
+
["ms", { role: "outer", category: "margin" }],
|
|
958
|
+
["mt", { role: "outer", category: "margin" }],
|
|
959
|
+
["mx", { role: "outer", category: "margin" }],
|
|
960
|
+
["my", { role: "outer", category: "margin" }],
|
|
961
|
+
["notSrOnly", { role: "outer", category: "visibility" }],
|
|
962
|
+
["objectFit", { role: "inner", category: "object" }],
|
|
963
|
+
["objectPos", { role: "inner", category: "object" }],
|
|
964
|
+
["oldstyleNums", { role: "inner", category: "text" }],
|
|
965
|
+
["opacity", { role: "outer", category: "opacity" }],
|
|
966
|
+
["order", { role: "inner", category: "flex" }],
|
|
967
|
+
["ordinal", { role: "inner", category: "text" }],
|
|
968
|
+
["origin", { role: "outer", category: "transform" }],
|
|
969
|
+
["outline", { role: "outer", category: "outline" }],
|
|
970
|
+
["outlineColor", { role: "outer", category: "outline" }],
|
|
971
|
+
["outlineOffset", { role: "outer", category: "outline" }],
|
|
972
|
+
["outlineStyle", { role: "outer", category: "outline" }],
|
|
973
|
+
["overflow", { role: "inner", category: "overflow" }],
|
|
974
|
+
["overflowX", { role: "inner", category: "overflow" }],
|
|
975
|
+
["overflowY", { role: "inner", category: "overflow" }],
|
|
976
|
+
["overscroll", { role: "inner", category: "overscroll" }],
|
|
977
|
+
["overscrollX", { role: "inner", category: "overscroll" }],
|
|
978
|
+
["overscrollY", { role: "inner", category: "overscroll" }],
|
|
979
|
+
["p", { role: "inner", category: "padding" }],
|
|
980
|
+
["pb", { role: "inner", category: "padding" }],
|
|
981
|
+
["pbe", { role: "inner", category: "padding" }],
|
|
982
|
+
["pbs", { role: "inner", category: "padding" }],
|
|
983
|
+
["pe", { role: "inner", category: "padding" }],
|
|
984
|
+
["perspective", { role: "outer", category: "transform" }],
|
|
985
|
+
["perspectiveOrigin", { role: "outer", category: "transform" }],
|
|
986
|
+
["pl", { role: "inner", category: "padding" }],
|
|
987
|
+
["placeContent", { role: "inner", category: "alignment" }],
|
|
988
|
+
["placeItems", { role: "inner", category: "alignment" }],
|
|
989
|
+
["placeSelf", { role: "inner", category: "alignment" }],
|
|
990
|
+
["pointerEvents", { role: "inner", category: "interaction" }],
|
|
991
|
+
["position", { role: "outer", category: "position" }],
|
|
992
|
+
["pr", { role: "inner", category: "padding" }],
|
|
993
|
+
["proportionalNums", { role: "inner", category: "text" }],
|
|
994
|
+
["prose", { role: "inner", category: "text" }],
|
|
995
|
+
["proseInvert", { role: "inner", category: "text" }],
|
|
996
|
+
["ps", { role: "inner", category: "padding" }],
|
|
997
|
+
["pt", { role: "inner", category: "padding" }],
|
|
998
|
+
["px", { role: "inner", category: "padding" }],
|
|
999
|
+
["py", { role: "inner", category: "padding" }],
|
|
1000
|
+
["resize", { role: "inner", category: "interaction" }],
|
|
1001
|
+
["right", { role: "outer", category: "position" }],
|
|
1002
|
+
["ring", { role: "outer", category: "ring" }],
|
|
1003
|
+
["ringColor", { role: "outer", category: "ring" }],
|
|
1004
|
+
["ringOffset", { role: "outer", category: "ring" }],
|
|
1005
|
+
["ringOffsetColor", { role: "outer", category: "ring" }],
|
|
1006
|
+
["rotate", { role: "outer", category: "transform" }],
|
|
1007
|
+
["rotateX", { role: "outer", category: "transform" }],
|
|
1008
|
+
["rotateY", { role: "outer", category: "transform" }],
|
|
1009
|
+
["rotateZ", { role: "outer", category: "transform" }],
|
|
1010
|
+
["rounded", { role: "outer", category: "rounded" }],
|
|
1011
|
+
["roundedB", { role: "outer", category: "rounded" }],
|
|
1012
|
+
["roundedBl", { role: "outer", category: "rounded" }],
|
|
1013
|
+
["roundedBr", { role: "outer", category: "rounded" }],
|
|
1014
|
+
["roundedE", { role: "outer", category: "rounded" }],
|
|
1015
|
+
["roundedEe", { role: "outer", category: "rounded" }],
|
|
1016
|
+
["roundedEs", { role: "outer", category: "rounded" }],
|
|
1017
|
+
["roundedL", { role: "outer", category: "rounded" }],
|
|
1018
|
+
["roundedR", { role: "outer", category: "rounded" }],
|
|
1019
|
+
["roundedS", { role: "outer", category: "rounded" }],
|
|
1020
|
+
["roundedSe", { role: "outer", category: "rounded" }],
|
|
1021
|
+
["roundedSs", { role: "outer", category: "rounded" }],
|
|
1022
|
+
["roundedT", { role: "outer", category: "rounded" }],
|
|
1023
|
+
["roundedTl", { role: "outer", category: "rounded" }],
|
|
1024
|
+
["roundedTr", { role: "outer", category: "rounded" }],
|
|
1025
|
+
["row", { role: "inner", category: "grid" }],
|
|
1026
|
+
["rowEnd", { role: "inner", category: "grid" }],
|
|
1027
|
+
["rowSpan", { role: "inner", category: "grid" }],
|
|
1028
|
+
["rowStart", { role: "inner", category: "grid" }],
|
|
1029
|
+
["saturate", { role: "outer", category: "filter" }],
|
|
1030
|
+
["scale", { role: "outer", category: "transform" }],
|
|
1031
|
+
["scaleX", { role: "outer", category: "transform" }],
|
|
1032
|
+
["scaleY", { role: "outer", category: "transform" }],
|
|
1033
|
+
["scaleZ", { role: "outer", category: "transform" }],
|
|
1034
|
+
["scheme", { role: "outer", category: "color-scheme" }],
|
|
1035
|
+
["scroll", { role: "inner", category: "scroll" }],
|
|
1036
|
+
["scrollbar", { role: "inner", category: "scroll" }],
|
|
1037
|
+
["scrollbarGutter", { role: "inner", category: "scroll" }],
|
|
1038
|
+
["scrollbarThumb", { role: "inner", category: "scroll" }],
|
|
1039
|
+
["scrollbarTrack", { role: "inner", category: "scroll" }],
|
|
1040
|
+
["scrollM", { role: "inner", category: "scroll" }],
|
|
1041
|
+
["scrollMb", { role: "inner", category: "scroll" }],
|
|
1042
|
+
["scrollMbe", { role: "inner", category: "scroll" }],
|
|
1043
|
+
["scrollMbs", { role: "inner", category: "scroll" }],
|
|
1044
|
+
["scrollMe", { role: "inner", category: "scroll" }],
|
|
1045
|
+
["scrollMl", { role: "inner", category: "scroll" }],
|
|
1046
|
+
["scrollMr", { role: "inner", category: "scroll" }],
|
|
1047
|
+
["scrollMs", { role: "inner", category: "scroll" }],
|
|
1048
|
+
["scrollMt", { role: "inner", category: "scroll" }],
|
|
1049
|
+
["scrollMx", { role: "inner", category: "scroll" }],
|
|
1050
|
+
["scrollMy", { role: "inner", category: "scroll" }],
|
|
1051
|
+
["scrollP", { role: "inner", category: "scroll" }],
|
|
1052
|
+
["scrollPb", { role: "inner", category: "scroll" }],
|
|
1053
|
+
["scrollPbe", { role: "inner", category: "scroll" }],
|
|
1054
|
+
["scrollPbs", { role: "inner", category: "scroll" }],
|
|
1055
|
+
["scrollPe", { role: "inner", category: "scroll" }],
|
|
1056
|
+
["scrollPl", { role: "inner", category: "scroll" }],
|
|
1057
|
+
["scrollPr", { role: "inner", category: "scroll" }],
|
|
1058
|
+
["scrollPs", { role: "inner", category: "scroll" }],
|
|
1059
|
+
["scrollPt", { role: "inner", category: "scroll" }],
|
|
1060
|
+
["scrollPx", { role: "inner", category: "scroll" }],
|
|
1061
|
+
["scrollPy", { role: "inner", category: "scroll" }],
|
|
1062
|
+
["select", { role: "inner", category: "interaction" }],
|
|
1063
|
+
["self", { role: "inner", category: "alignment" }],
|
|
1064
|
+
["sepia", { role: "outer", category: "filter" }],
|
|
1065
|
+
["shadow", { role: "outer", category: "shadow" }],
|
|
1066
|
+
["shadowColor", { role: "outer", category: "shadow" }],
|
|
1067
|
+
["shrink", { role: "inner", category: "flex" }],
|
|
1068
|
+
["size", { role: "outer", category: "sizing" }],
|
|
1069
|
+
["skewX", { role: "outer", category: "transform" }],
|
|
1070
|
+
["skewY", { role: "outer", category: "transform" }],
|
|
1071
|
+
["slashedZero", { role: "inner", category: "text" }],
|
|
1072
|
+
["snapAlign", { role: "inner", category: "snap" }],
|
|
1073
|
+
["snapStop", { role: "inner", category: "snap" }],
|
|
1074
|
+
["snapType", { role: "inner", category: "snap" }],
|
|
1075
|
+
["spaceX", { role: "inner", category: "space" }],
|
|
1076
|
+
["spaceXReverse", { role: "inner", category: "space" }],
|
|
1077
|
+
["spaceY", { role: "inner", category: "space" }],
|
|
1078
|
+
["spaceYReverse", { role: "inner", category: "space" }],
|
|
1079
|
+
["srOnly", { role: "outer", category: "visibility" }],
|
|
1080
|
+
["stackedFractions", { role: "inner", category: "text" }],
|
|
1081
|
+
["start", { role: "outer", category: "position" }],
|
|
1082
|
+
["stroke", { role: "inner", category: "svg" }],
|
|
1083
|
+
["strokeWidth", { role: "inner", category: "svg" }],
|
|
1084
|
+
["tableLayout", { role: "inner", category: "table" }],
|
|
1085
|
+
["tabSize", { role: "inner", category: "text" }],
|
|
1086
|
+
["tabularNums", { role: "inner", category: "text" }],
|
|
1087
|
+
["text", { role: "inner", category: "text" }],
|
|
1088
|
+
["textAlign", { role: "inner", category: "text" }],
|
|
1089
|
+
["textOverflow", { role: "inner", category: "text" }],
|
|
1090
|
+
["textShadow", { role: "inner", category: "text" }],
|
|
1091
|
+
["textShadowColor", { role: "inner", category: "text" }],
|
|
1092
|
+
["textTransform", { role: "inner", category: "text" }],
|
|
1093
|
+
["textWrap", { role: "inner", category: "text" }],
|
|
1094
|
+
["to", { role: "outer", category: "gradient" }],
|
|
1095
|
+
["top", { role: "outer", category: "position" }],
|
|
1096
|
+
["touch", { role: "inner", category: "touch" }],
|
|
1097
|
+
["tracking", { role: "inner", category: "text" }],
|
|
1098
|
+
["transform", { role: "outer", category: "transform" }],
|
|
1099
|
+
["transformStyle", { role: "outer", category: "transform" }],
|
|
1100
|
+
["transition", { role: "outer", category: "transition" }],
|
|
1101
|
+
["transitionBehavior", { role: "outer", category: "transition" }],
|
|
1102
|
+
["translate", { role: "outer", category: "transform" }],
|
|
1103
|
+
["translateX", { role: "outer", category: "transform" }],
|
|
1104
|
+
["translateY", { role: "outer", category: "transform" }],
|
|
1105
|
+
["translateZ", { role: "outer", category: "transform" }],
|
|
1106
|
+
["truncate", { role: "inner", category: "text" }],
|
|
1107
|
+
["underlineOffset", { role: "inner", category: "text" }],
|
|
1108
|
+
["via", { role: "outer", category: "gradient" }],
|
|
1109
|
+
["visibility", { role: "outer", category: "visibility" }],
|
|
1110
|
+
["w", { role: "outer", category: "sizing" }],
|
|
1111
|
+
["weight", { role: "inner", category: "text" }],
|
|
1112
|
+
["whitespace", { role: "inner", category: "text" }],
|
|
1113
|
+
["willChange", { role: "inner", category: "interaction" }],
|
|
1114
|
+
["wrap", { role: "inner", category: "text" }],
|
|
1115
|
+
["z", { role: "outer", category: "position" }],
|
|
1116
|
+
["zoom", { role: "outer", category: "transform" }]
|
|
1117
|
+
]);
|
|
786
1118
|
|
|
787
1119
|
function stripVariant(token) {
|
|
788
1120
|
let depth = 0;
|
|
@@ -864,6 +1196,120 @@ function pick(classes, selector) {
|
|
|
864
1196
|
function omit(classes, selector) {
|
|
865
1197
|
return tokenize(classes).filter((t) => !matches(inspect(t), selector)).join(" ");
|
|
866
1198
|
}
|
|
1199
|
+
function classifySzKey(key) {
|
|
1200
|
+
return BOX_ROLE_BY_KEY.get(key);
|
|
1201
|
+
}
|
|
1202
|
+
function isPlainObject(value) {
|
|
1203
|
+
return typeof value === "object" && value !== null && !Array.isArray(value);
|
|
1204
|
+
}
|
|
1205
|
+
function matchesKey(key, entry, selector) {
|
|
1206
|
+
if (typeof selector === "object") {
|
|
1207
|
+
return !!entry && Object.keys(selector).every((category) => entry.category === category);
|
|
1208
|
+
}
|
|
1209
|
+
if (selector === "outer" || selector === "inner") return entry?.role === selector;
|
|
1210
|
+
if (selector === "content") return entry?.role === "inner";
|
|
1211
|
+
if (key === selector) return true;
|
|
1212
|
+
return !!entry && selector === entry.category;
|
|
1213
|
+
}
|
|
1214
|
+
function anyMatchKey(key, entry, selectors) {
|
|
1215
|
+
return selectors.some((s) => matchesKey(key, entry, s));
|
|
1216
|
+
}
|
|
1217
|
+
function mergeSzInto(target, source, depth) {
|
|
1218
|
+
if (depth >= MAX_SZ_DEPTH) throw new SzDepthError();
|
|
1219
|
+
for (const key of Object.keys(source)) {
|
|
1220
|
+
if (isForbiddenSzKey(key)) continue;
|
|
1221
|
+
const sv = source[key];
|
|
1222
|
+
const tv = target[key];
|
|
1223
|
+
target[key] = isPlainObject(sv) && isPlainObject(tv) ? mergeSzInto({ ...tv }, sv, depth + 1) : sv;
|
|
1224
|
+
}
|
|
1225
|
+
return target;
|
|
1226
|
+
}
|
|
1227
|
+
function flattenSz(sz, depth) {
|
|
1228
|
+
if (depth >= MAX_SZ_DEPTH) throw new SzDepthError();
|
|
1229
|
+
if (!sz) return {};
|
|
1230
|
+
if (typeof sz === "string") {
|
|
1231
|
+
if (process.env.NODE_ENV !== "production" && sz.trim()) {
|
|
1232
|
+
throw new TypeError(
|
|
1233
|
+
`splitBoxSz partitions sz objects, not raw class strings \u2014 use splitBox() for ${JSON.stringify(sz)}.`
|
|
1234
|
+
);
|
|
1235
|
+
}
|
|
1236
|
+
return {};
|
|
1237
|
+
}
|
|
1238
|
+
if (Array.isArray(sz)) {
|
|
1239
|
+
const acc = {};
|
|
1240
|
+
for (const part of sz) mergeSzInto(acc, flattenSz(part, depth + 1), depth + 1);
|
|
1241
|
+
return acc;
|
|
1242
|
+
}
|
|
1243
|
+
return sz;
|
|
1244
|
+
}
|
|
1245
|
+
function partitionSz(obj, options, outer, inner, depth) {
|
|
1246
|
+
if (depth >= MAX_SZ_DEPTH) throw new SzDepthError();
|
|
1247
|
+
const forceInner = options.inner ?? [];
|
|
1248
|
+
const forceOuter = options.outer ?? [];
|
|
1249
|
+
const fallback = options.fallback ?? "outer";
|
|
1250
|
+
for (const key of Object.keys(obj)) {
|
|
1251
|
+
if (isForbiddenSzKey(key)) continue;
|
|
1252
|
+
const value = obj[key];
|
|
1253
|
+
const entry = BOX_ROLE_BY_KEY.get(key);
|
|
1254
|
+
if (anyMatchKey(key, entry, forceInner)) {
|
|
1255
|
+
inner[key] = value;
|
|
1256
|
+
} else if (anyMatchKey(key, entry, forceOuter)) {
|
|
1257
|
+
outer[key] = value;
|
|
1258
|
+
} else if (entry) {
|
|
1259
|
+
(entry.role === "inner" ? inner : outer)[key] = value;
|
|
1260
|
+
} else if (isPlainObject(value)) {
|
|
1261
|
+
const subOuter = {};
|
|
1262
|
+
const subInner = {};
|
|
1263
|
+
partitionSz(value, options, subOuter, subInner, depth + 1);
|
|
1264
|
+
if (Object.keys(subOuter).length > 0) outer[key] = subOuter;
|
|
1265
|
+
if (Object.keys(subInner).length > 0) inner[key] = subInner;
|
|
1266
|
+
} else {
|
|
1267
|
+
(fallback === "inner" ? inner : outer)[key] = value;
|
|
1268
|
+
}
|
|
1269
|
+
}
|
|
1270
|
+
}
|
|
1271
|
+
function splitBoxSz(sz, options = {}) {
|
|
1272
|
+
const outer = {};
|
|
1273
|
+
const inner = {};
|
|
1274
|
+
partitionSz(flattenSz(sz, 0), options, outer, inner, 0);
|
|
1275
|
+
return { outer, inner };
|
|
1276
|
+
}
|
|
1277
|
+
function filterSz(obj, selector, keep, depth) {
|
|
1278
|
+
if (depth >= MAX_SZ_DEPTH) throw new SzDepthError();
|
|
1279
|
+
const result = {};
|
|
1280
|
+
for (const key of Object.keys(obj)) {
|
|
1281
|
+
if (isForbiddenSzKey(key)) continue;
|
|
1282
|
+
const value = obj[key];
|
|
1283
|
+
const entry = BOX_ROLE_BY_KEY.get(key);
|
|
1284
|
+
if (entry || !isPlainObject(value)) {
|
|
1285
|
+
if (matchesKey(key, entry, selector) === keep) result[key] = value;
|
|
1286
|
+
} else {
|
|
1287
|
+
const sub = filterSz(value, selector, keep, depth + 1);
|
|
1288
|
+
if (Object.keys(sub).length > 0) result[key] = sub;
|
|
1289
|
+
}
|
|
1290
|
+
}
|
|
1291
|
+
return result;
|
|
1292
|
+
}
|
|
1293
|
+
function hasSz(sz, selector) {
|
|
1294
|
+
const scan = (obj, depth) => {
|
|
1295
|
+
if (depth >= MAX_SZ_DEPTH) throw new SzDepthError();
|
|
1296
|
+
for (const key of Object.keys(obj)) {
|
|
1297
|
+
if (isForbiddenSzKey(key)) continue;
|
|
1298
|
+
const value = obj[key];
|
|
1299
|
+
const entry = BOX_ROLE_BY_KEY.get(key);
|
|
1300
|
+
if (matchesKey(key, entry, selector)) return true;
|
|
1301
|
+
if (!entry && isPlainObject(value) && scan(value, depth + 1)) return true;
|
|
1302
|
+
}
|
|
1303
|
+
return false;
|
|
1304
|
+
};
|
|
1305
|
+
return scan(flattenSz(sz, 0), 0);
|
|
1306
|
+
}
|
|
1307
|
+
function pickSz(sz, selector) {
|
|
1308
|
+
return filterSz(flattenSz(sz, 0), selector, true, 0);
|
|
1309
|
+
}
|
|
1310
|
+
function omitSz(sz, selector) {
|
|
1311
|
+
return filterSz(flattenSz(sz, 0), selector, false, 0);
|
|
1312
|
+
}
|
|
867
1313
|
|
|
868
1314
|
const warned = /* @__PURE__ */ new Set();
|
|
869
1315
|
const RAW_SZ_WARNING = '[csszyx] A raw `sz` object reached the runtime and was dropped before it could leak to the DOM as sz="[object Object]".\nThis means the file was not compiled \u2014 its `sz` produces no CSS. If it lives in a workspace package, add that package to `compilePackages`; otherwise check that the bundler is not skipping the file.';
|
|
@@ -974,4 +1420,4 @@ function resetRuntime() {
|
|
|
974
1420
|
runtimeState.initialized = false;
|
|
975
1421
|
}
|
|
976
1422
|
|
|
977
|
-
export { DEFAULT_RUNTIME_CONFIG, VERSION, _sz, _sz2, _sz3, _szMerge, abortHydration, attemptCSRRecovery, classify, clearHydrationErrors, computeMangleChecksumAsync, disableCSRRecovery, enableCSRRecovery, endHydration, getAbortedSubtreeCount, getHydrationErrors, getRecoveryMode, getRuntimeConfig, getSSRContext, guardHydration, has, hasRecoveryToken, initRuntime, isCSRRecoveryAllowed, isHydrating, isHydrationAborted, isRuntimeInitialized, isSSREnvironment, isValidMangleMap, isValidManifest, loadMangleMapFromDOM, loadManifestFromDOM, omit, pick, resetRuntime, splitBox, startHydration, stripSzProps, szv, validateHydrationClass, verifyAllTokens, verifyMangleChecksum, verifyMangleChecksumAsync, verifyMangleMapIntegrity, verifyRecoveryToken };
|
|
1423
|
+
export { DEFAULT_RUNTIME_CONFIG, VERSION, _sz, _sz2, _sz3, _szMerge, abortHydration, attemptCSRRecovery, classify, classifySzKey, clearHydrationErrors, computeMangleChecksumAsync, disableCSRRecovery, enableCSRRecovery, endHydration, getAbortedSubtreeCount, getHydrationErrors, getRecoveryMode, getRuntimeConfig, getSSRContext, guardHydration, has, hasRecoveryToken, hasSz, initRuntime, isCSRRecoveryAllowed, isHydrating, isHydrationAborted, isRuntimeInitialized, isSSREnvironment, isValidMangleMap, isValidManifest, loadMangleMapFromDOM, loadManifestFromDOM, omit, omitSz, pick, pickSz, resetRuntime, splitBox, splitBoxSz, startHydration, stripSzProps, szv, validateHydrationClass, verifyAllTokens, verifyMangleChecksum, verifyMangleChecksumAsync, verifyMangleMapIntegrity, verifyRecoveryToken };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@csszyx/runtime",
|
|
3
|
-
"version": "0.10.
|
|
3
|
+
"version": "0.10.1",
|
|
4
4
|
"description": "Runtime helpers and hydration guards for csszyx",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"csszyx",
|
|
@@ -49,8 +49,8 @@
|
|
|
49
49
|
"dist"
|
|
50
50
|
],
|
|
51
51
|
"dependencies": {
|
|
52
|
-
"@csszyx/
|
|
53
|
-
"@csszyx/
|
|
52
|
+
"@csszyx/core": "0.10.1",
|
|
53
|
+
"@csszyx/compiler": "0.10.1"
|
|
54
54
|
},
|
|
55
55
|
"devDependencies": {
|
|
56
56
|
"@types/node": "^20.11.0",
|