@tamagui/core 1.0.1-beta.19 → 1.0.1-beta.190

package/dist/esm/helpers/getStylesAtomic.native.js

@@ -1,9 +1,6 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 function getStylesAtomic() {
   console.warn("no-op native");
 }
-__name(getStylesAtomic, "getStylesAtomic");
 export {
   getStylesAtomic
 };

package/dist/esm/helpers/getStylesAtomic.native.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/helpers/getStylesAtomic.native.ts"],
   "sourcesContent": ["export function getStylesAtomic() {\n  console.warn('no-op native')\n}\n"],
-  "mappings": ";;AAAO,2BAA2B;AAChC,UAAQ,KAAK,cAAc;AAC7B;AAFgB;",
+  "mappings": "AAAO,SAAS,kBAAkB;AAChC,UAAQ,KAAK,cAAc;AAC7B;",
   "names": []
 }

package/dist/esm/helpers/getThemeCSSRules.js

@@ -0,0 +1,79 @@
+import { THEME_CLASSNAME_PREFIX } from "../constants/constants";
+import { variableToString } from "../createVariable";
+import { tokensValueToVariable } from "./registerCSSVariable";
+function getThemeCSSRules({
+  config,
+  themeName,
+  theme,
+  names
+}) {
+  const cssRuleSets = [];
+  const hasDarkLight = "light" in config.themes && "dark" in config.themes;
+  const CNP = `.${THEME_CLASSNAME_PREFIX}`;
+  let vars = "";
+  for (const themeKey in theme) {
+    const variable = theme[themeKey];
+    let value = null;
+    if (variable.isFloating || !tokensValueToVariable.has(variable.val)) {
+      value = variable.val;
+    } else {
+      value = tokensValueToVariable.get(variable.val).variable;
+    }
+    vars += `--${themeKey}:${value};`;
+  }
+  const isDarkOrLightBase = themeName === "dark" || themeName === "light";
+  const selectors = names.map((name) => {
+    return `${CNP}${name}`;
+  });
+  if (hasDarkLight) {
+    for (const subName of names) {
+      const isDark = isDarkOrLightBase || subName.startsWith("dark_");
+      const max = config.maxDarkLightNesting ?? 3;
+      if (!isDark && !subName.startsWith("light_")) {
+        selectors.push(`:root:root ${CNP}${subName}`);
+        continue;
+      }
+      const childSelector = `${CNP}${subName.replace(isDark ? "dark_" : "light_", "")}`;
+      const order = isDark ? ["dark", "light"] : ["light", "dark"];
+      if (isDarkOrLightBase) {
+        order.reverse();
+      }
+      const [stronger, weaker] = order;
+      const numSelectors = Math.round(max * 1.5);
+      for (let pi = 0; pi < numSelectors; pi++) {
+        const isOdd = pi % 2 === 1;
+        if (isOdd && pi < 3)
+          continue;
+        const parents = new Array(pi + 1).fill(void 0).map((_, psi) => {
+          return `${CNP}${psi % 2 === 0 ? stronger : weaker}`;
+        });
+        let parentSelectors = parents.length > 1 ? parents.slice(1) : parents;
+        if (isOdd) {
+          const [_first, second, ...rest] = parentSelectors;
+          parentSelectors = [second, ...rest, second];
+        }
+        const lastParentSelector = parentSelectors[parentSelectors.length - 1];
+        selectors.push(
+          `${parentSelectors.join(" ")} ${childSelector === lastParentSelector ? "" : childSelector}`
+        );
+      }
+    }
+  }
+  const rootSep = config.themeClassNameOnRoot ? "" : " ";
+  const css = `${selectors.map((x) => `:root${rootSep}${x}`).join(", ")} {${vars}}`;
+  cssRuleSets.push(css);
+  if (config.shouldAddPrefersColorThemes && isDarkOrLightBase) {
+    const isDark = themeName.startsWith("dark");
+    cssRuleSets.push(
+      `@media(prefers-color-scheme: ${isDark ? "dark" : "light"}) {
+body { background:${variableToString(theme.background)}; color: ${variableToString(theme.color)} }
+:root {${vars} } 
+}`
+    );
+  }
+  return cssRuleSets;
+}
+export {
+  getThemeCSSRules
+};
+//# sourceMappingURL=getThemeCSSRules.js.map

