@tamagui/helpers 1.0.0-alpha.16 → 1.0.0-alpha.23

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/helpers",
-  "version": "1.0.0-alpha.16",
+  "version": "1.0.0-alpha.23",
   "source": "src/index.ts",
   "typings": "types",
   "main": "dist/cjs",
@@ -8,7 +8,6 @@
   "module:jsx": "dist/jsx",
   "files": [
     "types",
-    "src",
     "dist"
   ],
   "scripts": {
@@ -16,7 +15,8 @@
     "watch": "tamagui-build --watch"
   },
   "devDependencies": {
-    "@tamagui/build": "^1.0.0-alpha.12"
+    "@tamagui/build": "^1.0.0-alpha.22",
+    "react-native": "*"
   },
   "peerDependencies": {
     "react-native": "*"
@@ -24,5 +24,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "f8a5fa567a7d319e33da5f5d27ca7112d394226c"
+  "gitHead": "69fb1d82868a6525fee6b0750cb2113d88ffea79"
 }

package/src/allRules.d.ts

@@ -1,2 +0,0 @@
-export declare const AllRules: Set<unknown>;
-export declare const getStyleRules: () => Set<unknown>;

package/src/allRules.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"allRules.d.ts","sourceRoot":"","sources":["allRules.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,QAAQ,cAAY,CAAA;AAEjC,eAAO,MAAM,aAAa,oBAAiB,CAAA"}

package/src/allRules.js

@@ -1,2 +0,0 @@
-export const AllRules = new Set();
-export const getStyleRules = () => AllRules;

package/src/allRules.ts

@@ -1,5 +0,0 @@
-// ssr only
-
-export const AllRules = new Set()
-
-export const getStyleRules = () => AllRules

package/src/concatClassName.d.ts

@@ -1 +0,0 @@
-export declare function concatClassName(_cn: any): string;

package/src/concatClassName.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"concatClassName.d.ts","sourceRoot":"","sources":["concatClassName.ts"],"names":[],"mappings":"AAUA,wBAAgB,eAAe,CAAC,GAAG,EAAE,GAAG,UAoFvC"}

package/src/concatClassName.js

@@ -1,65 +0,0 @@
-export function concatClassName(_cn) {
-    const classNamesOrPropObjects = arguments;
-    const usedPrefixes = [];
-    let final = '';
-    const len = classNamesOrPropObjects.length;
-    let propObjects = null;
-    for (let x = len; x >= 0; x--) {
-        const cns = classNamesOrPropObjects[x];
-        if (!cns)
-            continue;
-        if (!Array.isArray(cns) && typeof cns !== 'string') {
-            propObjects = propObjects || [];
-            propObjects.push(cns);
-            continue;
-        }
-        const names = Array.isArray(cns) ? cns : cns.split(' ');
-        const numNames = names.length;
-        for (let i = numNames - 1; i >= 0; i--) {
-            const name = names[i];
-            if (!name || name === ' ')
-                continue;
-            if (name[0] !== '_') {
-                final = name + ' ' + final;
-                continue;
-            }
-            const splitIndex = name.indexOf('-');
-            if (splitIndex < 1) {
-                final = name + ' ' + final;
-                continue;
-            }
-            const nextChar = name[splitIndex + 1];
-            const isMediaQuery = nextChar === '_';
-            const isPsuedoQuery = nextChar === '-';
-            const styleKey = name.slice(1, splitIndex);
-            const mediaKey = isMediaQuery || isPsuedoQuery ? name.slice(splitIndex + 2, splitIndex + 7) : null;
-            const uid = mediaKey ? styleKey + mediaKey : styleKey;
-            if (!isMediaQuery && !isPsuedoQuery) {
-                if (usedPrefixes.indexOf(uid) > -1) {
-                    continue;
-                }
-                usedPrefixes.push(uid);
-            }
-            const propName = styleKey;
-            if (propName && propObjects) {
-                if (propObjects.some((po) => {
-                    if (mediaKey) {
-                        const propKey = pseudoInvert[mediaKey];
-                        return po && po[propKey] && propName in po[propKey] && po[propKey] !== null;
-                    }
-                    const res = po && propName in po && po[propName] !== null;
-                    return res;
-                })) {
-                    continue;
-                }
-            }
-            final = name + ' ' + final;
-        }
-    }
-    return final;
-}
-const pseudoInvert = {
-    hover: 'hoverStyle',
-    focus: 'focusStyle',
-    press: 'pressStyle',
-};

