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

package/dist/cjs/helpers/getThemeCSSRules.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/helpers/getThemeCSSRules.ts"],
+  "sourcesContent": ["import { THEME_CLASSNAME_PREFIX } from '../constants/constants'\nimport { Variable, variableToString } from '../createVariable'\nimport { CreateTamaguiProps, ThemeParsed } from '../types'\nimport { tokensValueToVariable } from './registerCSSVariable'\n\nexport function getThemeCSSRules({\n  config,\n  themeName,\n  theme,\n  names,\n}: {\n  config: CreateTamaguiProps\n  themeName: string\n  theme: ThemeParsed\n  names: string[]\n}) {\n  const cssRuleSets: string[] = []\n\n  // special case for SSR\n  const hasDarkLight = 'light' in config.themes && 'dark' in config.themes\n  const CNP = `.${THEME_CLASSNAME_PREFIX}`\n  let vars = ''\n\n  // themeToVariableToValueMap.set(theme, {})\n  // const varToValMap = themeToVariableToValueMap.get(theme)\n  for (const themeKey in theme) {\n    const variable = theme[themeKey] as Variable\n    let value: any = null\n    // if (varToValMap) {\n    //   varToValMap[variable.variable] = variable.val\n    // }\n    if (!tokensValueToVariable.has(variable.val)) {\n      value = variable.val\n    } else {\n      value = tokensValueToVariable.get(variable.val)!.variable\n    }\n    vars += `--${themeKey}:${value};`\n  }\n\n  const isDarkOrLightBase = themeName === 'dark' || themeName === 'light'\n  const selectors = names.map((name) => {\n    return `${CNP}${name}`\n  })\n\n  // since we dont specify dark/light in classnames we have to do an awkward specificity war\n  // use config.maxDarkLightNesting to determine how deep you can nest until it breaks\n  if (hasDarkLight) {\n    for (const subName of names) {\n      const isDark = isDarkOrLightBase || subName.startsWith('dark_')\n      const max = config.maxDarkLightNesting ?? 3\n\n      if (!isDark && !subName.startsWith('light_')) {\n        // neither light nor dark subtheme, just generate one selector with :root:root which\n        // will override all :root light/dark selectors generated below\n        selectors.push(`:root:root ${CNP}${subName}`)\n        continue\n      }\n\n      const childSelector = `${CNP}${subName.replace(isDark ? 'dark_' : 'light_', '')}`\n      const order = isDark ? ['dark', 'light'] : ['light', 'dark']\n      if (isDarkOrLightBase) {\n        order.reverse()\n      }\n      const [stronger, weaker] = order\n      const numSelectors = Math.round(max * 1.5)\n\n      for (let pi = 0; pi < numSelectors; pi++) {\n        const isOdd = pi % 2 === 1\n        if (isOdd && pi < 3) continue\n        const parents = new Array(pi + 1).fill(undefined).map((_, psi) => {\n          return `${CNP}${psi % 2 === 0 ? stronger : weaker}`\n        })\n        let parentSelectors = parents.length > 1 ? parents.slice(1) : parents\n        if (isOdd) {\n          const [_first, second, ...rest] = parentSelectors\n          parentSelectors = [second, ...rest, second]\n        }\n        // avoid .t_light .t_light at the end (make sure child is unique from last parent)\n        const lastParentSelector = parentSelectors[parentSelectors.length - 1]\n        selectors.push(\n          `${parentSelectors.join(' ')} ${\n            childSelector === lastParentSelector ? '' : childSelector\n          }`\n        )\n      }\n    }\n  }\n\n  const selectorsString = selectors.map((x) => {\n    // only do our :root attach if it's not light/dark - not support sub themes on root saves a lot of effort/size\n    // this isBaseTheme logic could probably be done more efficiently above\n    const isBaseTheme =\n      x === '.t_dark' || x === '.t_light' || x.startsWith('.t_dark ') || x.startsWith('.t_light ')\n    const rootSep = isBaseTheme && config.themeClassNameOnRoot ? '' : ' '\n    return `:root${rootSep}${x}`\n  })\n  const css = `${selectorsString.join(', ')} {${vars}}`\n  cssRuleSets.push(css)\n\n  if (config.shouldAddPrefersColorThemes && isDarkOrLightBase) {\n    // add media prefers for dark/light base\n    const isDark = themeName.startsWith('dark')\n    cssRuleSets.push(\n      `@media(prefers-color-scheme: ${isDark ? 'dark' : 'light'}) {\nbody { background:${variableToString(theme.background)}; color: ${variableToString(theme.color)} }\n:root {${vars} } \n}`\n    )\n  }\n\n  return cssRuleSets\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAAuC;AACvC,4BAA2C;AAE3C,iCAAsC;AAE/B,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAKG;AACD,QAAM,cAAwB,CAAC;AAG/B,QAAM,eAAe,WAAW,OAAO,UAAU,UAAU,OAAO;AAClE,QAAM,MAAM,IAAI;AAChB,MAAI,OAAO;AAIX,aAAW,YAAY,OAAO;AAC5B,UAAM,WAAW,MAAM;AACvB,QAAI,QAAa;AAIjB,QAAI,CAAC,iDAAsB,IAAI,SAAS,GAAG,GAAG;AAC5C,cAAQ,SAAS;AAAA,IACnB,OAAO;AACL,cAAQ,iDAAsB,IAAI,SAAS,GAAG,EAAG;AAAA,IACnD;AACA,YAAQ,KAAK,YAAY;AAAA,EAC3B;AAEA,QAAM,oBAAoB,cAAc,UAAU,cAAc;AAChE,QAAM,YAAY,MAAM,IAAI,CAAC,SAAS;AACpC,WAAO,GAAG,MAAM;AAAA,EAClB,CAAC;AAID,MAAI,cAAc;AAChB,eAAW,WAAW,OAAO;AAC3B,YAAM,SAAS,qBAAqB,QAAQ,WAAW,OAAO;AAC9D,YAAM,MAAM,OAAO,uBAAuB;AAE1C,UAAI,CAAC,UAAU,CAAC,QAAQ,WAAW,QAAQ,GAAG;AAG5C,kBAAU,KAAK,cAAc,MAAM,SAAS;AAC5C;AAAA,MACF;AAEA,YAAM,gBAAgB,GAAG,MAAM,QAAQ,QAAQ,SAAS,UAAU,UAAU,EAAE;AAC9E,YAAM,QAAQ,SAAS,CAAC,QAAQ,OAAO,IAAI,CAAC,SAAS,MAAM;AAC3D,UAAI,mBAAmB;AACrB,cAAM,QAAQ;AAAA,MAChB;AACA,YAAM,CAAC,UAAU,MAAM,IAAI;AAC3B,YAAM,eAAe,KAAK,MAAM,MAAM,GAAG;AAEzC,eAAS,KAAK,GAAG,KAAK,cAAc,MAAM;AACxC,cAAM,QAAQ,KAAK,MAAM;AACzB,YAAI,SAAS,KAAK;AAAG;AACrB,cAAM,UAAU,IAAI,MAAM,KAAK,CAAC,EAAE,KAAK,MAAS,EAAE,IAAI,CAAC,GAAG,QAAQ;AAChE,iBAAO,GAAG,MAAM,MAAM,MAAM,IAAI,WAAW;AAAA,QAC7C,CAAC;AACD,YAAI,kBAAkB,QAAQ,SAAS,IAAI,QAAQ,MAAM,CAAC,IAAI;AAC9D,YAAI,OAAO;AACT,gBAAM,CAAC,QAAQ,WAAW,IAAI,IAAI;AAClC,4BAAkB,CAAC,QAAQ,GAAG,MAAM,MAAM;AAAA,QAC5C;AAEA,cAAM,qBAAqB,gBAAgB,gBAAgB,SAAS;AACpE,kBAAU;AAAA,UACR,GAAG,gBAAgB,KAAK,GAAG,KACzB,kBAAkB,qBAAqB,KAAK;AAAA,QAEhD;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEA,QAAM,kBAAkB,UAAU,IAAI,CAAC,MAAM;AAG3C,UAAM,cACJ,MAAM,aAAa,MAAM,cAAc,EAAE,WAAW,UAAU,KAAK,EAAE,WAAW,WAAW;AAC7F,UAAM,UAAU,eAAe,OAAO,uBAAuB,KAAK;AAClE,WAAO,QAAQ,UAAU;AAAA,EAC3B,CAAC;AACD,QAAM,MAAM,GAAG,gBAAgB,KAAK,IAAI,MAAM;AAC9C,cAAY,KAAK,GAAG;AAEpB,MAAI,OAAO,+BAA+B,mBAAmB;AAE3D,UAAM,SAAS,UAAU,WAAW,MAAM;AAC1C,gBAAY;AAAA,MACV,gCAAgC,SAAS,SAAS;AAAA,wBACpC,wCAAiB,MAAM,UAAU,iBAAa,wCAAiB,MAAM,KAAK;AAAA,SACrF;AAAA;AAAA,IAEL;AAAA,EACF;AAEA,SAAO;AACT;",
+  "names": []
+}