package/dist/esm/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 (variable.isFloating || !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 rootSep = config.themeClassNameOnRoot ? '' : ' '\n  const css = `${selectors.map((x) => `:root${rootSep}${x}`).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,SAAS,8BAA8B;AACvC,SAAmB,wBAAwB;AAE3C,SAAS,6BAA6B;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,SAAS,cAAc,CAAC,sBAAsB,IAAI,SAAS,GAAG,GAAG;AACnE,cAAQ,SAAS;AAAA,IACnB,OAAO;AACL,cAAQ,sBAAsB,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,UAAU,OAAO,uBAAuB,KAAK;AACnD,QAAM,MAAM,GAAG,UAAU,IAAI,CAAC,MAAM,QAAQ,UAAU,GAAG,EAAE,KAAK,IAAI,MAAM;AAC1E,cAAY,KAAK,GAAG;AAEpB,MAAI,OAAO,+BAA+B,mBAAmB;AAE3D,UAAM,SAAS,UAAU,WAAW,MAAM;AAC1C,gBAAY;AAAA,MACV,gCAAgC,SAAS,SAAS;AAAA,oBACpC,iBAAiB,MAAM,UAAU,aAAa,iBAAiB,MAAM,KAAK;AAAA,SACrF;AAAA;AAAA,IAEL;AAAA,EACF;AAEA,SAAO;AACT;",
+  "names": []
+}

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

@@ -0,0 +1,7 @@
+function getThemeCSSRules() {
+  return [];
+}
+export {
+  getThemeCSSRules
+};
+//# sourceMappingURL=getThemeCSSRules.native.js.map

package/dist/esm/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": "AAAO,SAAS,mBAAmB;AACjC,SAAO,CAAC;AACV;",
+  "names": []
+}

package/dist/esm/helpers/getVariantExtras.js

@@ -0,0 +1,63 @@
+import { getConfig } from "../config";
+const extrasCache = /* @__PURE__ */ new WeakMap();
+function getVariantExtras(props, languageContext, theme, defaultProps, avoidDefaultProps = false) {
+  const conf = 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, {
+      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) {
+          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;
+}
+export {
+  getFontsForLanguage,
+  getVariantExtras
+};
+//# sourceMappingURL=getVariantExtras.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/helpers/getVariantExtras.tsx"],
+  "sourcesContent": ["import { getConfig } from '../config'\nimport { GenericFonts } from '../types'\nimport { LanguageContextType } from '../views/FontLanguage.types'\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      : new Proxy(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,SAAS,iBAAiB;AAI1B,MAAM,cAAc,oBAAI,QAAQ;AAEzB,SAAS,iBACd,OACA,iBACA,OACA,cACA,oBAAoB,OACpB;AACA,QAAM,OAAO,UAAU;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,QACA,IAAI,MAAM,OAAO;AAAA,MAEf,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/esm/helpers/insertStyleRule.js

@@ -1,95 +1,127 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 const allSelectors = {};
-const insertedSelectors = {};
+const allRules = {};
 const insertedTransforms = {};
-const getAllSelectors = /* @__PURE__ */ __name(() => allSelectors, "getAllSelectors");
-const getInsertedRules = /* @__PURE__ */ __name(() => Object.values(insertedSelectors), "getInsertedRules");
-const getAllTransforms = /* @__PURE__ */ __name(() => insertedTransforms, "getAllTransforms");
+const getAllSelectors = () => allSelectors;
+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.error(`Missing transform`, identifier, css, rule);
+      console.warn(`Missing transform`, identifier, css, rule);
     }
-    return;
+    return false;
   }
   const startI = s + "transform:".length;
   const endI = css.indexOf(";");
   const value = css.slice(startI, endI);
-  insertedTransforms[identifier] = value;
+  if (!insertedTransforms[identifier]) {
+    insertedTransforms[identifier] = value;
+    return true;
+  }
+  return false;
 }
-__name(addTransform, "addTransform");
 const isClient = typeof document !== "undefined";
-let hasInsertedSinceUpdate = true;
+const scannedNum = /* @__PURE__ */ new WeakMap();
 function updateInserted() {
-  if (!isClient)
+  if (process.env.NODE_ENV === "test")
     return;
-  if (!hasInsertedSinceUpdate) {
-    console.warn("hasnt inserted since");
+  if (!isClient)
     return;
-  }
   const sheets = document.styleSheets;
   if (!sheets)
     return;
   for (let i = 0; i < sheets.length; i++) {
-    const rules = sheets[i].cssRules;
-    const firstRule = rules[0];
-    if (!(firstRule instanceof CSSStyleRule))
+    const sheet2 = sheets[i];
+    if (!sheet2)
+      continue;
+    let rules;
+    try {
+      rules = sheet2.cssRules;
+    } catch {
       continue;
-    const firstSelector = firstRule.selectorText;
-    if (!firstSelector)
+    }
+    const len = rules.length;
+    const lastScanned = scannedNum.get(sheet2) ?? 0;
+    if (lastScanned === len) {
       continue;
-    if (firstSelector === ":root" || firstSelector.startsWith("._")) {
-      for (let i2 = 0; i2 < rules.length; i2++) {
-        const rule = rules.item(i2);
-        if (!(rule instanceof CSSStyleRule))
-          continue;
-        const identifier = rule.selectorText.slice(1);
-        if (!allSelectors[identifier]) {
-          allSelectors[identifier] = process.env.NODE_ENV === "development" ? rule.cssText : true;
-          if (identifier.startsWith("_transform")) {
-            addTransform(identifier, rule.cssText, rule);
-          }
+    }
+    for (let i2 = lastScanned; i2 < len; i2++) {
+      const rule = rules[i2];
+      const response = getTamaguiSelector(rule);
+      if (!response) {
+        continue;
+      }
+      const [identifier, cssRule] = response;
+      if (!allSelectors[identifier]) {
+        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;
         }
       }
     }
+    scannedNum.set(sheet2, i);
   }
-  hasInsertedSinceUpdate = false;
 }
-__name(updateInserted, "updateInserted");
+function getTamaguiSelector(rule) {
+  if (rule instanceof CSSStyleRule) {
+    if (rule.selectorText.startsWith("._")) {
+      return [rule.selectorText.slice(1), rule];
+    }
+    if (rule.selectorText.startsWith(":root") && rule.selectorText.includes("._")) {
+      return [getIdentifierFromTamaguiSelector(rule.selectorText), rule];
+    }
+  } else if (rule instanceof CSSMediaRule) {
+    if (rule.cssRules.length > 1)
+      return null;
+    return getTamaguiSelector(rule.cssRules[0]);
+  }
+  return null;
+}
+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])
-    return;
-  insertedSelectors[identifier] = rule;
+function updateRules(identifier, rules) {
+  if (allRules[identifier])
+    return false;
+  allRules[identifier] = rules;
   if (identifier.startsWith("_transform")) {
-    addTransform(identifier, rule);
+    return addTransform(identifier, rules[0]);
   }
+  return true;
 }
-__name(updateInsertedCache, "updateInsertedCache");
-function insertStyleRule(identifier, rule) {
-  if (allSelectors[identifier])
-    return;
-  hasInsertedSinceUpdate = true;
-  updateInsertedCache(identifier, rule);
-  allSelectors[identifier] = process.env.NODE_ENV === "development" ? rule : true;
-  sheet == null ? void 0 : sheet.insertRule(rule, sheet.cssRules.length);
+function insertStyleRules(rulesToInsert) {
+  for (const { identifier, rules } of rulesToInsert) {
+    if (allSelectors[identifier] || !sheet)
+      return;
+    allSelectors[identifier] = process.env.NODE_ENV === "development" ? rules : true;
+    updateRules(identifier, rules);
+    for (const rule of rules) {
+      sheet.insertRule(rule, sheet.cssRules.length);
+    }
+  }
+}
+function shouldInsertStyleRules(styleObject) {
+  return !allSelectors[styleObject.identifier];
 }
-__name(insertStyleRule, "insertStyleRule");
 export {
+  getAllRules,
   getAllSelectors,
   getAllTransforms,
-  getInsertedRules,
-  insertStyleRule,
+  insertStyleRules,
   insertedTransforms,
+  shouldInsertStyleRules,
   updateInserted,
-  updateInsertedCache
+  updateRules
 };
 //# sourceMappingURL=insertStyleRule.js.map

package/dist/esm/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      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.error(`Missing transform`, identifier, css, rule)\n    }\n    return\n  }\n  const startI = s + 'transform:'.length\n  const endI = css.indexOf(';')\n  const value = css.slice(startI, endI)\n  insertedTransforms[identifier] = value\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\nlet hasInsertedSinceUpdate = true\n\nexport function updateInserted() {\n  if (!isClient) return\n  if (!hasInsertedSinceUpdate) {\n    console.warn('hasnt inserted since')\n    return\n  }\n  const sheets = document.styleSheets\n  if (!sheets) return\n  for (let i = 0; i < sheets.length; i++) {\n    const rules = sheets[i].cssRules\n    const firstRule = rules[0]\n    if (!(firstRule instanceof CSSStyleRule)) continue\n    const firstSelector = firstRule.selectorText\n    if (!firstSelector) continue\n    if (firstSelector === ':root' || firstSelector.startsWith('._')) {\n      for (let i = 0; i < rules.length; i++) {\n        const rule = rules.item(i)\n        if (!(rule instanceof CSSStyleRule)) continue\n        const identifier = rule.selectorText.slice(1)\n        if (!allSelectors[identifier]) {\n          allSelectors[identifier] = process.env.NODE_ENV === 'development' ? rule.cssText : true\n          if (identifier.startsWith('_transform')) {\n            addTransform(identifier, rule.cssText, rule)\n          }\n        }\n      }\n    }\n  }\n  hasInsertedSinceUpdate = false\n}\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\n  insertedSelectors[identifier] = rule\n  if (identifier.startsWith('_transform')) {\n    addTransform(identifier, rule)\n  }\n}\n\nexport function insertStyleRule(identifier: string, rule: string) {\n  if (allSelectors[identifier]) return\n  hasInsertedSinceUpdate = true\n  updateInsertedCache(identifier, rule)\n  allSelectors[identifier] = process.env.NODE_ENV === 'development' ? rule : true\n  sheet?.insertRule(rule, sheet.cssRules.length)\n}\n"],
-  "mappings": ";;AAIA,MAAM,eAAe,CAAC;AACtB,MAAM,oBAAoB,CAAC;AACpB,MAAM,qBAAqB,CAAC;AAE5B,MAAM,kBAAkB,6BAAM,cAAN;AACxB,MAAM,mBAAmB,6BAAM,OAAO,OAAO,iBAAiB,GAArC;AACzB,MAAM,mBAAmB,6BAAM,oBAAN;AAGhC,sBAAsB,YAAoB,KAAa,MAAgB;AACrE,QAAM,IAAI,IAAI,QAAQ,YAAY;AAClC,MAAI,MAAM,IAAI;AACZ,QAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,cAAQ,eAAe,0DAAqD,YAAY;AACxF,cAAQ,IAAI,SAAS,IAAI;AACzB,cAAQ,MAAM;AACd,cAAQ,SAAS;AAAA,IACnB,OAAO;AACL,cAAQ,MAAM,qBAAqB,YAAY,KAAK,IAAI;AAAA,IAC1D;AACA;AAAA,EACF;AACA,QAAM,SAAS,IAAI,aAAa;AAChC,QAAM,OAAO,IAAI,QAAQ,GAAG;AAC5B,QAAM,QAAQ,IAAI,MAAM,QAAQ,IAAI;AACpC,qBAAmB,cAAc;AACnC;AAjBS;AAmBT,MAAM,WAAW,OAAO,aAAa;AAQrC,IAAI,yBAAyB;AAEtB,0BAA0B;AAC/B,MAAI,CAAC;AAAU;AACf,MAAI,CAAC,wBAAwB;AAC3B,YAAQ,KAAK,sBAAsB;AACnC;AAAA,EACF;AACA,QAAM,SAAS,SAAS;AACxB,MAAI,CAAC;AAAQ;AACb,WAAS,IAAI,GAAG,IAAI,OAAO,QAAQ,KAAK;AACtC,UAAM,QAAQ,OAAO,GAAG;AACxB,UAAM,YAAY,MAAM;AACxB,QAAI,CAAE,sBAAqB;AAAe;AAC1C,UAAM,gBAAgB,UAAU;AAChC,QAAI,CAAC;AAAe;AACpB,QAAI,kBAAkB,WAAW,cAAc,WAAW,IAAI,GAAG;AAC/D,eAAS,KAAI,GAAG,KAAI,MAAM,QAAQ,MAAK;AACrC,cAAM,OAAO,MAAM,KAAK,EAAC;AACzB,YAAI,CAAE,iBAAgB;AAAe;AACrC,cAAM,aAAa,KAAK,aAAa,MAAM,CAAC;AAC5C,YAAI,CAAC,aAAa,aAAa;AAC7B,uBAAa,cAAc,QAAQ,IAAI,aAAa,gBAAgB,KAAK,UAAU;AACnF,cAAI,WAAW,WAAW,YAAY,GAAG;AACvC,yBAAa,YAAY,KAAK,SAAS,IAAI;AAAA,UAC7C;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACA,2BAAyB;AAC3B;AA7BgB;AA+BhB,eAAe;AAEf,MAAM,QAAQ,WAAW,SAAS,KAAK,YAAY,SAAS,cAAc,OAAO,CAAC,EAAE,QAAQ;AAErF,6BAA6B,YAAoB,MAAc;AACpE,MAAI,kBAAkB;AAAa;AACnC,oBAAkB,cAAc;AAChC,MAAI,WAAW,WAAW,YAAY,GAAG;AACvC,iBAAa,YAAY,IAAI;AAAA,EAC/B;AACF;AANgB;AAQT,yBAAyB,YAAoB,MAAc;AAChE,MAAI,aAAa;AAAa;AAC9B,2BAAyB;AACzB,sBAAoB,YAAY,IAAI;AACpC,eAAa,cAAc,QAAQ,IAAI,aAAa,gBAAgB,OAAO;AAC3E,iCAAO,WAAW,MAAM,MAAM,SAAS;AACzC;AANgB;",
-  "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 { StyleObject } from '@tamagui/helpers'\n\nconst allSelectors = {}\nconst allRules = {}\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      // 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    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] = 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\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\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  // // pointerevents can have more than one, others could to needs some refactor\n  for (const { identifier, rules } of rulesToInsert) {\n    if (allSelectors[identifier] || !sheet) return\n    allSelectors[identifier] = process.env.NODE_ENV === 'development' ? rules : true\n    updateRules(identifier, rules)\n    for (const rule of rules) {\n      sheet.insertRule(rule, sheet.cssRules.length)\n    }\n  }\n}\n\nexport function shouldInsertStyleRules(styleObject: PartialStyleObject) {\n  return !allSelectors[styleObject.identifier]\n}\n"],
+  "mappings": "AAMA,MAAM,eAAe,CAAC;AACtB,MAAM,WAAW,CAAC;AACX,MAAM,qBAAqB,CAAC;AAE5B,MAAM,kBAAkB,MAAM;AAC9B,MAAM,cAAc,MAAM,OAAO,OAAO,QAAQ;AAChD,MAAM,mBAAmB,MAAM;AAGtC,SAAS,aAAa,YAAoB,KAAa,MAAgB;AACrE,QAAM,IAAI,IAAI,QAAQ,YAAY;AAClC,MAAI,MAAM,IAAI;AACZ,QAAI,QAAQ,IAAI,aAAa,eAAe;AAE1C,UAAI,IAAI,QAAQ,KAAK,GAAG;AACtB,gBAAQ,IAAI,SAAS;AACrB,eAAO;AAAA,MACT;AACA,cAAQ,eAAe,0DAAqD,YAAY;AACxF,cAAQ,IAAI,SAAS,IAAI;AACzB,cAAQ,MAAM;AACd,cAAQ,SAAS;AAAA,IACnB,OAAO;AACL,cAAQ,KAAK,qBAAqB,YAAY,KAAK,IAAI;AAAA,IACzD;AACA,WAAO;AAAA,EACT;AACA,QAAM,SAAS,IAAI,aAAa;AAChC,QAAM,OAAO,IAAI,QAAQ,GAAG;AAC5B,QAAM,QAAQ,IAAI,MAAM,QAAQ,IAAI;AACpC,MAAI,CAAC,mBAAmB,aAAa;AACnC,uBAAmB,cAAc;AACjC,WAAO;AAAA,EACT;AACA,SAAO;AACT;AAEA,MAAM,WAAW,OAAO,aAAa;AAQrC,MAAM,aAAa,oBAAI,QAA+B;AAE/C,SAAS,iBAAiB;AAC/B,MAAI,QAAQ,IAAI,aAAa;AAAQ;AACrC,MAAI,CAAC;AAAU;AACf,QAAM,SAAS,SAAS;AACxB,MAAI,CAAC;AAAQ;AACb,WAAS,IAAI,GAAG,IAAI,OAAO,QAAQ,KAAK;AACtC,UAAMA,SAAQ,OAAO;AACrB,QAAI,CAACA;AAAO;AAIZ,QAAI;AACJ,QAAI;AACF,cAAQA,OAAM;AAAA,IAChB,QAAE;AACA;AAAA,IACF;AAEA,UAAM,MAAM,MAAM;AAClB,UAAM,cAAc,WAAW,IAAIA,MAAK,KAAK;AAC7C,QAAI,gBAAgB,KAAK;AACvB;AAAA,IACF;AACA,aAASC,KAAI,aAAaA,KAAI,KAAKA,MAAK;AACtC,YAAM,OAAO,MAAMA;AACnB,YAAM,WAAW,mBAAmB,IAAI;AACxC,UAAI,CAAC,UAAU;AACb;AAAA,MACF;AACA,YAAM,CAAC,YAAY,OAAO,IAAI;AAC9B,UAAI,CAAC,aAAa,aAAa;AAC7B,cAAM,cAAc,WAAW,WAAW,YAAY;AACtD,cAAM,eAAe,cAAc,aAAa,YAAY,QAAQ,SAAS,OAAO,IAAI;AACxF,YAAI,cAAc;AAChB,uBAAa,cAAc,QAAQ,IAAI,aAAa,gBAAgB,QAAQ,UAAU;AAAA,QACxF;AAAA,MACF;AAAA,IACF;AACA,eAAW,IAAID,QAAO,CAAC;AAAA,EACzB;AACF;AAEA,SAAS,mBAAmB,MAA8D;AACxF,MAAI,gBAAgB,cAAc;AAChC,QAAI,KAAK,aAAa,WAAW,IAAI,GAAG;AACtC,aAAO,CAAC,KAAK,aAAa,MAAM,CAAC,GAAG,IAAI;AAAA,IAC1C;AACA,QAAI,KAAK,aAAa,WAAW,OAAO,KAAK,KAAK,aAAa,SAAS,IAAI,GAAG;AAC7E,aAAO,CAAC,iCAAiC,KAAK,YAAY,GAAG,IAAI;AAAA,IACnE;AAAA,EACF,WAAW,gBAAgB,cAAc;AAEvC,QAAI,KAAK,SAAS,SAAS;AAAG,aAAO;AACrC,WAAO,mBAAmB,KAAK,SAAS,EAAE;AAAA,EAC5C;AACA,SAAO;AACT;AAEA,MAAM,mCAAmC,CAAC,aACxC,SACG,QAAQ,eAAe,EAAE,EACzB,QAAQ,YAAY,EAAE,EACtB,MAAM,CAAC;AAGZ,eAAe;AAEf,MAAM,QAAQ,WAAW,SAAS,KAAK,YAAY,SAAS,cAAc,OAAO,CAAC,EAAE,QAAQ;AAErF,SAAS,YAAY,YAAoB,OAAiB;AAC/D,MAAI,SAAS;AAAa,WAAO;AACjC,WAAS,cAAc;AACvB,MAAI,WAAW,WAAW,YAAY,GAAG;AACvC,WAAO,aAAa,YAAY,MAAM,EAAE;AAAA,EAC1C;AACA,SAAO;AACT;AAMO,SAAS,iBAAiB,eAA8B;AAE7D,aAAW,EAAE,YAAY,MAAM,KAAK,eAAe;AACjD,QAAI,aAAa,eAAe,CAAC;AAAO;AACxC,iBAAa,cAAc,QAAQ,IAAI,aAAa,gBAAgB,QAAQ;AAC5E,gBAAY,YAAY,KAAK;AAC7B,eAAW,QAAQ,OAAO;AACxB,YAAM,WAAW,MAAM,MAAM,SAAS,MAAM;AAAA,IAC9C;AAAA,EACF;AACF;AAEO,SAAS,uBAAuB,aAAiC;AACtE,SAAO,CAAC,aAAa,YAAY;AACnC;",
+  "names": ["sheet", "i"]
 }

package/dist/esm/helpers/isObj.js

@@ -1,6 +1,4 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-const isObj = /* @__PURE__ */ __name((x) => x && !Array.isArray(x) && typeof x === "object", "isObj");
+const isObj = (x) => x && !Array.isArray(x) && typeof x === "object";
 export {
   isObj
 };

package/dist/esm/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": ";;AAAO,MAAM,QAAQ,wBAAC,MAAW,KAAK,CAAC,MAAM,QAAQ,CAAC,KAAK,OAAO,MAAM,UAAnD;",
+  "mappings": "AAAO,MAAM,QAAQ,CAAC,MAAW,KAAK,CAAC,MAAM,QAAQ,CAAC,KAAK,OAAO,MAAM;",
   "names": []
 }

package/dist/esm/helpers/isTamaguiComponent.js

@@ -0,0 +1,13 @@
+function isTamaguiComponent(comp, name) {
+  const config = comp && comp["staticConfig"];
+  if (!config || !config.parsed)
+    return false;
+  if (name) {
+    return name === config.componentName;
+  }
+  return true;
+}
+export {
+  isTamaguiComponent
+};
+//# sourceMappingURL=isTamaguiComponent.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/helpers/isTamaguiComponent.tsx"],
+  "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": "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/esm/helpers/isTamaguiElement.js

@@ -1,10 +1,8 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 import { isValidElement } from "react";
-const isTamaguiElement = /* @__PURE__ */ __name((child) => {
-  var _a;
-  return isValidElement(child) && !!((_a = child.type["staticConfig"]) == null ? void 0 : _a.parsed);
-}, "isTamaguiElement");
+import { isTamaguiComponent } from "./isTamaguiComponent";
+const isTamaguiElement = (child, name) => {
+  return isValidElement(child) && isTamaguiComponent(child.type, name);
+};
 export {
   isTamaguiElement
 };

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/helpers/isTamaguiElement.tsx"],
-  "sourcesContent": ["import React, { isValidElement } from 'react'\n\nexport const isTamaguiElement = (child: any): child is React.ReactElement => {\n  return isValidElement(child) && !!child.type['staticConfig']?.parsed\n}\n"],
-  "mappings": ";;AAAA;AAEO,MAAM,mBAAmB,wBAAC,UAA4C;AAF7E;AAGE,SAAO,eAAe,KAAK,KAAK,CAAC,CAAC,aAAM,KAAK,oBAAX,mBAA4B;AAChE,GAFgC;",
+  "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,SAAgB,sBAAsB;AAGtC,SAAS,0BAA0B;AAM5B,MAAM,mBAAmB,CAAC,OAAY,SAAgD;AAC3F,SAAO,eAAe,KAAK,KAAK,mBAAmB,MAAM,MAAM,IAAI;AACrE;",
   "names": []
 }

package/dist/esm/helpers/matchMedia.js

@@ -1,17 +1,16 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-const matchMedia = typeof window !== "undefined" && window.matchMedia || /* @__PURE__ */ __name(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
   };
-}, "matchMediaFallback");
+}
 export {
   matchMedia
 };

package/dist/esm/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": ";;AAAO,MAAM,aACV,OAAO,WAAW,eAAe,OAAO,cACxC,mDAA4B,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,GAdC;",
+  "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    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": "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;AACA,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/esm/helpers/matchMedia.native.js

@@ -1,7 +1,5 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 import MediaQueryList from "@expo/match-media/build/MediaQueryList.js";
-const matchMedia = /* @__PURE__ */ __name((media) => new MediaQueryList(media), "matchMedia");
+const matchMedia = (media) => new MediaQueryList(media);
 globalThis["matchMedia"] = matchMedia;
 export {
   matchMedia

package/dist/esm/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;AAEO,MAAM,aAAa,wBAAC,UAAkB,IAAI,eAAe,KAAK,GAA3C;AAG1B,WAAW,gBAAgB;",
+  "mappings": "AAAA,OAAO,oBAAoB;AAEpB,MAAM,aAAa,CAAC,UAAkB,IAAI,eAAe,KAAK;AAGrE,WAAW,gBAAgB;",
   "names": []
 }

package/dist/esm/helpers/mergeProps.js

@@ -0,0 +1,30 @@
+const mergeProps = (a, b, leaveOutClassNames = false, inverseShorthands) => {
+  const out = {};
+  const outCns = leaveOutClassNames ? {} : null;
+  for (const key in a) {
+    mergeProp(out, outCns, a, b, key, leaveOutClassNames, inverseShorthands);
+  }
+  for (const key in b) {
+    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;
+  }
+}
+export {
+  mergeProps
+};
+//# sourceMappingURL=mergeProps.js.map

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

@@ -0,0 +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 * Handles a couple special tamagui cases\n *   - classNames can be extracted out separately\n *   - shorthands can be expanded before merging\n */\n\ntype StringRecord = Record<string, string>\n\nexport const mergeProps = (\n  a: Object,\n  b: Object,\n  leaveOutClassNames = false,\n  inverseShorthands?: StringRecord\n) => {\n  const out: StringRecord = {}\n  const outCns: StringRecord = 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: StringRecord,\n  outCns: StringRecord,\n  a: Object,\n  b: Object | undefined,\n  key: string,\n  leaveOutClassNames: boolean,\n  inverseShorthands?: StringRecord\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": "AAgBO,MAAM,aAAa,CACxB,GACA,GACA,qBAAqB,OACrB,sBACG;AACH,QAAM,MAAoB,CAAC;AAC3B,QAAM,SAAuB,qBAAqB,CAAC,IAAK;AACxD,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/esm/helpers/mergeTransform.js

@@ -0,0 +1,17 @@
+const mergeTransform = (obj, key, val, backwards = false) => {
+  obj.transform ||= [];
+  obj.transform[backwards ? "unshift" : "push"]({ [mapTransformKeys[key] || key]: val });
+};
+const mapTransformKeys = {
+  x: "translateX",
+  y: "translateY"
+};
+const invertMapTransformKeys = {
+  translateX: "x",
+  translateY: "y"
+};
+export {
+  invertMapTransformKeys,
+  mergeTransform
+};
+//# sourceMappingURL=mergeTransform.js.map