package/src/concatClassName.ts

@@ -1,101 +0,0 @@
-// perf sensitive so doing some weird stuff
-
-// testing caching
-// because we can hit these recent ones a ton of times in common cases
-// we're caching the simple case, this shouldn't be bad on memory either
-// const recently = new Map()
-// setInterval(() => {
-//   recently.clear()
-// }, 1000)
-
-export function concatClassName(_cn: any) {
-  // if (arguments.length === 1) {
-  //   if (recently.has(arguments[0])) {
-  //     return recently.get(arguments[0])
-  //   }
-  // }
-
-  const classNamesOrPropObjects = arguments
-  const usedPrefixes: string[] = []
-  let final = ''
-
-  const len = classNamesOrPropObjects.length
-  let propObjects: any = null
-  for (let x = len; x >= 0; x--) {
-    const cns = classNamesOrPropObjects[x]
-    if (!cns) continue
-    if (!Array.isArray(cns) && typeof cns !== 'string') {
-      // is prop object
-      propObjects = propObjects || []
-      propObjects.push(cns)
-      continue
-    }
-    const names = Array.isArray(cns) ? cns : cns.split(' ')
-
-    const numNames = names.length
-    for (let i = numNames - 1; i >= 0; i--) {
-      const name = names[i]
-      if (!name || name === ' ') continue
-      if (name[0] !== '_') {
-        // not snack style (todo slightly stronger heuristic)
-        final = name + ' ' + final
-        continue
-      }
-      const splitIndex = name.indexOf('-')
-
-      if (splitIndex < 1) {
-        final = name + ' ' + final
-        continue
-      }
-      const nextChar = name[splitIndex + 1]
-      // synced to static-ui constants
-      // MEDIA_SEP
-      const isMediaQuery = nextChar === '_'
-      // PSEUDO_SEP
-      const isPsuedoQuery = nextChar === '-'
-
-      const styleKey = name.slice(1, splitIndex)
-      const mediaKey =
-        isMediaQuery || isPsuedoQuery ? name.slice(splitIndex + 2, splitIndex + 7) : null
-      const uid = mediaKey ? styleKey + mediaKey : styleKey
-
-      if (!isMediaQuery && !isPsuedoQuery) {
-        if (usedPrefixes.indexOf(uid) > -1) {
-          continue
-        }
-        usedPrefixes.push(uid)
-      }
-
-      // overrides for full safety
-      const propName = styleKey
-      if (propName && propObjects) {
-        if (
-          propObjects.some((po) => {
-            if (mediaKey) {
-              const propKey = pseudoInvert[mediaKey]
-              return po && po[propKey] && propName in po[propKey] && po[propKey] !== null
-            }
-            const res = po && propName in po && po[propName] !== null
-            return res
-          })
-        ) {
-          continue
-        }
-      }
-
-      final = name + ' ' + final
-    }
-  }
-
-  // if (arguments.length === 1) {
-  //   recently.set(arguments[0], final)
-  // }
-
-  return final
-}
-
-const pseudoInvert = {
-  hover: 'hoverStyle',
-  focus: 'focusStyle',
-  press: 'pressStyle',
-}

package/src/index.d.ts

@@ -1,4 +0,0 @@
-export * from './concatClassName';
-export * from './validStyleProps';
-export * from './types';
-export * from './allRules';

package/src/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAA;AACjC,cAAc,mBAAmB,CAAA;AACjC,cAAc,SAAS,CAAA;AACvB,cAAc,YAAY,CAAA"}

package/src/index.js

@@ -1,4 +0,0 @@
-export * from './concatClassName';
-export * from './validStyleProps';
-export * from './types';
-export * from './allRules';

package/src/index.ts

@@ -1,4 +0,0 @@
-export * from './concatClassName'
-export * from './validStyleProps'
-export * from './types'
-export * from './allRules'

package/src/simpleHash.ts