package/dist/cjs/helpers/getThemeCSSRules.native.js

@@ -0,0 +1,31 @@
+"use strict";
+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 getThemeCSSRules_native_exports = {};
+__export(getThemeCSSRules_native_exports, {
+  getThemeCSSRules: () => getThemeCSSRules
+});
+module.exports = __toCommonJS(getThemeCSSRules_native_exports);
+function getThemeCSSRules() {
+  return [];
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  getThemeCSSRules
+});
+//# sourceMappingURL=getThemeCSSRules.native.js.map

package/dist/cjs/helpers/getThemeCSSRules.native.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/helpers/getThemeCSSRules.native.ts"],
+  "sourcesContent": ["export function getThemeCSSRules() {\n  return []\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAO,SAAS,mBAAmB;AACjC,SAAO,CAAC;AACV;",
+  "names": []
+}

package/dist/cjs/helpers/getVariantExtras.js

@@ -1,3 +1,4 @@
+"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
@@ -17,30 +18,72 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var getVariantExtras_exports = {};
 __export(getVariantExtras_exports, {
+  getFontsForLanguage: () => getFontsForLanguage,
   getVariantExtras: () => getVariantExtras
 });
 module.exports = __toCommonJS(getVariantExtras_exports);
-var import_conf = require("../conf");
-function getVariantExtras(props, theme, defaultProps, avoidDefaultProps = false) {
-  const conf = (0, import_conf.getConfig)();
-  return {
-    fonts: conf.fontsParsed,
+var import_config = require("../config");
+var import_createProxy = require("./createProxy");
+const extrasCache = /* @__PURE__ */ new WeakMap();
+function getVariantExtras(props, languageContext, theme, defaultProps, avoidDefaultProps = false) {
+  const conf = (0, import_config.getConfig)();
+  if (extrasCache.has(props)) {
+    return extrasCache.get(props);
+  }
+  let fonts = conf.fontsParsed;
+  if (languageContext) {
+    fonts = getFontsForLanguage(conf.fontsParsed, languageContext);
+  }
+  const next = {
+    fonts,
     tokens: conf.tokensParsed,
     theme,
-    props: avoidDefaultProps ? props : new Proxy(props, {
+    props: avoidDefaultProps ? props : (0, import_createProxy.createProxy)(props, {
       get(target, key) {
+        const shorthand = conf.inverseShorthands[key];
+        if (shorthand && Reflect.has(target, shorthand)) {
+          return Reflect.get(target, shorthand);
+        }
         if (Reflect.has(target, key)) {
           return Reflect.get(target, key);
         }
         if (defaultProps) {
-          return Reflect.get(defaultProps, key);
+          if (shorthand && Reflect.has(defaultProps, shorthand)) {
+            return Reflect.get(defaultProps, shorthand);
+          }
+          if (Reflect.has(defaultProps, key)) {
+            return Reflect.get(defaultProps, key);
+          }
         }
       }
     })
   };
+  extrasCache.set(props, next);
+  return next;
+}
+const fontLanguageCache = /* @__PURE__ */ new WeakMap();
+function getFontsForLanguage(fonts, language) {
+  if (fontLanguageCache.has(language)) {
+    return fontLanguageCache.get(language);
+  }
+  const next = {
+    ...fonts,
+    ...Object.fromEntries(
+      Object.entries(language).map(([name, lang]) => {
+        if (lang === "default") {
+          return [];
+        }
+        const langKey = `$${name}_${lang}`;
+        return [`$${name}`, fonts[langKey]];
+      })
+    )
+  };
+  fontLanguageCache.set(language, next);
+  return next;
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  getFontsForLanguage,
   getVariantExtras
 });
 //# sourceMappingURL=getVariantExtras.js.map

package/dist/cjs/helpers/getVariantExtras.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/helpers/getVariantExtras.tsx"],
-  "sourcesContent": ["import { getConfig } from '../conf'\n\nexport function getVariantExtras(\n  props: any,\n  theme?: any,\n  defaultProps?: any,\n  avoidDefaultProps = false\n) {\n  const conf = getConfig()\n  return {\n    fonts: conf.fontsParsed,\n    tokens: conf.tokensParsed,\n    theme,\n    // TODO do this in splitstlye\n    // we avoid passing in default props for media queries because that would confuse things like SizableText.size:\n    props: avoidDefaultProps\n      ? props\n      : new Proxy(props, {\n          get(target, key) {\n            if (Reflect.has(target, key)) {\n              return Reflect.get(target, key)\n            }\n            // these props may be extracted into classNames, but we still want to access them\n            // at runtime, so we proxy back to defaultProps but don't pass them\n            if (defaultProps) {\n              return Reflect.get(defaultProps, key)\n            }\n          },\n        }),\n  }\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAA0B;AAEnB,0BACL,OACA,OACA,cACA,oBAAoB,OACpB;AACA,QAAM,OAAO,2BAAU;AACvB,SAAO;AAAA,IACL,OAAO,KAAK;AAAA,IACZ,QAAQ,KAAK;AAAA,IACb;AAAA,IAGA,OAAO,oBACH,QACA,IAAI,MAAM,OAAO;AAAA,MACf,IAAI,QAAQ,KAAK;AACf,YAAI,QAAQ,IAAI,QAAQ,GAAG,GAAG;AAC5B,iBAAO,QAAQ,IAAI,QAAQ,GAAG;AAAA,QAChC;AAGA,YAAI,cAAc;AAChB,iBAAO,QAAQ,IAAI,cAAc,GAAG;AAAA,QACtC;AAAA,MACF;AAAA,IACF,CAAC;AAAA,EACP;AACF;",
+  "sourcesContent": ["import { getConfig } from '../config'\nimport { GenericFonts } from '../types'\nimport { LanguageContextType } from '../views/FontLanguage.types'\nimport { createProxy } from './createProxy'\n\nconst extrasCache = new WeakMap()\n\nexport function getVariantExtras(\n  props: any,\n  languageContext?: LanguageContextType,\n  theme?: any,\n  defaultProps?: any,\n  avoidDefaultProps = false\n) {\n  const conf = getConfig()\n\n  if (extrasCache.has(props)) {\n    return extrasCache.get(props)\n  }\n\n  let fonts = conf.fontsParsed\n  if (languageContext) {\n    fonts = getFontsForLanguage(conf.fontsParsed, languageContext)\n  }\n\n  const next = {\n    fonts,\n    tokens: conf.tokensParsed,\n    theme,\n    // TODO do this in splitstlye\n    // we avoid passing in default props for media queries because that would confuse things like SizableText.size:\n    props: avoidDefaultProps\n      ? props\n      : createProxy(props, {\n          // handles shorthands\n          get(target, key) {\n            const shorthand = conf.inverseShorthands[key as any]\n            // shorthands before longhand because a styled() with longhand combined with inline shorthand\n            // shorthand will always be the overriding key\n            if (shorthand && Reflect.has(target, shorthand)) {\n              return Reflect.get(target, shorthand)\n            }\n            if (Reflect.has(target, key)) {\n              return Reflect.get(target, key)\n            }\n            // these props may be extracted into classNames, but we still want to access them\n            // at runtime, so we proxy back to defaultProps but don't pass them\n            if (defaultProps) {\n              if (shorthand && Reflect.has(defaultProps, shorthand)) {\n                return Reflect.get(defaultProps, shorthand)\n              }\n              if (Reflect.has(defaultProps, key)) {\n                return Reflect.get(defaultProps, key)\n              }\n            }\n          },\n        }),\n  }\n\n  extrasCache.set(props, next)\n\n  return next\n}\n\nconst fontLanguageCache = new WeakMap()\n\nexport function getFontsForLanguage(fonts: GenericFonts, language: LanguageContextType) {\n  if (fontLanguageCache.has(language)) {\n    return fontLanguageCache.get(language)\n  }\n  const next = {\n    ...fonts,\n    ...Object.fromEntries(\n      Object.entries(language).map(([name, lang]) => {\n        if (lang === 'default') {\n          return []\n        }\n        const langKey = `$${name}_${lang}`\n        return [`$${name}`, fonts[langKey]]\n      })\n    ),\n  }\n  fontLanguageCache.set(language, next)\n  return next\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAA0B;AAG1B,yBAA4B;AAE5B,MAAM,cAAc,oBAAI,QAAQ;AAEzB,SAAS,iBACd,OACA,iBACA,OACA,cACA,oBAAoB,OACpB;AACA,QAAM,WAAO,yBAAU;AAEvB,MAAI,YAAY,IAAI,KAAK,GAAG;AAC1B,WAAO,YAAY,IAAI,KAAK;AAAA,EAC9B;AAEA,MAAI,QAAQ,KAAK;AACjB,MAAI,iBAAiB;AACnB,YAAQ,oBAAoB,KAAK,aAAa,eAAe;AAAA,EAC/D;AAEA,QAAM,OAAO;AAAA,IACX;AAAA,IACA,QAAQ,KAAK;AAAA,IACb;AAAA,IAGA,OAAO,oBACH,YACA,gCAAY,OAAO;AAAA,MAEjB,IAAI,QAAQ,KAAK;AACf,cAAM,YAAY,KAAK,kBAAkB;AAGzC,YAAI,aAAa,QAAQ,IAAI,QAAQ,SAAS,GAAG;AAC/C,iBAAO,QAAQ,IAAI,QAAQ,SAAS;AAAA,QACtC;AACA,YAAI,QAAQ,IAAI,QAAQ,GAAG,GAAG;AAC5B,iBAAO,QAAQ,IAAI,QAAQ,GAAG;AAAA,QAChC;AAGA,YAAI,cAAc;AAChB,cAAI,aAAa,QAAQ,IAAI,cAAc,SAAS,GAAG;AACrD,mBAAO,QAAQ,IAAI,cAAc,SAAS;AAAA,UAC5C;AACA,cAAI,QAAQ,IAAI,cAAc,GAAG,GAAG;AAClC,mBAAO,QAAQ,IAAI,cAAc,GAAG;AAAA,UACtC;AAAA,QACF;AAAA,MACF;AAAA,IACF,CAAC;AAAA,EACP;AAEA,cAAY,IAAI,OAAO,IAAI;AAE3B,SAAO;AACT;AAEA,MAAM,oBAAoB,oBAAI,QAAQ;AAE/B,SAAS,oBAAoB,OAAqB,UAA+B;AACtF,MAAI,kBAAkB,IAAI,QAAQ,GAAG;AACnC,WAAO,kBAAkB,IAAI,QAAQ;AAAA,EACvC;AACA,QAAM,OAAO;AAAA,IACX,GAAG;AAAA,IACH,GAAG,OAAO;AAAA,MACR,OAAO,QAAQ,QAAQ,EAAE,IAAI,CAAC,CAAC,MAAM,IAAI,MAAM;AAC7C,YAAI,SAAS,WAAW;AACtB,iBAAO,CAAC;AAAA,QACV;AACA,cAAM,UAAU,IAAI,QAAQ;AAC5B,eAAO,CAAC,IAAI,QAAQ,MAAM,QAAQ;AAAA,MACpC,CAAC;AAAA,IACH;AAAA,EACF;AACA,oBAAkB,IAAI,UAAU,IAAI;AACpC,SAAO;AACT;",
   "names": []
 }

package/dist/cjs/helpers/insertStyleRule.js

@@ -1,3 +1,4 @@
+"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
@@ -17,35 +18,31 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var insertStyleRule_exports = {};
 __export(insertStyleRule_exports, {
+  getAllRules: () => getAllRules,
   getAllSelectors: () => getAllSelectors,
   getAllTransforms: () => getAllTransforms,
-  getInsertedRules: () => getInsertedRules,
-  insertStyleRule: () => insertStyleRule,
+  insertStyleRules: () => insertStyleRules,
   insertedTransforms: () => insertedTransforms,
+  shouldInsertStyleRules: () => shouldInsertStyleRules,
   updateInserted: () => updateInserted,
-  updateInsertedCache: () => updateInsertedCache
+  updateRules: () => updateRules
 });
 module.exports = __toCommonJS(insertStyleRule_exports);
 const allSelectors = {};
-const insertedSelectors = {};
+const allRules = {};
 const insertedTransforms = {};
 const getAllSelectors = () => allSelectors;
-const getInsertedRules = () => Object.values(insertedSelectors);
+const getAllRules = () => Object.values(allRules);
 const getAllTransforms = () => insertedTransforms;
 function addTransform(identifier, css, rule) {
   const s = css.indexOf("transform:");
   if (s === -1) {
     if (process.env.NODE_ENV === "development") {
-      if (css.indexOf("{ }")) {
-        console.log("wah wah");
-        return false;
-      }
       console.groupCollapsed(`\u274C Invalid transform, likely used deg/% improperly ${identifier}`);
       console.log("rule:", rule);
       console.trace();
       console.groupEnd();
     } else {
-      console.warn(`Missing transform`, identifier, css, rule);
     }
     return false;
   }
@@ -70,7 +67,14 @@ function updateInserted() {
     return;
   for (let i = 0; i < sheets.length; i++) {
     const sheet2 = sheets[i];
-    const rules = sheet2.cssRules;
+    if (!sheet2)
+      continue;
+    let rules;
+    try {
+      rules = sheet2.cssRules;
+    } catch {
+      continue;
+    }
     const len = rules.length;
     const lastScanned = scannedNum.get(sheet2) ?? 0;
     if (lastScanned === len) {
@@ -87,7 +91,7 @@ function updateInserted() {
         const isTransform = identifier.startsWith("_transform");
         const shouldInsert = isTransform ? addTransform(identifier, cssRule.cssText, cssRule) : true;
         if (shouldInsert) {
-          allSelectors[identifier] = process.env.NODE_ENV === "development" ? cssRule.cssText : true;
+          allSelectors[identifier] = cssRule.cssText;
         }
       }
     }
@@ -96,11 +100,12 @@ function updateInserted() {
 }
 function getTamaguiSelector(rule) {
   if (rule instanceof CSSStyleRule) {
-    if (rule.selectorText.startsWith("._")) {
-      return [rule.selectorText.slice(1), rule];
+    const text = rule.selectorText;
+    if (text.startsWith("._")) {
+      return [text.slice(1), rule];
     }
-    if (rule.selectorText.startsWith(":root") && rule.selectorText.includes("._")) {
-      return [getIdentifierFromTamaguiSelector(rule.selectorText), rule];
+    if (text.startsWith(":root") && text.includes("._")) {
+      return [getIdentifierFromTamaguiSelector(text), rule];
     }
   } else if (rule instanceof CSSMediaRule) {
     if (rule.cssRules.length > 1)
@@ -112,30 +117,50 @@ function getTamaguiSelector(rule) {
 const getIdentifierFromTamaguiSelector = (selector) => selector.replace(/(:root)+\s+/, "").replace(/:[a-z]+$/, "").slice(1);
 updateInserted();
 const sheet = isClient ? document.head.appendChild(document.createElement("style")).sheet : null;
-function updateInsertedCache(identifier, rule) {
-  if (insertedSelectors[identifier])
+function updateRules(identifier, rules) {
+  if (allRules[identifier])
     return false;
-  insertedSelectors[identifier] = rule;
+  allRules[identifier] = rules.join(" ");
   if (identifier.startsWith("_transform")) {
-    return addTransform(identifier, rule);
+    return addTransform(identifier, rules[0]);
   }
   return true;
 }
-function insertStyleRule(identifier, rule) {
-  if (allSelectors[identifier])
+function insertStyleRules(rulesToInsert) {
+  if (isClient && !sheet) {
+    if (process.env.NODE_ENV === "development") {
+      console.warn(`Missing sheet`);
+    }
     return;
-  updateInsertedCache(identifier, rule);
-  allSelectors[identifier] = process.env.NODE_ENV === "development" ? rule : true;
-  sheet == null ? void 0 : sheet.insertRule(rule, sheet.cssRules.length);
+  }
+  for (const { identifier, rules } of rulesToInsert) {
+    if (allSelectors[identifier])
+      continue;
+    allSelectors[identifier] = process.env.NODE_ENV === "development" ? rules.join("\n") : "";
+    updateRules(identifier, rules);
+    if (sheet) {
+      for (const rule of rules) {
+        sheet.insertRule(rule, sheet.cssRules.length);
+      }
+    }
+  }
+}
+const IS_STATIC = process.env.IS_STATIC === "is_static";
+function shouldInsertStyleRules(styleObject) {
+  if (IS_STATIC) {
+    return true;
+  }
+  return !allSelectors[styleObject.identifier];
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  getAllRules,
   getAllSelectors,
   getAllTransforms,
-  getInsertedRules,
-  insertStyleRule,
+  insertStyleRules,
   insertedTransforms,
+  shouldInsertStyleRules,
   updateInserted,
-  updateInsertedCache
+  updateRules
 });
 //# sourceMappingURL=insertStyleRule.js.map

package/dist/cjs/helpers/insertStyleRule.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/helpers/insertStyleRule.tsx"],
-  "sourcesContent": ["// this needs to check if its inserted already? 99% of the time it is\n// this should avoid re-inserts, but need to test the perf trade-offs\n// i tested with the site itself and the initial insert was trivial\n\nconst allSelectors = {}\nconst insertedSelectors = {}\nexport const insertedTransforms = {}\n\nexport const getAllSelectors = () => allSelectors\nexport const getInsertedRules = () => Object.values(insertedSelectors)\nexport const getAllTransforms = () => insertedTransforms\n\n// keep transforms in map for merging later\nfunction addTransform(identifier: string, css: string, rule?: CSSRule) {\n  const s = css.indexOf('transform:')\n  if (s === -1) {\n    if (process.env.NODE_ENV === 'development') {\n      // sometimes getting empty style rules from webpack... :/ only in dev\n      if (css.indexOf('{ }')) {\n        console.log('wah wah')\n        return false\n      }\n      console.groupCollapsed(`\u274C Invalid transform, likely used deg/% improperly ${identifier}`)\n      console.log('rule:', rule)\n      console.trace()\n      console.groupEnd()\n    } else {\n      console.warn(`Missing transform`, identifier, css, rule)\n    }\n    return false\n  }\n  const startI = s + 'transform:'.length\n  const endI = css.indexOf(';')\n  const value = css.slice(startI, endI)\n  if (!insertedTransforms[identifier]) {\n    insertedTransforms[identifier] = value\n    return true\n  }\n  return false\n}\n\nconst isClient = typeof document !== 'undefined'\n\n// gets existing ones (client side)\n// takes ~0.1ms for a fairly large page\n// used now for three things:\n//   1. debugging at dev time\n//   2. avoid duplicate insert styles at runtime\n//   3. used now for merging transforms atomically\nconst scannedNum = new WeakMap<CSSStyleSheet, number>()\n\nexport function updateInserted() {\n  if (process.env.NODE_ENV === 'test') return\n  if (!isClient) return\n  const sheets = document.styleSheets\n  if (!sheets) return\n  for (let i = 0; i < sheets.length; i++) {\n    const sheet = sheets[i]\n    const rules = sheet.cssRules\n    const len = rules.length\n    const lastScanned = scannedNum.get(sheet) ?? 0\n    if (lastScanned === len) {\n      continue\n    }\n    for (let i = lastScanned; i < len; i++) {\n      const rule = rules[i]\n      const response = getTamaguiSelector(rule)\n      if (!response) {\n        continue\n      }\n      const [identifier, cssRule] = response\n      if (!allSelectors[identifier]) {\n        const isTransform = identifier.startsWith('_transform')\n        const shouldInsert = isTransform ? addTransform(identifier, cssRule.cssText, cssRule) : true\n        if (shouldInsert) {\n          allSelectors[identifier] = process.env.NODE_ENV === 'development' ? cssRule.cssText : true\n        }\n      }\n    }\n    scannedNum.set(sheet, i)\n  }\n}\n\nfunction getTamaguiSelector(rule: CSSRule | null): readonly [string, CSSStyleRule] | null {\n  if (rule instanceof CSSStyleRule) {\n    if (rule.selectorText.startsWith('._')) {\n      return [rule.selectorText.slice(1), rule]\n    }\n    if (rule.selectorText.startsWith(':root') && rule.selectorText.includes('._')) {\n      return [getIdentifierFromTamaguiSelector(rule.selectorText), rule]\n    }\n  } else if (rule instanceof CSSMediaRule) {\n    // tamagui only ever inserts 1 rule per media\n    if (rule.cssRules.length > 1) return null\n    return getTamaguiSelector(rule.cssRules[0])\n  }\n  return null\n}\n\nconst getIdentifierFromTamaguiSelector = (selector: string) =>\n  selector\n    .replace(/(:root)+\\s+/, '')\n    .replace(/:[a-z]+$/, '')\n    .slice(1)\n\nupdateInserted()\n\nconst sheet = isClient ? document.head.appendChild(document.createElement('style')).sheet : null\n\nexport function updateInsertedCache(identifier: string, rule: string) {\n  if (insertedSelectors[identifier]) return false\n  insertedSelectors[identifier] = rule\n  if (identifier.startsWith('_transform')) {\n    return addTransform(identifier, rule)\n  }\n  return true\n}\n\nexport function insertStyleRule(identifier: string, rule: string) {\n  if (allSelectors[identifier]) return\n  updateInsertedCache(identifier, rule)\n  allSelectors[identifier] = process.env.NODE_ENV === 'development' ? rule : true\n  sheet?.insertRule(rule, sheet.cssRules.length)\n}\n"],
-  "mappings": "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",
-  "names": []
+  "sourcesContent": ["// this needs to check if its inserted already? 99% of the time it is\n// this should avoid re-inserts, but need to test the perf trade-offs\n// i tested with the site itself and the initial insert was trivial\n\nimport type { StyleObject } from '@tamagui/helpers'\n\nconst allSelectors: Record<string, string> = {}\nconst allRules: Record<string, string> = {}\nexport const insertedTransforms = {}\n\nexport const getAllSelectors = () => allSelectors\nexport const getAllRules = () => Object.values(allRules)\nexport const getAllTransforms = () => insertedTransforms\n\n// keep transforms in map for merging later\nfunction addTransform(identifier: string, css: string, rule?: CSSRule) {\n  const s = css.indexOf('transform:')\n  if (s === -1) {\n    if (process.env.NODE_ENV === 'development') {\n      // eslint-disable-next-line no-console\n      console.groupCollapsed(`\u274C Invalid transform, likely used deg/% improperly ${identifier}`)\n      // eslint-disable-next-line no-console\n      console.log('rule:', rule)\n      // eslint-disable-next-line no-console\n      console.trace()\n      // eslint-disable-next-line no-console\n      console.groupEnd()\n    } else {\n      // missing transform\n    }\n    return false\n  }\n  const startI = s + 'transform:'.length\n  const endI = css.indexOf(';')\n  const value = css.slice(startI, endI)\n  if (!insertedTransforms[identifier]) {\n    insertedTransforms[identifier] = value\n    return true\n  }\n  return false\n}\n\nconst isClient = typeof document !== 'undefined'\n\n// gets existing ones (client side)\n// takes ~0.1ms for a fairly large page\n// used now for three things:\n//   1. debugging at dev time\n//   2. avoid duplicate insert styles at runtime\n//   3. used now for merging transforms atomically\nconst scannedNum = new WeakMap<CSSStyleSheet, number>()\n\nexport function updateInserted() {\n  if (process.env.NODE_ENV === 'test') return\n  if (!isClient) return\n  const sheets = document.styleSheets\n  if (!sheets) return\n  for (let i = 0; i < sheets.length; i++) {\n    const sheet = sheets[i]\n    if (!sheet) continue\n\n    // avoid errors on cross origin sheets\n    // https://stackoverflow.com/questions/49993633/uncaught-domexception-failed-to-read-the-cssrules-property\n    let rules: CSSRuleList\n    try {\n      rules = sheet.cssRules\n    } catch {\n      continue\n    }\n\n    const len = rules.length\n    const lastScanned = scannedNum.get(sheet) ?? 0\n    if (lastScanned === len) {\n      continue\n    }\n    for (let i = lastScanned; i < len; i++) {\n      const rule = rules[i]\n      const response = getTamaguiSelector(rule)\n      if (!response) {\n        continue\n      }\n      const [identifier, cssRule] = response\n      if (!allSelectors[identifier]) {\n        const isTransform = identifier.startsWith('_transform')\n        const shouldInsert = isTransform ? addTransform(identifier, cssRule.cssText, cssRule) : true\n        if (shouldInsert) {\n          allSelectors[identifier] = cssRule.cssText\n        }\n      }\n    }\n    scannedNum.set(sheet, i)\n  }\n}\n\nfunction getTamaguiSelector(rule: CSSRule | null): readonly [string, CSSStyleRule] | null {\n  if (rule instanceof CSSStyleRule) {\n    const text = rule.selectorText\n    if (text.startsWith('._')) {\n      return [text.slice(1), rule]\n    }\n    if (text.startsWith(':root') && text.includes('._')) {\n      return [getIdentifierFromTamaguiSelector(text), rule]\n    }\n  } else if (rule instanceof CSSMediaRule) {\n    // tamagui only ever inserts 1 rule per media\n    if (rule.cssRules.length > 1) return null\n    return getTamaguiSelector(rule.cssRules[0])\n  }\n  return null\n}\n\nconst getIdentifierFromTamaguiSelector = (selector: string) =>\n  selector\n    .replace(/(:root)+\\s+/, '')\n    .replace(/:[a-z]+$/, '')\n    .slice(1)\n\n// move this to probably inside createTamagui\nupdateInserted()\n\nconst sheet = isClient ? document.head.appendChild(document.createElement('style')).sheet : null\n\nexport function updateRules(identifier: string, rules: string[]) {\n  if (allRules[identifier]) return false\n  allRules[identifier] = rules.join(' ')\n  if (identifier.startsWith('_transform')) {\n    return addTransform(identifier, rules[0])\n  }\n  return true\n}\n\n// [property, identifier, rules]\nexport type PartialStyleObject = Pick<StyleObject, 'identifier' | 'property' | 'rules'>\nexport type RulesToInsert = PartialStyleObject[]\n\nexport function insertStyleRules(rulesToInsert: RulesToInsert) {\n  if (isClient && !sheet) {\n    if (process.env.NODE_ENV === 'development') {\n      // eslint-disable-next-line no-console\n      console.warn(`Missing sheet`)\n    }\n    return\n  }\n  for (const { identifier, rules } of rulesToInsert) {\n    if (allSelectors[identifier]) continue\n    allSelectors[identifier] = process.env.NODE_ENV === 'development' ? rules.join('\\n') : ''\n    updateRules(identifier, rules)\n    if (sheet) {\n      for (const rule of rules) {\n        sheet.insertRule(rule, sheet.cssRules.length)\n      }\n    }\n  }\n}\n\nconst IS_STATIC = process.env.IS_STATIC === 'is_static'\n\nexport function shouldInsertStyleRules(styleObject: PartialStyleObject) {\n  if (IS_STATIC) {\n    return true\n  }\n  return !allSelectors[styleObject.identifier]\n}\n"],
+  "mappings": "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",
+  "names": ["sheet", "i"]
 }

package/dist/cjs/helpers/isObj.js

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

package/dist/cjs/helpers/isObj.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/helpers/isObj.ts"],
   "sourcesContent": ["export const isObj = (x: any) => x && !Array.isArray(x) && typeof x === 'object'\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAO,MAAM,QAAQ,CAAC,MAAW,KAAK,CAAC,MAAM,QAAQ,CAAC,KAAK,OAAO,MAAM;",
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAO,MAAM,QAAQ,CAAC,MAAW,KAAK,CAAC,MAAM,QAAQ,CAAC,KAAK,OAAO,MAAM;",
   "names": []
 }

package/dist/cjs/helpers/isTamaguiComponent.js

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

package/dist/cjs/helpers/isTamaguiComponent.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/helpers/isTamaguiComponent.tsx"],
-  "sourcesContent": ["import { StaticConfig, StaticConfigParsed } from '../types'\n\nexport function isTamaguiComponent<A extends any>(\n  comp: A,\n  name?: string\n): comp is A & {\n  staticConfig: StaticConfig\n} {\n  const config = comp && (comp['staticConfig'] as StaticConfigParsed | undefined)\n  if (!config || !config.parsed) return false\n  if (name) {\n    return name === config.componentName\n  }\n  return true\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEO,4BACL,MACA,MAGA;AACA,QAAM,SAAS,QAAS,KAAK;AAC7B,MAAI,CAAC,UAAU,CAAC,OAAO;AAAQ,WAAO;AACtC,MAAI,MAAM;AACR,WAAO,SAAS,OAAO;AAAA,EACzB;AACA,SAAO;AACT;",
+  "sourcesContent": ["import { StaticConfig, StaticConfigParsed } from '../types'\n\nexport function isTamaguiComponent<A>(\n  comp: A,\n  name?: string\n): comp is A & {\n  staticConfig: StaticConfig\n} {\n  const config = comp && (comp['staticConfig'] as StaticConfigParsed | undefined)\n  if (!config || !config.parsed) return false\n  if (name) {\n    return name === config.componentName\n  }\n  return true\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEO,SAAS,mBACd,MACA,MAGA;AACA,QAAM,SAAS,QAAS,KAAK;AAC7B,MAAI,CAAC,UAAU,CAAC,OAAO;AAAQ,WAAO;AACtC,MAAI,MAAM;AACR,WAAO,SAAS,OAAO;AAAA,EACzB;AACA,SAAO;AACT;",
   "names": []
 }

package/dist/cjs/helpers/isTamaguiElement.js

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

package/dist/cjs/helpers/isTamaguiElement.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/helpers/isTamaguiElement.tsx"],
-  "sourcesContent": ["import React, { isValidElement } from 'react'\n\nimport { isTamaguiComponent } from './isTamaguiComponent'\n\nexport const isTamaguiElement = (child: any, name?: string): child is React.ReactElement => {\n  return isValidElement(child) && isTamaguiComponent(child.type, name)\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAsC;AAEtC,gCAAmC;AAE5B,MAAM,mBAAmB,CAAC,OAAY,SAA+C;AAC1F,SAAO,iCAAe,KAAK,KAAK,kDAAmB,MAAM,MAAM,IAAI;AACrE;",
+  "sourcesContent": ["import React, { isValidElement } from 'react'\n\nimport { TamaguiComponent } from '../types'\nimport { isTamaguiComponent } from './isTamaguiComponent'\n\nexport type TamaguiReactElement<P = any> = React.ReactElement<P> & {\n  type: TamaguiComponent\n}\n\nexport const isTamaguiElement = (child: any, name?: string): child is TamaguiReactElement => {\n  return isValidElement(child) && isTamaguiComponent(child.type, name)\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAsC;AAGtC,gCAAmC;AAM5B,MAAM,mBAAmB,CAAC,OAAY,SAAgD;AAC3F,aAAO,6BAAe,KAAK,SAAK,8CAAmB,MAAM,MAAM,IAAI;AACrE;",
   "names": []
 }

package/dist/cjs/helpers/matchMedia.js

@@ -1,3 +1,4 @@
+"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
@@ -20,18 +21,19 @@ __export(matchMedia_exports, {
   matchMedia: () => matchMedia
 });
 module.exports = __toCommonJS(matchMedia_exports);
-const matchMedia = typeof window !== "undefined" && window.matchMedia || function matchMediaFallback(query) {
+const matchMedia = typeof window !== "undefined" && window.matchMedia || matchMediaFallback;
+function matchMediaFallback(query) {
+  if (process.env.NODE_ENV === "development" && !process.env.IS_STATIC && process.env.TAMAGUI_TARGET !== "web") {
+    console.log("warning: matchMedia not loading! Native not picking up .native.js files?");
+  }
   return {
     addListener() {
-      if (process.env.NODE_ENV === "development" && !process.env.IS_STATIC && process.env.TAMAGUI_TARGET !== "web") {
-        console.log("warning: matchMedia not loading! Is native picking up .native.js files?");
-      }
     },
     removeListener() {
     },
     matches: false
   };
-};
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   matchMedia

package/dist/cjs/helpers/matchMedia.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/helpers/matchMedia.ts"],
-  "sourcesContent": ["export const matchMedia =\n  (typeof window !== 'undefined' && window.matchMedia) ||\n  (function matchMediaFallback(query: string) {\n    return {\n      addListener() {\n        if (\n          process.env.NODE_ENV === 'development' &&\n          !process.env.IS_STATIC &&\n          process.env.TAMAGUI_TARGET !== 'web'\n        ) {\n          console.log('warning: matchMedia not loading! Is native picking up .native.js files?')\n        }\n      },\n      removeListener() {},\n      matches: false,\n    }\n  } as any)\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAO,MAAM,aACV,OAAO,WAAW,eAAe,OAAO,cACxC,4BAA4B,OAAe;AAC1C,SAAO;AAAA,IACL,cAAc;AACZ,UACE,QAAQ,IAAI,aAAa,iBACzB,CAAC,QAAQ,IAAI,aACb,QAAQ,IAAI,mBAAmB,OAC/B;AACA,gBAAQ,IAAI,yEAAyE;AAAA,MACvF;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,IAAC;AAAA,IAClB,SAAS;AAAA,EACX;AACF;",
+  "sourcesContent": ["export const matchMedia = (typeof window !== 'undefined' && window.matchMedia) || matchMediaFallback\n\nfunction matchMediaFallback(query: string): MediaQueryList {\n  if (\n    process.env.NODE_ENV === 'development' &&\n    !process.env.IS_STATIC &&\n    process.env.TAMAGUI_TARGET !== 'web'\n  ) {\n    // eslint-disable-next-line no-console\n    console.log('warning: matchMedia not loading! Native not picking up .native.js files?')\n  }\n  return {\n    addListener() {},\n    removeListener() {},\n    matches: false,\n  } as any\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAO,MAAM,aAAc,OAAO,WAAW,eAAe,OAAO,cAAe;AAElF,SAAS,mBAAmB,OAA+B;AACzD,MACE,QAAQ,IAAI,aAAa,iBACzB,CAAC,QAAQ,IAAI,aACb,QAAQ,IAAI,mBAAmB,OAC/B;AAEA,YAAQ,IAAI,0EAA0E;AAAA,EACxF;AACA,SAAO;AAAA,IACL,cAAc;AAAA,IAAC;AAAA,IACf,iBAAiB;AAAA,IAAC;AAAA,IAClB,SAAS;AAAA,EACX;AACF;",
   "names": []
 }

package/dist/cjs/helpers/matchMedia.native.js

@@ -1,3 +1,4 @@
+"use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -16,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var matchMedia_native_exports = {};
 __export(matchMedia_native_exports, {

package/dist/cjs/helpers/matchMedia.native.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/helpers/matchMedia.native.ts"],
   "sourcesContent": ["import MediaQueryList from '@expo/match-media/build/MediaQueryList.js'\n\nexport const matchMedia = (media: string) => new MediaQueryList(media)\n\n// @ts-ignore\nglobalThis['matchMedia'] = matchMedia\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAA2B;AAEpB,MAAM,aAAa,CAAC,UAAkB,IAAI,8BAAe,KAAK;AAGrE,WAAW,gBAAgB;",
-  "names": []
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAA2B;AAEpB,MAAM,aAAa,CAAC,UAAkB,IAAI,sBAAAA,QAAe,KAAK;AAGrE,WAAW,gBAAgB;",
+  "names": ["MediaQueryList"]
 }

package/dist/cjs/helpers/mergeProps.js

@@ -1,3 +1,4 @@
+"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
@@ -20,28 +21,32 @@ __export(mergeProps_exports, {
   mergeProps: () => mergeProps
 });
 module.exports = __toCommonJS(mergeProps_exports);
-const mergeProps = (a, b, leaveOutClassNames = false) => {
-  var _a, _b;
+const mergeProps = (a, b, leaveOutClassNames = false, inverseShorthands) => {
   const out = {};
   const outCns = leaveOutClassNames ? {} : null;
   for (const key in a) {
-    if (!(key in b)) {
-      if (leaveOutClassNames && ((_a = a[key]) == null ? void 0 : _a[0]) === "_") {
-        outCns[key] = a[key];
-      } else {
-        out[key] = a[key];
-      }
-    }
+    mergeProp(out, outCns, a, b, key, leaveOutClassNames, inverseShorthands);
   }
   for (const key in b) {
-    if (leaveOutClassNames && ((_b = b[key]) == null ? void 0 : _b[0]) === "_") {
-      outCns[key] = b[key];
-    } else {
-      out[key] = b[key];
-    }
+    mergeProp(out, outCns, b, void 0, key, leaveOutClassNames, inverseShorthands);
   }
   return [out, outCns];
 };
+function mergeProp(out, outCns, a, b, key, leaveOutClassNames, inverseShorthands) {
+  const val = a[key];
+  const shorthand = inverseShorthands ? inverseShorthands[key] : null;
+  if (b && (key in b || shorthand && shorthand in b)) {
+    return;
+  }
+  if (shorthand) {
+    key = shorthand;
+  }
+  if (leaveOutClassNames && (val == null ? void 0 : val[0]) === "_") {
+    outCns[key] = val;
+  } else {
+    out[key] = val;
+  }
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   mergeProps

package/dist/cjs/helpers/mergeProps.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/helpers/mergeProps.ts"],
-  "sourcesContent": ["/**\n * Preserves prop ordering, so that the order most closely matches the last spread objects\n * Useful for having { ...defaultProps, ...props } that ensure props ordering is always kept\n *\n *    Given:\n *      mergeProps({ a: 1, b: 2 }, { b: 1, a: 2 })\n *    The final key order will be:\n *      b, a\n */\n\nexport const mergeProps = (a: Object, b: Object, leaveOutClassNames = false) => {\n  const out: Record<string, string> = {}\n  const outCns: Record<string, string> = leaveOutClassNames ? {} : (null as any)\n\n  for (const key in a) {\n    if (!(key in b)) {\n      if (leaveOutClassNames && a[key]?.[0] === '_') {\n        outCns[key] = a[key]\n      } else {\n        out[key] = a[key]\n      }\n    }\n  }\n\n  for (const key in b) {\n    if (leaveOutClassNames && b[key]?.[0] === '_') {\n      outCns[key] = b[key]\n    } else {\n      out[key] = b[key]\n    }\n  }\n\n  return [out, outCns] as const\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAUO,MAAM,aAAa,CAAC,GAAW,GAAW,qBAAqB,UAAU;AAVhF;AAWE,QAAM,MAA8B,CAAC;AACrC,QAAM,SAAiC,qBAAqB,CAAC,IAAK;AAElE,aAAW,OAAO,GAAG;AACnB,QAAI,CAAE,QAAO,IAAI;AACf,UAAI,sBAAsB,SAAE,SAAF,mBAAS,QAAO,KAAK;AAC7C,eAAO,OAAO,EAAE;AAAA,MAClB,OAAO;AACL,YAAI,OAAO,EAAE;AAAA,MACf;AAAA,IACF;AAAA,EACF;AAEA,aAAW,OAAO,GAAG;AACnB,QAAI,sBAAsB,SAAE,SAAF,mBAAS,QAAO,KAAK;AAC7C,aAAO,OAAO,EAAE;AAAA,IAClB,OAAO;AACL,UAAI,OAAO,EAAE;AAAA,IACf;AAAA,EACF;AAEA,SAAO,CAAC,KAAK,MAAM;AACrB;",
+  "sourcesContent": ["/**\n * Preserves prop ordering, so that the order most closely matches the last spread objects\n * Useful for having { ...defaultProps, ...props } that ensure props ordering is always kept\n *\n *    Given:\n *      mergeProps({ a: 1, b: 2 }, { b: 1, a: 2 })\n *    The final key order will be:\n *      b, a\n *\n * Handles a couple special tamagui cases\n *   - classNames can be extracted out separately\n *   - shorthands can be expanded before merging\n */\n\ntype AnyRecord = Record<string, any>\n\nexport const mergeProps = (\n  a: Object,\n  b: Object,\n  leaveOutClassNames = false,\n  inverseShorthands?: AnyRecord\n) => {\n  const out: AnyRecord = {}\n  const outCns: AnyRecord = leaveOutClassNames ? {} : (null as any)\n  for (const key in a) {\n    mergeProp(out, outCns, a, b, key, leaveOutClassNames, inverseShorthands)\n  }\n  for (const key in b) {\n    mergeProp(out, outCns, b, undefined, key, leaveOutClassNames, inverseShorthands)\n  }\n  return [out, outCns] as const\n}\n\nfunction mergeProp(\n  out: AnyRecord,\n  outCns: AnyRecord,\n  a: Object,\n  b: Object | undefined,\n  key: string,\n  leaveOutClassNames: boolean,\n  inverseShorthands?: AnyRecord\n) {\n  const val = a[key]\n  const shorthand = inverseShorthands ? inverseShorthands[key] : null\n  if (b && (key in b || (shorthand && shorthand in b))) {\n    return\n  }\n  if (shorthand) {\n    key = shorthand\n  }\n  if (leaveOutClassNames && val?.[0] === '_') {\n    outCns[key] = val\n  } else {\n    out[key] = val\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAgBO,MAAM,aAAa,CACxB,GACA,GACA,qBAAqB,OACrB,sBACG;AACH,QAAM,MAAiB,CAAC;AACxB,QAAM,SAAoB,qBAAqB,CAAC,IAAK;AACrD,aAAW,OAAO,GAAG;AACnB,cAAU,KAAK,QAAQ,GAAG,GAAG,KAAK,oBAAoB,iBAAiB;AAAA,EACzE;AACA,aAAW,OAAO,GAAG;AACnB,cAAU,KAAK,QAAQ,GAAG,QAAW,KAAK,oBAAoB,iBAAiB;AAAA,EACjF;AACA,SAAO,CAAC,KAAK,MAAM;AACrB;AAEA,SAAS,UACP,KACA,QACA,GACA,GACA,KACA,oBACA,mBACA;AACA,QAAM,MAAM,EAAE;AACd,QAAM,YAAY,oBAAoB,kBAAkB,OAAO;AAC/D,MAAI,MAAM,OAAO,KAAM,aAAa,aAAa,IAAK;AACpD;AAAA,EACF;AACA,MAAI,WAAW;AACb,UAAM;AAAA,EACR;AACA,MAAI,uBAAsB,2BAAM,QAAO,KAAK;AAC1C,WAAO,OAAO;AAAA,EAChB,OAAO;AACL,QAAI,OAAO;AAAA,EACb;AACF;",
   "names": []
 }

package/dist/cjs/helpers/mergeTransform.js

@@ -1,3 +1,4 @@
+"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
@@ -17,25 +18,28 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var mergeTransform_exports = {};
 __export(mergeTransform_exports, {
-  invertMapTransformKeys: () => invertMapTransformKeys,
-  mergeTransform: () => mergeTransform
+  mapTransformKeys: () => mapTransformKeys,
+  mergeTransform: () => mergeTransform,
+  mergeTransforms: () => mergeTransforms
 });
 module.exports = __toCommonJS(mergeTransform_exports);
 const mergeTransform = (obj, key, val, backwards = false) => {
   obj.transform || (obj.transform = []);
   obj.transform[backwards ? "unshift" : "push"]({ [mapTransformKeys[key] || key]: val });
 };
+const mergeTransforms = (obj, flatTransforms, backwards = false) => {
+  Object.entries(flatTransforms).forEach(([key, val]) => {
+    mergeTransform(obj, key, val, backwards);
+  });
+};
 const mapTransformKeys = {
   x: "translateX",
   y: "translateY"
 };
-const invertMapTransformKeys = {
-  translateX: "x",
-  translateY: "y"
-};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  invertMapTransformKeys,
-  mergeTransform
+  mapTransformKeys,
+  mergeTransform,
+  mergeTransforms
 });
 //# sourceMappingURL=mergeTransform.js.map

package/dist/cjs/helpers/mergeTransform.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/helpers/mergeTransform.ts"],
-  "sourcesContent": ["import { ViewStyle } from 'react-native'\n\nexport const mergeTransform = (obj: ViewStyle, key: string, val: any, backwards = false) => {\n  obj.transform ||= []\n  obj.transform[backwards ? 'unshift' : 'push']({ [mapTransformKeys[key] || key]: val } as any)\n}\nconst mapTransformKeys = {\n  x: 'translateX',\n  y: 'translateY',\n}\nexport const invertMapTransformKeys = {\n  translateX: 'x',\n  translateY: 'y',\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEO,MAAM,iBAAiB,CAAC,KAAgB,KAAa,KAAU,YAAY,UAAU;AAC1F,MAAI,aAAJ,KAAI,YAAc,CAAC;AACnB,MAAI,UAAU,YAAY,YAAY,QAAQ,EAAE,CAAC,iBAAiB,QAAQ,MAAM,IAAI,CAAQ;AAC9F;AACA,MAAM,mBAAmB;AAAA,EACvB,GAAG;AAAA,EACH,GAAG;AACL;AACO,MAAM,yBAAyB;AAAA,EACpC,YAAY;AAAA,EACZ,YAAY;AACd;",
+  "sourcesContent": ["import type { ViewStyle } from '@tamagui/types-react-native'\n\nexport type FlatTransforms = Record<string, any>\n\nexport const mergeTransform = (obj: ViewStyle, key: string, val: any, backwards = false) => {\n  obj.transform ||= []\n  obj.transform[backwards ? 'unshift' : 'push']({ [mapTransformKeys[key] || key]: val } as any)\n}\n\nexport const mergeTransforms = (\n  obj: ViewStyle,\n  flatTransforms: FlatTransforms,\n  backwards = false\n) => {\n  Object.entries(flatTransforms).forEach(([key, val]) => {\n    mergeTransform(obj, key, val, backwards)\n  })\n}\n\nexport const mapTransformKeys = {\n  x: 'translateX',\n  y: 'translateY',\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAIO,MAAM,iBAAiB,CAAC,KAAgB,KAAa,KAAU,YAAY,UAAU;AAC1F,MAAI,cAAJ,IAAI,YAAc,CAAC;AACnB,MAAI,UAAU,YAAY,YAAY,QAAQ,EAAE,CAAC,iBAAiB,QAAQ,MAAM,IAAI,CAAQ;AAC9F;AAEO,MAAM,kBAAkB,CAC7B,KACA,gBACA,YAAY,UACT;AACH,SAAO,QAAQ,cAAc,EAAE,QAAQ,CAAC,CAAC,KAAK,GAAG,MAAM;AACrD,mBAAe,KAAK,KAAK,KAAK,SAAS;AAAA,EACzC,CAAC;AACH;AAEO,MAAM,mBAAmB;AAAA,EAC9B,GAAG;AAAA,EACH,GAAG;AACL;",
   "names": []
 }