@tamagui/helpers 1.0.0-beta.9 → 1.0.1-beta.101

package/dist/esm/validStyleProps.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/validStyleProps.ts"],
-  "sourcesContent": ["import { ViewStyle } from 'react-native'\n\n// 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  borderBottomStyle: true,\n  borderTopStyle: true,\n  borderLeftStyle: true,\n  borderRightStyle: 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    overflowX: true,\n    overflowY: true,\n    userSelect: true,\n    cursor: true,\n    contain: true,\n    pointerEvents: true,\n    boxSizing: true,\n    boxShadow: 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 validPseudoKeys = Object.freeze({\n  enterStyle: true,\n  exitStyle: true,\n  hoverStyle: true,\n  pressStyle: true,\n  focusStyle: true,\n})\n\nexport const validStyles = Object.freeze({\n  ...validPseudoKeys,\n  ...stylePropsView,\n})\n\nexport const mapTransformKeys = {\n  x: 'translateX',\n  y: 'translateY',\n}\n\nexport const invertMapTransformKeys = {\n  translateX: 'x',\n  translateY: 'y',\n}\n\nexport const mergeTransform = (obj: ViewStyle, key: string, val: any) => {\n  obj.transform ||= []\n  // @ts-ignore\n  obj.transform.push({ [mapTransformKeys[key] || key]: val })\n}\n"],
-  "mappings": "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",
+  "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  borderBottomStyle: true,\n  borderTopStyle: true,\n  borderLeftStyle: true,\n  borderRightStyle: 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    overflowX: true,\n    overflowY: true,\n    userSelect: true,\n    cursor: true,\n    contain: true,\n    pointerEvents: true,\n    boxSizing: true,\n    boxShadow: 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 some web only ones\n  ...(process.env.TAMAGUI_TARGET === 'web' && {\n    whiteSpace: true,\n    wordWrap: true,\n    textOverflow: true,\n    textDecorationDistance: true,\n    userSelect: true,\n    selectable: true,\n    cursor: true,\n  }),\n})\n\nexport const stylePropsText = Object.freeze({\n  ...stylePropsView,\n  ...stylePropsTextOnly,\n})\n\nexport const stylePropsAll = stylePropsText\n\nexport const validPseudoKeys = Object.freeze({\n  enterStyle: true,\n  exitStyle: true,\n  hoverStyle: true,\n  pressStyle: true,\n  focusStyle: true,\n})\n\nexport const validStyles = Object.freeze({\n  ...validPseudoKeys,\n  ...stylePropsView,\n})\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/jsx/clamp.js

@@ -0,0 +1,7 @@
+function clamp(value, [min, max]) {
+  return Math.min(max, Math.max(min, value));
+}
+export {
+  clamp
+};
+//# sourceMappingURL=clamp.js.map

package/dist/jsx/clamp.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/clamp.ts"],
+  "sourcesContent": ["export function clamp(value: number, [min, max]: [number, number]): number {\n  return Math.min(max, Math.max(min, value))\n}\n"],
+  "mappings": "AAAO,eAAe,OAAe,CAAC,KAAK,MAAgC;AACzE,SAAO,KAAK,IAAI,KAAK,KAAK,IAAI,KAAK,KAAK,CAAC;AAC3C;",
+  "names": []
+}

package/dist/jsx/composeEventHandlers.js

@@ -1,14 +1,12 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 function composeEventHandlers(og, next, { checkDefaultPrevented = true } = {}) {
-  return /* @__PURE__ */ __name(function composedEventHandler(event) {
+  return function composedEventHandler(event) {
     og == null ? void 0 : og(event);
     if (!checkDefaultPrevented || !event.defaultPrevented) {
       return next == null ? void 0 : next(event);
     }
-  }, "composedEventHandler");
+  };
 }
-__name(composeEventHandlers, "composeEventHandlers");
 export {
   composeEventHandlers
 };
+//# sourceMappingURL=composeEventHandlers.js.map

