@tamagui/helpers 2.0.0-rc.4 → 2.0.0-rc.40

package/dist/esm/shouldRenderNativePlatform.native.js

@@ -1,35 +1,49 @@
 import { currentPlatform } from "@tamagui/constants";
 var ALL_PLATFORMS = ["web", "android", "ios"];
 function shouldRenderNativePlatform(nativeProp) {
-  if (!nativeProp) return null;
-  var userRequestedPlatforms = resolvePlatformNames(nativeProp),
-    _iteratorNormalCompletion = !0,
-    _didIteratorError = !1,
+  if (!nativeProp) {
+    return null;
+  }
+  var userRequestedPlatforms = resolvePlatformNames(nativeProp);
+  var _iteratorNormalCompletion = true,
+    _didIteratorError = false,
     _iteratorError = void 0;
   try {
-    for (var _iterator = ALL_PLATFORMS[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = !0) {
+    for (var _iterator = ALL_PLATFORMS[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
       var platform = _step.value;
-      if (platform === currentPlatform && userRequestedPlatforms.has(platform)) return platform;
+      if (platform === currentPlatform && userRequestedPlatforms.has(platform)) {
+        return platform;
+      }
     }
   } catch (err) {
-    _didIteratorError = !0, _iteratorError = err;
+    _didIteratorError = true;
+    _iteratorError = err;
   } finally {
     try {
-      !_iteratorNormalCompletion && _iterator.return != null && _iterator.return();
+      if (!_iteratorNormalCompletion && _iterator.return != null) {
+        _iterator.return();
+      }
     } finally {
-      if (_didIteratorError) throw _iteratorError;
+      if (_didIteratorError) {
+        throw _iteratorError;
+      }
     }
   }
   return null;
 }
 function resolvePlatformNames(nativeProp) {
-  var platforms = nativeProp === !0 ?
-    // all native platforms
-    ALL_PLATFORMS : nativeProp === !1 ?
-    // no native platform
-    [] : Array.isArray(nativeProp) ? nativeProp : [nativeProp],
-    set = new Set(platforms);
-  return set.has("mobile") && (set.add("android"), set.add("ios"), set.delete("mobile")), set;
+  var platforms = nativeProp === true ?
+  // all native platforms
+  ALL_PLATFORMS : nativeProp === false ?
+  // no native platform
+  [] : Array.isArray(nativeProp) ? nativeProp : [nativeProp];
+  var set = new Set(platforms);
+  if (set.has("mobile")) {
+    set.add("android");
+    set.add("ios");
+    set.delete("mobile");
+  }
+  return set;
 }
 export { shouldRenderNativePlatform };
 //# sourceMappingURL=shouldRenderNativePlatform.native.js.map

package/dist/esm/shouldRenderNativePlatform.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["currentPlatform","ALL_PLATFORMS","shouldRenderNativePlatform","nativeProp","userRequestedPlatforms","resolvePlatformNames","_iteratorNormalCompletion","_didIteratorError","_iteratorError","_iterator","Symbol","iterator","_step","next","done","platform","value","has"],"sources":["../../src/shouldRenderNativePlatform.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,eAAA,QAAuB;AAuBhC,IAAAC,aAAM,IAaC,OACL,SAAK,EACH,MAEF;AAEA,SAAAC,0BAAuBA,CAAAC,UAAA;EACrB,KAAAA,UAAI,EACF,WAAO;EAIX,IAAAC,sBAAO,GAAAC,oBAAA,CAAAF,UAAA;IAAAG,yBAAA;IAAAC,iBAAA;IAAAC,cAAA;EACT;IAEA,KAAS,IAAAC,SAAA,GAAAR,aAAqB,CAAAS,MAAyB,CAAAC,QAAA,KAAAC,KAAA,IAAAN,yBAAA,IAAAM,KAAA,GAAAH,SAAA,CAAAI,IAAA,IAAAC,IAAA,GAAAR,yBAAA;MACrD,IAAMS,QAAA,GACJH,KAAA,CAAAI,KAAA;MASF,IAAID,QAAQ,KAAAf,eAEN,IAAII,sBACK,CAAAa,GACb,CAAAF,QAAI,CAAO,EAGf,OAAAA,QAAA","ignoreList":[]}
+{"version":3,"names":["currentPlatform","ALL_PLATFORMS","shouldRenderNativePlatform","nativeProp","userRequestedPlatforms","resolvePlatformNames","_iteratorNormalCompletion","_didIteratorError","_iteratorError","_iterator","Symbol","iterator","_step","next","done","platform","value","has","err"],"sources":["../../src/shouldRenderNativePlatform.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,eAAA,QAAuB;AAuBhC,IAAAC,aAAM,IAaC,OACL,SAAK,EACH,MAAO;AAET,SAAMC,0BAAyBA,CAAAC,UAAA;EAE/B,KAAAA,UAAW;IACT,OAAI;EACF;EAAO,IACTC,sBAAA,GAAAC,oBAAA,CAAAF,UAAA;EACF,IAAAG,yBAAA;IAAAC,iBAAA;IAAAC,cAAA;EAEA;IACF,SAAAC,SAAA,GAAAR,aAAA,CAAAS,MAAA,CAAAC,QAAA,KAAAC,KAAA,IAAAN,yBAAA,IAAAM,KAAA,GAAAH,SAAA,CAAAI,IAAA,IAAAC,IAAA,GAAAR,yBAAA;MAEA,IAASS,QAAA,GAAAH,KAAA,CAAAI,KAAqB;MAC5B,IAAMD,QAAA,KACJf,eAAe,IACXI,sBACA,CAAAa,GAAA,CAAAF,QAAe;QAKf,OAAMA,QAAQ;MAEhB;IAEF;EACA,SAAIG,GAAI;IACRX,iBAAW,GAAQ;IACrBC,cAAA,GAAAU,GAAA;EACA,UAAO;IACT","ignoreList":[]}

package/dist/esm/types.mjs

@@ -1,7 +1,7 @@
-const StyleObjectProperty = 0,
-  StyleObjectValue = 1,
-  StyleObjectIdentifier = 2,
-  StyleObjectPseudo = 3,
-  StyleObjectRules = 4;
+const StyleObjectProperty = 0;
+const StyleObjectValue = 1;
+const StyleObjectIdentifier = 2;
+const StyleObjectPseudo = 3;
+const StyleObjectRules = 4;
 export { StyleObjectIdentifier, StyleObjectProperty, StyleObjectPseudo, StyleObjectRules, StyleObjectValue };
 //# sourceMappingURL=types.mjs.map

package/dist/esm/types.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["StyleObjectProperty","StyleObjectValue","StyleObjectIdentifier","StyleObjectPseudo","StyleObjectRules"],"sources":["../../src/types.ts"],"sourcesContent":[null],"mappings":"AAQO,MAAMA,mBAAA,GAAsB;EACtBC,gBAAA,GAAmB;EACnBC,qBAAA,GAAwB;EACxBC,iBAAA,GAAoB;EACpBC,gBAAA,GAAmB","ignoreList":[]}
+{"version":3,"names":["StyleObjectProperty","StyleObjectValue","StyleObjectIdentifier","StyleObjectPseudo","StyleObjectRules"],"sources":["../../src/types.ts"],"sourcesContent":[null],"mappings":"AAQO,MAAMA,mBAAA,GAAsB;AAC5B,MAAMC,gBAAA,GAAmB;AACzB,MAAMC,qBAAA,GAAwB;AAC9B,MAAMC,iBAAA,GAAoB;AAC1B,MAAMC,gBAAA,GAAmB","ignoreList":[]}

package/dist/esm/types.native.js

@@ -1,7 +1,7 @@
-var StyleObjectProperty = 0,
-  StyleObjectValue = 1,
-  StyleObjectIdentifier = 2,
-  StyleObjectPseudo = 3,
-  StyleObjectRules = 4;
+var StyleObjectProperty = 0;
+var StyleObjectValue = 1;
+var StyleObjectIdentifier = 2;
+var StyleObjectPseudo = 3;
+var StyleObjectRules = 4;
 export { StyleObjectIdentifier, StyleObjectProperty, StyleObjectPseudo, StyleObjectRules, StyleObjectValue };
 //# sourceMappingURL=types.native.js.map

package/dist/esm/types.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["StyleObjectProperty","StyleObjectValue","StyleObjectIdentifier","StyleObjectPseudo","StyleObjectRules"],"sources":["../../src/types.ts"],"sourcesContent":[null],"mappings":"AAQO,IAAAA,mBAAM;EAAsBC,gBACtB;EAAmBC,qBACnB;EAAwBC,iBACxB;EAAoBC,gBACpB","ignoreList":[]}
+{"version":3,"names":["StyleObjectProperty","StyleObjectValue","StyleObjectIdentifier","StyleObjectPseudo","StyleObjectRules"],"sources":["../../src/types.ts"],"sourcesContent":[null],"mappings":"AAQO,IAAAA,mBAAM;AACN,IAAAC,gBAAM;AACN,IAAAC,qBAAM;AACN,IAAAC,iBAAM;AACN,IAAAC,gBAAM","ignoreList":[]}

package/dist/esm/validStyleProps.mjs

@@ -1,270 +1,301 @@
 import { isAndroid } from "@tamagui/constants";
-import { webOnlyStylePropsText, webOnlyStylePropsView } from "./webOnlyStyleProps.mjs";
+import { nonAnimatableWebTextProps, nonAnimatableWebViewProps, webOnlyStylePropsText, webOnlyStylePropsView } from "./webOnlyStyleProps.mjs";
+const cssShorthandLonghands = {
+  borderWidth: true,
+  borderStyle: true,
+  borderColor: true,
+  borderTopWidth: true,
+  borderTopStyle: true,
+  borderTopColor: true,
+  borderRightWidth: true,
+  borderRightStyle: true,
+  borderRightColor: true,
+  borderBottomWidth: true,
+  borderBottomStyle: true,
+  borderBottomColor: true,
+  borderLeftWidth: true,
+  borderLeftStyle: true,
+  borderLeftColor: true,
+  outlineWidth: true,
+  outlineStyle: true,
+  outlineColor: true,
+  outlineOffset: true
+};
 const textColors = {
-    color: !0,
-    textDecorationColor: !0,
-    textShadowColor: !0
+  color: true,
+  textDecorationColor: true,
+  textShadowColor: true
+};
+const tokenCategories = {
+  radius: {
+    borderRadius: true,
+    borderTopLeftRadius: true,
+    borderTopRightRadius: true,
+    borderBottomLeftRadius: true,
+    borderBottomRightRadius: true,
+    borderStartStartRadius: true,
+    borderStartEndRadius: true,
+    borderEndStartRadius: true,
+    borderEndEndRadius: true
   },
-  tokenCategories = {
-    radius: {
-      borderRadius: !0,
-      borderTopLeftRadius: !0,
-      borderTopRightRadius: !0,
-      borderBottomLeftRadius: !0,
-      borderBottomRightRadius: !0,
-      // logical
-      borderStartStartRadius: !0,
-      borderStartEndRadius: !0,
-      borderEndStartRadius: !0,
-      borderEndEndRadius: !0
-    },
-    size: {
-      width: !0,
-      height: !0,
-      minWidth: !0,
-      minHeight: !0,
-      maxWidth: !0,
-      maxHeight: !0,
-      blockSize: !0,
-      minBlockSize: !0,
-      maxBlockSize: !0,
-      inlineSize: !0,
-      minInlineSize: !0,
-      maxInlineSize: !0
-    },
-    zIndex: {
-      zIndex: !0
-    },
-    color: {
-      backgroundColor: !0,
-      borderColor: !0,
-      borderBlockStartColor: !0,
-      borderBlockEndColor: !0,
-      borderBlockColor: !0,
-      borderBottomColor: !0,
-      borderInlineColor: !0,
-      borderInlineStartColor: !0,
-      borderInlineEndColor: !0,
-      borderTopColor: !0,
-      borderLeftColor: !0,
-      borderRightColor: !0,
-      borderEndColor: !0,
-      borderStartColor: !0,
-      shadowColor: !0,
-      ...textColors,
-      // outlineColor is supported on RN 0.77+ (New Architecture)
-      outlineColor: !0,
-      caretColor: !0
-    }
+  size: {
+    width: true,
+    height: true,
+    minWidth: true,
+    minHeight: true,
+    maxWidth: true,
+    maxHeight: true,
+    blockSize: true,
+    minBlockSize: true,
+    maxBlockSize: true,
+    inlineSize: true,
+    minInlineSize: true,
+    maxInlineSize: true
   },
-  stylePropsUnitless = {
-    WebkitLineClamp: !0,
-    animationIterationCount: !0,
-    aspectRatio: !0,
-    borderImageOutset: !0,
-    borderImageSlice: !0,
-    borderImageWidth: !0,
-    columnCount: !0,
-    flex: !0,
-    flexGrow: !0,
-    flexOrder: !0,
-    flexPositive: !0,
-    flexShrink: !0,
-    flexNegative: !0,
-    fontWeight: !0,
-    gridRow: !0,
-    gridRowEnd: !0,
-    gridRowGap: !0,
-    gridRowStart: !0,
-    gridColumn: !0,
-    gridColumnEnd: !0,
-    gridColumnGap: !0,
-    gridColumnStart: !0,
-    gridTemplateColumns: !0,
-    gridTemplateAreas: !0,
-    lineClamp: !0,
-    opacity: !0,
-    order: !0,
-    orphans: !0,
-    tabSize: !0,
-    widows: !0,
-    zIndex: !0,
-    zoom: !0,
-    scale: !0,
-    scaleX: !0,
-    scaleY: !0,
-    scaleZ: !0,
-    shadowOpacity: !0
+  zIndex: {
+    zIndex: true
   },
-  stylePropsTransform = {
-    x: !0,
-    y: !0,
-    scale: !0,
-    perspective: !0,
-    scaleX: !0,
-    scaleY: !0,
-    skewX: !0,
-    skewY: !0,
-    matrix: !0,
-    rotate: !0,
-    rotateY: !0,
-    rotateX: !0,
-    rotateZ: !0
-  },
-  stylePropsView = {
-    backfaceVisibility: !0,
-    borderCurve: !0,
-    cursor: !0,
-    borderBottomEndRadius: !0,
-    borderBottomStartRadius: !0,
-    borderBottomWidth: !0,
-    borderLeftWidth: !0,
-    borderRightWidth: !0,
-    borderBlockWidth: !0,
-    borderBlockEndWidth: !0,
-    borderBlockStartWidth: !0,
-    borderInlineWidth: !0,
-    borderInlineEndWidth: !0,
-    borderInlineStartWidth: !0,
-    borderStyle: !0,
-    borderBlockStyle: !0,
-    borderBlockEndStyle: !0,
-    borderBlockStartStyle: !0,
-    borderInlineStyle: !0,
-    borderInlineEndStyle: !0,
-    borderInlineStartStyle: !0,
-    borderTopEndRadius: !0,
-    borderTopStartRadius: !0,
-    borderTopWidth: !0,
-    borderWidth: !0,
-    transform: !0,
-    transformOrigin: !0,
-    alignContent: !0,
-    alignItems: !0,
-    alignSelf: !0,
-    borderEndWidth: !0,
-    borderStartWidth: !0,
-    bottom: !0,
-    display: !0,
-    end: !0,
-    flexBasis: !0,
-    flexDirection: !0,
-    flexWrap: !0,
-    gap: !0,
-    columnGap: !0,
-    rowGap: !0,
-    justifyContent: !0,
-    left: !0,
-    margin: !0,
-    marginBlock: !0,
-    marginBlockEnd: !0,
-    marginBlockStart: !0,
-    marginInline: !0,
-    marginInlineStart: !0,
-    marginInlineEnd: !0,
-    marginBottom: !0,
-    marginEnd: !0,
-    marginHorizontal: !0,
-    marginLeft: !0,
-    marginRight: !0,
-    marginStart: !0,
-    marginTop: !0,
-    marginVertical: !0,
-    overflow: !0,
-    padding: !0,
-    paddingBottom: !0,
-    paddingInline: !0,
-    paddingBlock: !0,
-    paddingBlockStart: !0,
-    paddingInlineEnd: !0,
-    paddingInlineStart: !0,
-    paddingEnd: !0,
-    paddingHorizontal: !0,
-    paddingLeft: !0,
-    paddingRight: !0,
-    paddingStart: !0,
-    paddingTop: !0,
-    paddingVertical: !0,
-    position: !0,
-    right: !0,
-    start: !0,
-    top: !0,
-    inset: !0,
-    insetBlock: !0,
-    insetBlockEnd: !0,
-    insetBlockStart: !0,
-    insetInline: !0,
-    insetInlineEnd: !0,
-    insetInlineStart: !0,
-    direction: !0,
-    shadowOffset: !0,
-    shadowRadius: !0,
-    ...tokenCategories.color,
-    ...tokenCategories.radius,
-    ...tokenCategories.size,
-    ...tokenCategories.radius,
-    ...stylePropsTransform,
-    ...stylePropsUnitless,
-    ...(isAndroid ? {
-      elevationAndroid: !0
-    } : {}),
-    boxShadow: !0,
-    border: !0,
-    filter: !0,
-    // RN 0.76+ supports linear-gradient via backgroundImage
-    backgroundImage: !0,
-    // the actual RN 0.76+ prop name (backgroundImage expands to this on native)
-    experimental_backgroundImage: !0,
-    // RN 0.76/0.77+ style props (New Architecture)
-    boxSizing: !0,
-    mixBlendMode: !0,
-    isolation: !0,
-    outlineColor: !0,
-    outlineOffset: !0,
-    outlineStyle: !0,
-    outlineWidth: !0,
-    // web-only for convenience - tree-shaken on native
-    ...webOnlyStylePropsView
-  },
-  stylePropsFont = {
-    fontFamily: !0,
-    fontSize: !0,
-    fontStyle: !0,
-    fontWeight: !0,
-    fontVariant: !0,
-    letterSpacing: !0,
-    lineHeight: !0,
-    textTransform: !0
-  },
-  stylePropsTextOnly = {
-    ...stylePropsFont,
-    textAlign: !0,
-    textDecorationLine: !0,
-    textDecorationStyle: !0,
+  color: {
+    backgroundColor: true,
+    borderColor: true,
+    borderBlockStartColor: true,
+    borderBlockEndColor: true,
+    borderBlockColor: true,
+    borderBottomColor: true,
+    borderInlineColor: true,
+    borderInlineStartColor: true,
+    borderInlineEndColor: true,
+    borderTopColor: true,
+    borderLeftColor: true,
+    borderRightColor: true,
+    borderEndColor: true,
+    borderStartColor: true,
+    shadowColor: true,
     ...textColors,
-    textShadow: !0,
-    textShadowOffset: !0,
-    textShadowRadius: !0,
-    userSelect: !0,
-    verticalAlign: !0,
-    // web-only text props - tree-shaken on native
-    ...webOnlyStylePropsText
-  },
-  stylePropsText = {
-    ...stylePropsView,
-    ...stylePropsTextOnly
-  },
-  stylePropsAll = stylePropsText,
-  validPseudoKeys = {
-    enterStyle: !0,
-    exitStyle: !0,
-    hoverStyle: !0,
-    pressStyle: !0,
-    focusStyle: !0,
-    disabledStyle: !0,
-    focusWithinStyle: !0,
-    focusVisibleStyle: !0
-  },
-  validStyles = stylePropsView;
-export { stylePropsAll, stylePropsText, stylePropsTextOnly, stylePropsTransform, stylePropsUnitless, stylePropsView, tokenCategories, validPseudoKeys, validStyles };
+    outlineColor: true,
+    caretColor: true
+  }
+};
+const nonAnimatableViewProps = {
+  alignContent: true,
+  alignItems: true,
+  alignSelf: true,
+  backfaceVisibility: true,
+  borderCurve: true,
+  borderStyle: true,
+  borderBlockStyle: true,
+  borderBlockEndStyle: true,
+  borderBlockStartStyle: true,
+  borderInlineStyle: true,
+  borderInlineEndStyle: true,
+  borderInlineStartStyle: true,
+  boxSizing: true,
+  cursor: true,
+  direction: true,
+  display: true,
+  flexDirection: true,
+  flexWrap: true,
+  isolation: true,
+  justifyContent: true,
+  mixBlendMode: true,
+  outlineStyle: true,
+  overflow: true,
+  position: true
+};
+const nonAnimatableFontProps = {
+  fontFamily: true,
+  fontStyle: true,
+  fontVariant: true,
+  textTransform: true
+};
+const nonAnimatableTextOnlyProps = {
+  textAlign: true,
+  textDecorationLine: true,
+  textDecorationStyle: true,
+  userSelect: true
+};
+const nonAnimatableUnitlessProps = {
+  WebkitLineClamp: true,
+  lineClamp: true,
+  gridTemplateColumns: true,
+  gridTemplateAreas: true
+};
+const nonAnimatableStyleProps = {
+  ...nonAnimatableViewProps,
+  ...nonAnimatableFontProps,
+  ...nonAnimatableTextOnlyProps,
+  ...nonAnimatableUnitlessProps,
+  ...nonAnimatableWebViewProps,
+  ...nonAnimatableWebTextProps
+};
+const stylePropsUnitless = {
+  ...nonAnimatableUnitlessProps,
+  animationIterationCount: true,
+  aspectRatio: true,
+  borderImageOutset: true,
+  borderImageSlice: true,
+  borderImageWidth: true,
+  columnCount: true,
+  flex: true,
+  flexGrow: true,
+  flexOrder: true,
+  flexPositive: true,
+  flexShrink: true,
+  flexNegative: true,
+  fontWeight: true,
+  gridRow: true,
+  gridRowEnd: true,
+  gridRowGap: true,
+  gridRowStart: true,
+  gridColumn: true,
+  gridColumnEnd: true,
+  gridColumnGap: true,
+  gridColumnStart: true,
+  opacity: true,
+  order: true,
+  orphans: true,
+  tabSize: true,
+  widows: true,
+  zIndex: true,
+  zoom: true,
+  scale: true,
+  scaleX: true,
+  scaleY: true,
+  scaleZ: true,
+  shadowOpacity: true
+};
+const stylePropsTransform = {
+  x: true,
+  y: true,
+  scale: true,
+  perspective: true,
+  scaleX: true,
+  scaleY: true,
+  skewX: true,
+  skewY: true,
+  matrix: true,
+  rotate: true,
+  rotateY: true,
+  rotateX: true,
+  rotateZ: true
+};
+const stylePropsView = {
+  ...nonAnimatableViewProps,
+  borderBottomEndRadius: true,
+  borderBottomStartRadius: true,
+  borderBottomWidth: true,
+  borderLeftWidth: true,
+  borderRightWidth: true,
+  borderBlockWidth: true,
+  borderBlockEndWidth: true,
+  borderBlockStartWidth: true,
+  borderInlineWidth: true,
+  borderInlineEndWidth: true,
+  borderInlineStartWidth: true,
+  borderTopEndRadius: true,
+  borderTopStartRadius: true,
+  borderTopWidth: true,
+  borderWidth: true,
+  transform: true,
+  transformOrigin: true,
+  borderEndWidth: true,
+  borderStartWidth: true,
+  bottom: true,
+  end: true,
+  flexBasis: true,
+  gap: true,
+  columnGap: true,
+  rowGap: true,
+  left: true,
+  margin: true,
+  marginBlock: true,
+  marginBlockEnd: true,
+  marginBlockStart: true,
+  marginInline: true,
+  marginInlineStart: true,
+  marginInlineEnd: true,
+  marginBottom: true,
+  marginEnd: true,
+  marginHorizontal: true,
+  marginLeft: true,
+  marginRight: true,
+  marginStart: true,
+  marginTop: true,
+  marginVertical: true,
+  padding: true,
+  paddingBottom: true,
+  paddingInline: true,
+  paddingBlock: true,
+  paddingBlockStart: true,
+  paddingInlineEnd: true,
+  paddingInlineStart: true,
+  paddingEnd: true,
+  paddingHorizontal: true,
+  paddingLeft: true,
+  paddingRight: true,
+  paddingStart: true,
+  paddingTop: true,
+  paddingVertical: true,
+  right: true,
+  start: true,
+  top: true,
+  inset: true,
+  insetBlock: true,
+  insetBlockEnd: true,
+  insetBlockStart: true,
+  insetInline: true,
+  insetInlineEnd: true,
+  insetInlineStart: true,
+  shadowOffset: true,
+  shadowRadius: true,
+  ...tokenCategories.color,
+  ...tokenCategories.radius,
+  ...tokenCategories.size,
+  ...stylePropsTransform,
+  ...stylePropsUnitless,
+  ...(isAndroid ? {
+    elevationAndroid: true
+  } : {}),
+  boxShadow: true,
+  border: true,
+  filter: true,
+  backgroundImage: true,
+  experimental_backgroundImage: true,
+  outline: true,
+  outlineColor: true,
+  outlineOffset: true,
+  outlineWidth: true,
+  ...webOnlyStylePropsView
+};
+const stylePropsTextOnly = {
+  ...nonAnimatableFontProps,
+  fontSize: true,
+  fontWeight: true,
+  letterSpacing: true,
+  lineHeight: true,
+  ...nonAnimatableTextOnlyProps,
+  ...textColors,
+  textShadow: true,
+  textShadowOffset: true,
+  textShadowRadius: true,
+  verticalAlign: true,
+  ...webOnlyStylePropsText
+};
+const stylePropsText = {
+  ...stylePropsView,
+  ...stylePropsTextOnly
+};
+const stylePropsAll = stylePropsText;
+const validPseudoKeys = {
+  enterStyle: true,
+  exitStyle: true,
+  hoverStyle: true,
+  pressStyle: true,
+  focusStyle: true,
+  disabledStyle: true,
+  focusWithinStyle: true,
+  focusVisibleStyle: true
+};
+const validStyles = stylePropsView;
+export { cssShorthandLonghands, nonAnimatableStyleProps, stylePropsAll, stylePropsText, stylePropsTextOnly, stylePropsTransform, stylePropsUnitless, stylePropsView, tokenCategories, validPseudoKeys, validStyles };
 //# sourceMappingURL=validStyleProps.mjs.map