@@ -1,9 +0,0 @@
-export const simpleHash = (str: string) => {
-  let hash = 0
-  for (let i = 0; i < str.length; i++) {
-    const char = str.charCodeAt(i)
-    hash = (hash << 5) - hash + char
-    hash &= hash // Convert to 32bit integer
-  }
-  return new Uint32Array([hash])[0].toString(36)
-}

package/src/types.d.ts

@@ -1,7 +0,0 @@
-export declare type StyleObject = {
-    property: string;
-    value: string;
-    className: string;
-    identifier: string;
-    rules: string[];
-};

package/src/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["types.ts"],"names":[],"mappings":"AAAA,oBAAY,WAAW,GAAG;IACxB,QAAQ,EAAE,MAAM,CAAA;IAChB,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,EAAE,MAAM,CAAA;IACjB,UAAU,EAAE,MAAM,CAAA;IAClB,KAAK,EAAE,MAAM,EAAE,CAAA;CAChB,CAAA"}

package/src/types.js

@@ -1 +0,0 @@
-export {};

package/src/types.ts

@@ -1,7 +0,0 @@
-export type StyleObject = {
-  property: string
-  value: string
-  className: string
-  identifier: string
-  rules: string[]
-}

package/src/validStyleProps.d.ts

@@ -1,474 +0,0 @@
-export declare const stylePropsTransform: {
-    x: boolean;
-    y: boolean;
-    scale: boolean;
-    perspective: boolean;
-    scaleX: boolean;
-    scaleY: boolean;
-    skewX: boolean;
-    skewY: boolean;
-    matrix: boolean;
-    rotate: boolean;
-    rotateY: boolean;
-    rotateX: boolean;
-    rotateZ: boolean;
-};
-export declare const stylePropsView: Readonly<{
-    userSelect?: boolean | undefined;
-    cursor?: boolean | undefined;
-    contain?: boolean | undefined;
-    pointerEvents?: boolean | undefined;
-    boxSizing?: boolean | undefined;
-    x: boolean;
-    y: boolean;
-    scale: boolean;
-    perspective: boolean;
-    scaleX: boolean;
-    scaleY: boolean;
-    skewX: boolean;
-    skewY: boolean;
-    matrix: boolean;
-    rotate: boolean;
-    rotateY: boolean;
-    rotateX: boolean;
-    rotateZ: boolean;
-    backfaceVisibility: boolean;
-    backgroundColor: boolean;
-    borderBottomColor: boolean;
-    borderBottomEndRadius: boolean;
-    borderBottomLeftRadius: boolean;
-    borderBottomRightRadius: boolean;
-    borderBottomStartRadius: boolean;
-    borderBottomWidth: boolean;
-    borderColor: boolean;
-    borderEndColor: boolean;
-    borderLeftColor: boolean;
-    borderLeftWidth: boolean;
-    borderRadius: boolean;
-    borderRightColor: boolean;
-    borderRightWidth: boolean;
-    borderStartColor: boolean;
-    borderStyle: boolean;
-    borderTopColor: boolean;
-    borderTopEndRadius: boolean;
-    borderTopLeftRadius: boolean;
-    borderTopRightRadius: boolean;
-    borderTopStartRadius: boolean;
-    borderTopWidth: boolean;
-    borderWidth: boolean;
-    opacity: boolean;
-    transform: boolean;
-    alignContent: boolean;
-    alignItems: boolean;
-    alignSelf: boolean;
-    aspectRatio: boolean;
-    borderEndWidth: boolean;
-    borderStartWidth: boolean;
-    bottom: boolean;
-    display: boolean;
-    end: boolean;
-    flex: boolean;
-    flexBasis: boolean;
-    flexDirection: boolean;
-    flexGrow: boolean;
-    flexShrink: boolean;
-    flexWrap: boolean;
-    height: boolean;
-    justifyContent: boolean;
-    left: boolean;
-    margin: boolean;
-    marginBottom: boolean;
-    marginEnd: boolean;
-    marginHorizontal: boolean;
-    marginLeft: boolean;
-    marginRight: boolean;
-    marginStart: boolean;
-    marginTop: boolean;
-    marginVertical: boolean;
-    maxHeight: boolean;
-    maxWidth: boolean;
-    minHeight: boolean;
-    minWidth: boolean;
-    overflow: boolean;
-    padding: boolean;
-    paddingBottom: boolean;
-    paddingEnd: boolean;
-    paddingHorizontal: boolean;
-    paddingLeft: boolean;
-    paddingRight: boolean;
-    paddingStart: boolean;
-    paddingTop: boolean;
-    paddingVertical: boolean;
-    position: boolean;
-    right: boolean;
-    start: boolean;
-    top: boolean;
-    width: boolean;
-    zIndex: boolean;
-    direction: boolean;
-    shadowColor: boolean;
-    shadowOffset: boolean;
-    shadowOpacity: boolean;
-    shadowRadius: boolean;
-}>;
-export declare const stylePropsTextOnly: Readonly<{
-    whiteSpace?: boolean | undefined;
-    wordWrap?: boolean | undefined;
-    textOverflow?: boolean | undefined;
-    textDecorationDistance?: boolean | undefined;
-    color: boolean;
-    fontFamily: boolean;
-    fontSize: boolean;
-    fontStyle: boolean;
-    fontWeight: boolean;
-    letterSpacing: boolean;
-    lineHeight: boolean;
-    textAlign: boolean;
-    textDecorationLine: boolean;
-    textDecorationStyle: boolean;
-    textDecorationColor: boolean;
-    textShadowColor: boolean;
-    textShadowOffset: boolean;
-    textShadowRadius: boolean;
-    textTransform: boolean;
-}>;
-export declare const stylePropsText: Readonly<{
-    whiteSpace?: boolean | undefined;
-    wordWrap?: boolean | undefined;
-    textOverflow?: boolean | undefined;
-    textDecorationDistance?: boolean | undefined;
-    color: boolean;
-    fontFamily: boolean;
-    fontSize: boolean;
-    fontStyle: boolean;
-    fontWeight: boolean;
-    letterSpacing: boolean;
-    lineHeight: boolean;
-    textAlign: boolean;
-    textDecorationLine: boolean;
-    textDecorationStyle: boolean;
-    textDecorationColor: boolean;
-    textShadowColor: boolean;
-    textShadowOffset: boolean;
-    textShadowRadius: boolean;
-    textTransform: boolean;
-    userSelect?: boolean | undefined;
-    cursor?: boolean | undefined;
-    contain?: boolean | undefined;
-    pointerEvents?: boolean | undefined;
-    boxSizing?: boolean | undefined;
-    x: boolean;
-    y: boolean;
-    scale: boolean;
-    perspective: boolean;
-    scaleX: boolean;
-    scaleY: boolean;
-    skewX: boolean;
-    skewY: boolean;
-    matrix: boolean;
-    rotate: boolean;
-    rotateY: boolean;
-    rotateX: boolean;
-    rotateZ: boolean;
-    backfaceVisibility: boolean;
-    backgroundColor: boolean;
-    borderBottomColor: boolean;
-    borderBottomEndRadius: boolean;
-    borderBottomLeftRadius: boolean;
-    borderBottomRightRadius: boolean;
-    borderBottomStartRadius: boolean;
-    borderBottomWidth: boolean;
-    borderColor: boolean;
-    borderEndColor: boolean;
-    borderLeftColor: boolean;
-    borderLeftWidth: boolean;
-    borderRadius: boolean;
-    borderRightColor: boolean;
-    borderRightWidth: boolean;
-    borderStartColor: boolean;
-    borderStyle: boolean;
-    borderTopColor: boolean;
-    borderTopEndRadius: boolean;
-    borderTopLeftRadius: boolean;
-    borderTopRightRadius: boolean;
-    borderTopStartRadius: boolean;
-    borderTopWidth: boolean;
-    borderWidth: boolean;
-    opacity: boolean;
-    transform: boolean;
-    alignContent: boolean;
-    alignItems: boolean;
-    alignSelf: boolean;
-    aspectRatio: boolean;
-    borderEndWidth: boolean;
-    borderStartWidth: boolean;
-    bottom: boolean;
-    display: boolean;
-    end: boolean;
-    flex: boolean;
-    flexBasis: boolean;
-    flexDirection: boolean;
-    flexGrow: boolean;
-    flexShrink: boolean;
-    flexWrap: boolean;
-    height: boolean;
-    justifyContent: boolean;
-    left: boolean;
-    margin: boolean;
-    marginBottom: boolean;
-    marginEnd: boolean;
-    marginHorizontal: boolean;
-    marginLeft: boolean;
-    marginRight: boolean;
-    marginStart: boolean;
-    marginTop: boolean;
-    marginVertical: boolean;
-    maxHeight: boolean;
-    maxWidth: boolean;
-    minHeight: boolean;
-    minWidth: boolean;
-    overflow: boolean;
-    padding: boolean;
-    paddingBottom: boolean;
-    paddingEnd: boolean;
-    paddingHorizontal: boolean;
-    paddingLeft: boolean;
-    paddingRight: boolean;
-    paddingStart: boolean;
-    paddingTop: boolean;
-    paddingVertical: boolean;
-    position: boolean;
-    right: boolean;
-    start: boolean;
-    top: boolean;
-    width: boolean;
-    zIndex: boolean;
-    direction: boolean;
-    shadowColor: boolean;
-    shadowOffset: boolean;
-    shadowOpacity: boolean;
-    shadowRadius: boolean;
-}>;
-export declare const stylePropsAll: Readonly<{
-    whiteSpace?: boolean | undefined;
-    wordWrap?: boolean | undefined;
-    textOverflow?: boolean | undefined;
-    textDecorationDistance?: boolean | undefined;
-    color: boolean;
-    fontFamily: boolean;
-    fontSize: boolean;
-    fontStyle: boolean;
-    fontWeight: boolean;
-    letterSpacing: boolean;
-    lineHeight: boolean;
-    textAlign: boolean;
-    textDecorationLine: boolean;
-    textDecorationStyle: boolean;
-    textDecorationColor: boolean;
-    textShadowColor: boolean;
-    textShadowOffset: boolean;
-    textShadowRadius: boolean;
-    textTransform: boolean;
-    userSelect?: boolean | undefined;
-    cursor?: boolean | undefined;
-    contain?: boolean | undefined;
-    pointerEvents?: boolean | undefined;
-    boxSizing?: boolean | undefined;
-    x: boolean;
-    y: boolean;
-    scale: boolean;
-    perspective: boolean;
-    scaleX: boolean;
-    scaleY: boolean;
-    skewX: boolean;
-    skewY: boolean;
-    matrix: boolean;
-    rotate: boolean;
-    rotateY: boolean;
-    rotateX: boolean;
-    rotateZ: boolean;
-    backfaceVisibility: boolean;
-    backgroundColor: boolean;
-    borderBottomColor: boolean;
-    borderBottomEndRadius: boolean;
-    borderBottomLeftRadius: boolean;
-    borderBottomRightRadius: boolean;
-    borderBottomStartRadius: boolean;
-    borderBottomWidth: boolean;
-    borderColor: boolean;
-    borderEndColor: boolean;
-    borderLeftColor: boolean;
-    borderLeftWidth: boolean;
-    borderRadius: boolean;
-    borderRightColor: boolean;
-    borderRightWidth: boolean;
-    borderStartColor: boolean;
-    borderStyle: boolean;
-    borderTopColor: boolean;
-    borderTopEndRadius: boolean;
-    borderTopLeftRadius: boolean;
-    borderTopRightRadius: boolean;
-    borderTopStartRadius: boolean;
-    borderTopWidth: boolean;
-    borderWidth: boolean;
-    opacity: boolean;
-    transform: boolean;
-    alignContent: boolean;
-    alignItems: boolean;
-    alignSelf: boolean;
-    aspectRatio: boolean;
-    borderEndWidth: boolean;
-    borderStartWidth: boolean;
-    bottom: boolean;
-    display: boolean;
-    end: boolean;
-    flex: boolean;
-    flexBasis: boolean;
-    flexDirection: boolean;
-    flexGrow: boolean;
-    flexShrink: boolean;
-    flexWrap: boolean;
-    height: boolean;
-    justifyContent: boolean;
-    left: boolean;
-    margin: boolean;
-    marginBottom: boolean;
-    marginEnd: boolean;
-    marginHorizontal: boolean;
-    marginLeft: boolean;
-    marginRight: boolean;
-    marginStart: boolean;
-    marginTop: boolean;
-    marginVertical: boolean;
-    maxHeight: boolean;
-    maxWidth: boolean;
-    minHeight: boolean;
-    minWidth: boolean;
-    overflow: boolean;
-    padding: boolean;
-    paddingBottom: boolean;
-    paddingEnd: boolean;
-    paddingHorizontal: boolean;
-    paddingLeft: boolean;
-    paddingRight: boolean;
-    paddingStart: boolean;
-    paddingTop: boolean;
-    paddingVertical: boolean;
-    position: boolean;
-    right: boolean;
-    start: boolean;
-    top: boolean;
-    width: boolean;
-    zIndex: boolean;
-    direction: boolean;
-    shadowColor: boolean;
-    shadowOffset: boolean;
-    shadowOpacity: boolean;
-    shadowRadius: boolean;
-}>;
-export declare const validStylesPseudo: {
-    hoverStyle: boolean;
-    pressStyle: boolean;
-    focusStyle: boolean;
-};
-export declare const validStyles: {
-    userSelect?: boolean | undefined;
-    cursor?: boolean | undefined;
-    contain?: boolean | undefined;
-    pointerEvents?: boolean | undefined;
-    boxSizing?: boolean | undefined;
-    x: boolean;
-    y: boolean;
-    scale: boolean;
-    perspective: boolean;
-    scaleX: boolean;
-    scaleY: boolean;
-    skewX: boolean;
-    skewY: boolean;
-    matrix: boolean;
-    rotate: boolean;
-    rotateY: boolean;
-    rotateX: boolean;
-    rotateZ: boolean;
-    backfaceVisibility: boolean;
-    backgroundColor: boolean;
-    borderBottomColor: boolean;
-    borderBottomEndRadius: boolean;
-    borderBottomLeftRadius: boolean;
-    borderBottomRightRadius: boolean;
-    borderBottomStartRadius: boolean;
-    borderBottomWidth: boolean;
-    borderColor: boolean;
-    borderEndColor: boolean;
-    borderLeftColor: boolean;
-    borderLeftWidth: boolean;
-    borderRadius: boolean;
-    borderRightColor: boolean;
-    borderRightWidth: boolean;
-    borderStartColor: boolean;
-    borderStyle: boolean;
-    borderTopColor: boolean;
-    borderTopEndRadius: boolean;
-    borderTopLeftRadius: boolean;
-    borderTopRightRadius: boolean;
-    borderTopStartRadius: boolean;
-    borderTopWidth: boolean;
-    borderWidth: boolean;
-    opacity: boolean;
-    transform: boolean;
-    alignContent: boolean;
-    alignItems: boolean;
-    alignSelf: boolean;
-    aspectRatio: boolean;
-    borderEndWidth: boolean;
-    borderStartWidth: boolean;
-    bottom: boolean;
-    display: boolean;
-    end: boolean;
-    flex: boolean;
-    flexBasis: boolean;
-    flexDirection: boolean;
-    flexGrow: boolean;
-    flexShrink: boolean;
-    flexWrap: boolean;
-    height: boolean;
-    justifyContent: boolean;
-    left: boolean;
-    margin: boolean;
-    marginBottom: boolean;
-    marginEnd: boolean;
-    marginHorizontal: boolean;
-    marginLeft: boolean;
-    marginRight: boolean;
-    marginStart: boolean;
-    marginTop: boolean;
-    marginVertical: boolean;
-    maxHeight: boolean;
-    maxWidth: boolean;
-    minHeight: boolean;
-    minWidth: boolean;
-    overflow: boolean;
-    padding: boolean;
-    paddingBottom: boolean;
-    paddingEnd: boolean;
-    paddingHorizontal: boolean;
-    paddingLeft: boolean;
-    paddingRight: boolean;
-    paddingStart: boolean;
-    paddingTop: boolean;
-    paddingVertical: boolean;
-    position: boolean;
-    right: boolean;
-    start: boolean;
-    top: boolean;
-    width: boolean;
-    zIndex: boolean;
-    direction: boolean;
-    shadowColor: boolean;
-    shadowOffset: boolean;
-    shadowOpacity: boolean;
-    shadowRadius: boolean;
-    hoverStyle: boolean;
-    pressStyle: boolean;
-    focusStyle: boolean;
-};