package/dist/jsx/composeEventHandlers.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/composeEventHandlers.ts"],
+  "sourcesContent": ["import { FocusEvent } from 'react'\nimport { GestureResponderEvent } from 'react-native'\n\nexport type EventHandler<E extends Event | GestureResponderEvent | FocusEvent> = (event: E) => void\n\nexport function composeEventHandlers<E extends Event | GestureResponderEvent | FocusEvent>(\n  og?: EventHandler<E>,\n  next?: EventHandler<E>,\n  { checkDefaultPrevented = true } = {}\n) {\n  return function composedEventHandler(event: E) {\n    og?.(event)\n    if (!checkDefaultPrevented || !event.defaultPrevented) {\n      return next?.(event)\n    }\n  }\n}\n"],
+  "mappings": "AAKO,8BACL,IACA,MACA,EAAE,wBAAwB,SAAS,CAAC,GACpC;AACA,SAAO,8BAA8B,OAAU;AAC7C,6BAAK;AACL,QAAI,CAAC,yBAAyB,CAAC,MAAM,kBAAkB;AACrD,aAAO,6BAAO;AAAA,IAChB;AAAA,EACF;AACF;",
+  "names": []
+}

package/dist/jsx/concatClassName.js

@@ -1,5 +1,3 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 function concatClassName(_cn) {
   const cnOrPropObjcet = arguments;
   const usedPrefixes = [];
@@ -57,7 +55,6 @@ function concatClassName(_cn) {
   }
   return final;
 }
-__name(concatClassName, "concatClassName");
 const pseudoInvert = {
   hover: "hoverStyle",
   focus: "focusStyle",
@@ -66,3 +63,4 @@ const pseudoInvert = {
 export {
   concatClassName
 };
+//# sourceMappingURL=concatClassName.js.map

package/dist/jsx/concatClassName.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/concatClassName.ts"],
+  "sourcesContent": ["// perf sensitive so doing some weird stuff\n\nimport { ViewStyle } from 'react-native'\n\nexport function concatClassName(...args: any[]): any\nexport function concatClassName(_cn: ViewStyle | null | undefined): string {\n  const cnOrPropObjcet = arguments\n  const usedPrefixes: string[] = []\n  let final = ''\n\n  const len = cnOrPropObjcet.length\n  let propObjects: any = null\n  for (let x = len; x >= 0; x--) {\n    const cns = cnOrPropObjcet[x]\n\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\n    const names = Array.isArray(cns) ? cns : cns.split(' ')\n    const numNames = names.length\n    for (let i = numNames - 1; i >= 0; i--) {\n      const name = names[i]\n\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\n      const splitIndex = name.indexOf('-')\n      if (splitIndex < 1) {\n        final = name + ' ' + final\n        // if (shouldDebug) console.log('debug exclude:', name, final)\n        continue\n      }\n\n      const nextChar = name[splitIndex + 1]\n      // synced to static-ui constants\n      // MEDIA_SEP\n      const isMediaQuery = nextChar === '_'\n      // PSEUDO_SEP\n      // commenting out three things to make pseudos override properly\n      // (leave in for a bit to see if other bugs pop up later):\n      // 1. const isPseudoQuery = nextChar === '0'\n      const styleKey = name.slice(1, name.lastIndexOf('-'))\n      // 2. isMediaQuery || isPseudoQuery\n      const mediaKey = isMediaQuery ? name.slice(splitIndex + 2, splitIndex + 7) : null\n      const uid = mediaKey ? styleKey + mediaKey : styleKey\n      // 3. && !isPseudoQuery\n\n      if (usedPrefixes.indexOf(uid) > -1) {\n        // if (shouldDebug) console.log('debug exclude:', usedPrefixes, name)\n        continue\n      }\n      usedPrefixes.push(uid)\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          // if (shouldDebug) console.log('debug exclude:', name)\n          continue\n        }\n      }\n\n      final = name + ' ' + final\n    }\n  }\n\n  return final\n}\n\nconst pseudoInvert = {\n  hover: 'hoverStyle',\n  focus: 'focusStyle',\n  press: 'pressStyle',\n}\n"],
+  "mappings": "AAKO,yBAAyB,KAA2C;AACzE,QAAM,iBAAiB;AACvB,QAAM,eAAyB,CAAC;AAChC,MAAI,QAAQ;AAEZ,QAAM,MAAM,eAAe;AAC3B,MAAI,cAAmB;AACvB,WAAS,IAAI,KAAK,KAAK,GAAG,KAAK;AAC7B,UAAM,MAAM,eAAe;AAE3B,QAAI,CAAC;AAAK;AACV,QAAI,CAAC,MAAM,QAAQ,GAAG,KAAK,OAAO,QAAQ,UAAU;AAElD,oBAAc,eAAe,CAAC;AAC9B,kBAAY,KAAK,GAAG;AACpB;AAAA,IACF;AAEA,UAAM,QAAQ,MAAM,QAAQ,GAAG,IAAI,MAAM,IAAI,MAAM,GAAG;AACtD,UAAM,WAAW,MAAM;AACvB,aAAS,IAAI,WAAW,GAAG,KAAK,GAAG,KAAK;AACtC,YAAM,OAAO,MAAM;AAEnB,UAAI,CAAC,QAAQ,SAAS;AAAK;AAC3B,UAAI,KAAK,OAAO,KAAK;AAEnB,gBAAQ,OAAO,MAAM;AACrB;AAAA,MACF;AAEA,YAAM,aAAa,KAAK,QAAQ,GAAG;AACnC,UAAI,aAAa,GAAG;AAClB,gBAAQ,OAAO,MAAM;AAErB;AAAA,MACF;AAEA,YAAM,WAAW,KAAK,aAAa;AAGnC,YAAM,eAAe,aAAa;AAKlC,YAAM,WAAW,KAAK,MAAM,GAAG,KAAK,YAAY,GAAG,CAAC;AAEpD,YAAM,WAAW,eAAe,KAAK,MAAM,aAAa,GAAG,aAAa,CAAC,IAAI;AAC7E,YAAM,MAAM,WAAW,WAAW,WAAW;AAG7C,UAAI,aAAa,QAAQ,GAAG,IAAI,IAAI;AAElC;AAAA,MACF;AACA,mBAAa,KAAK,GAAG;AAGrB,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,UACzE;AACA,gBAAM,MAAM,MAAM,YAAY,MAAM,GAAG,cAAc;AACrD,iBAAO;AAAA,QACT,CAAC,GACD;AAEA;AAAA,QACF;AAAA,MACF;AAEA,cAAQ,OAAO,MAAM;AAAA,IACvB;AAAA,EACF;AAEA,SAAO;AACT;AAEA,MAAM,eAAe;AAAA,EACnB,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AACT;",
+  "names": []
+}

package/dist/jsx/index.js

@@ -1,5 +1,8 @@
+export * from "./clamp";
 export * from "./composeEventHandlers";
 export * from "./concatClassName";
 export * from "./validStyleProps";
 export * from "./types";
 export * from "./log";
+export * from "./simpleHash";
+//# sourceMappingURL=index.js.map

package/dist/jsx/index.js.map

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

package/dist/jsx/log.js

@@ -1,9 +1,8 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-const log = /* @__PURE__ */ __name((...args) => {
+const log = (...args) => {
   console.log(...args);
   return args[0];
-}, "log");
+};
 export {
   log
 };
+//# sourceMappingURL=log.js.map

package/dist/jsx/log.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/log.ts"],
+  "sourcesContent": ["export const log = (...args: any) => {\n  console.log(...args)\n  return args[0]\n}\n"],
+  "mappings": "AAAO,MAAM,MAAM,IAAI,SAAc;AACnC,UAAQ,IAAI,GAAG,IAAI;AACnB,SAAO,KAAK;AACd;",
+  "names": []
+}

