@tamagui/core 1.0.0-alpha.2 → 1.0.0-alpha.20

package/{_ → dist/jsx}/createTamagui.js

@@ -3,10 +3,13 @@ var __name = (target, value) => __defProp(target, "name", { value, configurable:
 import { getStyleRules } from "@tamagui/helpers";
 import { Variable, createVariable, isVariable } from "./createVariable";
 import { createTamaguiProvider } from "./helpers/createTamaguiProvider";
+import { validateConfig } from "./helpers/validate";
 import { configureMedia } from "./hooks/useMedia";
 let conf;
 const getHasConfigured = /* @__PURE__ */ __name(() => !!conf, "getHasConfigured");
-const getTamaguiConfig = /* @__PURE__ */ __name(() => conf, "getTamaguiConfig");
+const getTamagui = /* @__PURE__ */ __name(() => conf, "getTamagui");
+const getTokens = /* @__PURE__ */ __name(() => conf.tokensParsed, "getTokens");
+const getThemes = /* @__PURE__ */ __name(() => conf.themes, "getThemes");
 const configListeners = new Set();
 const onConfiguredOnce = /* @__PURE__ */ __name((cb) => {
   if (conf) {
@@ -17,8 +20,13 @@ const onConfiguredOnce = /* @__PURE__ */ __name((cb) => {
 }, "onConfiguredOnce");
 const PREFIX = `theme--`;
 function createTamagui(config) {
+  if (process.env.NODE_ENV === "development") {
+    if (!config["parsed"]) {
+      validateConfig(config);
+    }
+  }
   if (conf) {
-    throw new Error(`#000 createTamagui called twice`);
+    console.warn("Called createTamagui twice! Should never do so");
   }
   configureMedia({
     queries: config.media,
@@ -28,11 +36,27 @@ function createTamagui(config) {
     let cssRules = [];
     let tokenRule = `:root {`;
     const varsByValue = new Map();
+    const addVar = /* @__PURE__ */ __name((v) => {
+      varsByValue[v.val] = v;
+      const rule = `--${v.name}:${typeof v.val === "number" ? `${v.val}px` : v.val};`;
+      tokenRule += rule;
+    }, "addVar");
     for (const key in config.tokens) {
       for (const skey in config.tokens[key]) {
-        const v = config.tokens[key][skey];
-        varsByValue[v.val] = v;
-        tokenRule += `--${v.name}:${typeof v.val === "number" ? `${v.val}px` : v.val};`;
+        const val = config.tokens[key][skey];
+        if (key === "font") {
+          for (const fkey in val) {
+            if (fkey === "family") {
+              addVar(val[fkey]);
+            } else {
+              for (const fskey in val[fkey]) {
+                addVar(val[fkey][fskey]);
+              }
+            }
+          }
+        } else {
+          addVar(val);
+        }
       }
     }
     cssRules.push(`${tokenRule}
@@ -44,8 +68,7 @@ function createTamagui(config) {
       for (const themeKey in theme) {
         const val = theme[themeKey];
         const getVariableCSS = /* @__PURE__ */ __name((inv) => {
-          var _a;
-          const v = (_a = varsByValue[inv]) != null ? _a : inv;
+          const v = varsByValue[inv] ?? inv;
           return isVariable(v) ? `--${themeKey}:var(--${v.name});` : `--${themeKey}:${v};`;
         }, "getVariableCSS");
         vars += getVariableCSS(val);
@@ -72,13 +95,7 @@ ${vars}
       css: cssRules.join("\n")
     };
   })();
-  const tokensParsed = {};
-  for (const key in config.tokens) {
-    tokensParsed[key] = {};
-    for (const skey in config.tokens[key]) {
-      tokensParsed[key][`$${skey}`] = config.tokens[key][skey];
-    }
-  }
+  const tokensParsed = parseTokens(config.tokens);
   const themeParsed = {};
   const firstKey = Object.keys(config.themes)[0];
   for (const key in config.themes[firstKey]) {
@@ -95,6 +112,7 @@ ${vars}
     themeConfig,
     themeParsed,
     tokensParsed,
+    parsed: true,
     getCSS() {
       return `${themeConfig.css}
 ${[...getStyleRules()].join("\n")}`;
@@ -112,11 +130,40 @@ function getThemeParentClassName(themeName) {
   return `theme-parent ${themeName ? `${PREFIX}${themeName}` : ""}`;
 }
 __name(getThemeParentClassName, "getThemeParentClassName");
+const parseTokens = /* @__PURE__ */ __name((tokens) => {
+  const res = {};
+  for (const key in tokens) {
+    res[key] = {};
+    if (key === "font") {
+      for (const family in tokens.font) {
+        const obj = {};
+        res.font[`$${family}`] = obj;
+        for (const attrKey in tokens.font[family]) {
+          const attr = tokens.font[family][attrKey];
+          if (attrKey === "family") {
+            obj[attrKey] = attr;
+            continue;
+          }
+          obj[attrKey] = Object.keys(attr).reduce((acc, cur) => {
+            acc[`$${cur}`] = attr[cur];
+            return acc;
+          }, {});
+        }
+      }
+      continue;
+    }
+    for (const skey in tokens[key]) {
+      res[key][`$${skey}`] = tokens[key][skey];
+    }
+  }
+  return res;
+}, "parseTokens");
 export {
   createTamagui,
   getHasConfigured,
-  getTamaguiConfig,
+  getTamagui,
   getThemeParentClassName,
+  getThemes,
+  getTokens,
   onConfiguredOnce
 };
-//# sourceMappingURL=createTamagui.js.map

package/{_ → dist/jsx}/createTheme.js

@@ -10,6 +10,8 @@ const createTheme = /* @__PURE__ */ __name((theme) => {
         name: key,
         val
       });
+    } else {
+      res[key] = val;
     }
   }
   return res;
@@ -17,4 +19,3 @@ const createTheme = /* @__PURE__ */ __name((theme) => {
 export {
   createTheme
 };
-//# sourceMappingURL=createTheme.js.map

package/{_ → dist/jsx}/createTokens.js

@@ -1,7 +1,11 @@
 var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 import { createVariable } from "./createVariable";
+import { validateTokens } from "./helpers/validate";
 function createTokens(tokens) {
+  if (process.env.NODE_ENV === "development") {
+    validateTokens(tokens);
+  }
   return setupTokens(tokens);
 }
 __name(createTokens, "createTokens");
@@ -26,4 +30,3 @@ export {
   createTokens,
   mapTokensToVariables
 };
-//# sourceMappingURL=createTokens.js.map

package/{_ → dist/jsx}/createVariable.js

@@ -7,6 +7,9 @@ class Variable {
     this.name = name;
     this.variable = isWeb ? `var(--${name})` : this.val;
   }
+  toString() {
+    return `${isWeb ? this.variable : this.val}`;
+  }
 }
 __name(Variable, "Variable");
 const createVariable = /* @__PURE__ */ __name((props) => new Variable(props), "createVariable");
@@ -19,4 +22,3 @@ export {
   createVariable,
   isVariable
 };
-//# sourceMappingURL=createVariable.js.map

package/dist/jsx/helpers/addStylesUsingClassname.js

@@ -0,0 +1,56 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import { useInsertionEffect } from "react";
+import { getStylesAtomic } from "./getStylesAtomic";
+import { insertStyleRule } from "./insertStyleRule";
+let added = new Set();
+function useStylesAsClassname(styles) {
+  if (!useInsertionEffect) {
+    return addStylesUsingClassname(styles);
+  } else {
+    const insertions = [];
+    const className = addStylesUsingClassname(styles, (_, rules) => {
+      for (const rule of rules) {
+        insertions.push(rule);
+      }
+    });
+    useInsertionEffect(() => {
+      for (const ruleset of insertions) {
+        insertStyleRule(ruleset);
+      }
+    });
+    return className;
+  }
+}
+__name(useStylesAsClassname, "useStylesAsClassname");
+function addStylesUsingClassname(styles, onAdd) {
+  let className = "";
+  for (const style of styles) {
+    if (!style)
+      continue;
+    if (Array.isArray(style)) {
+      className += " " + addStylesUsingClassname(style);
+      continue;
+    }
+    for (const { identifier, rules } of getStylesAtomic(style)) {
+      className += ` ${identifier}`;
+      if (added.has(identifier)) {
+        continue;
+      }
+      added.add(identifier);
+      if (onAdd) {
+        onAdd(identifier, rules);
+      } else {
+        for (const rule of rules) {
+          insertStyleRule(rule);
+        }
+      }
+    }
+  }
+  return className;
+}
+__name(addStylesUsingClassname, "addStylesUsingClassname");
+export {
+  addStylesUsingClassname,
+  useStylesAsClassname
+};

package/dist/{helpers → jsx/helpers}/createMediaStyle.js

@@ -31,4 +31,3 @@ export {
   MEDIA_SEP,
   createMediaStyle
 };
-//# sourceMappingURL=createMediaStyle.js.map

package/dist/jsx/helpers/createPropMapper.js

@@ -0,0 +1,159 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import { isWeb } from "../constants/platform";
+import { getTamagui } from "../createTamagui";
+import { Variable } from "../createVariable";
+import { isObj } from "./isObj";
+const createPropMapper = /* @__PURE__ */ __name((c) => {
+  const variants = c.variants;
+  let variantsParsed;
+  const defaultProps = c.defaultProps || {};
+  return (key, value, theme, props) => {
+    const conf = getTamagui();
+    if (!conf) {
+      console.trace("no conf! err");
+      return;
+    }
+    if (variants && !variantsParsed) {
+      variantsParsed = parseVariants(variants, conf);
+    }
+    let fontFamily = props.fontFamily || defaultProps.fontFamily || "$body";
+    const variant = variantsParsed?.[key];
+    if (variant && typeof value !== "undefined") {
+      const val = value === true ? variant["$true"] || variant["true"] : variant[value] ?? variant["..."] ?? value;
+      const res = typeof val === "function" ? val(value, { tokens: conf.tokensParsed, theme, props }) : isObj(val) ? { ...val } : val;
+      if (isObj(res)) {
+        resolveTokens(res, conf, theme, fontFamily);
+      }
+      return res;
+    }
+    let shouldReturn = false;
+    if (conf.shorthands[key]) {
+      shouldReturn = true;
+      key = conf.shorthands[key];
+    }
+    if (value && value[0] === "$") {
+      shouldReturn = true;
+      value = getToken(key, value, conf, theme, fontFamily);
+    }
+    if (value instanceof Variable) {
+      shouldReturn = true;
+      value = value.variable;
+    }
+    if (shouldReturn) {
+      return {
+        [key]: value
+      };
+    }
+  };
+}, "createPropMapper");
+const resolveTokens = /* @__PURE__ */ __name((res, conf, theme, fontFamily) => {
+  for (const rKey in res) {
+    const fKey = conf.shorthands[rKey] || rKey;
+    const val = res[rKey];
+    if (val instanceof Variable) {
+      res[fKey] = val.variable;
+    } else if (typeof val === "string") {
+      const fVal = val[0] === "$" ? getToken(fKey, val, conf, theme, fontFamily) : val;
+      res[fKey] = fVal;
+    } else {
+      if (isObj(val)) {
+        resolveTokens(val, conf, theme, fontFamily);
+      }
+    }
+  }
+}, "resolveTokens");
+const getToken = /* @__PURE__ */ __name((key, value, { tokensParsed, themeParsed }, theme, fontFamily = "$body") => {
+  if (themeParsed[value]) {
+    if (isWeb && themeParsed[value].variable) {
+      return themeParsed[value].variable;
+    } else {
+      if (value && value[0] === "$") {
+        return theme[`${value.slice(1)}`]?.val || themeParsed[value]?.val;
+      }
+    }
+  }
+  let valOrVar;
+  if (key === "fontFamily") {
+    valOrVar = tokensParsed.font[value]?.family || value;
+  }
+  if (key === "fontSize") {
+    valOrVar = tokensParsed.font[fontFamily]?.size[value] || value;
+  }
+  if (key === "lineHeight") {
+    valOrVar = tokensParsed.font[fontFamily]?.lineHeight[value] || value;
+  }
+  if (key === "letterSpacing") {
+    valOrVar = tokensParsed.font[fontFamily]?.letterSpacing[value] || value;
+  }
+  if (key === "fontWeight") {
+    valOrVar = tokensParsed.font[fontFamily]?.weight[value] || value;
+  }
+  if (typeof valOrVar !== "undefined") {
+    if (valOrVar instanceof Variable) {
+      return valOrVar.variable;
+    } else {
+      return valOrVar;
+    }
+  }
+  for (const cat in tokenCategories) {
+    if (tokenCategories[cat][key]) {
+      const res = tokensParsed[cat][value];
+      if (res) {
+        return res.variable;
+      } else {
+        const themeVar = themeParsed[value];
+        if (themeVar) {
+          return themeVar.variable;
+        }
+      }
+    }
+  }
+  const spaceVar = tokensParsed.space[value];
+  if (spaceVar) {
+    return spaceVar.variable;
+  }
+  return value;
+}, "getToken");
+const tokenCategories = {
+  size: {
+    width: true,
+    height: true,
+    minWidth: true,
+    minHeight: true,
+    maxWidth: true,
+    maxHeight: true
+  },
+  color: {
+    color: true,
+    backgroundColor: true,
+    borderColor: true,
+    borderBottomColor: true,
+    borderTopColor: true,
+    borderLeftColor: true,
+    borderRightColor: true
+  }
+};
+function parseVariants(variants, conf) {
+  return Object.keys(variants).reduce((acc, key) => {
+    acc[key] = Object.keys(variants[key]).reduce((vacc, vkey) => {
+      const variantVal = variants[key][vkey];
+      if (vkey.startsWith("...")) {
+        vacc["..."] = variantVal;
+        const tokenKey = vkey.slice(3);
+        const tokens = conf.tokens[tokenKey];
+        for (const tkey in tokens) {
+          vacc[`$${tkey}`] = variantVal;
+        }
+      } else {
+        vacc[vkey] = variantVal;
+      }
+      return vacc;
+    }, {});
+    return acc;
+  }, {});
+}
+__name(parseVariants, "parseVariants");
+export {
+  createPropMapper
+};

package/dist/jsx/helpers/createTamaguiProvider.js

@@ -0,0 +1,19 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import * as React from "react";
+import { TextAncestorProvider } from "../views/TextAncestorContext";
+import { ThemeProvider } from "../views/ThemeProvider";
+function createTamaguiProvider(themeProps) {
+  return /* @__PURE__ */ __name(function TamaguiProvider({
+    initialWindowMetrics,
+    fallback,
+    children,
+    ...themePropsProvider
+  }) {
+    return <TextAncestorProvider><ThemeProvider {...themeProps} {...themePropsProvider}><React.Suspense fallback={fallback || null}>{children}</React.Suspense></ThemeProvider></TextAncestorProvider>;
+  }, "TamaguiProvider");
+}
+__name(createTamaguiProvider, "createTamaguiProvider");
+export {
+  createTamaguiProvider
+};

package/dist/jsx/helpers/extendStaticConfig.js

@@ -0,0 +1,58 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import { createPropMapper } from "./createPropMapper";
+function extendStaticConfig(Component, config = {}) {
+  const parent = Component || {};
+  if (!parent.staticConfig) {
+    parent.staticConfig = {
+      Component
+    };
+  }
+  const variants = {
+    ...parent.staticConfig.variants
+  };
+  if (config.variants) {
+    for (const key in config.variants) {
+      if (variants[key]) {
+        variants[key] = {
+          ...variants[key],
+          ...config.variants[key]
+        };
+      } else {
+        variants[key] = config.variants[key];
+      }
+    }
+  }
+  return parseStaticConfig({
+    ...parent.staticConfig,
+    isZStack: config.isZStack || parent.staticConfig.isZStack,
+    variants,
+    isText: config.isText || parent.staticConfig.isText || false,
+    neverFlatten: config.neverFlatten ?? parent.staticConfig.neverFlatten,
+    ensureOverriddenProp: config.ensureOverriddenProp ?? parent.staticConfig.ensureOverriddenProp,
+    validStyles: config.validStyles ? {
+      ...parent.staticConfig.validStyles,
+      ...config.validStyles
+    } : parent.staticConfig.validStyles,
+    validPropsExtra: {
+      ...parent.staticConfig.validPropsExtra,
+      ...config.validPropsExtra
+    },
+    defaultProps: {
+      ...parent.staticConfig.defaultProps,
+      ...config.defaultProps
+    }
+  });
+}
+__name(extendStaticConfig, "extendStaticConfig");
+const parseStaticConfig = /* @__PURE__ */ __name((config) => {
+  return {
+    ...config,
+    parsed: true,
+    propMapper: createPropMapper(config)
+  };
+}, "parseStaticConfig");
+export {
+  extendStaticConfig,
+  parseStaticConfig
+};

package/dist/{helpers → jsx/helpers}/fixNativeShadow.js

@@ -5,4 +5,3 @@ const fixNativeShadow = /* @__PURE__ */ __name((a) => {
 export {
   fixNativeShadow
 };
-//# sourceMappingURL=fixNativeShadow.js.map

package/dist/{helpers → jsx/helpers}/fixNativeShadow.native.js

@@ -27,4 +27,3 @@ __name(fixNativeShadow, "fixNativeShadow");
 export {
   fixNativeShadow
 };
-//# sourceMappingURL=fixNativeShadow.native.js.map

package/{_ → dist/jsx}/helpers/getSplitStyles.js

@@ -8,7 +8,7 @@ import {
   validStylesPseudo
 } from "@tamagui/helpers";
 import { isWeb } from "../constants/platform";
-import { mediaQueryConfig } from "../hooks/useMedia";
+import { mediaQueryConfig, mediaState } from "../hooks/useMedia";
 import { createMediaStyle } from "./createMediaStyle";
 import { fixNativeShadow } from "./fixNativeShadow";
 import { getStylesAtomic } from "./getStylesAtomic";
@@ -17,7 +17,6 @@ const getSplitStyles = /* @__PURE__ */ __name((props, staticConfig, theme, isSpl
   const validStyleProps = staticConfig.isText ? stylePropsText : validStyles;
   const viewProps = {};
   const style = [];
-  const blacklistProps = isSplittingDefaultProps ? blacklistDefaultProps : blacklistFinalProps;
   let pseudos = null;
   let cur = null;
   let classNames = null;
@@ -30,15 +29,15 @@ const getSplitStyles = /* @__PURE__ */ __name((props, staticConfig, theme, isSpl
         continue;
       }
       const mediaProps = { ...props, ...valInit };
-      const mediaStyle = getSubStyle(valInit, staticConfig, theme);
-      const mediaStyles = getStylesAtomic(mediaStyle);
-      if (process.env.NODE_ENV === "development") {
-        if (props["debug"]) {
-          console.log("mediaStyles", keyInit, { mediaProps, mediaStyle, mediaStyles });
+      const mediaStyle = getSubStyle(valInit, staticConfig, theme, props);
+      if (isWeb) {
+        const mediaStyles = getStylesAtomic(mediaStyle);
+        if (process.env.NODE_ENV === "development") {
+          if (props["debug"]) {
+            console.log("mediaStyles", keyInit, { mediaProps, mediaStyle, mediaStyles });
+          }
         }
-      }
-      for (const style2 of mediaStyles) {
-        if (isWeb) {
+        for (const style2 of mediaStyles) {
           const out2 = createMediaStyle(style2, mediaKey, mediaQueryConfig);
           classNames = classNames || [];
           classNames.push(out2.identifier);
@@ -47,8 +46,10 @@ const getSplitStyles = /* @__PURE__ */ __name((props, staticConfig, theme, isSpl
           if (process.env.NODE_ENV === "development" && props["debug"]) {
             console.log("mediaProp", style2.identifier, out2, mediaProps, mediaStyle, mediaStyles);
           }
-        } else {
-          console.log("TODO native media style logic");
+        }
+      } else {
+        if (mediaState[mediaKey]) {
+          style.push(mediaStyle);
         }
       }
       continue;
@@ -57,10 +58,10 @@ const getSplitStyles = /* @__PURE__ */ __name((props, staticConfig, theme, isSpl
       if (!valInit)
         continue;
       pseudos = pseudos || {};
-      pseudos[keyInit] = getSubStyle(valInit, staticConfig, theme);
+      pseudos[keyInit] = getSubStyle(valInit, staticConfig, theme, props);
       continue;
     }
-    const out = staticConfig.propMapper(keyInit, valInit, theme);
+    const out = staticConfig.propMapper(keyInit, valInit, theme, props);
     const expanded = out === true || !out ? [[keyInit, valInit]] : Object.entries(out);
     for (const [key, val] of expanded) {
       const keyFirstChar = key[0];
@@ -96,7 +97,7 @@ const getSplitStyles = /* @__PURE__ */ __name((props, staticConfig, theme, isSpl
         cur[key] = val;
         continue;
       }
-      if (!blacklistProps[key]) {
+      if (!staticConfig.variants || !(key in staticConfig.variants)) {
         viewProps[key] = val;
       }
     }
@@ -117,11 +118,11 @@ const getSplitStyles = /* @__PURE__ */ __name((props, staticConfig, theme, isSpl
     classNames
   };
 }, "getSplitStyles");
-const getSubStyle = /* @__PURE__ */ __name((styleIn, staticConfig, theme) => {
+const getSubStyle = /* @__PURE__ */ __name((styleIn, staticConfig, theme, props) => {
   const styleOut = {};
   for (const key in styleIn) {
     const val = styleIn[key];
-    const out = staticConfig.propMapper(key, val, theme);
+    const out = staticConfig.propMapper(key, val, theme, props);
     const expanded = out === true || !out ? [[key, val]] : Object.entries(out);
     for (const [skey, sval] of expanded) {
       if (skey in stylePropsTransform) {
@@ -134,17 +135,6 @@ const getSubStyle = /* @__PURE__ */ __name((styleIn, staticConfig, theme) => {
   fixNativeShadow(styleOut);
   return styleOut;
 }, "getSubStyle");
-const blacklistDefaultProps = {
-  ...validStyles,
-  ...stylePropsText
-};
-const blacklistFinalProps = {
-  ...blacklistDefaultProps,
-  tag: true,
-  debug: true,
-  space: true,
-  hitSlop: true
-};
 const mapTransformKeys = {
   x: "translateX",
   y: "translateY"
@@ -157,4 +147,3 @@ const mergeTransform = /* @__PURE__ */ __name((obj, key, val) => {
 export {
   getSplitStyles
 };
-//# sourceMappingURL=getSplitStyles.js.map

package/{_ → dist/jsx}/helpers/getStylesAtomic.js

@@ -34,13 +34,12 @@ function getStylesAtomic(style, avoidCollection = false) {
 __name(getStylesAtomic, "getStylesAtomic");
 const importantRegex = /\!important*/g;
 function getAtomicStyle(style, pseudo, avoidCollection) {
-  var _a;
   if (style == null || typeof style !== "object") {
     throw new Error(`Wrong style type: "${typeof style}": ${style}`);
   }
   for (const key in borderDefaults) {
     if (key in style) {
-      style[borderDefaults[key]] = (_a = style[borderDefaults[key]]) != null ? _a : "solid";
+      style[borderDefaults[key]] = style[borderDefaults[key]] ?? "solid";
     }
   }
   const all = generateStyle(style);
@@ -81,4 +80,3 @@ __name(getAtomicStyle, "getAtomicStyle");
 export {
   getStylesAtomic
 };
-//# sourceMappingURL=getStylesAtomic.js.map

package/dist/{helpers → jsx/helpers}/getStylesAtomic.native.js

@@ -7,4 +7,3 @@ __name(getStylesAtomic, "getStylesAtomic");
 export {
   getStylesAtomic
 };
-//# sourceMappingURL=getStylesAtomic.native.js.map

package/dist/{helpers → jsx/helpers}/insertStyleRule.js

@@ -21,4 +21,3 @@ __name(insertStyleRule, "insertStyleRule");
 export {
   insertStyleRule
 };
-//# sourceMappingURL=insertStyleRule.js.map

package/dist/jsx/helpers/isObj.js

@@ -0,0 +1,6 @@
+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");
+export {
+  isObj
+};

package/dist/jsx/helpers/isTamaguiElement.js

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

package/dist/{helpers → jsx/helpers}/matchMedia.js

@@ -3,6 +3,9 @@ var __name = (target, value) => __defProp(target, "name", { value, configurable:
 const matchMedia = typeof window !== "undefined" && window.matchMedia || /* @__PURE__ */ __name(function matchMediaFallback(query) {
   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() {
     },
@@ -12,4 +15,3 @@ const matchMedia = typeof window !== "undefined" && window.matchMedia || /* @__P
 export {
   matchMedia
 };
-//# sourceMappingURL=matchMedia.js.map

package/{_ → dist/jsx}/helpers/matchMedia.native.js

@@ -2,7 +2,7 @@ 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");
+globalThis["matchMedia"] = matchMedia;
 export {
   matchMedia
 };
-//# sourceMappingURL=matchMedia.native.js.map