@tamagui/helpers 1.0.0-alpha.2 → 1.0.0-alpha.25

package/dist/esm/validStyleProps.js

@@ -0,0 +1,150 @@
+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 = 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
+  }
+});
+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
+  }
+});
+const stylePropsText = Object.freeze({
+  ...stylePropsView,
+  ...stylePropsTextOnly
+});
+const stylePropsAll = stylePropsText;
+const validStylesPseudo = {
+  hoverStyle: true,
+  pressStyle: true,
+  focusStyle: true
+};
+const validStyles = {
+  ...validStylesPseudo,
+  ...stylePropsView
+};
+export {
+  stylePropsAll,
+  stylePropsText,
+  stylePropsTextOnly,
+  stylePropsTransform,
+  stylePropsView,
+  validStyles,
+  validStylesPseudo
+};
+//# sourceMappingURL=validStyleProps.js.map

package/dist/esm/validStyleProps.js.map

@@ -0,0 +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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",
+  "names": []
+}

package/dist/index.cjs

@@ -237,7 +237,7 @@ var validStylesPseudo = {
 };
 var validStyles = __spreadValues(__spreadValues({}, validStylesPseudo), stylePropsView);
 
-// src/AllRules.ts
+// src/allRules.ts
 var AllRules = new Set();
 var getStyleRules = /* @__PURE__ */ __name(() => AllRules, "getStyleRules");
 //# sourceMappingURL=index.cjs.map

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"],
+  "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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",
   "names": []
 }

package/dist/index.js

@@ -1,5 +1,5 @@
 export * from "./concatClassName";
 export * from "./validStyleProps";
 export * from "./types";
-export * from "./AllRules";
+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"],
+  "sourcesContent": ["export * from './concatClassName'\nexport * from './validStyleProps'\nexport * from './types'\nexport * from './allRules'\n"],
   "mappings": "AAAA;AACA;AACA;AACA;",
   "names": []
 }

package/dist/jsx/allRules.js

@@ -0,0 +1,8 @@
+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
+};

package/dist/jsx/concatClassName.js

@@ -0,0 +1,71 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+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"
+};
+export {
+  concatClassName
+};

package/dist/jsx/index.js

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

package/dist/jsx/simpleHash.js

@@ -0,0 +1,14 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+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");
+export {
+  simpleHash
+};

package/{src/validStyleProps.ts → dist/jsx/validStyleProps.js}

@@ -1,5 +1,4 @@
-// flat transform props
-export const stylePropsTransform = {
+const stylePropsTransform = {
   x: true,
   y: true,
   scale: true,
@@ -12,10 +11,9 @@ export const stylePropsTransform = {
   rotate: true,
   rotateY: true,
   rotateX: true,
-  rotateZ: true,
-}
-
-export const stylePropsView = Object.freeze({
+  rotateZ: true
+};
+const stylePropsView = Object.freeze({
   backfaceVisibility: true,
   backgroundColor: true,
   borderBottomColor: true,
@@ -95,18 +93,15 @@ export const stylePropsView = Object.freeze({
   shadowOpacity: true,
   shadowRadius: true,
   ...stylePropsTransform,
-
-  // allow a few web only ones
-  ...(process.env.TAMAGUI_TARGET === 'web' && {
+  ...process.env.TAMAGUI_TARGET === "web" && {
     userSelect: true,
     cursor: true,
     contain: true,
     pointerEvents: true,
-    boxSizing: true,
-  }),
-})
-
-export const stylePropsTextOnly = Object.freeze({
+    boxSizing: true
+  }
+});
+const stylePropsTextOnly = Object.freeze({
   color: true,
   fontFamily: true,
   fontSize: true,
@@ -122,31 +117,33 @@ export const stylePropsTextOnly = Object.freeze({
   textShadowOffset: true,
   textShadowRadius: true,
   textTransform: true,
-
-  // allow a few web only ones
-  // TODO
-  ...(process.env.TAMAGUI_TARGET === 'web' && {
+  ...process.env.TAMAGUI_TARGET === "web" && {
     whiteSpace: true,
     wordWrap: true,
     textOverflow: true,
-    textDecorationDistance: true,
-  }),
-})
-
-export const stylePropsText = Object.freeze({
+    textDecorationDistance: true
+  }
+});
+const stylePropsText = Object.freeze({
   ...stylePropsView,
-  ...stylePropsTextOnly,
-})
-
-export const stylePropsAll = stylePropsText
-
-export const validStylesPseudo = {
+  ...stylePropsTextOnly
+});
+const stylePropsAll = stylePropsText;
+const validStylesPseudo = {
   hoverStyle: true,
   pressStyle: true,
-  focusStyle: true,
-}
-
-export const validStyles = {
+  focusStyle: true
+};
+const validStyles = {
   ...validStylesPseudo,
-  ...stylePropsView,
-}
+  ...stylePropsView
+};
+export {
+  stylePropsAll,
+  stylePropsText,
+  stylePropsTextOnly,
+  stylePropsTransform,
+  stylePropsView,
+  validStyles,
+  validStylesPseudo
+};

package/package.json

@@ -1,20 +1,22 @@
 {
   "name": "@tamagui/helpers",
-  "version": "1.0.0-alpha.2",
+  "version": "1.0.0-alpha.25",
   "source": "src/index.ts",
-  "main": "dist/index.cjs",
-  "module": "dist/index.js",
-  "typings": "types.d.ts",
+  "typings": "types",
+  "main": "dist/cjs",
+  "module": "dist/esm",
+  "module:jsx": "dist/jsx",
   "files": [
-    "dist",
-    "src"
+    "types",
+    "dist"
   ],
   "scripts": {
     "build": "tamagui-build",
     "watch": "tamagui-build --watch"
   },
   "devDependencies": {
-    "@tamagui/build": "^1.0.0-alpha.2"
+    "@tamagui/build": "^1.0.0-alpha.22",
+    "react-native": "*"
   },
   "peerDependencies": {
     "react-native": "*"
@@ -22,5 +24,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "a9f30fdf4ebd448961a6e133741cd4b903185559"
+  "gitHead": "38d6b306363a6dd1e52c40e50b8aa6ba697fe743"
 }

package/types/allRules.d.ts

@@ -0,0 +1,3 @@
+export declare const AllRules: Set<unknown>;
+export declare const getStyleRules: () => Set<unknown>;
+//# sourceMappingURL=allRules.d.ts.map

package/types/allRules.d.ts.map

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

package/types/concatClassName.d.ts

@@ -0,0 +1,2 @@
+export declare function concatClassName(_cn: any): string;
+//# sourceMappingURL=concatClassName.d.ts.map

package/types/concatClassName.d.ts.map

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

package/types/index.d.ts

@@ -0,0 +1,5 @@
+export * from './concatClassName';
+export * from './validStyleProps';
+export * from './types';
+export * from './allRules';
+//# sourceMappingURL=index.d.ts.map

package/types/index.d.ts.map

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

package/types/simpleHash.d.ts

@@ -0,0 +1,2 @@
+export declare const simpleHash: (str: string) => string;
+//# sourceMappingURL=simpleHash.d.ts.map

package/types/simpleHash.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"simpleHash.d.ts","sourceRoot":"","sources":["../src/simpleHash.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU,QAAS,MAAM,WAQrC,CAAA"}

package/types/types.d.ts

@@ -0,0 +1,8 @@
+export declare type StyleObject = {
+    property: string;
+    value: string;
+    className: string;
+    identifier: string;
+    rules: string[];
+};
+//# sourceMappingURL=types.d.ts.map

package/types/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/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"}