package/dist/jsx/simpleHash.js

@@ -1,6 +1,4 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-const simpleHash = /* @__PURE__ */ __name((str) => {
+const simpleHash = (str) => {
   let hash = 0;
   for (let i = 0; i < str.length; i++) {
     const char = str.charCodeAt(i);
@@ -8,7 +6,8 @@ const simpleHash = /* @__PURE__ */ __name((str) => {
     hash &= hash;
   }
   return new Uint32Array([hash])[0].toString(36);
-}, "simpleHash");
+};
 export {
   simpleHash
 };
+//# sourceMappingURL=simpleHash.js.map

package/dist/jsx/simpleHash.js.map

@@ -0,0 +1,7 @@
+{
+  "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": "AAAO,MAAM,aAAa,CAAC,QAAgB;AACzC,MAAI,OAAO;AACX,WAAS,IAAI,GAAG,IAAI,IAAI,QAAQ,KAAK;AACnC,UAAM,OAAO,IAAI,WAAW,CAAC;AAC7B,WAAQ,SAAQ,KAAK,OAAO;AAC5B,YAAQ;AAAA,EACV;AACA,SAAO,IAAI,YAAY,CAAC,IAAI,CAAC,EAAE,GAAG,SAAS,EAAE;AAC/C;",
+  "names": []
+}

package/dist/jsx/types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=types.js.map

package/dist/jsx/types.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/jsx/validStyleProps.js

@@ -1,5 +1,3 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 const stylePropsTransform = Object.freeze({
   x: true,
   y: true,
@@ -130,7 +128,10 @@ const stylePropsTextOnly = Object.freeze({
     whiteSpace: true,
     wordWrap: true,
     textOverflow: true,
-    textDecorationDistance: true
+    textDecorationDistance: true,
+    userSelect: true,
+    selectable: true,
+    cursor: true
   }
 });
 const stylePropsText = Object.freeze({
@@ -149,22 +150,7 @@ const validStyles = Object.freeze({
   ...validPseudoKeys,
   ...stylePropsView
 });
-const mapTransformKeys = {
-  x: "translateX",
-  y: "translateY"
-};
-const invertMapTransformKeys = {
-  translateX: "x",
-  translateY: "y"
-};
-const mergeTransform = /* @__PURE__ */ __name((obj, key, val) => {
-  obj.transform || (obj.transform = []);
-  obj.transform.push({ [mapTransformKeys[key] || key]: val });
-}, "mergeTransform");
 export {
-  invertMapTransformKeys,
-  mapTransformKeys,
-  mergeTransform,
   stylePropsAll,
   stylePropsText,
   stylePropsTextOnly,
@@ -173,3 +159,4 @@ export {
   validPseudoKeys,
   validStyles
 };
+//# sourceMappingURL=validStyleProps.js.map

package/dist/jsx/validStyleProps.js.map

@@ -0,0 +1,7 @@
+{
+  "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  borderBottomStyle: true,\n  borderTopStyle: true,\n  borderLeftStyle: true,\n  borderRightStyle: 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    overflowX: true,\n    overflowY: true,\n    userSelect: true,\n    cursor: true,\n    contain: true,\n    pointerEvents: true,\n    boxSizing: true,\n    boxShadow: 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 some web only ones\n  ...(process.env.TAMAGUI_TARGET === 'web' && {\n    whiteSpace: true,\n    wordWrap: true,\n    textOverflow: true,\n    textDecorationDistance: true,\n    userSelect: true,\n    selectable: true,\n    cursor: true,\n  }),\n})\n\nexport const stylePropsText = Object.freeze({\n  ...stylePropsView,\n  ...stylePropsTextOnly,\n})\n\nexport const stylePropsAll = stylePropsText\n\nexport const validPseudoKeys = Object.freeze({\n  enterStyle: true,\n  exitStyle: true,\n  hoverStyle: true,\n  pressStyle: true,\n  focusStyle: true,\n})\n\nexport const validStyles = Object.freeze({\n  ...validPseudoKeys,\n  ...stylePropsView,\n})\n"],
+  "mappings": "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",
+  "names": []
+}

package/package.json

@@ -1,12 +1,13 @@
 {
   "name": "@tamagui/helpers",
-  "version": "1.0.0-beta.9",
+  "version": "1.0.1-beta.101",
   "source": "src/index.ts",
-  "types": "types",
+  "types": "./types/index.d.ts",
   "main": "dist/cjs",
   "module": "dist/esm",
   "module:jsx": "dist/jsx",
   "files": [
+    "src",
     "types",
     "dist"
   ],
@@ -17,10 +18,12 @@
     "clean:build": "tamagui-build clean:build"
   },
   "devDependencies": {
-    "@tamagui/build": "^1.0.0-beta.9",
+    "@tamagui/build": "^1.0.1-beta.101",
+    "react": "*",
     "react-native": "*"
   },
   "peerDependencies": {
+    "react": "*",
     "react-native": "*"
   },
   "publishConfig": {

package/src/clamp.ts

@@ -0,0 +1,3 @@
+export function clamp(value: number, [min, max]: [number, number]): number {
+  return Math.min(max, Math.max(min, value))
+}

package/src/composeEventHandlers.ts

@@ -0,0 +1,17 @@
+import { FocusEvent } from 'react'
+import { GestureResponderEvent } from 'react-native'
+
+export type EventHandler<E extends Event | GestureResponderEvent | FocusEvent> = (event: E) => void
+
+export function composeEventHandlers<E extends Event | GestureResponderEvent | FocusEvent>(
+  og?: EventHandler<E>,
+  next?: EventHandler<E>,
+  { checkDefaultPrevented = true } = {}
+) {
+  return function composedEventHandler(event: E) {
+    og?.(event)
+    if (!checkDefaultPrevented || !event.defaultPrevented) {
+      return next?.(event)
+    }
+  }
+}

package/src/concatClassName.ts

@@ -0,0 +1,92 @@
+// perf sensitive so doing some weird stuff
+
+import { ViewStyle } from 'react-native'
+
+export function concatClassName(...args: any[]): any
+export function concatClassName(_cn: ViewStyle | null | undefined): string {
+  const cnOrPropObjcet = arguments
+  const usedPrefixes: string[] = []
+  let final = ''
+
+  const len = cnOrPropObjcet.length
+  let propObjects: any = null
+  for (let x = len; x >= 0; x--) {
+    const cns = cnOrPropObjcet[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
+        // if (shouldDebug) console.log('debug exclude:', name, final)
+        continue
+      }
+
+      const nextChar = name[splitIndex + 1]
+      // synced to static-ui constants
+      // MEDIA_SEP
+      const isMediaQuery = nextChar === '_'
+      // PSEUDO_SEP
+      // commenting out three things to make pseudos override properly
+      // (leave in for a bit to see if other bugs pop up later):
+      // 1. const isPseudoQuery = nextChar === '0'
+      const styleKey = name.slice(1, name.lastIndexOf('-'))
+      // 2. isMediaQuery || isPseudoQuery
+      const mediaKey = isMediaQuery ? name.slice(splitIndex + 2, splitIndex + 7) : null
+      const uid = mediaKey ? styleKey + mediaKey : styleKey
+      // 3. && !isPseudoQuery
+
+      if (usedPrefixes.indexOf(uid) > -1) {
+        // if (shouldDebug) console.log('debug exclude:', usedPrefixes, name)
+        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
+          })
+        ) {
+          // if (shouldDebug) console.log('debug exclude:', name)
+          continue
+        }
+      }
+
+      final = name + ' ' + final
+    }
+  }
+
+  return final
+}
+
+const pseudoInvert = {
+  hover: 'hoverStyle',
+  focus: 'focusStyle',
+  press: 'pressStyle',
+}

package/src/index.ts

@@ -0,0 +1,7 @@
+export * from './clamp'
+export * from './composeEventHandlers'
+export * from './concatClassName'
+export * from './validStyleProps'
+export * from './types'
+export * from './log'
+export * from './simpleHash'

package/src/log.ts

@@ -0,0 +1,4 @@
+export const log = (...args: any) => {
+  console.log(...args)
+  return args[0]
+}

package/src/simpleHash.ts

@@ -0,0 +1,9 @@
+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.ts

@@ -0,0 +1,7 @@
+export type StyleObject = {
+  property: string
+  pseudo?: 'hover' | 'focus' | 'active'
+  value: string
+  identifier: string
+  rules: string[]
+}

package/src/validStyleProps.ts

@@ -0,0 +1,163 @@
+// flat transform props
+export 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,
+})
+
+export const stylePropsView = Object.freeze({
+  backfaceVisibility: true,
+  backgroundColor: true,
+  borderBottomColor: true,
+  borderBottomStyle: true,
+  borderTopStyle: true,
+  borderLeftStyle: true,
+  borderRightStyle: 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' && {
+    overflowX: true,
+    overflowY: true,
+    userSelect: true,
+    cursor: true,
+    contain: true,
+    pointerEvents: true,
+    boxSizing: true,
+    boxShadow: 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 some web only ones
+  ...(process.env.TAMAGUI_TARGET === 'web' && {
+    whiteSpace: true,
+    wordWrap: true,
+    textOverflow: true,
+    textDecorationDistance: true,
+    userSelect: true,
+    selectable: true,
+    cursor: true,
+  }),
+})
+
+export const stylePropsText = Object.freeze({
+  ...stylePropsView,
+  ...stylePropsTextOnly,
+})
+
+export const stylePropsAll = stylePropsText
+
+export const validPseudoKeys = Object.freeze({
+  enterStyle: true,
+  exitStyle: true,
+  hoverStyle: true,
+  pressStyle: true,
+  focusStyle: true,
+})
+
+export const validStyles = Object.freeze({
+  ...validPseudoKeys,
+  ...stylePropsView,
+})

package/types/clamp.d.ts

@@ -0,0 +1,2 @@
+export declare function clamp(value: number, [min, max]: [number, number]): number;
+//# sourceMappingURL=clamp.d.ts.map

package/types/clamp.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"clamp.d.ts","sourceRoot":"","sources":["../src/clamp.ts"],"names":[],"mappings":"AAAA,wBAAgB,KAAK,CAAC,KAAK,EAAE,MAAM,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,MAAM,CAEzE"}

package/types/index.d.ts

@@ -1,6 +1,8 @@
+export * from './clamp';
 export * from './composeEventHandlers';
 export * from './concatClassName';
 export * from './validStyleProps';
 export * from './types';
 export * from './log';
+export * from './simpleHash';
 //# sourceMappingURL=index.d.ts.map

package/types/index.d.ts.map

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