@tamagui/helpers 1.0.0-alpha.31 → 1.0.0-alpha.38

package/dist/index.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../src/index.ts", "../src/concatClassName.ts", "../src/validStyleProps.ts", "../src/allRules.ts"],
-  "sourcesContent": ["export * from './concatClassName'\nexport * from './validStyleProps'\nexport * from './types'\nexport * from './allRules'\n", "// perf sensitive so doing some weird stuff\n\n// testing caching\n// because we can hit these recent ones a ton of times in common cases\n// we're caching the simple case, this shouldn't be bad on memory either\n// const recently = new Map()\n// setInterval(() => {\n//   recently.clear()\n// }, 1000)\n\nexport function concatClassName(_cn: any) {\n  // if (arguments.length === 1) {\n  //   if (recently.has(arguments[0])) {\n  //     return recently.get(arguments[0])\n  //   }\n  // }\n\n  const classNamesOrPropObjects = arguments\n  const usedPrefixes: string[] = []\n  let final = ''\n\n  const len = classNamesOrPropObjects.length\n  let propObjects: any = null\n  for (let x = len; x >= 0; x--) {\n    const cns = classNamesOrPropObjects[x]\n    if (!cns) continue\n    if (!Array.isArray(cns) && typeof cns !== 'string') {\n      // is prop object\n      propObjects = propObjects || []\n      propObjects.push(cns)\n      continue\n    }\n    const names = Array.isArray(cns) ? cns : cns.split(' ')\n\n    const numNames = names.length\n    for (let i = numNames - 1; i >= 0; i--) {\n      const name = names[i]\n      if (!name || name === ' ') continue\n      if (name[0] !== '_') {\n        // not snack style (todo slightly stronger heuristic)\n        final = name + ' ' + final\n        continue\n      }\n      const splitIndex = name.indexOf('-')\n\n      if (splitIndex < 1) {\n        final = name + ' ' + final\n        continue\n      }\n      const nextChar = name[splitIndex + 1]\n      // synced to static-ui constants\n      // MEDIA_SEP\n      const isMediaQuery = nextChar === '_'\n      // PSEUDO_SEP\n      const isPsuedoQuery = nextChar === '-'\n\n      const styleKey = name.slice(1, splitIndex)\n      const mediaKey =\n        isMediaQuery || isPsuedoQuery ? name.slice(splitIndex + 2, splitIndex + 7) : null\n      const uid = mediaKey ? styleKey + mediaKey : styleKey\n\n      if (!isMediaQuery && !isPsuedoQuery) {\n        if (usedPrefixes.indexOf(uid) > -1) {\n          continue\n        }\n        usedPrefixes.push(uid)\n      }\n\n      // overrides for full safety\n      const propName = styleKey\n      if (propName && propObjects) {\n        if (\n          propObjects.some((po) => {\n            if (mediaKey) {\n              const propKey = pseudoInvert[mediaKey]\n              return po && po[propKey] && propName in po[propKey] && po[propKey] !== null\n            }\n            const res = po && propName in po && po[propName] !== null\n            return res\n          })\n        ) {\n          continue\n        }\n      }\n\n      final = name + ' ' + final\n    }\n  }\n\n  // if (arguments.length === 1) {\n  //   recently.set(arguments[0], final)\n  // }\n\n  return final\n}\n\nconst pseudoInvert = {\n  hover: 'hoverStyle',\n  focus: 'focusStyle',\n  press: 'pressStyle',\n}\n", "// flat transform props\nexport const stylePropsTransform = {\n  x: true,\n  y: true,\n  scale: true,\n  perspective: true,\n  scaleX: true,\n  scaleY: true,\n  skewX: true,\n  skewY: true,\n  matrix: true,\n  rotate: true,\n  rotateY: true,\n  rotateX: true,\n  rotateZ: true,\n}\n\nexport const stylePropsView = Object.freeze({\n  backfaceVisibility: true,\n  backgroundColor: true,\n  borderBottomColor: true,\n  borderBottomEndRadius: true,\n  borderBottomLeftRadius: true,\n  borderBottomRightRadius: true,\n  borderBottomStartRadius: true,\n  borderBottomWidth: true,\n  borderColor: true,\n  borderEndColor: true,\n  borderLeftColor: true,\n  borderLeftWidth: true,\n  borderRadius: true,\n  borderRightColor: true,\n  borderRightWidth: true,\n  borderStartColor: true,\n  borderStyle: true,\n  borderTopColor: true,\n  borderTopEndRadius: true,\n  borderTopLeftRadius: true,\n  borderTopRightRadius: true,\n  borderTopStartRadius: true,\n  borderTopWidth: true,\n  borderWidth: true,\n  opacity: true,\n  transform: true,\n  alignContent: true,\n  alignItems: true,\n  alignSelf: true,\n  aspectRatio: true,\n  borderEndWidth: true,\n  borderStartWidth: true,\n  bottom: true,\n  display: true,\n  end: true,\n  flex: true,\n  flexBasis: true,\n  flexDirection: true,\n  flexGrow: true,\n  flexShrink: true,\n  flexWrap: true,\n  height: true,\n  justifyContent: true,\n  left: true,\n  margin: true,\n  marginBottom: true,\n  marginEnd: true,\n  marginHorizontal: true,\n  marginLeft: true,\n  marginRight: true,\n  marginStart: true,\n  marginTop: true,\n  marginVertical: true,\n  maxHeight: true,\n  maxWidth: true,\n  minHeight: true,\n  minWidth: true,\n  overflow: true,\n  padding: true,\n  paddingBottom: true,\n  paddingEnd: true,\n  paddingHorizontal: true,\n  paddingLeft: true,\n  paddingRight: true,\n  paddingStart: true,\n  paddingTop: true,\n  paddingVertical: true,\n  position: true,\n  right: true,\n  start: true,\n  top: true,\n  width: true,\n  zIndex: true,\n  direction: true,\n  shadowColor: true,\n  shadowOffset: true,\n  shadowOpacity: true,\n  shadowRadius: true,\n  ...stylePropsTransform,\n\n  // allow a few web only ones\n  ...(process.env.TAMAGUI_TARGET === 'web' && {\n    userSelect: true,\n    cursor: true,\n    contain: true,\n    pointerEvents: true,\n    boxSizing: true,\n  }),\n})\n\nexport const stylePropsTextOnly = Object.freeze({\n  color: true,\n  fontFamily: true,\n  fontSize: true,\n  fontStyle: true,\n  fontWeight: true,\n  letterSpacing: true,\n  lineHeight: true,\n  textAlign: true,\n  textDecorationLine: true,\n  textDecorationStyle: true,\n  textDecorationColor: true,\n  textShadowColor: true,\n  textShadowOffset: true,\n  textShadowRadius: true,\n  textTransform: true,\n\n  // allow a few web only ones\n  // TODO\n  ...(process.env.TAMAGUI_TARGET === 'web' && {\n    whiteSpace: true,\n    wordWrap: true,\n    textOverflow: true,\n    textDecorationDistance: true,\n  }),\n})\n\nexport const stylePropsText = Object.freeze({\n  ...stylePropsView,\n  ...stylePropsTextOnly,\n})\n\nexport const stylePropsAll = stylePropsText\n\nexport const validStylesPseudo = {\n  hoverStyle: true,\n  pressStyle: true,\n  focusStyle: true,\n}\n\nexport const validStyles = {\n  ...validStylesPseudo,\n  ...stylePropsView,\n}\n", "// ssr only\n\nexport const AllRules = new Set()\n\nexport const getStyleRules = () => AllRules\n"],
-  "mappings": "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",
+  "sources": ["../src/index.ts", "../src/getNiceKey.ts", "../src/validStyleProps.ts", "../src/uniqueStyleKeys.ts", "../src/concatClassName.ts", "../src/getStylesAtomic.ts", "../src/simpleHash.ts"],
+  "sourcesContent": ["export * from './concatClassName'\nexport * from './validStyleProps'\nexport * from './uniqueStyleKeys'\nexport * from './getNiceKey'\nexport * from './getStylesAtomic'\nexport * from './types'\n", "export function getNiceKey(name: string, len = 2) {\n  let key = ''\n  for (const [index, char] of name.split('').entries()) {\n    if (index === 0 || char.toUpperCase() === char) {\n      key += name.slice(index, index + len)\n    }\n  }\n  return key\n}\n", "// flat transform props\nexport const stylePropsTransform = {\n  x: true,\n  y: true,\n  perspective: true,\n  scale: true,\n  scaleX: true,\n  scaleY: true,\n  skewX: true,\n  skewY: true,\n  matrix: true,\n  rotate: true,\n  rotateY: true,\n  rotateX: true,\n  rotateZ: true,\n}\n\nexport const stylePropsView = Object.freeze({\n  pointerEvents: true,\n  userSelect: true,\n  cursor: true,\n  backfaceVisibility: true,\n  backgroundColor: true,\n  boxSizing: true,\n  borderBottomColor: true,\n  borderBottomEndRadius: true,\n  borderBottomLeftRadius: true,\n  borderBottomRightRadius: true,\n  borderBottomStartRadius: true,\n  borderBottomWidth: true,\n  borderColor: true,\n  borderEndColor: true,\n  borderLeftColor: true,\n  borderLeftWidth: true,\n  borderRadius: true,\n  borderRightColor: true,\n  borderRightWidth: true,\n  borderStartColor: true,\n  borderStyle: true,\n  borderTopColor: true,\n  borderTopEndRadius: true,\n  borderTopLeftRadius: true,\n  borderTopRightRadius: true,\n  borderTopStartRadius: true,\n  borderTopWidth: true,\n  borderWidth: true,\n  opacity: true,\n  transform: true,\n  alignContent: true,\n  alignItems: true,\n  alignSelf: true,\n  aspectRatio: true,\n  borderEndWidth: true,\n  borderStartWidth: true,\n  bottom: true,\n  display: true,\n  end: true,\n  flex: true,\n  flexBasis: true,\n  flexDirection: true,\n  flexGrow: true,\n  flexShrink: true,\n  flexWrap: true,\n  height: true,\n  justifyContent: true,\n  left: true,\n  margin: true,\n  marginBottom: true,\n  marginEnd: true,\n  marginHorizontal: true,\n  marginLeft: true,\n  marginRight: true,\n  marginStart: true,\n  marginTop: true,\n  marginVertical: true,\n  maxHeight: true,\n  maxWidth: true,\n  minHeight: true,\n  minWidth: true,\n  overflow: true,\n  padding: true,\n  paddingBottom: true,\n  paddingEnd: true,\n  paddingHorizontal: true,\n  paddingLeft: true,\n  paddingRight: true,\n  paddingStart: true,\n  paddingTop: true,\n  paddingVertical: true,\n  position: true,\n  right: true,\n  start: true,\n  top: true,\n  width: true,\n  zIndex: true,\n  direction: true,\n  shadowColor: true,\n  shadowOffset: true,\n  shadowOpacity: true,\n  shadowRadius: true,\n  contain: true,\n  ...stylePropsTransform,\n})\n\nexport const stylePropsTextOnly = Object.freeze({\n  color: true,\n  fontFamily: true,\n  fontSize: true,\n  fontStyle: true,\n  fontWeight: true,\n  letterSpacing: true,\n  lineHeight: true,\n  textAlign: true,\n  textDecorationLine: true,\n  textDecorationStyle: true,\n  textDecorationColor: true,\n  textShadowColor: true,\n  textShadowOffset: true,\n  textShadowRadius: true,\n  textTransform: true,\n})\n\nexport const stylePropsText = Object.freeze({\n  ...stylePropsView,\n  ...stylePropsTextOnly,\n})\n\nexport const stylePropsAll = stylePropsText\n\nexport const validStyles = {\n  hoverStyle: true,\n  pressStyle: true,\n  focusStyle: true,\n  ...stylePropsView,\n}\n", "import { getNiceKey } from './getNiceKey'\nimport { stylePropsAll } from './validStyleProps'\n\nconst existing = new Set<string>()\n\n// unique shortkey for each style key\n// for atomic styles prefixing and collision dedupe\nexport const uniqueStyleKeys: { [key: string]: string } = {}\nexport const uniqueKeyToStyleName: { [key: string]: string } = {}\n\nfor (const name in stylePropsAll) {\n  addStylePrefix(name)\n}\n\nexport function getOrCreateStylePrefix(name: string) {\n  return uniqueStyleKeys[name] ?? addStylePrefix(name)\n}\n\nfunction addStylePrefix(name: string) {\n  let len = 1\n  let key = getNiceKey(name)\n  while (existing.has(key)) {\n    len++\n    key = getNiceKey(name, len)\n  }\n  existing.add(key)\n  uniqueStyleKeys[name] = key\n  uniqueKeyToStyleName[key] = name\n  return key\n}\n", "import { uniqueKeyToStyleName } from './uniqueStyleKeys'\n\nconst pseudoInvert = {\n  hover: 'hoverStyle',\n  focus: 'focusStyle',\n  press: 'pressStyle',\n}\n\nexport function concatClassName(className: string, ...propObjects: any[]) {\n  const usedPrefixes = new Set<string>()\n  const final: string[] = []\n  const names = className.split(' ')\n  const hasPropObjects = propObjects.length\n  // const shouldLog = className.includes('_col-varzzzcolor3z')\n  // shouldLog && console.log('>>>>>>>>>>', className)\n\n  for (let i = names.length - 1; i >= 0; i--) {\n    const name = names[i]\n    if (!name || name === ' ') continue\n    if (name[0] !== '_') {\n      // not snack style (todo slightly stronger heuristic)\n      final.push(name)\n      continue\n    }\n    const splitIndex = name.indexOf('-')\n    if (splitIndex < 1) {\n      final.push(name)\n      continue\n    }\n    const nextChar = name[splitIndex + 1]\n    // synced to static-ui constants\n    // MEDIA_SEP\n    const isMediaQuery = nextChar === '_'\n    // PSEUDO_SEP\n    const isPsuedoQuery = nextChar === '-'\n    const styleKey = name.slice(1, splitIndex)\n    const mediaKey =\n      isMediaQuery || isPsuedoQuery ? name.slice(splitIndex + 2, splitIndex + 7) : null\n    const uid = mediaKey ? styleKey + mediaKey : styleKey\n    // shouldLog && console.log('uid', uid)\n    if (!isMediaQuery && !isPsuedoQuery) {\n      if (usedPrefixes.has(uid)) {\n        // shouldLog && console.log('used', uid)\n        continue\n      }\n      usedPrefixes.add(uid)\n    }\n    const propName = uniqueKeyToStyleName[styleKey]\n    // shouldLog && console.log('propName', propName)\n    if (propName && hasPropObjects) {\n      if (\n        propObjects.some((po) => {\n          if (mediaKey) {\n            const propKey = pseudoInvert[mediaKey]\n            return po && po[propKey] && propName in po[propKey] && po[propKey] !== null\n          }\n          const res = po && propName in po && po[propName] !== null\n          // shouldLog && res && console.log('SKIP BECAUSE', propName, po)\n          return res\n        })\n      ) {\n        // shouldLog && console.log('SKIP PROP')\n        continue\n      }\n    }\n    // shouldLog && console.log('push', name)\n    final.push(name)\n  }\n\n  // shouldLog && console.log(' in:', className, 'out:', final)\n\n  return final.join(' ')\n}\n", "import type { ViewStyle } from 'react-native'\nimport { atomic } from 'react-native-web/dist/cjs/exports/StyleSheet/compile'\nimport createCompileableStyle from 'react-native-web/dist/cjs/exports/StyleSheet/createCompileableStyle'\nimport createReactDOMStyle from 'react-native-web/dist/cjs/exports/StyleSheet/createReactDOMStyle'\nimport i18Style from 'react-native-web/dist/cjs/exports/StyleSheet/i18nStyle'\n\nimport { simpleHash } from './simpleHash'\nimport { StyleObject } from './types'\nimport { getOrCreateStylePrefix } from './uniqueStyleKeys'\n\nexport const pseudos = {\n  focusWithinStyle: {\n    name: 'focus-within',\n    priority: 4,\n  },\n  focusStyle: {\n    name: 'focus',\n    priority: 3,\n  },\n  pressStyle: {\n    name: 'active',\n    priority: 2,\n  },\n  hoverStyle: {\n    name: 'hover',\n    priority: 1,\n  },\n}\n\nconst borderDefaults = {\n  borderWidth: 'borderStyle',\n  borderBottomWidth: 'borderBottomStyle',\n  borderTopWidth: 'borderTopStyle',\n  borderLeftWidth: 'borderLeftStyle',\n  borderRightWidth: 'borderRightStyle',\n}\n\nexport function getStylesAtomic(style: any) {\n  const styles: { [key: string]: ViewStyle } = {\n    base: {},\n  }\n  // split psuedos\n  for (const key in style) {\n    if (!!pseudos[key]) {\n      styles[key] = style[key]\n    } else {\n      styles.base[key] = style[key]\n    }\n  }\n  return Object.keys(styles)\n    .map((key) => {\n      return getAtomicStyle(styles[key], pseudos[key])\n    })\n    .flat()\n}\n\nconst importantRegex = /\\!important*/g\n\nfunction getAtomicStyle(style: ViewStyle, pseudo?: { name: string; priority: number }): StyleObject[] {\n  if (style == null || typeof style !== 'object') {\n    throw new Error(`Wrong style type: \"${typeof style}\": ${style}`)\n  }\n\n  // why is this diff from react-native-web!? need to figure out\n  for (const key in borderDefaults) {\n    if (key in style) {\n      style[borderDefaults[key]] = style[borderDefaults[key]] ?? 'solid'\n    }\n  }\n\n  const all = {\n    ...atomic(createCompileableStyle(createReactDOMStyle(i18Style(style)))),\n  }\n\n  return Object.keys(all).map((key) => {\n    const val = all[key]\n    const prefix = `_${getOrCreateStylePrefix(val.property)}`\n    const hash = (() => {\n      let s = `${val.value}`\n        .replace(/[%]/g, 'pct')\n        .replace(/[^a-z0-9]/gi, 'z')\n        .replace(/\\s/, '-')\n      if (s.length < 16) return s\n      return simpleHash(val.identifier)\n    })()\n\n    // pseudos have a `--` to be easier to find with concatClassNames\n    const psuedoPrefix = pseudo ? `-${pseudo.name}-` : ''\n    const identifier = `${prefix}-${psuedoPrefix}${hash}`\n    const className = `.${identifier}`\n    const rules = val.rules.map((rule) => {\n      if (pseudo) {\n        const psuedoPrefixSelect = [...Array(pseudo.priority)].map(() => ':root').join('') + ' '\n        let res = rule\n          .replace(`.${val.identifier}`, `${psuedoPrefixSelect} ${className}`)\n          .replace('{', `:${pseudo.name}{`)\n\n        if (pseudo.name === 'hover') {\n          // hover styles need to be conditional\n          // perhaps this can be generalized but for now lets just shortcut\n          // and hardcode for hover styles, if we need to later we can\n          // WEIRD SYNTAX, SEE:\n          //   https://stackoverflow.com/questions/40532204/media-query-for-devices-supporting-hover\n          res = `@media not all and (hover: none) { ${res} }`\n        }\n        return res\n      }\n      return rule.replace(`.${val.identifier}`, className).replace(importantRegex, '')\n    })\n    const result: StyleObject = {\n      property: val.property,\n      value: val.value,\n      identifier,\n      className,\n      rules,\n    }\n    return result\n  })\n}\n", "export const simpleHash = (str: string) => {\n  let hash = 0\n  for (let i = 0; i < str.length; i++) {\n    const char = str.charCodeAt(i)\n    hash = (hash << 5) - hash + char\n    hash &= hash // Convert to 32bit integer\n  }\n  return new Uint32Array([hash])[0].toString(36)\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/index.js

@@ -1,5 +1,7 @@
 export * from "./concatClassName";
 export * from "./validStyleProps";
+export * from "./uniqueStyleKeys";
+export * from "./getNiceKey";
+export * from "./getStylesAtomic";
 export * from "./types";
-export * from "./allRules";
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../src/index.ts"],
-  "sourcesContent": ["export * from './concatClassName'\nexport * from './validStyleProps'\nexport * from './types'\nexport * from './allRules'\n"],
-  "mappings": "AAAA;AACA;AACA;AACA;",
+  "sourcesContent": ["export * from './concatClassName'\nexport * from './validStyleProps'\nexport * from './uniqueStyleKeys'\nexport * from './getNiceKey'\nexport * from './getStylesAtomic'\nexport * from './types'\n"],
+  "mappings": "AAAA;AACA;AACA;AACA;AACA;AACA;",
   "names": []
 }

