@tamagui/helpers 1.0.1-beta.99 → 1.0.1-rc.0

package/dist/cjs/clamp.js

@@ -1,3 +1,4 @@
+"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;

package/dist/cjs/clamp.js.map

@@ -2,6 +2,6 @@
   "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": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAO,eAAe,OAAe,CAAC,KAAK,MAAgC;AACzE,SAAO,KAAK,IAAI,KAAK,KAAK,IAAI,KAAK,KAAK,CAAC;AAC3C;",
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAO,SAAS,MAAM,OAAe,CAAC,KAAK,GAAG,GAA6B;AACzE,SAAO,KAAK,IAAI,KAAK,KAAK,IAAI,KAAK,KAAK,CAAC;AAC3C;",
   "names": []
 }

package/dist/cjs/composeEventHandlers.js

@@ -1,3 +1,4 @@
+"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
@@ -23,7 +24,7 @@ module.exports = __toCommonJS(composeEventHandlers_exports);
 function composeEventHandlers(og, next, { checkDefaultPrevented = true } = {}) {
   return function composedEventHandler(event) {
     og == null ? void 0 : og(event);
-    if (!checkDefaultPrevented || !event.defaultPrevented) {
+    if (!checkDefaultPrevented || !("defaultPrevented" in event) || "defaultPrevented" in event && !event.defaultPrevented) {
       return next == null ? void 0 : next(event);
     }
   };

package/dist/cjs/composeEventHandlers.js.map

@@ -1,7 +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": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;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;",
+  "sourcesContent": ["type Events = any\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      // @ts-ignore\n      !('defaultPrevented' in event) ||\n      // @ts-ignore\n      ('defaultPrevented' in event && !event.defaultPrevented)\n    ) {\n      return next?.(event)\n    }\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAIO,SAAS,qBACd,IACA,MACA,EAAE,wBAAwB,KAAK,IAAI,CAAC,GACpC;AACA,SAAO,SAAS,qBAAqB,OAAU;AAC7C,6BAAK;AACL,QACE,CAAC,yBAED,EAAE,sBAAsB,UAEvB,sBAAsB,SAAS,CAAC,MAAM,kBACvC;AACA,aAAO,6BAAO;AAAA,IAChB;AAAA,EACF;AACF;",
   "names": []
 }

package/dist/cjs/concatClassName.js

@@ -1,3 +1,4 @@
+"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
@@ -21,13 +22,13 @@ __export(concatClassName_exports, {
 });
 module.exports = __toCommonJS(concatClassName_exports);
 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") {

package/dist/cjs/concatClassName.js.map

@@ -1,7 +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": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;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;",
+  "sourcesContent": ["// perf sensitive so doing some weird stuff\n\n/**\n * next - take objects:\n *\n * { _shorthand: 'postfix' }\n *\n */\n\nexport function concatClassName(...args: any[]): any\nexport function concatClassName(_cn: Record<string, any> | 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": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAUO,SAAS,gBAAgB,KAAqD;AACnF,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/cjs/index.js

@@ -1,3 +1,4 @@
+"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
@@ -19,6 +20,5 @@ __reExport(src_exports, require("./composeEventHandlers"), module.exports);
 __reExport(src_exports, require("./concatClassName"), module.exports);
 __reExport(src_exports, require("./validStyleProps"), module.exports);
 __reExport(src_exports, require("./types"), module.exports);
-__reExport(src_exports, require("./log"), module.exports);
-__reExport(src_exports, require("./simpleHash"), module.exports);
+__reExport(src_exports, require("@tamagui/simple-hash"), module.exports);
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1,7 +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;AAAA;AAAA,wBAAc,oBAAd;AACA,wBAAc,mCADd;AAEA,wBAAc,8BAFd;AAGA,wBAAc,8BAHd;AAIA,wBAAc,oBAJd;AAKA,wBAAc,kBALd;AAMA,wBAAc,yBANd;",
+  "sourcesContent": ["export * from './clamp'\nexport * from './composeEventHandlers'\nexport * from './concatClassName'\nexport * from './validStyleProps'\nexport * from './types'\nexport * from '@tamagui/simple-hash'\n"],
+  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,wBAAc,oBAAd;AACA,wBAAc,mCADd;AAEA,wBAAc,8BAFd;AAGA,wBAAc,8BAHd;AAIA,wBAAc,oBAJd;AAKA,wBAAc,iCALd;",
   "names": []
 }

package/dist/cjs/log.js

@@ -1,3 +1,4 @@
+"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;

package/dist/cjs/log.js.map

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

package/dist/cjs/types.js

@@ -1,3 +1,4 @@
+"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;

package/dist/cjs/types.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/types.ts"],
   "sourcesContent": ["export type StyleObject = {\n  property: string\n  pseudo?: 'hover' | 'focus' | 'active'\n  value: string\n  identifier: string\n  rules: string[]\n}\n"],
-  "mappings": ";;;;;;;;;;;;;AAAA;AAAA;",
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;",
   "names": []
 }

package/dist/cjs/validStyleProps.js

@@ -1,21 +1,8 @@
+"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-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 __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -37,7 +24,8 @@ __export(validStyleProps_exports, {
   stylePropsTransform: () => stylePropsTransform,
   stylePropsView: () => stylePropsView,
   validPseudoKeys: () => validPseudoKeys,
-  validStyles: () => validStyles
+  validStyles: () => validStyles,
+  validStylesOnBaseProps: () => validStylesOnBaseProps
 });
 module.exports = __toCommonJS(validStyleProps_exports);
 const stylePropsTransform = Object.freeze({
@@ -55,7 +43,10 @@ const stylePropsTransform = Object.freeze({
   rotateX: true,
   rotateZ: true
 });
-const stylePropsView = Object.freeze(__spreadValues(__spreadValues({
+const validStylesOnBaseProps = Object.freeze({
+  placeholderTextColor: true
+});
+const stylePropsView = Object.freeze({
   backfaceVisibility: true,
   backgroundColor: true,
   borderBottomColor: true,
@@ -137,18 +128,21 @@ const stylePropsView = Object.freeze(__spreadValues(__spreadValues({
   shadowColor: true,
   shadowOffset: true,
   shadowOpacity: true,
-  shadowRadius: true
-}, stylePropsTransform), process.env.TAMAGUI_TARGET === "web" && {
-  overflowX: true,
-  overflowY: true,
-  userSelect: true,
-  cursor: true,
-  contain: true,
-  pointerEvents: true,
-  boxSizing: true,
-  boxShadow: true
-}));
-const stylePropsTextOnly = Object.freeze(__spreadValues({
+  shadowRadius: true,
+  ...validStylesOnBaseProps,
+  ...stylePropsTransform,
+  ...process.env.TAMAGUI_TARGET === "web" && {
+    overflowX: true,
+    overflowY: true,
+    userSelect: true,
+    cursor: true,
+    contain: true,
+    pointerEvents: true,
+    boxSizing: true,
+    boxShadow: true
+  }
+});
+const stylePropsTextOnly = Object.freeze({
   color: true,
   fontFamily: true,
   fontSize: true,
@@ -163,17 +157,23 @@ const stylePropsTextOnly = Object.freeze(__spreadValues({
   textShadowColor: true,
   textShadowOffset: true,
   textShadowRadius: true,
-  textTransform: true
-}, process.env.TAMAGUI_TARGET === "web" && {
-  whiteSpace: true,
-  wordWrap: true,
-  textOverflow: true,
-  textDecorationDistance: true,
-  userSelect: true,
-  selectable: true,
-  cursor: true
-}));
-const stylePropsText = Object.freeze(__spreadValues(__spreadValues({}, stylePropsView), stylePropsTextOnly));
+  textTransform: true,
+  ...process.env.TAMAGUI_TARGET === "web" && {
+    whiteSpace: true,
+    wordWrap: true,
+    textOverflow: true,
+    textDecorationDistance: true,
+    userSelect: true,
+    selectable: true,
+    cursor: true,
+    WebkitLineClamp: true,
+    WebkitBoxOrient: true
+  }
+});
+const stylePropsText = Object.freeze({
+  ...stylePropsView,
+  ...stylePropsTextOnly
+});
 const stylePropsAll = stylePropsText;
 const validPseudoKeys = Object.freeze({
   enterStyle: true,
@@ -182,7 +182,10 @@ const validPseudoKeys = Object.freeze({
   pressStyle: true,
   focusStyle: true
 });
-const validStyles = Object.freeze(__spreadValues(__spreadValues({}, validPseudoKeys), stylePropsView));
+const validStyles = Object.freeze({
+  ...validPseudoKeys,
+  ...stylePropsView
+});
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   stylePropsAll,
@@ -191,6 +194,7 @@ const validStyles = Object.freeze(__spreadValues(__spreadValues({}, validPseudoK
   stylePropsTransform,
   stylePropsView,
   validPseudoKeys,
-  validStyles
+  validStyles,
+  validStylesOnBaseProps
 });
 //# sourceMappingURL=validStyleProps.js.map

package/dist/cjs/validStyleProps.js.map

@@ -1,7 +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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",
+  "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 validStylesOnBaseProps = Object.freeze({\n  placeholderTextColor: 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  ...validStylesOnBaseProps,\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": "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",
   "names": []
 }

package/dist/esm/clamp.js.map

@@ -2,6 +2,6 @@
   "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;",
+  "mappings": "AAAO,SAAS,MAAM,OAAe,CAAC,KAAK,GAAG,GAA6B;AACzE,SAAO,KAAK,IAAI,KAAK,KAAK,IAAI,KAAK,KAAK,CAAC;AAC3C;",
   "names": []
 }

package/dist/esm/composeEventHandlers.js

@@ -1,7 +1,7 @@
 function composeEventHandlers(og, next, { checkDefaultPrevented = true } = {}) {
   return function composedEventHandler(event) {
     og == null ? void 0 : og(event);
-    if (!checkDefaultPrevented || !event.defaultPrevented) {
+    if (!checkDefaultPrevented || !("defaultPrevented" in event) || "defaultPrevented" in event && !event.defaultPrevented) {
       return next == null ? void 0 : next(event);
     }
   };

package/dist/esm/composeEventHandlers.js.map

@@ -1,7 +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;",
+  "sourcesContent": ["type Events = any\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      // @ts-ignore\n      !('defaultPrevented' in event) ||\n      // @ts-ignore\n      ('defaultPrevented' in event && !event.defaultPrevented)\n    ) {\n      return next?.(event)\n    }\n  }\n}\n"],
+  "mappings": "AAIO,SAAS,qBACd,IACA,MACA,EAAE,wBAAwB,KAAK,IAAI,CAAC,GACpC;AACA,SAAO,SAAS,qBAAqB,OAAU;AAC7C,6BAAK;AACL,QACE,CAAC,yBAED,EAAE,sBAAsB,UAEvB,sBAAsB,SAAS,CAAC,MAAM,kBACvC;AACA,aAAO,6BAAO;AAAA,IAChB;AAAA,EACF;AACF;",
   "names": []
 }

package/dist/esm/concatClassName.js

@@ -1,11 +1,11 @@
 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") {

package/dist/esm/concatClassName.js.map

@@ -1,7 +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;",
+  "sourcesContent": ["// perf sensitive so doing some weird stuff\n\n/**\n * next - take objects:\n *\n * { _shorthand: 'postfix' }\n *\n */\n\nexport function concatClassName(...args: any[]): any\nexport function concatClassName(_cn: Record<string, any> | 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": "AAUO,SAAS,gBAAgB,KAAqD;AACnF,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/esm/index.js

@@ -3,6 +3,5 @@ export * from "./composeEventHandlers";
 export * from "./concatClassName";
 export * from "./validStyleProps";
 export * from "./types";
-export * from "./log";
-export * from "./simpleHash";
+export * from "@tamagui/simple-hash";
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1,7 +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;",
+  "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/esm/validStyleProps.js

@@ -1,19 +1,3 @@
-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;
-};
 const stylePropsTransform = Object.freeze({
   x: true,
   y: true,
@@ -29,7 +13,10 @@ const stylePropsTransform = Object.freeze({
   rotateX: true,
   rotateZ: true
 });
-const stylePropsView = Object.freeze(__spreadValues(__spreadValues({
+const validStylesOnBaseProps = Object.freeze({
+  placeholderTextColor: true
+});
+const stylePropsView = Object.freeze({
   backfaceVisibility: true,
   backgroundColor: true,
   borderBottomColor: true,
@@ -111,18 +98,21 @@ const stylePropsView = Object.freeze(__spreadValues(__spreadValues({
   shadowColor: true,
   shadowOffset: true,
   shadowOpacity: true,
-  shadowRadius: true
-}, stylePropsTransform), process.env.TAMAGUI_TARGET === "web" && {
-  overflowX: true,
-  overflowY: true,
-  userSelect: true,
-  cursor: true,
-  contain: true,
-  pointerEvents: true,
-  boxSizing: true,
-  boxShadow: true
-}));
-const stylePropsTextOnly = Object.freeze(__spreadValues({
+  shadowRadius: true,
+  ...validStylesOnBaseProps,
+  ...stylePropsTransform,
+  ...process.env.TAMAGUI_TARGET === "web" && {
+    overflowX: true,
+    overflowY: true,
+    userSelect: true,
+    cursor: true,
+    contain: true,
+    pointerEvents: true,
+    boxSizing: true,
+    boxShadow: true
+  }
+});
+const stylePropsTextOnly = Object.freeze({
   color: true,
   fontFamily: true,
   fontSize: true,
@@ -137,17 +127,23 @@ const stylePropsTextOnly = Object.freeze(__spreadValues({
   textShadowColor: true,
   textShadowOffset: true,
   textShadowRadius: true,
-  textTransform: true
-}, process.env.TAMAGUI_TARGET === "web" && {
-  whiteSpace: true,
-  wordWrap: true,
-  textOverflow: true,
-  textDecorationDistance: true,
-  userSelect: true,
-  selectable: true,
-  cursor: true
-}));
-const stylePropsText = Object.freeze(__spreadValues(__spreadValues({}, stylePropsView), stylePropsTextOnly));
+  textTransform: true,
+  ...process.env.TAMAGUI_TARGET === "web" && {
+    whiteSpace: true,
+    wordWrap: true,
+    textOverflow: true,
+    textDecorationDistance: true,
+    userSelect: true,
+    selectable: true,
+    cursor: true,
+    WebkitLineClamp: true,
+    WebkitBoxOrient: true
+  }
+});
+const stylePropsText = Object.freeze({
+  ...stylePropsView,
+  ...stylePropsTextOnly
+});
 const stylePropsAll = stylePropsText;
 const validPseudoKeys = Object.freeze({
   enterStyle: true,
@@ -156,7 +152,10 @@ const validPseudoKeys = Object.freeze({
   pressStyle: true,
   focusStyle: true
 });
-const validStyles = Object.freeze(__spreadValues(__spreadValues({}, validPseudoKeys), stylePropsView));
+const validStyles = Object.freeze({
+  ...validPseudoKeys,
+  ...stylePropsView
+});
 export {
   stylePropsAll,
   stylePropsText,
@@ -164,6 +163,7 @@ export {
   stylePropsTransform,
   stylePropsView,
   validPseudoKeys,
-  validStyles
+  validStyles,
+  validStylesOnBaseProps
 };
 //# sourceMappingURL=validStyleProps.js.map

package/dist/esm/validStyleProps.js.map

@@ -1,7 +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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",
+  "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 validStylesOnBaseProps = Object.freeze({\n  placeholderTextColor: 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  ...validStylesOnBaseProps,\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,yBAAyB,OAAO,OAAO;AAAA,EAClD,sBAAsB;AACxB,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,EACH,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/dist/jsx/clamp.js.map

@@ -2,6 +2,6 @@
   "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;",
+  "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,8 +1,8 @@
 function composeEventHandlers(og, next, { checkDefaultPrevented = true } = {}) {
   return function composedEventHandler(event) {
-    og == null ? void 0 : og(event);
-    if (!checkDefaultPrevented || !event.defaultPrevented) {
-      return next == null ? void 0 : next(event);
+    og?.(event);
+    if (!checkDefaultPrevented || !("defaultPrevented" in event) || "defaultPrevented" in event && !event.defaultPrevented) {
+      return next?.(event);
     }
   };
 }

package/dist/jsx/composeEventHandlers.js.map

@@ -1,7 +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;",
+  "sourcesContent": ["type Events = any\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      // @ts-ignore\n      !('defaultPrevented' in event) ||\n      // @ts-ignore\n      ('defaultPrevented' in event && !event.defaultPrevented)\n    ) {\n      return next?.(event)\n    }\n  }\n}\n"],
+  "mappings": "AAIO,SAAS,qBACd,IACA,MACA,EAAE,wBAAwB,KAAK,IAAI,CAAC,GACpC;AACA,SAAO,SAAS,qBAAqB,OAAU;AAC7C,SAAK,KAAK;AACV,QACE,CAAC,yBAED,EAAE,sBAAsB,UAEvB,sBAAsB,SAAS,CAAC,MAAM,kBACvC;AACA,aAAO,OAAO,KAAK;AAAA,IACrB;AAAA,EACF;AACF;",
   "names": []
 }

package/dist/jsx/concatClassName.js

@@ -1,11 +1,11 @@
 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") {

package/dist/jsx/concatClassName.js.map

@@ -1,7 +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;",
+  "sourcesContent": ["// perf sensitive so doing some weird stuff\n\n/**\n * next - take objects:\n *\n * { _shorthand: 'postfix' }\n *\n */\n\nexport function concatClassName(...args: any[]): any\nexport function concatClassName(_cn: Record<string, any> | 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": "AAUO,SAAS,gBAAgB,KAAqD;AACnF,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,6 +3,5 @@ export * from "./composeEventHandlers";
 export * from "./concatClassName";
 export * from "./validStyleProps";
 export * from "./types";
-export * from "./log";
-export * from "./simpleHash";
+export * from "@tamagui/simple-hash";
 //# sourceMappingURL=index.js.map

package/dist/jsx/index.js.map

@@ -1,7 +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;",
+  "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/validStyleProps.js

@@ -13,6 +13,9 @@ const stylePropsTransform = Object.freeze({
   rotateX: true,
   rotateZ: true
 });
+const validStylesOnBaseProps = Object.freeze({
+  placeholderTextColor: true
+});
 const stylePropsView = Object.freeze({
   backfaceVisibility: true,
   backgroundColor: true,
@@ -96,6 +99,7 @@ const stylePropsView = Object.freeze({
   shadowOffset: true,
   shadowOpacity: true,
   shadowRadius: true,
+  ...validStylesOnBaseProps,
   ...stylePropsTransform,
   ...process.env.TAMAGUI_TARGET === "web" && {
     overflowX: true,
@@ -131,7 +135,9 @@ const stylePropsTextOnly = Object.freeze({
     textDecorationDistance: true,
     userSelect: true,
     selectable: true,
-    cursor: true
+    cursor: true,
+    WebkitLineClamp: true,
+    WebkitBoxOrient: true
   }
 });
 const stylePropsText = Object.freeze({
@@ -157,6 +163,7 @@ export {
   stylePropsTransform,
   stylePropsView,
   validPseudoKeys,
-  validStyles
+  validStyles,
+  validStylesOnBaseProps
 };
 //# sourceMappingURL=validStyleProps.js.map

package/dist/jsx/validStyleProps.js.map

@@ -1,7 +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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",
+  "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 validStylesOnBaseProps = Object.freeze({\n  placeholderTextColor: 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  ...validStylesOnBaseProps,\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": "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",
   "names": []
 }

package/package.json

@@ -1,11 +1,10 @@
 {
   "name": "@tamagui/helpers",
-  "version": "1.0.1-beta.99",
+  "version": "1.0.1-rc.0",
   "source": "src/index.ts",
   "types": "./types/index.d.ts",
   "main": "dist/cjs",
   "module": "dist/esm",
-  "module:jsx": "dist/jsx",
   "files": [
     "src",
     "types",
@@ -14,20 +13,26 @@
   "scripts": {
     "build": "tamagui-build",
     "watch": "tamagui-build --watch",
+    "lint": "eslint src",
+    "lint:fix": "yarn lint --fix",
     "clean": "tamagui-build clean",
     "clean:build": "tamagui-build clean:build"
   },
-  "devDependencies": {
-    "@tamagui/build": "^1.0.1-beta.99",
-    "react": "*",
-    "react-native": "*"
+  "dependencies": {
+    "@tamagui/simple-hash": "^1.0.1-rc.0"
   },
-  "peerDependencies": {
-    "react": "*",
-    "react-native": "*"
+  "devDependencies": {
+    "@tamagui/build": "^1.0.1-rc.0"
   },
   "publishConfig": {
     "access": "public"
   },
+  "exports": {
+    "./package.json": "./package.json",
+    ".": {
+      "import": "./dist/esm/index.js",
+      "require": "./dist/cjs/index.js"
+    }
+  },
   "gitHead": "a49cc7ea6b93ba384e77a4880ae48ac4a5635c14"
 }

package/src/composeEventHandlers.ts

@@ -1,16 +1,21 @@
-import { FocusEvent } from 'react'
-import { GestureResponderEvent } from 'react-native'
+type Events = any
 
-export type EventHandler<E extends Event | GestureResponderEvent | FocusEvent> = (event: E) => void
+export type EventHandler<E extends Events> = (event: E) => void
 
-export function composeEventHandlers<E extends Event | GestureResponderEvent | FocusEvent>(
+export function composeEventHandlers<E extends Events>(
   og?: EventHandler<E>,
   next?: EventHandler<E>,
   { checkDefaultPrevented = true } = {}
 ) {
   return function composedEventHandler(event: E) {
     og?.(event)
-    if (!checkDefaultPrevented || !event.defaultPrevented) {
+    if (
+      !checkDefaultPrevented ||
+      // @ts-ignore
+      !('defaultPrevented' in event) ||
+      // @ts-ignore
+      ('defaultPrevented' in event && !event.defaultPrevented)
+    ) {
       return next?.(event)
     }
   }

package/src/concatClassName.ts

@@ -1,17 +1,22 @@
 // perf sensitive so doing some weird stuff
 
-import { ViewStyle } from 'react-native'
+/**
+ * next - take objects:
+ *
+ * { _shorthand: 'postfix' }
+ *
+ */
 
 export function concatClassName(...args: any[]): any
-export function concatClassName(_cn: ViewStyle | null | undefined): string {
-  const cnOrPropObjcet = arguments
+export function concatClassName(_cn: Record<string, any> | null | undefined): string {
+  const args = arguments
   const usedPrefixes: string[] = []
   let final = ''
 
-  const len = cnOrPropObjcet.length
+  const len = args.length
   let propObjects: any = 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') {

package/src/index.ts

@@ -3,5 +3,4 @@ export * from './composeEventHandlers'
 export * from './concatClassName'
 export * from './validStyleProps'
 export * from './types'
-export * from './log'
-export * from './simpleHash'
+export * from '@tamagui/simple-hash'

package/src/validStyleProps.ts

@@ -15,6 +15,10 @@ export const stylePropsTransform = Object.freeze({
   rotateZ: true,
 })
 
+export const validStylesOnBaseProps = Object.freeze({
+  placeholderTextColor: true,
+})
+
 export const stylePropsView = Object.freeze({
   backfaceVisibility: true,
   backgroundColor: true,
@@ -98,6 +102,7 @@ export const stylePropsView = Object.freeze({
   shadowOffset: true,
   shadowOpacity: true,
   shadowRadius: true,
+  ...validStylesOnBaseProps,
   ...stylePropsTransform,
 
   // allow a few web only ones
@@ -139,6 +144,8 @@ export const stylePropsTextOnly = Object.freeze({
     userSelect: true,
     selectable: true,
     cursor: true,
+    WebkitLineClamp: true,
+    WebkitBoxOrient: true,
   }),
 })
 

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,6 +3,5 @@ export * from './composeEventHandlers';
 export * from './concatClassName';
 export * from './validStyleProps';
 export * from './types';
-export * from './log';
-export * from './simpleHash';
+export * from '@tamagui/simple-hash';
 //# sourceMappingURL=index.d.ts.map

package/types/validStyleProps.d.ts

@@ -13,6 +13,9 @@ export declare const stylePropsTransform: Readonly<{
     rotateX: true;
     rotateZ: true;
 }>;
+export declare const validStylesOnBaseProps: Readonly<{
+    placeholderTextColor: true;
+}>;
 export declare const stylePropsView: Readonly<{
     overflowX?: true | undefined;
     overflowY?: true | undefined;
@@ -35,6 +38,7 @@ export declare const stylePropsView: Readonly<{
     rotateY: true;
     rotateX: true;
     rotateZ: true;
+    placeholderTextColor: true;
     backfaceVisibility: true;
     backgroundColor: true;
     borderBottomColor: true;
@@ -126,6 +130,8 @@ export declare const stylePropsTextOnly: Readonly<{
     userSelect?: true | undefined;
     selectable?: true | undefined;
     cursor?: true | undefined;
+    WebkitLineClamp?: true | undefined;
+    WebkitBoxOrient?: true | undefined;
     color: true;
     fontFamily: true;
     fontSize: true;
@@ -150,6 +156,8 @@ export declare const stylePropsText: Readonly<{
     userSelect?: true | undefined;
     selectable?: true | undefined;
     cursor?: true | undefined;
+    WebkitLineClamp?: true | undefined;
+    WebkitBoxOrient?: true | undefined;
     color: true;
     fontFamily: true;
     fontSize: true;
@@ -184,6 +192,7 @@ export declare const stylePropsText: Readonly<{
     rotateY: true;
     rotateX: true;
     rotateZ: true;
+    placeholderTextColor: true;
     backfaceVisibility: true;
     backgroundColor: true;
     borderBottomColor: true;
@@ -275,6 +284,8 @@ export declare const stylePropsAll: Readonly<{
     userSelect?: true | undefined;
     selectable?: true | undefined;
     cursor?: true | undefined;
+    WebkitLineClamp?: true | undefined;
+    WebkitBoxOrient?: true | undefined;
     color: true;
     fontFamily: true;
     fontSize: true;
@@ -309,6 +320,7 @@ export declare const stylePropsAll: Readonly<{
     rotateY: true;
     rotateX: true;
     rotateZ: true;
+    placeholderTextColor: true;
     backfaceVisibility: true;
     backgroundColor: true;
     borderBottomColor: true;
@@ -421,6 +433,7 @@ export declare const validStyles: Readonly<{
     rotateY: true;
     rotateX: true;
     rotateZ: true;
+    placeholderTextColor: true;
     backfaceVisibility: true;
     backgroundColor: true;
     borderBottomColor: true;

package/dist/cjs/simpleHash.js

@@ -1,36 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var simpleHash_exports = {};
-__export(simpleHash_exports, {
-  simpleHash: () => simpleHash
-});
-module.exports = __toCommonJS(simpleHash_exports);
-const simpleHash = (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);
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  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;AAAA;AAAA;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/esm/simpleHash.js

@@ -1,13 +0,0 @@
-const simpleHash = (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);
-};
-export {
-  simpleHash
-};
-//# sourceMappingURL=simpleHash.js.map

package/dist/esm/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": "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/simpleHash.js

@@ -1,13 +0,0 @@
-const simpleHash = (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);
-};
-export {
-  simpleHash
-};
-//# sourceMappingURL=simpleHash.js.map

package/dist/jsx/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": "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/src/log.ts

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

package/src/simpleHash.ts

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

package/types/composeEventHandlers.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"composeEventHandlers.d.ts","sourceRoot":"","sources":["../src/composeEventHandlers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAClC,OAAO,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAA;AAEpD,oBAAY,YAAY,CAAC,CAAC,SAAS,KAAK,GAAG,qBAAqB,GAAG,UAAU,IAAI,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAA;AAEnG,wBAAgB,oBAAoB,CAAC,CAAC,SAAS,KAAK,GAAG,qBAAqB,GAAG,UAAU,EACvF,EAAE,CAAC,EAAE,YAAY,CAAC,CAAC,CAAC,EACpB,IAAI,CAAC,EAAE,YAAY,CAAC,CAAC,CAAC,EACtB,EAAE,qBAA4B,EAAE;;CAAK,WAEO,CAAC,UAM9C"}

package/types/log.d.ts

@@ -1,2 +0,0 @@
-export declare const log: (...args: any) => any;
-//# sourceMappingURL=log.d.ts.map

package/types/simpleHash.d.ts

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

package/types/simpleHash.d.ts.map

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