@tamagui/helpers 1.0.1-beta.21 → 1.0.1-beta.211

package/dist/jsx/clamp.js

@@ -1,9 +1,7 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 function clamp(value, [min, max]) {
   return Math.min(max, Math.max(min, value));
 }
-__name(clamp, "clamp");
 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,SAAS,MAAM,OAAe,CAAC,KAAK,GAAG,GAA6B;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) {
-    og == null ? void 0 : og(event);
-    if (!checkDefaultPrevented || !event.defaultPrevented) {
-      return next == null ? void 0 : next(event);
+  return function composedEventHandler(event) {
+    og?.(event);
+    if (!checkDefaultPrevented || !("defaultPrevented" in event) || "defaultPrevented" in event && !event.defaultPrevented) {
+      return 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 type { FocusEvent } from 'react'\nimport type { GestureResponderEvent, NativeScrollEvent, NativeSyntheticEvent } from 'react-native'\n\ntype Events = Event | GestureResponderEvent | FocusEvent | NativeSyntheticEvent<NativeScrollEvent>\n\nexport type EventHandler<E extends Events> = (event: E) => void\n\nexport function composeEventHandlers<E extends Events>(\n  og?: EventHandler<E>,\n  next?: EventHandler<E>,\n  { checkDefaultPrevented = true } = {}\n) {\n  return function composedEventHandler(event: E) {\n    og?.(event)\n    if (\n      !checkDefaultPrevented ||\n      !('defaultPrevented' in event) ||\n      ('defaultPrevented' in event && !event.defaultPrevented)\n    ) {\n      return next?.(event)\n    }\n  }\n}\n"],
+  "mappings": "AAOO,SAAS,qBACd,IACA,MACA,EAAE,wBAAwB,KAAK,IAAI,CAAC,GACpC;AACA,SAAO,SAAS,qBAAqB,OAAU;AAC7C,SAAK,KAAK;AACV,QACE,CAAC,yBACD,EAAE,sBAAsB,UACvB,sBAAsB,SAAS,CAAC,MAAM,kBACvC;AACA,aAAO,OAAO,KAAK;AAAA,IACrB;AAAA,EACF;AACF;",
+  "names": []
+}

package/dist/jsx/concatClassName.js

@@ -1,13 +1,11 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 function concatClassName(_cn) {
-  const cnOrPropObjcet = arguments;
+  const args = arguments;
   const usedPrefixes = [];
   let final = "";
-  const len = cnOrPropObjcet.length;
+  const len = args.length;
   let propObjects = null;
   for (let x = len; x >= 0; x--) {
-    const cns = cnOrPropObjcet[x];
+    const cns = args[x];
     if (!cns)
       continue;
     if (!Array.isArray(cns) && typeof cns !== "string") {
@@ -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 type { ViewStyle } from 'react-native'\n\n/**\n * next - take objects:\n *\n * { _shorthand: 'postfix' }\n *\n */\n\nexport function concatClassName(...args: any[]): any\nexport function concatClassName(_cn: ViewStyle | null | undefined): string {\n  const args = arguments\n  const usedPrefixes: string[] = []\n  let final = ''\n\n  const len = args.length\n  let propObjects: any = null\n  for (let x = len; x >= 0; x--) {\n    const cns = args[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": "AAYO,SAAS,gBAAgB,KAA2C;AACzE,QAAM,OAAO;AACb,QAAM,eAAyB,CAAC;AAChC,MAAI,QAAQ;AAEZ,QAAM,MAAM,KAAK;AACjB,MAAI,cAAmB;AACvB,WAAS,IAAI,KAAK,KAAK,GAAG,KAAK;AAC7B,UAAM,MAAM,KAAK;AAEjB,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

@@ -3,4 +3,5 @@ export * from "./composeEventHandlers";
 export * from "./concatClassName";
 export * from "./validStyleProps";
 export * from "./types";
-export * from "./log";
+export * from "@tamagui/simple-hash";
+//# 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 '@tamagui/simple-hash'\n"],
+  "mappings": "AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;",
+  "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/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,
@@ -133,7 +131,9 @@ const stylePropsTextOnly = Object.freeze({
     textDecorationDistance: true,
     userSelect: true,
     selectable: true,
-    cursor: true
+    cursor: true,
+    WebkitLineClamp: true,
+    WebkitBoxOrient: true
   }
 });
 const stylePropsText = Object.freeze({
@@ -152,22 +152,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,
@@ -176,3 +161,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    WebkitLineClamp: true,\n    WebkitBoxOrient: 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": "AACO,MAAM,sBAAsB,OAAO,OAAO;AAAA,EAC/C,GAAG;AAAA,EACH,GAAG;AAAA,EACH,OAAO;AAAA,EACP,aAAa;AAAA,EACb,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AACX,CAAC;AAEM,MAAM,iBAAiB,OAAO,OAAO;AAAA,EAC1C,oBAAoB;AAAA,EACpB,iBAAiB;AAAA,EACjB,mBAAmB;AAAA,EACnB,mBAAmB;AAAA,EACnB,gBAAgB;AAAA,EAChB,iBAAiB;AAAA,EACjB,kBAAkB;AAAA,EAClB,uBAAuB;AAAA,EACvB,wBAAwB;AAAA,EACxB,yBAAyB;AAAA,EACzB,yBAAyB;AAAA,EACzB,mBAAmB;AAAA,EACnB,aAAa;AAAA,EACb,gBAAgB;AAAA,EAChB,iBAAiB;AAAA,EACjB,iBAAiB;AAAA,EACjB,cAAc;AAAA,EACd,kBAAkB;AAAA,EAClB,kBAAkB;AAAA,EAClB,kBAAkB;AAAA,EAClB,aAAa;AAAA,EACb,gBAAgB;AAAA,EAChB,oBAAoB;AAAA,EACpB,qBAAqB;AAAA,EACrB,sBAAsB;AAAA,EACtB,sBAAsB;AAAA,EACtB,gBAAgB;AAAA,EAChB,aAAa;AAAA,EACb,SAAS;AAAA,EACT,WAAW;AAAA,EACX,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,aAAa;AAAA,EACb,gBAAgB;AAAA,EAChB,kBAAkB;AAAA,EAClB,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,KAAK;AAAA,EACL,MAAM;AAAA,EACN,WAAW;AAAA,EACX,eAAe;AAAA,EACf,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,gBAAgB;AAAA,EAChB,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,WAAW;AAAA,EACX,kBAAkB;AAAA,EAClB,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,aAAa;AAAA,EACb,WAAW;AAAA,EACX,gBAAgB;AAAA,EAChB,WAAW;AAAA,EACX,UAAU;AAAA,EACV,WAAW;AAAA,EACX,UAAU;AAAA,EACV,UAAU;AAAA,EACV,SAAS;AAAA,EACT,eAAe;AAAA,EACf,YAAY;AAAA,EACZ,mBAAmB;AAAA,EACnB,aAAa;AAAA,EACb,cAAc;AAAA,EACd,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,iBAAiB;AAAA,EACjB,UAAU;AAAA,EACV,OAAO;AAAA,EACP,OAAO;AAAA,EACP,KAAK;AAAA,EACL,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,aAAa;AAAA,EACb,cAAc;AAAA,EACd,eAAe;AAAA,EACf,cAAc;AAAA,EACd,GAAG;AAAA,EAGH,GAAI,QAAQ,IAAI,mBAAmB,SAAS;AAAA,IAC1C,WAAW;AAAA,IACX,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,eAAe;AAAA,IACf,WAAW;AAAA,IACX,WAAW;AAAA,EACb;AACF,CAAC;AAEM,MAAM,qBAAqB,OAAO,OAAO;AAAA,EAC9C,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,oBAAoB;AAAA,EACpB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,iBAAiB;AAAA,EACjB,kBAAkB;AAAA,EAClB,kBAAkB;AAAA,EAClB,eAAe;AAAA,EAGf,GAAI,QAAQ,IAAI,mBAAmB,SAAS;AAAA,IAC1C,YAAY;AAAA,IACZ,UAAU;AAAA,IACV,cAAc;AAAA,IACd,wBAAwB;AAAA,IACxB,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,QAAQ;AAAA,IACR,iBAAiB;AAAA,IACjB,iBAAiB;AAAA,EACnB;AACF,CAAC;AAEM,MAAM,iBAAiB,OAAO,OAAO;AAAA,EAC1C,GAAG;AAAA,EACH,GAAG;AACL,CAAC;AAEM,MAAM,gBAAgB;AAEtB,MAAM,kBAAkB,OAAO,OAAO;AAAA,EAC3C,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AACd,CAAC;AAEM,MAAM,cAAc,OAAO,OAAO;AAAA,EACvC,GAAG;AAAA,EACH,GAAG;AACL,CAAC;",
+  "names": []
+}

package/package.json

@@ -1,30 +1,35 @@
 {
   "name": "@tamagui/helpers",
-  "version": "1.0.1-beta.21",
+  "version": "1.0.1-beta.211",
   "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"
   ],
   "scripts": {
     "build": "tamagui-build",
     "watch": "tamagui-build --watch",
+    "lint": "eslint",
+    "lint:fix": "yarn lint --fix",
     "clean": "tamagui-build clean",
     "clean:build": "tamagui-build clean:build"
   },
   "devDependencies": {
-    "@tamagui/build": "^1.0.1-beta.21",
-    "react-native": "*"
-  },
-  "peerDependencies": {
-    "react-native": "*"
+    "@tamagui/build": "^1.0.1-beta.211"
   },
   "publishConfig": {
     "access": "public"
   },
+  "exports": {
+    "./package.json": "./package.json",
+    ".": {
+      "import": "./dist/esm/index.js",
+      "require": "./dist/cjs/index.js"
+    }
+  },
   "gitHead": "a49cc7ea6b93ba384e77a4880ae48ac4a5635c14"
 }

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,22 @@
+type Events = any
+
+export type EventHandler<E extends Events> = (event: E) => void
+
+export function composeEventHandlers<E extends Events>(
+  og?: EventHandler<E>,
+  next?: EventHandler<E>,
+  { checkDefaultPrevented = true } = {}
+) {
+  return function composedEventHandler(event: E) {
+    og?.(event)
+    if (
+      !checkDefaultPrevented ||
+      // @ts-ignore
+      !('defaultPrevented' in event) ||
+      // @ts-ignore
+      ('defaultPrevented' in event && !event.defaultPrevented)
+    ) {
+      return next?.(event)
+    }
+  }
+}

package/src/concatClassName.ts

@@ -0,0 +1,97 @@
+// perf sensitive so doing some weird stuff
+
+/**
+ * next - take objects:
+ *
+ * { _shorthand: 'postfix' }
+ *
+ */
+
+export function concatClassName(...args: any[]): any
+export function concatClassName(_cn: Record<string, any> | null | undefined): string {
+  const args = arguments
+  const usedPrefixes: string[] = []
+  let final = ''
+
+  const len = args.length
+  let propObjects: any = null
+  for (let x = len; x >= 0; x--) {
+    const cns = args[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,6 @@
+export * from './clamp'
+export * from './composeEventHandlers'
+export * from './concatClassName'
+export * from './validStyleProps'
+export * from './types'
+export * from '@tamagui/simple-hash'

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,165 @@
+// 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,
+    WebkitLineClamp: true,
+    WebkitBoxOrient: 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/composeEventHandlers.d.ts

@@ -1,7 +1,7 @@
-import { FocusEvent } from 'react';
-import { GestureResponderEvent } from 'react-native';
-export declare type EventHandler<E extends Event | GestureResponderEvent | FocusEvent> = (event: E) => void;
-export declare function composeEventHandlers<E extends Event | GestureResponderEvent | FocusEvent>(og?: EventHandler<E>, next?: EventHandler<E>, { checkDefaultPrevented }?: {
+declare type Events = any;
+export declare type EventHandler<E extends Events> = (event: E) => void;
+export declare function composeEventHandlers<E extends Events>(og?: EventHandler<E>, next?: EventHandler<E>, { checkDefaultPrevented }?: {
     checkDefaultPrevented?: boolean | undefined;
 }): (event: E) => void;
+export {};
 //# sourceMappingURL=composeEventHandlers.d.ts.map

package/types/concatClassName.d.ts

@@ -1,2 +1,8 @@
+/**
+ * next - take objects:
+ *
+ * { _shorthand: 'postfix' }
+ *
+ */
 export declare function concatClassName(...args: any[]): any;
 //# sourceMappingURL=concatClassName.d.ts.map

package/types/index.d.ts

@@ -3,5 +3,5 @@ export * from './composeEventHandlers';
 export * from './concatClassName';
 export * from './validStyleProps';
 export * from './types';
-export * from './log';
+export * from '@tamagui/simple-hash';
 //# sourceMappingURL=index.d.ts.map

package/types/simpleHash.d.ts

@@ -1,2 +1,3 @@
-export declare const simpleHash: (str: string) => string;
+export declare const simpleHash: (str: string, hashMin?: number) => string;
+export declare function isValidCSSCharCode(code: number): boolean;
 //# sourceMappingURL=simpleHash.d.ts.map

package/types/types.d.ts

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