package/src/validStyleProps.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"validStyleProps.d.ts","sourceRoot":"","sources":["validStyleProps.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;CAc/B,CAAA;AAED,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyFzB,CAAA;AAEF,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;EAyB7B,CAAA;AAEF,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAGzB,CAAA;AAEF,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAAiB,CAAA;AAE3C,eAAO,MAAM,iBAAiB;;;;CAI7B,CAAA;AAED,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAGvB,CAAA"}

package/src/validStyleProps.js

@@ -1,140 +0,0 @@
-export 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,
-};
-export const stylePropsView = Object.freeze({
-    backfaceVisibility: true,
-    backgroundColor: true,
-    borderBottomColor: true,
-    borderBottomEndRadius: true,
-    borderBottomLeftRadius: true,
-    borderBottomRightRadius: true,
-    borderBottomStartRadius: true,
-    borderBottomWidth: true,
-    borderColor: true,
-    borderEndColor: true,
-    borderLeftColor: true,
-    borderLeftWidth: true,
-    borderRadius: true,
-    borderRightColor: true,
-    borderRightWidth: true,
-    borderStartColor: true,
-    borderStyle: true,
-    borderTopColor: true,
-    borderTopEndRadius: true,
-    borderTopLeftRadius: true,
-    borderTopRightRadius: true,
-    borderTopStartRadius: true,
-    borderTopWidth: true,
-    borderWidth: true,
-    opacity: true,
-    transform: true,
-    alignContent: true,
-    alignItems: true,
-    alignSelf: true,
-    aspectRatio: true,
-    borderEndWidth: true,
-    borderStartWidth: true,
-    bottom: true,
-    display: true,
-    end: true,
-    flex: true,
-    flexBasis: true,
-    flexDirection: true,
-    flexGrow: true,
-    flexShrink: true,
-    flexWrap: true,
-    height: true,
-    justifyContent: true,
-    left: true,
-    margin: true,
-    marginBottom: true,
-    marginEnd: true,
-    marginHorizontal: true,
-    marginLeft: true,
-    marginRight: true,
-    marginStart: true,
-    marginTop: true,
-    marginVertical: true,
-    maxHeight: true,
-    maxWidth: true,
-    minHeight: true,
-    minWidth: true,
-    overflow: true,
-    padding: true,
-    paddingBottom: true,
-    paddingEnd: true,
-    paddingHorizontal: true,
-    paddingLeft: true,
-    paddingRight: true,
-    paddingStart: true,
-    paddingTop: true,
-    paddingVertical: true,
-    position: true,
-    right: true,
-    start: true,
-    top: true,
-    width: true,
-    zIndex: true,
-    direction: true,
-    shadowColor: true,
-    shadowOffset: true,
-    shadowOpacity: true,
-    shadowRadius: true,
-    ...stylePropsTransform,
-    ...(process.env.TAMAGUI_TARGET === 'web' && {
-        userSelect: true,
-        cursor: true,
-        contain: true,
-        pointerEvents: true,
-        boxSizing: true,
-    }),
-});
-export const stylePropsTextOnly = Object.freeze({
-    color: true,
-    fontFamily: true,
-    fontSize: true,
-    fontStyle: true,
-    fontWeight: true,
-    letterSpacing: true,
-    lineHeight: true,
-    textAlign: true,
-    textDecorationLine: true,
-    textDecorationStyle: true,
-    textDecorationColor: true,
-    textShadowColor: true,
-    textShadowOffset: true,
-    textShadowRadius: true,
-    textTransform: true,
-    ...(process.env.TAMAGUI_TARGET === 'web' && {
-        whiteSpace: true,
-        wordWrap: true,
-        textOverflow: true,
-        textDecorationDistance: true,
-    }),
-});
-export const stylePropsText = Object.freeze({
-    ...stylePropsView,
-    ...stylePropsTextOnly,
-});
-export const stylePropsAll = stylePropsText;
-export const validStylesPseudo = {
-    hoverStyle: true,
-    pressStyle: true,
-    focusStyle: true,
-};
-export const validStyles = {
-    ...validStylesPseudo,
-    ...stylePropsView,
-};

