@tamagui/helpers 2.0.0-rc.8 → 2.0.0

package/types/validStyleProps.d.ts

@@ -71,8 +71,81 @@ export declare const tokenCategories: {
         shadowColor: boolean;
     };
 };
-export declare const stylePropsUnitless: {
+export declare const nonAnimatableStyleProps: {
+    whiteSpace?: boolean | undefined;
+    wordWrap?: boolean | undefined;
+    textOverflow?: boolean | undefined;
+    WebkitBoxOrient?: boolean | undefined;
+    backgroundAttachment?: boolean | undefined;
+    backgroundBlendMode?: boolean | undefined;
+    backgroundClip?: boolean | undefined;
+    backgroundOrigin?: boolean | undefined;
+    backgroundRepeat?: boolean | undefined;
+    borderBottomStyle?: boolean | undefined;
+    borderLeftStyle?: boolean | undefined;
+    borderRightStyle?: boolean | undefined;
+    borderTopStyle?: boolean | undefined;
+    contain?: boolean | undefined;
+    containerType?: boolean | undefined;
+    content?: boolean | undefined;
+    float?: boolean | undefined;
+    maskBorderMode?: boolean | undefined;
+    maskBorderRepeat?: boolean | undefined;
+    maskClip?: boolean | undefined;
+    maskComposite?: boolean | undefined;
+    maskMode?: boolean | undefined;
+    maskOrigin?: boolean | undefined;
+    maskRepeat?: boolean | undefined;
+    maskType?: boolean | undefined;
+    objectFit?: boolean | undefined;
+    overflowBlock?: boolean | undefined;
+    overflowInline?: boolean | undefined;
+    overflowX?: boolean | undefined;
+    overflowY?: boolean | undefined;
+    pointerEvents?: boolean | undefined;
+    scrollbarWidth?: boolean | undefined;
+    textWrap?: boolean | undefined;
+    touchAction?: boolean | undefined;
+    transformStyle?: boolean | undefined;
+    willChange?: boolean | undefined;
     WebkitLineClamp: boolean;
+    lineClamp: boolean;
+    gridTemplateColumns: boolean;
+    gridTemplateAreas: boolean;
+    textAlign: boolean;
+    textDecorationLine: boolean;
+    textDecorationStyle: boolean;
+    userSelect: boolean;
+    fontFamily: boolean;
+    fontStyle: boolean;
+    fontVariant: boolean;
+    textTransform: boolean;
+    alignContent: boolean;
+    alignItems: boolean;
+    alignSelf: boolean;
+    backfaceVisibility: boolean;
+    borderCurve: boolean;
+    borderStyle: boolean;
+    borderBlockStyle: boolean;
+    borderBlockEndStyle: boolean;
+    borderBlockStartStyle: boolean;
+    borderInlineStyle: boolean;
+    borderInlineEndStyle: boolean;
+    borderInlineStartStyle: boolean;
+    boxSizing: boolean;
+    cursor: boolean;
+    direction: boolean;
+    display: boolean;
+    flexDirection: boolean;
+    flexWrap: boolean;
+    isolation: boolean;
+    justifyContent: boolean;
+    mixBlendMode: boolean;
+    outlineStyle: boolean;
+    overflow: boolean;
+    position: boolean;
+};
+export declare const stylePropsUnitless: {
     animationIterationCount: boolean;
     aspectRatio: boolean;
     borderImageOutset: boolean;
@@ -94,9 +167,6 @@ export declare const stylePropsUnitless: {
     gridColumnEnd: boolean;
     gridColumnGap: boolean;
     gridColumnStart: boolean;
-    gridTemplateColumns: boolean;
-    gridTemplateAreas: boolean;
-    lineClamp: boolean;
     opacity: boolean;
     order: boolean;
     orphans: boolean;
@@ -109,6 +179,10 @@ export declare const stylePropsUnitless: {
     scaleY: boolean;
     scaleZ: boolean;
     shadowOpacity: boolean;
+    WebkitLineClamp: boolean;
+    lineClamp: boolean;
+    gridTemplateColumns: boolean;
+    gridTemplateAreas: boolean;
 };
 export declare const stylePropsTransform: {
     x: boolean;
@@ -127,7 +201,6 @@ export declare const stylePropsTransform: {
 };
 export declare const stylePropsView: {
     transition?: boolean | undefined;
-    textWrap?: boolean | undefined;
     backdropFilter?: boolean | undefined;
     WebkitBackdropFilter?: boolean | undefined;
     background?: boolean | undefined;
@@ -135,69 +208,65 @@ export declare const stylePropsView: {
     borderRight?: boolean | undefined;
     borderBottom?: boolean | undefined;
     borderLeft?: boolean | undefined;
+    backgroundPosition?: boolean | undefined;
+    backgroundSize?: boolean | undefined;
+    borderImage?: boolean | undefined;
+    caretColor?: boolean | undefined;
+    clipPath?: boolean | undefined;
+    mask?: boolean | undefined;
+    maskBorder?: boolean | undefined;
+    maskBorderOutset?: boolean | undefined;
+    maskBorderSlice?: boolean | undefined;
+    maskBorderSource?: boolean | undefined;
+    maskBorderWidth?: boolean | undefined;
+    maskImage?: boolean | undefined;
+    maskPosition?: boolean | undefined;
+    maskSize?: boolean | undefined;
+    objectPosition?: boolean | undefined;
+    textEmphasis?: boolean | undefined;
+    userSelect?: boolean | undefined;
     backgroundAttachment?: boolean | undefined;
     backgroundBlendMode?: boolean | undefined;
     backgroundClip?: boolean | undefined;
     backgroundOrigin?: boolean | undefined;
-    backgroundPosition?: boolean | undefined;
     backgroundRepeat?: boolean | undefined;
-    backgroundSize?: boolean | undefined;
     borderBottomStyle?: boolean | undefined;
-    borderImage?: boolean | undefined;
     borderLeftStyle?: boolean | undefined;
     borderRightStyle?: boolean | undefined;
     borderTopStyle?: boolean | undefined;
-    caretColor?: boolean | undefined;
-    clipPath?: boolean | undefined;
     contain?: boolean | undefined;
     containerType?: boolean | undefined;
     content?: boolean | undefined;
     float?: boolean | undefined;
-    mask?: boolean | undefined;
-    maskBorder?: boolean | undefined;
     maskBorderMode?: boolean | undefined;
-    maskBorderOutset?: boolean | undefined;
     maskBorderRepeat?: boolean | undefined;
-    maskBorderSlice?: boolean | undefined;
-    maskBorderSource?: boolean | undefined;
-    maskBorderWidth?: boolean | undefined;
     maskClip?: boolean | undefined;
     maskComposite?: boolean | undefined;
-    maskImage?: boolean | undefined;
     maskMode?: boolean | undefined;
     maskOrigin?: boolean | undefined;
-    maskPosition?: boolean | undefined;
     maskRepeat?: boolean | undefined;
-    maskSize?: boolean | undefined;
     maskType?: boolean | undefined;
     objectFit?: boolean | undefined;
-    objectPosition?: boolean | undefined;
     overflowBlock?: boolean | undefined;
     overflowInline?: boolean | undefined;
     overflowX?: boolean | undefined;
     overflowY?: boolean | undefined;
     pointerEvents?: boolean | undefined;
     scrollbarWidth?: boolean | undefined;
-    textEmphasis?: boolean | undefined;
+    textWrap?: boolean | undefined;
     touchAction?: boolean | undefined;
     transformStyle?: boolean | undefined;
-    userSelect?: boolean | undefined;
     willChange?: boolean | undefined;
     boxShadow: boolean;
     border: boolean;
     filter: boolean;
     backgroundImage: boolean;
     experimental_backgroundImage: boolean;
-    boxSizing: boolean;
-    mixBlendMode: boolean;
-    isolation: boolean;
     outline: boolean;
     outlineColor: boolean;
     outlineOffset: boolean;
-    outlineStyle: boolean;
     outlineWidth: boolean;
     elevationAndroid?: boolean | undefined;
-    WebkitLineClamp: boolean;
     animationIterationCount: boolean;
     aspectRatio: boolean;
     borderImageOutset: boolean;
@@ -219,9 +288,6 @@ export declare const stylePropsView: {
     gridColumnEnd: boolean;
     gridColumnGap: boolean;
     gridColumnStart: boolean;
-    gridTemplateColumns: boolean;
-    gridTemplateAreas: boolean;
-    lineClamp: boolean;
     opacity: boolean;
     order: boolean;
     orphans: boolean;
@@ -234,6 +300,10 @@ export declare const stylePropsView: {
     scaleY: boolean;
     scaleZ: boolean;
     shadowOpacity: boolean;
+    WebkitLineClamp: boolean;
+    lineClamp: boolean;
+    gridTemplateColumns: boolean;
+    gridTemplateAreas: boolean;
     x: boolean;
     y: boolean;
     perspective: boolean;
@@ -244,15 +314,6 @@ export declare const stylePropsView: {
     rotateY: boolean;
     rotateX: boolean;
     rotateZ: boolean;
-    borderRadius: boolean;
-    borderTopLeftRadius: boolean;
-    borderTopRightRadius: boolean;
-    borderBottomLeftRadius: boolean;
-    borderBottomRightRadius: boolean;
-    borderStartStartRadius: boolean;
-    borderStartEndRadius: boolean;
-    borderEndStartRadius: boolean;
-    borderEndEndRadius: boolean;
     width: boolean;
     height: boolean;
     minWidth: boolean;
@@ -265,6 +326,15 @@ export declare const stylePropsView: {
     inlineSize: boolean;
     minInlineSize: boolean;
     maxInlineSize: boolean;
+    borderRadius: boolean;
+    borderTopLeftRadius: boolean;
+    borderTopRightRadius: boolean;
+    borderBottomLeftRadius: boolean;
+    borderBottomRightRadius: boolean;
+    borderStartStartRadius: boolean;
+    borderStartEndRadius: boolean;
+    borderEndStartRadius: boolean;
+    borderEndEndRadius: boolean;
     color: boolean;
     textDecorationColor: boolean;
     textShadowColor: boolean;
@@ -283,9 +353,6 @@ export declare const stylePropsView: {
     borderEndColor: boolean;
     borderStartColor: boolean;
     shadowColor: boolean;
-    backfaceVisibility: boolean;
-    borderCurve: boolean;
-    cursor: boolean;
     borderBottomEndRadius: boolean;
     borderBottomStartRadius: boolean;
     borderBottomWidth: boolean;
@@ -297,34 +364,20 @@ export declare const stylePropsView: {
     borderInlineWidth: boolean;
     borderInlineEndWidth: boolean;
     borderInlineStartWidth: boolean;
-    borderStyle: boolean;
-    borderBlockStyle: boolean;
-    borderBlockEndStyle: boolean;
-    borderBlockStartStyle: boolean;
-    borderInlineStyle: boolean;
-    borderInlineEndStyle: boolean;
-    borderInlineStartStyle: boolean;
     borderTopEndRadius: boolean;
     borderTopStartRadius: boolean;
     borderTopWidth: boolean;
     borderWidth: boolean;
     transform: boolean;
     transformOrigin: boolean;
-    alignContent: boolean;
-    alignItems: boolean;
-    alignSelf: boolean;
     borderEndWidth: boolean;
     borderStartWidth: boolean;
     bottom: boolean;
-    display: boolean;
     end: boolean;
     flexBasis: boolean;
-    flexDirection: boolean;
-    flexWrap: boolean;
     gap: boolean;
     columnGap: boolean;
     rowGap: boolean;
-    justifyContent: boolean;
     left: boolean;
     margin: boolean;
     marginBlock: boolean;
@@ -341,7 +394,6 @@ export declare const stylePropsView: {
     marginStart: boolean;
     marginTop: boolean;
     marginVertical: boolean;
-    overflow: boolean;
     padding: boolean;
     paddingBottom: boolean;
     paddingInline: boolean;
@@ -356,7 +408,6 @@ export declare const stylePropsView: {
     paddingStart: boolean;
     paddingTop: boolean;
     paddingVertical: boolean;
-    position: boolean;
     right: boolean;
     start: boolean;
     top: boolean;
@@ -367,21 +418,43 @@ export declare const stylePropsView: {
     insetInline: boolean;
     insetInlineEnd: boolean;
     insetInlineStart: boolean;
-    direction: boolean;
     shadowOffset: boolean;
     shadowRadius: boolean;
+    alignContent: boolean;
+    alignItems: boolean;
+    alignSelf: boolean;
+    backfaceVisibility: boolean;
+    borderCurve: boolean;
+    borderStyle: boolean;
+    borderBlockStyle: boolean;
+    borderBlockEndStyle: boolean;
+    borderBlockStartStyle: boolean;
+    borderInlineStyle: boolean;
+    borderInlineEndStyle: boolean;
+    borderInlineStartStyle: boolean;
+    boxSizing: boolean;
+    cursor: boolean;
+    direction: boolean;
+    display: boolean;
+    flexDirection: boolean;
+    flexWrap: boolean;
+    isolation: boolean;
+    justifyContent: boolean;
+    mixBlendMode: boolean;
+    outlineStyle: boolean;
+    overflow: boolean;
+    position: boolean;
 };
 export declare const stylePropsTextOnly: {
+    textDecorationDistance?: boolean | undefined;
+    WebkitLineClamp?: boolean | undefined;
     whiteSpace?: boolean | undefined;
     wordWrap?: boolean | undefined;
     textOverflow?: boolean | undefined;
-    textDecorationDistance?: boolean | undefined;
-    WebkitLineClamp?: boolean | undefined;
     WebkitBoxOrient?: boolean | undefined;
     textShadow: boolean;
     textShadowOffset: boolean;
     textShadowRadius: boolean;
-    userSelect: boolean;
     verticalAlign: boolean;
     color: boolean;
     textDecorationColor: boolean;
@@ -389,26 +462,26 @@ export declare const stylePropsTextOnly: {
     textAlign: boolean;
     textDecorationLine: boolean;
     textDecorationStyle: boolean;
-    fontFamily: boolean;
+    userSelect: boolean;
     fontSize: boolean;
-    fontStyle: boolean;
     fontWeight: boolean;
-    fontVariant: boolean;
     letterSpacing: boolean;
     lineHeight: boolean;
+    fontFamily: boolean;
+    fontStyle: boolean;
+    fontVariant: boolean;
     textTransform: boolean;
 };
 export declare const stylePropsText: {
+    textDecorationDistance?: boolean | undefined;
+    WebkitLineClamp: boolean;
     whiteSpace?: boolean | undefined;
     wordWrap?: boolean | undefined;
     textOverflow?: boolean | undefined;
-    textDecorationDistance?: boolean | undefined;
-    WebkitLineClamp: boolean;
     WebkitBoxOrient?: boolean | undefined;
     textShadow: boolean;
     textShadowOffset: boolean;
     textShadowRadius: boolean;
-    userSelect: boolean;
     verticalAlign: boolean;
     color: boolean;
     textDecorationColor: boolean;
@@ -416,16 +489,16 @@ export declare const stylePropsText: {
     textAlign: boolean;
     textDecorationLine: boolean;
     textDecorationStyle: boolean;
-    fontFamily: boolean;
+    userSelect: boolean;
     fontSize: boolean;
-    fontStyle: boolean;
     fontWeight: boolean;
-    fontVariant: boolean;
     letterSpacing: boolean;
     lineHeight: boolean;
+    fontFamily: boolean;
+    fontStyle: boolean;
+    fontVariant: boolean;
     textTransform: boolean;
     transition?: boolean | undefined;
-    textWrap?: boolean | undefined;
     backdropFilter?: boolean | undefined;
     WebkitBackdropFilter?: boolean | undefined;
     background?: boolean | undefined;
@@ -433,50 +506,51 @@ export declare const stylePropsText: {
     borderRight?: boolean | undefined;
     borderBottom?: boolean | undefined;
     borderLeft?: boolean | undefined;
+    backgroundPosition?: boolean | undefined;
+    backgroundSize?: boolean | undefined;
+    borderImage?: boolean | undefined;
+    caretColor?: boolean | undefined;
+    clipPath?: boolean | undefined;
+    mask?: boolean | undefined;
+    maskBorder?: boolean | undefined;
+    maskBorderOutset?: boolean | undefined;
+    maskBorderSlice?: boolean | undefined;
+    maskBorderSource?: boolean | undefined;
+    maskBorderWidth?: boolean | undefined;
+    maskImage?: boolean | undefined;
+    maskPosition?: boolean | undefined;
+    maskSize?: boolean | undefined;
+    objectPosition?: boolean | undefined;
+    textEmphasis?: boolean | undefined;
     backgroundAttachment?: boolean | undefined;
     backgroundBlendMode?: boolean | undefined;
     backgroundClip?: boolean | undefined;
     backgroundOrigin?: boolean | undefined;
-    backgroundPosition?: boolean | undefined;
     backgroundRepeat?: boolean | undefined;
-    backgroundSize?: boolean | undefined;
     borderBottomStyle?: boolean | undefined;
-    borderImage?: boolean | undefined;
     borderLeftStyle?: boolean | undefined;
     borderRightStyle?: boolean | undefined;
     borderTopStyle?: boolean | undefined;
-    caretColor?: boolean | undefined;
-    clipPath?: boolean | undefined;
     contain?: boolean | undefined;
     containerType?: boolean | undefined;
     content?: boolean | undefined;
     float?: boolean | undefined;
-    mask?: boolean | undefined;
-    maskBorder?: boolean | undefined;
     maskBorderMode?: boolean | undefined;
-    maskBorderOutset?: boolean | undefined;
     maskBorderRepeat?: boolean | undefined;
-    maskBorderSlice?: boolean | undefined;
-    maskBorderSource?: boolean | undefined;
-    maskBorderWidth?: boolean | undefined;
     maskClip?: boolean | undefined;
     maskComposite?: boolean | undefined;
-    maskImage?: boolean | undefined;
     maskMode?: boolean | undefined;
     maskOrigin?: boolean | undefined;
-    maskPosition?: boolean | undefined;
     maskRepeat?: boolean | undefined;
-    maskSize?: boolean | undefined;
     maskType?: boolean | undefined;
     objectFit?: boolean | undefined;
-    objectPosition?: boolean | undefined;
     overflowBlock?: boolean | undefined;
     overflowInline?: boolean | undefined;
     overflowX?: boolean | undefined;
     overflowY?: boolean | undefined;
     pointerEvents?: boolean | undefined;
     scrollbarWidth?: boolean | undefined;
-    textEmphasis?: boolean | undefined;
+    textWrap?: boolean | undefined;
     touchAction?: boolean | undefined;
     transformStyle?: boolean | undefined;
     willChange?: boolean | undefined;
@@ -485,13 +559,9 @@ export declare const stylePropsText: {
     filter: boolean;
     backgroundImage: boolean;
     experimental_backgroundImage: boolean;
-    boxSizing: boolean;
-    mixBlendMode: boolean;
-    isolation: boolean;
     outline: boolean;
     outlineColor: boolean;
     outlineOffset: boolean;
-    outlineStyle: boolean;
     outlineWidth: boolean;
     elevationAndroid?: boolean | undefined;
     animationIterationCount: boolean;
@@ -514,9 +584,6 @@ export declare const stylePropsText: {
     gridColumnEnd: boolean;
     gridColumnGap: boolean;
     gridColumnStart: boolean;
-    gridTemplateColumns: boolean;
-    gridTemplateAreas: boolean;
-    lineClamp: boolean;
     opacity: boolean;
     order: boolean;
     orphans: boolean;
@@ -529,6 +596,9 @@ export declare const stylePropsText: {
     scaleY: boolean;
     scaleZ: boolean;
     shadowOpacity: boolean;
+    lineClamp: boolean;
+    gridTemplateColumns: boolean;
+    gridTemplateAreas: boolean;
     x: boolean;
     y: boolean;
     perspective: boolean;
@@ -539,15 +609,6 @@ export declare const stylePropsText: {
     rotateY: boolean;
     rotateX: boolean;
     rotateZ: boolean;
-    borderRadius: boolean;
-    borderTopLeftRadius: boolean;
-    borderTopRightRadius: boolean;
-    borderBottomLeftRadius: boolean;
-    borderBottomRightRadius: boolean;
-    borderStartStartRadius: boolean;
-    borderStartEndRadius: boolean;
-    borderEndStartRadius: boolean;
-    borderEndEndRadius: boolean;
     width: boolean;
     height: boolean;
     minWidth: boolean;
@@ -560,6 +621,15 @@ export declare const stylePropsText: {
     inlineSize: boolean;
     minInlineSize: boolean;
     maxInlineSize: boolean;
+    borderRadius: boolean;
+    borderTopLeftRadius: boolean;
+    borderTopRightRadius: boolean;
+    borderBottomLeftRadius: boolean;
+    borderBottomRightRadius: boolean;
+    borderStartStartRadius: boolean;
+    borderStartEndRadius: boolean;
+    borderEndStartRadius: boolean;
+    borderEndEndRadius: boolean;
     backgroundColor: boolean;
     borderColor: boolean;
     borderBlockStartColor: boolean;
@@ -575,9 +645,6 @@ export declare const stylePropsText: {
     borderEndColor: boolean;
     borderStartColor: boolean;
     shadowColor: boolean;
-    backfaceVisibility: boolean;
-    borderCurve: boolean;
-    cursor: boolean;
     borderBottomEndRadius: boolean;
     borderBottomStartRadius: boolean;
     borderBottomWidth: boolean;
@@ -589,34 +656,20 @@ export declare const stylePropsText: {
     borderInlineWidth: boolean;
     borderInlineEndWidth: boolean;
     borderInlineStartWidth: boolean;
-    borderStyle: boolean;
-    borderBlockStyle: boolean;
-    borderBlockEndStyle: boolean;
-    borderBlockStartStyle: boolean;
-    borderInlineStyle: boolean;
-    borderInlineEndStyle: boolean;
-    borderInlineStartStyle: boolean;
     borderTopEndRadius: boolean;
     borderTopStartRadius: boolean;
     borderTopWidth: boolean;
     borderWidth: boolean;
     transform: boolean;
     transformOrigin: boolean;
-    alignContent: boolean;
-    alignItems: boolean;
-    alignSelf: boolean;
     borderEndWidth: boolean;
     borderStartWidth: boolean;
     bottom: boolean;
-    display: boolean;
     end: boolean;
     flexBasis: boolean;
-    flexDirection: boolean;
-    flexWrap: boolean;
     gap: boolean;
     columnGap: boolean;
     rowGap: boolean;
-    justifyContent: boolean;
     left: boolean;
     margin: boolean;
     marginBlock: boolean;
@@ -633,7 +686,6 @@ export declare const stylePropsText: {
     marginStart: boolean;
     marginTop: boolean;
     marginVertical: boolean;
-    overflow: boolean;
     padding: boolean;
     paddingBottom: boolean;
     paddingInline: boolean;
@@ -648,7 +700,6 @@ export declare const stylePropsText: {
     paddingStart: boolean;
     paddingTop: boolean;
     paddingVertical: boolean;
-    position: boolean;
     right: boolean;
     start: boolean;
     top: boolean;
@@ -659,21 +710,43 @@ export declare const stylePropsText: {
     insetInline: boolean;
     insetInlineEnd: boolean;
     insetInlineStart: boolean;
-    direction: boolean;
     shadowOffset: boolean;
     shadowRadius: boolean;
+    alignContent: boolean;
+    alignItems: boolean;
+    alignSelf: boolean;
+    backfaceVisibility: boolean;
+    borderCurve: boolean;
+    borderStyle: boolean;
+    borderBlockStyle: boolean;
+    borderBlockEndStyle: boolean;
+    borderBlockStartStyle: boolean;
+    borderInlineStyle: boolean;
+    borderInlineEndStyle: boolean;
+    borderInlineStartStyle: boolean;
+    boxSizing: boolean;
+    cursor: boolean;
+    direction: boolean;
+    display: boolean;
+    flexDirection: boolean;
+    flexWrap: boolean;
+    isolation: boolean;
+    justifyContent: boolean;
+    mixBlendMode: boolean;
+    outlineStyle: boolean;
+    overflow: boolean;
+    position: boolean;
 };
 export declare const stylePropsAll: {
+    textDecorationDistance?: boolean | undefined;
+    WebkitLineClamp: boolean;
     whiteSpace?: boolean | undefined;
     wordWrap?: boolean | undefined;
     textOverflow?: boolean | undefined;
-    textDecorationDistance?: boolean | undefined;
-    WebkitLineClamp: boolean;
     WebkitBoxOrient?: boolean | undefined;
     textShadow: boolean;
     textShadowOffset: boolean;
     textShadowRadius: boolean;
-    userSelect: boolean;
     verticalAlign: boolean;
     color: boolean;
     textDecorationColor: boolean;
@@ -681,16 +754,16 @@ export declare const stylePropsAll: {
     textAlign: boolean;
     textDecorationLine: boolean;
     textDecorationStyle: boolean;
-    fontFamily: boolean;
+    userSelect: boolean;
     fontSize: boolean;
-    fontStyle: boolean;
     fontWeight: boolean;
-    fontVariant: boolean;
     letterSpacing: boolean;
     lineHeight: boolean;
+    fontFamily: boolean;
+    fontStyle: boolean;
+    fontVariant: boolean;
     textTransform: boolean;
     transition?: boolean | undefined;
-    textWrap?: boolean | undefined;
     backdropFilter?: boolean | undefined;
     WebkitBackdropFilter?: boolean | undefined;
     background?: boolean | undefined;
@@ -698,50 +771,51 @@ export declare const stylePropsAll: {
     borderRight?: boolean | undefined;
     borderBottom?: boolean | undefined;
     borderLeft?: boolean | undefined;
+    backgroundPosition?: boolean | undefined;
+    backgroundSize?: boolean | undefined;
+    borderImage?: boolean | undefined;
+    caretColor?: boolean | undefined;
+    clipPath?: boolean | undefined;
+    mask?: boolean | undefined;
+    maskBorder?: boolean | undefined;
+    maskBorderOutset?: boolean | undefined;
+    maskBorderSlice?: boolean | undefined;
+    maskBorderSource?: boolean | undefined;
+    maskBorderWidth?: boolean | undefined;
+    maskImage?: boolean | undefined;
+    maskPosition?: boolean | undefined;
+    maskSize?: boolean | undefined;
+    objectPosition?: boolean | undefined;
+    textEmphasis?: boolean | undefined;
     backgroundAttachment?: boolean | undefined;
     backgroundBlendMode?: boolean | undefined;
     backgroundClip?: boolean | undefined;
     backgroundOrigin?: boolean | undefined;
-    backgroundPosition?: boolean | undefined;
     backgroundRepeat?: boolean | undefined;
-    backgroundSize?: boolean | undefined;
     borderBottomStyle?: boolean | undefined;
-    borderImage?: boolean | undefined;
     borderLeftStyle?: boolean | undefined;
     borderRightStyle?: boolean | undefined;
     borderTopStyle?: boolean | undefined;
-    caretColor?: boolean | undefined;
-    clipPath?: boolean | undefined;
     contain?: boolean | undefined;
     containerType?: boolean | undefined;
     content?: boolean | undefined;
     float?: boolean | undefined;
-    mask?: boolean | undefined;
-    maskBorder?: boolean | undefined;
     maskBorderMode?: boolean | undefined;
-    maskBorderOutset?: boolean | undefined;
     maskBorderRepeat?: boolean | undefined;
-    maskBorderSlice?: boolean | undefined;
-    maskBorderSource?: boolean | undefined;
-    maskBorderWidth?: boolean | undefined;
     maskClip?: boolean | undefined;
     maskComposite?: boolean | undefined;
-    maskImage?: boolean | undefined;
     maskMode?: boolean | undefined;
     maskOrigin?: boolean | undefined;
-    maskPosition?: boolean | undefined;
     maskRepeat?: boolean | undefined;
-    maskSize?: boolean | undefined;
     maskType?: boolean | undefined;
     objectFit?: boolean | undefined;
-    objectPosition?: boolean | undefined;
     overflowBlock?: boolean | undefined;
     overflowInline?: boolean | undefined;
     overflowX?: boolean | undefined;
     overflowY?: boolean | undefined;
     pointerEvents?: boolean | undefined;
     scrollbarWidth?: boolean | undefined;
-    textEmphasis?: boolean | undefined;
+    textWrap?: boolean | undefined;
     touchAction?: boolean | undefined;
     transformStyle?: boolean | undefined;
     willChange?: boolean | undefined;
@@ -750,13 +824,9 @@ export declare const stylePropsAll: {
     filter: boolean;
     backgroundImage: boolean;
     experimental_backgroundImage: boolean;
-    boxSizing: boolean;
-    mixBlendMode: boolean;
-    isolation: boolean;
     outline: boolean;
     outlineColor: boolean;
     outlineOffset: boolean;
-    outlineStyle: boolean;
     outlineWidth: boolean;
     elevationAndroid?: boolean | undefined;
     animationIterationCount: boolean;
@@ -779,9 +849,6 @@ export declare const stylePropsAll: {
     gridColumnEnd: boolean;
     gridColumnGap: boolean;
     gridColumnStart: boolean;
-    gridTemplateColumns: boolean;
-    gridTemplateAreas: boolean;
-    lineClamp: boolean;
     opacity: boolean;
     order: boolean;
     orphans: boolean;
@@ -794,6 +861,9 @@ export declare const stylePropsAll: {
     scaleY: boolean;
     scaleZ: boolean;
     shadowOpacity: boolean;
+    lineClamp: boolean;
+    gridTemplateColumns: boolean;
+    gridTemplateAreas: boolean;
     x: boolean;
     y: boolean;
     perspective: boolean;
@@ -804,15 +874,6 @@ export declare const stylePropsAll: {
     rotateY: boolean;
     rotateX: boolean;
     rotateZ: boolean;
-    borderRadius: boolean;
-    borderTopLeftRadius: boolean;
-    borderTopRightRadius: boolean;
-    borderBottomLeftRadius: boolean;
-    borderBottomRightRadius: boolean;
-    borderStartStartRadius: boolean;
-    borderStartEndRadius: boolean;
-    borderEndStartRadius: boolean;
-    borderEndEndRadius: boolean;
     width: boolean;
     height: boolean;
     minWidth: boolean;
@@ -825,6 +886,15 @@ export declare const stylePropsAll: {
     inlineSize: boolean;
     minInlineSize: boolean;
     maxInlineSize: boolean;
+    borderRadius: boolean;
+    borderTopLeftRadius: boolean;
+    borderTopRightRadius: boolean;
+    borderBottomLeftRadius: boolean;
+    borderBottomRightRadius: boolean;
+    borderStartStartRadius: boolean;
+    borderStartEndRadius: boolean;
+    borderEndStartRadius: boolean;
+    borderEndEndRadius: boolean;
     backgroundColor: boolean;
     borderColor: boolean;
     borderBlockStartColor: boolean;
@@ -840,9 +910,6 @@ export declare const stylePropsAll: {
     borderEndColor: boolean;
     borderStartColor: boolean;
     shadowColor: boolean;
-    backfaceVisibility: boolean;
-    borderCurve: boolean;
-    cursor: boolean;
     borderBottomEndRadius: boolean;
     borderBottomStartRadius: boolean;
     borderBottomWidth: boolean;
@@ -854,34 +921,20 @@ export declare const stylePropsAll: {
     borderInlineWidth: boolean;
     borderInlineEndWidth: boolean;
     borderInlineStartWidth: boolean;
-    borderStyle: boolean;
-    borderBlockStyle: boolean;
-    borderBlockEndStyle: boolean;
-    borderBlockStartStyle: boolean;
-    borderInlineStyle: boolean;
-    borderInlineEndStyle: boolean;
-    borderInlineStartStyle: boolean;
     borderTopEndRadius: boolean;
     borderTopStartRadius: boolean;
     borderTopWidth: boolean;
     borderWidth: boolean;
     transform: boolean;
     transformOrigin: boolean;
-    alignContent: boolean;
-    alignItems: boolean;
-    alignSelf: boolean;
     borderEndWidth: boolean;
     borderStartWidth: boolean;
     bottom: boolean;
-    display: boolean;
     end: boolean;
     flexBasis: boolean;
-    flexDirection: boolean;
-    flexWrap: boolean;
     gap: boolean;
     columnGap: boolean;
     rowGap: boolean;
-    justifyContent: boolean;
     left: boolean;
     margin: boolean;
     marginBlock: boolean;
@@ -898,7 +951,6 @@ export declare const stylePropsAll: {
     marginStart: boolean;
     marginTop: boolean;
     marginVertical: boolean;
-    overflow: boolean;
     padding: boolean;
     paddingBottom: boolean;
     paddingInline: boolean;
@@ -913,7 +965,6 @@ export declare const stylePropsAll: {
     paddingStart: boolean;
     paddingTop: boolean;
     paddingVertical: boolean;
-    position: boolean;
     right: boolean;
     start: boolean;
     top: boolean;
@@ -924,9 +975,32 @@ export declare const stylePropsAll: {
     insetInline: boolean;
     insetInlineEnd: boolean;
     insetInlineStart: boolean;
-    direction: boolean;
     shadowOffset: boolean;
     shadowRadius: boolean;
+    alignContent: boolean;
+    alignItems: boolean;
+    alignSelf: boolean;
+    backfaceVisibility: boolean;
+    borderCurve: boolean;
+    borderStyle: boolean;
+    borderBlockStyle: boolean;
+    borderBlockEndStyle: boolean;
+    borderBlockStartStyle: boolean;
+    borderInlineStyle: boolean;
+    borderInlineEndStyle: boolean;
+    borderInlineStartStyle: boolean;
+    boxSizing: boolean;
+    cursor: boolean;
+    direction: boolean;
+    display: boolean;
+    flexDirection: boolean;
+    flexWrap: boolean;
+    isolation: boolean;
+    justifyContent: boolean;
+    mixBlendMode: boolean;
+    outlineStyle: boolean;
+    overflow: boolean;
+    position: boolean;
 };
 export declare const validPseudoKeys: {
     focusVisibleStyle?: boolean | undefined;
@@ -940,7 +1014,6 @@ export declare const validPseudoKeys: {
 };
 export declare const validStyles: {
     transition?: boolean | undefined;
-    textWrap?: boolean | undefined;
     backdropFilter?: boolean | undefined;
     WebkitBackdropFilter?: boolean | undefined;
     background?: boolean | undefined;
@@ -948,69 +1021,65 @@ export declare const validStyles: {
     borderRight?: boolean | undefined;
     borderBottom?: boolean | undefined;
     borderLeft?: boolean | undefined;
+    backgroundPosition?: boolean | undefined;
+    backgroundSize?: boolean | undefined;
+    borderImage?: boolean | undefined;
+    caretColor?: boolean | undefined;
+    clipPath?: boolean | undefined;
+    mask?: boolean | undefined;
+    maskBorder?: boolean | undefined;
+    maskBorderOutset?: boolean | undefined;
+    maskBorderSlice?: boolean | undefined;
+    maskBorderSource?: boolean | undefined;
+    maskBorderWidth?: boolean | undefined;
+    maskImage?: boolean | undefined;
+    maskPosition?: boolean | undefined;
+    maskSize?: boolean | undefined;
+    objectPosition?: boolean | undefined;
+    textEmphasis?: boolean | undefined;
+    userSelect?: boolean | undefined;
     backgroundAttachment?: boolean | undefined;
     backgroundBlendMode?: boolean | undefined;
     backgroundClip?: boolean | undefined;
     backgroundOrigin?: boolean | undefined;
-    backgroundPosition?: boolean | undefined;
     backgroundRepeat?: boolean | undefined;
-    backgroundSize?: boolean | undefined;
     borderBottomStyle?: boolean | undefined;
-    borderImage?: boolean | undefined;
     borderLeftStyle?: boolean | undefined;
     borderRightStyle?: boolean | undefined;
     borderTopStyle?: boolean | undefined;
-    caretColor?: boolean | undefined;
-    clipPath?: boolean | undefined;
     contain?: boolean | undefined;
     containerType?: boolean | undefined;
     content?: boolean | undefined;
     float?: boolean | undefined;
-    mask?: boolean | undefined;
-    maskBorder?: boolean | undefined;
     maskBorderMode?: boolean | undefined;
-    maskBorderOutset?: boolean | undefined;
     maskBorderRepeat?: boolean | undefined;
-    maskBorderSlice?: boolean | undefined;
-    maskBorderSource?: boolean | undefined;
-    maskBorderWidth?: boolean | undefined;
     maskClip?: boolean | undefined;
     maskComposite?: boolean | undefined;
-    maskImage?: boolean | undefined;
     maskMode?: boolean | undefined;
     maskOrigin?: boolean | undefined;
-    maskPosition?: boolean | undefined;
     maskRepeat?: boolean | undefined;
-    maskSize?: boolean | undefined;
     maskType?: boolean | undefined;
     objectFit?: boolean | undefined;
-    objectPosition?: boolean | undefined;
     overflowBlock?: boolean | undefined;
     overflowInline?: boolean | undefined;
     overflowX?: boolean | undefined;
     overflowY?: boolean | undefined;
     pointerEvents?: boolean | undefined;
     scrollbarWidth?: boolean | undefined;
-    textEmphasis?: boolean | undefined;
+    textWrap?: boolean | undefined;
     touchAction?: boolean | undefined;
     transformStyle?: boolean | undefined;
-    userSelect?: boolean | undefined;
     willChange?: boolean | undefined;
     boxShadow: boolean;
     border: boolean;
     filter: boolean;
     backgroundImage: boolean;
     experimental_backgroundImage: boolean;
-    boxSizing: boolean;
-    mixBlendMode: boolean;
-    isolation: boolean;
     outline: boolean;
     outlineColor: boolean;
     outlineOffset: boolean;
-    outlineStyle: boolean;
     outlineWidth: boolean;
     elevationAndroid?: boolean | undefined;
-    WebkitLineClamp: boolean;
     animationIterationCount: boolean;
     aspectRatio: boolean;
     borderImageOutset: boolean;
@@ -1032,9 +1101,6 @@ export declare const validStyles: {
     gridColumnEnd: boolean;
     gridColumnGap: boolean;
     gridColumnStart: boolean;
-    gridTemplateColumns: boolean;
-    gridTemplateAreas: boolean;
-    lineClamp: boolean;
     opacity: boolean;
     order: boolean;
     orphans: boolean;
@@ -1047,6 +1113,10 @@ export declare const validStyles: {
     scaleY: boolean;
     scaleZ: boolean;
     shadowOpacity: boolean;
+    WebkitLineClamp: boolean;
+    lineClamp: boolean;
+    gridTemplateColumns: boolean;
+    gridTemplateAreas: boolean;
     x: boolean;
     y: boolean;
     perspective: boolean;
@@ -1057,15 +1127,6 @@ export declare const validStyles: {
     rotateY: boolean;
     rotateX: boolean;
     rotateZ: boolean;
-    borderRadius: boolean;
-    borderTopLeftRadius: boolean;
-    borderTopRightRadius: boolean;
-    borderBottomLeftRadius: boolean;
-    borderBottomRightRadius: boolean;
-    borderStartStartRadius: boolean;
-    borderStartEndRadius: boolean;
-    borderEndStartRadius: boolean;
-    borderEndEndRadius: boolean;
     width: boolean;
     height: boolean;
     minWidth: boolean;
@@ -1078,6 +1139,15 @@ export declare const validStyles: {
     inlineSize: boolean;
     minInlineSize: boolean;
     maxInlineSize: boolean;
+    borderRadius: boolean;
+    borderTopLeftRadius: boolean;
+    borderTopRightRadius: boolean;
+    borderBottomLeftRadius: boolean;
+    borderBottomRightRadius: boolean;
+    borderStartStartRadius: boolean;
+    borderStartEndRadius: boolean;
+    borderEndStartRadius: boolean;
+    borderEndEndRadius: boolean;
     color: boolean;
     textDecorationColor: boolean;
     textShadowColor: boolean;
@@ -1096,9 +1166,6 @@ export declare const validStyles: {
     borderEndColor: boolean;
     borderStartColor: boolean;
     shadowColor: boolean;
-    backfaceVisibility: boolean;
-    borderCurve: boolean;
-    cursor: boolean;
     borderBottomEndRadius: boolean;
     borderBottomStartRadius: boolean;
     borderBottomWidth: boolean;
@@ -1110,34 +1177,20 @@ export declare const validStyles: {
     borderInlineWidth: boolean;
     borderInlineEndWidth: boolean;
     borderInlineStartWidth: boolean;
-    borderStyle: boolean;
-    borderBlockStyle: boolean;
-    borderBlockEndStyle: boolean;
-    borderBlockStartStyle: boolean;
-    borderInlineStyle: boolean;
-    borderInlineEndStyle: boolean;
-    borderInlineStartStyle: boolean;
     borderTopEndRadius: boolean;
     borderTopStartRadius: boolean;
     borderTopWidth: boolean;
     borderWidth: boolean;
     transform: boolean;
     transformOrigin: boolean;
-    alignContent: boolean;
-    alignItems: boolean;
-    alignSelf: boolean;
     borderEndWidth: boolean;
     borderStartWidth: boolean;
     bottom: boolean;
-    display: boolean;
     end: boolean;
     flexBasis: boolean;
-    flexDirection: boolean;
-    flexWrap: boolean;
     gap: boolean;
     columnGap: boolean;
     rowGap: boolean;
-    justifyContent: boolean;
     left: boolean;
     margin: boolean;
     marginBlock: boolean;
@@ -1154,7 +1207,6 @@ export declare const validStyles: {
     marginStart: boolean;
     marginTop: boolean;
     marginVertical: boolean;
-    overflow: boolean;
     padding: boolean;
     paddingBottom: boolean;
     paddingInline: boolean;
@@ -1169,7 +1221,6 @@ export declare const validStyles: {
     paddingStart: boolean;
     paddingTop: boolean;
     paddingVertical: boolean;
-    position: boolean;
     right: boolean;
     start: boolean;
     top: boolean;
@@ -1180,8 +1231,31 @@ export declare const validStyles: {
     insetInline: boolean;
     insetInlineEnd: boolean;
     insetInlineStart: boolean;
-    direction: boolean;
     shadowOffset: boolean;
     shadowRadius: boolean;
+    alignContent: boolean;
+    alignItems: boolean;
+    alignSelf: boolean;
+    backfaceVisibility: boolean;
+    borderCurve: boolean;
+    borderStyle: boolean;
+    borderBlockStyle: boolean;
+    borderBlockEndStyle: boolean;
+    borderBlockStartStyle: boolean;
+    borderInlineStyle: boolean;
+    borderInlineEndStyle: boolean;
+    borderInlineStartStyle: boolean;
+    boxSizing: boolean;
+    cursor: boolean;
+    direction: boolean;
+    display: boolean;
+    flexDirection: boolean;
+    flexWrap: boolean;
+    isolation: boolean;
+    justifyContent: boolean;
+    mixBlendMode: boolean;
+    outlineStyle: boolean;
+    overflow: boolean;
+    position: boolean;
 };
 //# sourceMappingURL=validStyleProps.d.ts.map