package/dist/validStyleProps.js

@@ -1,8 +1,8 @@
 const stylePropsTransform = {
   x: true,
   y: true,
-  scale: true,
   perspective: true,
+  scale: true,
   scaleX: true,
   scaleY: true,
   skewX: true,
@@ -14,8 +14,12 @@ const stylePropsTransform = {
   rotateZ: true
 };
 const stylePropsView = Object.freeze({
+  pointerEvents: true,
+  userSelect: true,
+  cursor: true,
   backfaceVisibility: true,
   backgroundColor: true,
+  boxSizing: true,
   borderBottomColor: true,
   borderBottomEndRadius: true,
   borderBottomLeftRadius: true,
@@ -92,14 +96,8 @@ const stylePropsView = Object.freeze({
   shadowOffset: true,
   shadowOpacity: true,
   shadowRadius: true,
-  ...stylePropsTransform,
-  ...process.env.TAMAGUI_TARGET === "web" && {
-    userSelect: true,
-    cursor: true,
-    contain: true,
-    pointerEvents: true,
-    boxSizing: true
-  }
+  contain: true,
+  ...stylePropsTransform
 });
 const stylePropsTextOnly = Object.freeze({
   color: true,
@@ -116,26 +114,17 @@ const stylePropsTextOnly = Object.freeze({
   textShadowColor: true,
   textShadowOffset: true,
   textShadowRadius: true,
-  textTransform: true,
-  ...process.env.TAMAGUI_TARGET === "web" && {
-    whiteSpace: true,
-    wordWrap: true,
-    textOverflow: true,
-    textDecorationDistance: true
-  }
+  textTransform: true
 });
 const stylePropsText = Object.freeze({
   ...stylePropsView,
   ...stylePropsTextOnly
 });
 const stylePropsAll = stylePropsText;
-const validStylesPseudo = {
+const validStyles = {
   hoverStyle: true,
   pressStyle: true,
-  focusStyle: true
-};
-const validStyles = {
-  ...validStylesPseudo,
+  focusStyle: true,
   ...stylePropsView
 };
 export {
@@ -144,7 +133,6 @@ export {
   stylePropsTextOnly,
   stylePropsTransform,
   stylePropsView,
-  validStyles,
-  validStylesPseudo
+  validStyles
 };
 //# sourceMappingURL=validStyleProps.js.map

package/dist/validStyleProps.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/helpers",
-  "version": "1.0.0-alpha.31",
+  "version": "1.0.0-alpha.38",
   "source": "src/index.ts",
   "typings": "types",
   "main": "dist/cjs",
@@ -15,7 +15,7 @@
     "watch": "tamagui-build --watch"
   },
   "devDependencies": {
-    "@tamagui/build": "^1.0.0-alpha.31",
+    "@tamagui/build": "^1.0.0-alpha.38",
     "react-native": "*"
   },
   "peerDependencies": {
@@ -24,5 +24,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "3593d13742ae284776db7fbe0486d622312c7c15"
+  "gitHead": "155f989a05a70b2a9181cf820363f170a293f78b"
 }

package/dist/allRules.js

@@ -1,9 +0,0 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-const AllRules = new Set();
-const getStyleRules = /* @__PURE__ */ __name(() => AllRules, "getStyleRules");
-export {
-  AllRules,
-  getStyleRules
-};
-//# sourceMappingURL=AllRules.js.map

package/dist/allRules.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../src/AllRules.ts"],
-  "sourcesContent": ["// ssr only\n\nexport const AllRules = new Set()\n\nexport const getStyleRules = () => AllRules\n"],
-  "mappings": ";;AAEO,MAAM,WAAW,IAAI;AAErB,MAAM,gBAAgB,6BAAM,UAAN;",
-  "names": []
-}

package/dist/cjs/allRules.js

@@ -1,15 +0,0 @@
-var __defProp = Object.defineProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-var __export = (target, all) => {
-  __markAsModule(target);
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-__export(exports, {
-  AllRules: () => AllRules,
-  getStyleRules: () => getStyleRules
-});
-const AllRules = new Set();
-const getStyleRules = /* @__PURE__ */ __name(() => AllRules, "getStyleRules");
-//# sourceMappingURL=allRules.js.map

package/dist/cjs/allRules.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/allRules.ts"],
-  "sourcesContent": ["// ssr only\n\nexport const AllRules = new Set()\n\nexport const getStyleRules = () => AllRules\n"],
-  "mappings": ";;;;;;;;AAAA;AAAA;AAAA;AAAA;AAEO,MAAM,WAAW,IAAI;AAErB,MAAM,gBAAgB,6BAAM,UAAN;",
-  "names": []
-}

package/dist/cjs/concatClassName.js

@@ -1,78 +0,0 @@
-var __defProp = Object.defineProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-var __export = (target, all) => {
-  __markAsModule(target);
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-__export(exports, {
-  concatClassName: () => concatClassName
-});
-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;
-}
-__name(concatClassName, "concatClassName");
-const pseudoInvert = {
-  hover: "hoverStyle",
-  focus: "focusStyle",
-  press: "pressStyle"
-};
-//# sourceMappingURL=concatClassName.js.map

package/dist/cjs/concatClassName.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/concatClassName.ts"],
-  "sourcesContent": ["// perf sensitive so doing some weird stuff\n\n// testing caching\n// because we can hit these recent ones a ton of times in common cases\n// we're caching the simple case, this shouldn't be bad on memory either\n// const recently = new Map()\n// setInterval(() => {\n//   recently.clear()\n// }, 1000)\n\nexport function concatClassName(_cn: any) {\n  // if (arguments.length === 1) {\n  //   if (recently.has(arguments[0])) {\n  //     return recently.get(arguments[0])\n  //   }\n  // }\n\n  const classNamesOrPropObjects = arguments\n  const usedPrefixes: string[] = []\n  let final = ''\n\n  const len = classNamesOrPropObjects.length\n  let propObjects: any = null\n  for (let x = len; x >= 0; x--) {\n    const cns = classNamesOrPropObjects[x]\n    if (!cns) continue\n    if (!Array.isArray(cns) && typeof cns !== 'string') {\n      // is prop object\n      propObjects = propObjects || []\n      propObjects.push(cns)\n      continue\n    }\n    const names = Array.isArray(cns) ? cns : cns.split(' ')\n\n    const numNames = names.length\n    for (let i = numNames - 1; i >= 0; i--) {\n      const name = names[i]\n      if (!name || name === ' ') continue\n      if (name[0] !== '_') {\n        // not snack style (todo slightly stronger heuristic)\n        final = name + ' ' + final\n        continue\n      }\n      const splitIndex = name.indexOf('-')\n\n      if (splitIndex < 1) {\n        final = name + ' ' + final\n        continue\n      }\n      const nextChar = name[splitIndex + 1]\n      // synced to static-ui constants\n      // MEDIA_SEP\n      const isMediaQuery = nextChar === '_'\n      // PSEUDO_SEP\n      const isPsuedoQuery = nextChar === '-'\n\n      const styleKey = name.slice(1, splitIndex)\n      const mediaKey =\n        isMediaQuery || isPsuedoQuery ? name.slice(splitIndex + 2, splitIndex + 7) : null\n      const uid = mediaKey ? styleKey + mediaKey : styleKey\n\n      if (!isMediaQuery && !isPsuedoQuery) {\n        if (usedPrefixes.indexOf(uid) > -1) {\n          continue\n        }\n        usedPrefixes.push(uid)\n      }\n\n      // overrides for full safety\n      const propName = styleKey\n      if (propName && propObjects) {\n        if (\n          propObjects.some((po) => {\n            if (mediaKey) {\n              const propKey = pseudoInvert[mediaKey]\n              return po && po[propKey] && propName in po[propKey] && po[propKey] !== null\n            }\n            const res = po && propName in po && po[propName] !== null\n            return res\n          })\n        ) {\n          continue\n        }\n      }\n\n      final = name + ' ' + final\n    }\n  }\n\n  // if (arguments.length === 1) {\n  //   recently.set(arguments[0], final)\n  // }\n\n  return final\n}\n\nconst pseudoInvert = {\n  hover: 'hoverStyle',\n  focus: 'focusStyle',\n  press: 'pressStyle',\n}\n"],
-  "mappings": ";;;;;;;;AAAA;AAAA;AAAA;AAUO,yBAAyB,KAAU;AAOxC,QAAM,0BAA0B;AAChC,QAAM,eAAyB;AAC/B,MAAI,QAAQ;AAEZ,QAAM,MAAM,wBAAwB;AACpC,MAAI,cAAmB;AACvB,WAAS,IAAI,KAAK,KAAK,GAAG,KAAK;AAC7B,UAAM,MAAM,wBAAwB;AACpC,QAAI,CAAC;AAAK;AACV,QAAI,CAAC,MAAM,QAAQ,QAAQ,OAAO,QAAQ,UAAU;AAElD,oBAAc,eAAe;AAC7B,kBAAY,KAAK;AACjB;AAAA;AAEF,UAAM,QAAQ,MAAM,QAAQ,OAAO,MAAM,IAAI,MAAM;AAEnD,UAAM,WAAW,MAAM;AACvB,aAAS,IAAI,WAAW,GAAG,KAAK,GAAG,KAAK;AACtC,YAAM,OAAO,MAAM;AACnB,UAAI,CAAC,QAAQ,SAAS;AAAK;AAC3B,UAAI,KAAK,OAAO,KAAK;AAEnB,gBAAQ,OAAO,MAAM;AACrB;AAAA;AAEF,YAAM,aAAa,KAAK,QAAQ;AAEhC,UAAI,aAAa,GAAG;AAClB,gBAAQ,OAAO,MAAM;AACrB;AAAA;AAEF,YAAM,WAAW,KAAK,aAAa;AAGnC,YAAM,eAAe,aAAa;AAElC,YAAM,gBAAgB,aAAa;AAEnC,YAAM,WAAW,KAAK,MAAM,GAAG;AAC/B,YAAM,WACJ,gBAAgB,gBAAgB,KAAK,MAAM,aAAa,GAAG,aAAa,KAAK;AAC/E,YAAM,MAAM,WAAW,WAAW,WAAW;AAE7C,UAAI,CAAC,gBAAgB,CAAC,eAAe;AACnC,YAAI,aAAa,QAAQ,OAAO,IAAI;AAClC;AAAA;AAEF,qBAAa,KAAK;AAAA;AAIpB,YAAM,WAAW;AACjB,UAAI,YAAY,aAAa;AAC3B,YACE,YAAY,KAAK,CAAC,OAAO;AACvB,cAAI,UAAU;AACZ,kBAAM,UAAU,aAAa;AAC7B,mBAAO,MAAM,GAAG,YAAY,YAAY,GAAG,YAAY,GAAG,aAAa;AAAA;AAEzE,gBAAM,MAAM,MAAM,YAAY,MAAM,GAAG,cAAc;AACrD,iBAAO;AAAA,YAET;AACA;AAAA;AAAA;AAIJ,cAAQ,OAAO,MAAM;AAAA;AAAA;AAQzB,SAAO;AAAA;AAnFO;AAsFhB,MAAM,eAAe;AAAA,EACnB,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA;",
-  "names": []
-}

package/dist/cjs/index.js

@@ -1,24 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __reExport = (target, module2, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && key !== "default")
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toModule = (module2) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-__markAsModule(exports);
-__reExport(exports, __toModule(require("./concatClassName")));
-__reExport(exports, __toModule(require("./validStyleProps")));
-__reExport(exports, __toModule(require("./types")));
-__reExport(exports, __toModule(require("./allRules")));
-//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/index.ts"],
-  "sourcesContent": ["export * from './concatClassName'\nexport * from './validStyleProps'\nexport * from './types'\nexport * from './allRules'\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA,oBAAc;AACd,oBAAc;AACd,oBAAc;AACd,oBAAc;",
-  "names": []
-}

package/dist/cjs/simpleHash.js

@@ -1,21 +0,0 @@
-var __defProp = Object.defineProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-var __export = (target, all) => {
-  __markAsModule(target);
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-__export(exports, {
-  simpleHash: () => simpleHash
-});
-const simpleHash = /* @__PURE__ */ __name((str) => {
-  let hash = 0;
-  for (let i = 0; i < str.length; i++) {
-    const char = str.charCodeAt(i);
-    hash = (hash << 5) - hash + char;
-    hash &= hash;
-  }
-  return new Uint32Array([hash])[0].toString(36);
-}, "simpleHash");
-//# sourceMappingURL=simpleHash.js.map

package/dist/cjs/simpleHash.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/simpleHash.ts"],
-  "sourcesContent": ["export const simpleHash = (str: string) => {\n  let hash = 0\n  for (let i = 0; i < str.length; i++) {\n    const char = str.charCodeAt(i)\n    hash = (hash << 5) - hash + char\n    hash &= hash // Convert to 32bit integer\n  }\n  return new Uint32Array([hash])[0].toString(36)\n}\n"],
-  "mappings": ";;;;;;;;AAAA;AAAA;AAAA;AAAO,MAAM,aAAa,wBAAC,QAAgB;AACzC,MAAI,OAAO;AACX,WAAS,IAAI,GAAG,IAAI,IAAI,QAAQ,KAAK;AACnC,UAAM,OAAO,IAAI,WAAW;AAC5B,WAAQ,SAAQ,KAAK,OAAO;AAC5B,YAAQ;AAAA;AAEV,SAAO,IAAI,YAAY,CAAC,OAAO,GAAG,SAAS;AAAA,GAPnB;",
-  "names": []
-}

package/dist/cjs/types.js

@@ -1,4 +0,0 @@
-var __defProp = Object.defineProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-__markAsModule(exports);
-//# sourceMappingURL=types.js.map

package/dist/cjs/types.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/types.ts"],
-  "sourcesContent": ["export type StyleObject = {\n  property: string\n  value: string\n  className: string\n  identifier: string\n  rules: string[]\n}\n"],
-  "mappings": ";;AAAA;",
-  "names": []
-}

package/dist/cjs/validStyleProps.js

@@ -1,163 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  __markAsModule(target);
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-__export(exports, {
-  stylePropsAll: () => stylePropsAll,
-  stylePropsText: () => stylePropsText,
-  stylePropsTextOnly: () => stylePropsTextOnly,
-  stylePropsTransform: () => stylePropsTransform,
-  stylePropsView: () => stylePropsView,
-  validStyles: () => validStyles,
-  validStylesPseudo: () => validStylesPseudo
-});
-const stylePropsTransform = Object.freeze({
-  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 = Object.freeze(__spreadValues(__spreadValues({
-  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
-}));
-const stylePropsTextOnly = Object.freeze(__spreadValues({
-  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
-}));
-const stylePropsText = Object.freeze(__spreadValues(__spreadValues({}, stylePropsView), stylePropsTextOnly));
-const stylePropsAll = stylePropsText;
-const validStylesPseudo = Object.freeze({
-  hoverStyle: true,
-  pressStyle: true,
-  focusStyle: true
-});
-const validStyles = Object.freeze(__spreadValues(__spreadValues({}, validStylesPseudo), stylePropsView));
-//# sourceMappingURL=validStyleProps.js.map

package/dist/cjs/validStyleProps.js.map

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

package/dist/esm/allRules.js

@@ -1,9 +0,0 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-const AllRules = new Set();
-const getStyleRules = /* @__PURE__ */ __name(() => AllRules, "getStyleRules");
-export {
-  AllRules,
-  getStyleRules
-};
-//# sourceMappingURL=allRules.js.map