package/src/validStyleProps.ts

@@ -1,152 +0,0 @@
-// flat transform props
-export 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,
-}
-
-export const stylePropsView = Object.freeze({
-  backfaceVisibility: true,
-  backgroundColor: true,
-  borderBottomColor: true,
-  borderBottomEndRadius: true,
-  borderBottomLeftRadius: true,
-  borderBottomRightRadius: true,
-  borderBottomStartRadius: true,
-  borderBottomWidth: true,
-  borderColor: true,
-  borderEndColor: true,
-  borderLeftColor: true,
-  borderLeftWidth: true,
-  borderRadius: true,
-  borderRightColor: true,
-  borderRightWidth: true,
-  borderStartColor: true,
-  borderStyle: true,
-  borderTopColor: true,
-  borderTopEndRadius: true,
-  borderTopLeftRadius: true,
-  borderTopRightRadius: true,
-  borderTopStartRadius: true,
-  borderTopWidth: true,
-  borderWidth: true,
-  opacity: true,
-  transform: true,
-  alignContent: true,
-  alignItems: true,
-  alignSelf: true,
-  aspectRatio: true,
-  borderEndWidth: true,
-  borderStartWidth: true,
-  bottom: true,
-  display: true,
-  end: true,
-  flex: true,
-  flexBasis: true,
-  flexDirection: true,
-  flexGrow: true,
-  flexShrink: true,
-  flexWrap: true,
-  height: true,
-  justifyContent: true,
-  left: true,
-  margin: true,
-  marginBottom: true,
-  marginEnd: true,
-  marginHorizontal: true,
-  marginLeft: true,
-  marginRight: true,
-  marginStart: true,
-  marginTop: true,
-  marginVertical: true,
-  maxHeight: true,
-  maxWidth: true,
-  minHeight: true,
-  minWidth: true,
-  overflow: true,
-  padding: true,
-  paddingBottom: true,
-  paddingEnd: true,
-  paddingHorizontal: true,
-  paddingLeft: true,
-  paddingRight: true,
-  paddingStart: true,
-  paddingTop: true,
-  paddingVertical: true,
-  position: true,
-  right: true,
-  start: true,
-  top: true,
-  width: true,
-  zIndex: true,
-  direction: true,
-  shadowColor: true,
-  shadowOffset: true,
-  shadowOpacity: true,
-  shadowRadius: true,
-  ...stylePropsTransform,
-
-  // allow a few web only ones
-  ...(process.env.TAMAGUI_TARGET === 'web' && {
-    userSelect: true,
-    cursor: true,
-    contain: true,
-    pointerEvents: true,
-    boxSizing: true,
-  }),
-})
-
-export const stylePropsTextOnly = Object.freeze({
-  color: true,
-  fontFamily: true,
-  fontSize: true,
-  fontStyle: true,
-  fontWeight: true,
-  letterSpacing: true,
-  lineHeight: true,
-  textAlign: true,
-  textDecorationLine: true,
-  textDecorationStyle: true,
-  textDecorationColor: true,
-  textShadowColor: true,
-  textShadowOffset: true,
-  textShadowRadius: true,
-  textTransform: true,
-
-  // allow a few web only ones
-  // TODO
-  ...(process.env.TAMAGUI_TARGET === 'web' && {
-    whiteSpace: true,
-    wordWrap: true,
-    textOverflow: true,
-    textDecorationDistance: true,
-  }),
-})
-
-export const stylePropsText = Object.freeze({
-  ...stylePropsView,
-  ...stylePropsTextOnly,
-})
-
-export const stylePropsAll = stylePropsText
-
-export const validStylesPseudo = {
-  hoverStyle: true,
-  pressStyle: true,
-  focusStyle: true,
-}
-
-export const validStyles = {
-  ...validStylesPseudo,
-  ...stylePropsView,
-}