@tamagui/core 1.0.0-alpha.9 → 1.0.0-beta.172

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/helpers/createMediaStyle.ts"],
   "sourcesContent": ["import { StyleObject } from '@tamagui/helpers'\n\nimport { mediaObjectToString } from '../hooks/useMedia'\nimport { MediaQueries } from '../types'\n\n// TODO have this be used by extractMediaStyle in tamagui static\n\n// not synced to static/constants for now\nexport const MEDIA_SEP = '_'\n\nexport const createMediaStyle = (\n  { identifier, rules }: StyleObject,\n  mediaKey: string,\n  mediaQueries: MediaQueries,\n  negate?: boolean,\n  importance = 0\n) => {\n  const mediaKeys = Object.keys(mediaQueries)\n  const mediaKeyPrecendence = mediaKeys.reduce((acc, cur, i) => {\n    acc[cur] = new Array(importance + 1).fill(':root').join('')\n    return acc\n  }, {})\n  const negKey = negate ? '0' : ''\n  const ogPrefix = identifier.slice(0, identifier.indexOf('-') + 1)\n  const nextIdentifier = `${identifier.replace(\n    ogPrefix,\n    `${ogPrefix}${MEDIA_SEP}${mediaKey}${negKey}${MEDIA_SEP}`\n  )}`\n  const screenStr = negate ? 'not all' : 'screen'\n  const mediaSelector = mediaObjectToString(mediaQueries[mediaKey])\n  const mediaQuery = `${screenStr} and ${mediaSelector}`\n  const precendencePrefix = mediaKeyPrecendence[mediaKey]\n  const styleInner = rules[0].replace(identifier, nextIdentifier)\n  // combines media queries if they already exist\n  let styleRule = ''\n  if (styleInner.includes('@media')) {\n    // combine\n    styleRule = styleInner.replace('{', ` and ${mediaQuery} {`)\n  } else {\n    styleRule = `@media ${mediaQuery} { ${precendencePrefix} ${styleInner} }`\n  }\n  return {\n    styleRule,\n    identifier: nextIdentifier,\n  }\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAEA,sBAAoC;AAM7B,MAAM,YAAY;AAElB,MAAM,mBAAmB,wBAC9B,EAAE,YAAY,SACd,UACA,cACA,QACA,aAAa,MACV;AACH,QAAM,YAAY,OAAO,KAAK;AAC9B,QAAM,sBAAsB,UAAU,OAAO,CAAC,KAAK,KAAK,MAAM;AAC5D,QAAI,OAAO,IAAI,MAAM,aAAa,GAAG,KAAK,SAAS,KAAK;AACxD,WAAO;AAAA,KACN;AACH,QAAM,SAAS,SAAS,MAAM;AAC9B,QAAM,WAAW,WAAW,MAAM,GAAG,WAAW,QAAQ,OAAO;AAC/D,QAAM,iBAAiB,GAAG,WAAW,QACnC,UACA,GAAG,WAAW,YAAY,WAAW,SAAS;AAEhD,QAAM,YAAY,SAAS,YAAY;AACvC,QAAM,gBAAgB,yCAAoB,aAAa;AACvD,QAAM,aAAa,GAAG,iBAAiB;AACvC,QAAM,oBAAoB,oBAAoB;AAC9C,QAAM,aAAa,MAAM,GAAG,QAAQ,YAAY;AAEhD,MAAI,YAAY;AAChB,MAAI,WAAW,SAAS,WAAW;AAEjC,gBAAY,WAAW,QAAQ,KAAK,QAAQ;AAAA,SACvC;AACL,gBAAY,UAAU,gBAAgB,qBAAqB;AAAA;AAE7D,SAAO;AAAA,IACL;AAAA,IACA,YAAY;AAAA;AAAA,GAjCgB;",
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,sBAAoC;AAM7B,MAAM,YAAY;AAElB,MAAM,mBAAmB,wBAC9B,EAAE,YAAY,SACd,UACA,cACA,QACA,aAAa,MACV;AACH,QAAM,YAAY,OAAO,KAAK,YAAY;AAC1C,QAAM,sBAAsB,UAAU,OAAO,CAAC,KAAK,KAAK,MAAM;AAC5D,QAAI,OAAO,IAAI,MAAM,aAAa,CAAC,EAAE,KAAK,OAAO,EAAE,KAAK,EAAE;AAC1D,WAAO;AAAA,EACT,GAAG,CAAC,CAAC;AACL,QAAM,SAAS,SAAS,MAAM;AAC9B,QAAM,WAAW,WAAW,MAAM,GAAG,WAAW,QAAQ,GAAG,IAAI,CAAC;AAChE,QAAM,iBAAiB,GAAG,WAAW,QACnC,UACA,GAAG,WAAW,YAAY,WAAW,SAAS,WAChD;AACA,QAAM,YAAY,SAAS,YAAY;AACvC,QAAM,gBAAgB,yCAAoB,aAAa,SAAS;AAChE,QAAM,aAAa,GAAG,iBAAiB;AACvC,QAAM,oBAAoB,oBAAoB;AAC9C,QAAM,aAAa,MAAM,GAAG,QAAQ,YAAY,cAAc;AAE9D,MAAI,YAAY;AAChB,MAAI,WAAW,SAAS,QAAQ,GAAG;AAEjC,gBAAY,WAAW,QAAQ,KAAK,QAAQ,cAAc;AAAA,EAC5D,OAAO;AACL,gBAAY,UAAU,gBAAgB,qBAAqB;AAAA,EAC7D;AACA,SAAO;AAAA,IACL;AAAA,IACA,YAAY;AAAA,EACd;AACF,GAnCgC;",
   "names": []
 }

package/dist/cjs/helpers/createPropMapper.js

@@ -1,82 +1,100 @@
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 var __export = (target, all) => {
-  __markAsModule(target);
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __reExport = (target, module2, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && key !== "default")
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+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 target;
-};
-var __toModule = (module2) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+  return to;
 };
-__export(exports, {
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var createPropMapper_exports = {};
+__export(createPropMapper_exports, {
   createPropMapper: () => createPropMapper
 });
-var import_createTamagui = __toModule(require("../createTamagui"));
-var import_createVariable = __toModule(require("../createVariable"));
-var import_isObj = __toModule(require("./isObj"));
+module.exports = __toCommonJS(createPropMapper_exports);
+var import_conf = require("../conf");
+var import_platform = require("../constants/platform");
+var import_createVariable = require("../createVariable");
+var import_isObj = require("./isObj");
 const createPropMapper = /* @__PURE__ */ __name((c) => {
-  const variants = c.variants;
-  let variantsParsed;
+  const variants = c.variants || {};
+  function getVariantFunction(variant, key, value) {
+    for (const cat in tokenCategories) {
+      if (key in tokenCategories[cat]) {
+        const spreadVariant = variant[`...${cat}`];
+        if (spreadVariant) {
+          return spreadVariant;
+        }
+      }
+    }
+    let fn;
+    if (typeof value === "number") {
+      fn = variant[":number"];
+    } else if (typeof value === "string") {
+      fn = variant[":string"];
+    } else if (value === true || value === false) {
+      fn = variant[":boolean"];
+    }
+    fn = fn || variant[value];
+    return fn || variant["..."] || variant["...size"];
+  }
+  __name(getVariantFunction, "getVariantFunction");
   const defaultProps = c.defaultProps || {};
-  return (key, value, theme, props) => {
-    const conf = (0, import_createTamagui.getTamagui)();
+  return (key, value, theme, props, staticConfig, returnVariablesAs = !!props.animation ? "value" : "auto", avoidDefaultProps = false) => {
+    const conf = (0, import_conf.getConfig)();
     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 == null ? void 0 : 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 }) : (0, import_isObj.isObj)(val) ? __spreadValues({}, val) : val;
-      if ((0, import_isObj.isObj)(res)) {
-        resolveTokens(res, conf, fontFamily);
+    const variant = variants && variants[key];
+    if (variant && value !== void 0) {
+      let variantValue = getVariantFunction(variant, key, value);
+      if (!variantValue) {
+        return value;
+      }
+      if (typeof variantValue === "function") {
+        variantValue = variantValue(value, {
+          tokens: conf.tokensParsed,
+          theme,
+          props: avoidDefaultProps ? props : new Proxy(props, {
+            get(target, key2) {
+              if (Reflect.has(target, key2)) {
+                return Reflect.get(target, key2);
+              }
+              if (staticConfig.defaultProps) {
+                return Reflect.get(staticConfig.defaultProps, key2);
+              }
+            }
+          })
+        });
+      }
+      if ((0, import_isObj.isObj)(variantValue)) {
+        variantValue = resolveTokens(variantValue, conf, theme, fontFamily, returnVariablesAs);
       }
-      return res;
+      return variantValue;
     }
     let shouldReturn = false;
     if (conf.shorthands[key]) {
       shouldReturn = true;
       key = conf.shorthands[key];
     }
-    if (value && value[0] === "$") {
-      shouldReturn = true;
-      value = getToken(key, value, conf, fontFamily);
-    }
-    if (value instanceof import_createVariable.Variable) {
+    if (value) {
       shouldReturn = true;
-      value = value.variable;
+      if (value[0] === "$") {
+        value = getToken(key, value, conf, theme, fontFamily, returnVariablesAs);
+      } else if ((0, import_createVariable.isVariable)(value)) {
+        value = getVariableValue(value, returnVariablesAs);
+      }
     }
     if (shouldReturn) {
       return {
@@ -85,70 +103,108 @@ const createPropMapper = /* @__PURE__ */ __name((c) => {
     }
   };
 }, "createPropMapper");
-const resolveTokens = /* @__PURE__ */ __name((res, conf, fontFamily) => {
-  for (const rKey in res) {
+const resolveTokens = /* @__PURE__ */ __name((input, conf, theme, fontFamily, resolveAs) => {
+  var _a;
+  let res = {};
+  for (const rKey in input) {
     const fKey = conf.shorthands[rKey] || rKey;
-    const val = res[rKey];
-    if (val instanceof import_createVariable.Variable) {
-      res[fKey] = val.variable;
+    const val = input[rKey];
+    if ((0, import_createVariable.isVariable)(val)) {
+      res[fKey] = resolveAs === "variable" ? val : !import_platform.isWeb || resolveAs === "value" ? val.val : val.variable;
     } else if (typeof val === "string") {
-      const fVal = val[0] === "$" ? getToken(fKey, val, conf, fontFamily) : val;
+      const fVal = val[0] === "$" ? getToken(fKey, val, conf, theme, fontFamily, resolveAs) : val;
       res[fKey] = fVal;
     } else {
       if ((0, import_isObj.isObj)(val)) {
-        resolveTokens(val, conf, fontFamily);
+        res[fKey] = resolveTokens(val, conf, theme, fontFamily, resolveAs);
+      } else {
+        res[fKey] = input[fKey];
+      }
+    }
+    if (process.env.NODE_ENV === "development") {
+      if (((_a = res[fKey]) == null ? void 0 : _a[0]) === "$") {
+        console.warn(`\u26A0\uFE0F Missing token in theme ${theme.name}:`, fKey, res[fKey]);
       }
     }
   }
+  return res;
 }, "resolveTokens");
-const getToken = /* @__PURE__ */ __name((key, value, { tokensParsed, themeParsed }, fontFamily = "$body") => {
+const getToken = /* @__PURE__ */ __name((key, value, { tokensParsed }, theme, fontFamily = "$body", resolveAs) => {
   var _a, _b, _c, _d, _e;
-  if (themeParsed[value]) {
-    return themeParsed[value].variable;
-  }
   let valOrVar;
-  if (key === "fontFamily") {
-    valOrVar = ((_a = tokensParsed.font[value]) == null ? void 0 : _a.family) || value;
-  }
-  if (key === "fontSize") {
-    valOrVar = ((_b = tokensParsed.font[fontFamily]) == null ? void 0 : _b.size[value]) || value;
-  }
-  if (key === "lineHeight") {
-    valOrVar = ((_c = tokensParsed.font[fontFamily]) == null ? void 0 : _c.lineHeight[value]) || value;
-  }
-  if (key === "letterSpacing") {
-    valOrVar = ((_d = tokensParsed.font[fontFamily]) == null ? void 0 : _d.letterSpacing[value]) || value;
-  }
-  if (key === "fontWeight") {
-    valOrVar = ((_e = tokensParsed.font[fontFamily]) == null ? void 0 : _e.weight[value]) || value;
-  }
-  if (typeof valOrVar !== "undefined") {
-    if (valOrVar instanceof import_createVariable.Variable) {
-      return valOrVar.variable;
-    } else {
-      return valOrVar;
+  let hasSet = false;
+  const valueName = value[0] === "$" ? value.slice(1) : value;
+  if (valueName in theme) {
+    valOrVar = theme[valueName];
+    hasSet = true;
+  } else {
+    switch (key) {
+      case "fontFamily":
+        valOrVar = ((_a = tokensParsed.font[value]) == null ? void 0 : _a.family) || value;
+        hasSet = true;
+        break;
+      case "fontSize":
+        valOrVar = ((_b = tokensParsed.font[fontFamily]) == null ? void 0 : _b.size[value]) || value;
+        hasSet = true;
+        break;
+      case "lineHeight":
+        valOrVar = ((_c = tokensParsed.font[fontFamily]) == null ? void 0 : _c.lineHeight[value]) || value;
+        hasSet = true;
+        break;
+      case "letterSpacing":
+        valOrVar = ((_d = tokensParsed.font[fontFamily]) == null ? void 0 : _d.letterSpacing[value]) || value;
+        hasSet = true;
+        break;
+      case "fontWeight":
+        valOrVar = ((_e = tokensParsed.font[fontFamily]) == null ? void 0 : _e.weight[value]) || value;
+        hasSet = true;
+        break;
     }
-  }
-  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;
+    for (const cat in tokenCategories) {
+      if (key in tokenCategories[cat]) {
+        const res = tokensParsed[cat][value];
+        if (res) {
+          valOrVar = res;
+          hasSet = true;
         }
       }
     }
+    if (!hasSet) {
+      const spaceVar = tokensParsed.space[value];
+      if (spaceVar) {
+        valOrVar = spaceVar;
+        hasSet = true;
+      }
+    }
+  }
+  if (hasSet) {
+    return getVariableValue(valOrVar, resolveAs);
   }
-  const spaceVar = tokensParsed.space[value];
-  if (spaceVar) {
-    return spaceVar.variable;
+  if (process.env.NODE_ENV === "development") {
+    if (value && value[0] === "$") {
+      console.warn(`\u26A0\uFE0F Missing token in theme:`, value, theme);
+      return null;
+    }
   }
   return value;
 }, "getToken");
+function getVariableValue(valOrVar, resolveAs = "auto") {
+  if ((0, import_createVariable.isVariable)(valOrVar)) {
+    if (resolveAs === "variable") {
+      return valOrVar;
+    }
+    if (!import_platform.isWeb || resolveAs === "value") {
+      return valOrVar.val;
+    }
+    return valOrVar.variable;
+  }
+  return valOrVar;
+}
+__name(getVariableValue, "getVariableValue");
 const tokenCategories = {
+  radius: {
+    borderRadius: true
+  },
   size: {
     width: true,
     height: true,
@@ -167,24 +223,4 @@ const tokenCategories = {
     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");
 //# sourceMappingURL=createPropMapper.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/helpers/createPropMapper.ts"],
-  "sourcesContent": ["import { getTamagui } from '../createTamagui'\nimport { Variable } from '../createVariable'\nimport { StaticConfig, TamaguiInternalConfig } from '../types'\nimport { isObj } from './isObj'\n\nexport const createPropMapper = (c: StaticConfig) => {\n  const variants = c.variants\n  let variantsParsed\n  const defaultProps = c.defaultProps || {}\n\n  return (key: string, value: any, theme: any, props: any) => {\n    const conf = getTamagui()\n    if (!conf) {\n      console.trace('no conf! err')\n      return\n    }\n    if (variants && !variantsParsed) {\n      variantsParsed = parseVariants(variants, conf)\n    }\n\n    // handled here because we need to resolve this off tokens, its the only one-off like this\n    let fontFamily = props.fontFamily || defaultProps.fontFamily || '$body'\n\n    // expand variants\n    const variant = variantsParsed?.[key]\n    if (variant && typeof value !== 'undefined') {\n      const val =\n        value === true\n          ? variant['$true'] || variant['true']\n          : variant[value] ?? variant['...'] ?? value\n\n      const res =\n        typeof val === 'function'\n          ? val(value, { tokens: conf.tokensParsed, theme, props })\n          : isObj(val)\n          ? { ...val }\n          : val\n\n      if (isObj(res)) {\n        resolveTokens(res, conf, fontFamily)\n      }\n\n      return res\n    }\n\n    let shouldReturn = false\n\n    // handle shorthands\n    if (conf.shorthands[key]) {\n      shouldReturn = true\n      key = conf.shorthands[key]\n    }\n\n    if (value && value[0] === '$') {\n      shouldReturn = true\n      value = getToken(key, value, conf, fontFamily)\n    }\n\n    if (value instanceof Variable) {\n      shouldReturn = true\n      value = value.variable\n    }\n\n    if (shouldReturn) {\n      return {\n        [key]: value,\n      }\n    }\n  }\n}\n\nconst resolveTokens = (res: any, conf: TamaguiInternalConfig, fontFamily: any) => {\n  for (const rKey in res) {\n    const fKey = conf.shorthands[rKey] || rKey\n    const val = res[rKey]\n    if (val instanceof Variable) {\n      res[fKey] = val.variable\n    } else if (typeof val === 'string') {\n      const fVal = val[0] === '$' ? getToken(fKey, val, conf, fontFamily) : val\n      res[fKey] = fVal\n    } else {\n      if (isObj(val)) {\n        // for things like shadowOffset which is a sub-object\n        resolveTokens(val, conf, fontFamily)\n      }\n      // nullish values cant be tokens so need no exrta parsing\n    }\n  }\n}\n\nconst getToken = (\n  key: string,\n  value: string,\n  { tokensParsed, themeParsed }: TamaguiInternalConfig,\n  fontFamily: string | undefined = '$body'\n) => {\n  if (themeParsed[value]) {\n    return themeParsed[value].variable\n  }\n  let valOrVar: any\n  if (key === 'fontFamily') {\n    valOrVar = tokensParsed.font[value]?.family || value\n  }\n  if (key === 'fontSize') {\n    valOrVar = tokensParsed.font[fontFamily]?.size[value] || value\n  }\n  if (key === 'lineHeight') {\n    valOrVar = tokensParsed.font[fontFamily]?.lineHeight[value] || value\n  }\n  if (key === 'letterSpacing') {\n    valOrVar = tokensParsed.font[fontFamily]?.letterSpacing[value] || value\n  }\n  if (key === 'fontWeight') {\n    valOrVar = tokensParsed.font[fontFamily]?.weight[value] || value\n  }\n  if (typeof valOrVar !== 'undefined') {\n    if (valOrVar instanceof Variable) {\n      return valOrVar.variable\n    } else {\n      return valOrVar\n    }\n  }\n  for (const cat in tokenCategories) {\n    if (tokenCategories[cat][key]) {\n      const res = tokensParsed[cat][value]\n      if (res) {\n        return res.variable\n      } else {\n        const themeVar = themeParsed[value]\n        if (themeVar) {\n          return themeVar.variable\n        }\n      }\n    }\n  }\n  const spaceVar = tokensParsed.space[value]\n  if (spaceVar) {\n    return spaceVar.variable\n  }\n  return value\n}\n\n// just specificy the least costly, all else go to `space` (most keys - we can exclude)\nconst tokenCategories = {\n  size: {\n    width: true,\n    height: true,\n    minWidth: true,\n    minHeight: true,\n    maxWidth: true,\n    maxHeight: true,\n  },\n  color: {\n    color: true,\n    backgroundColor: true,\n    borderColor: true,\n    borderBottomColor: true,\n    borderTopColor: true,\n    borderLeftColor: true,\n    borderRightColor: true,\n  },\n}\n\n// turns variant spreads into individual lookups\nfunction parseVariants(variants: any, conf: TamaguiInternalConfig) {\n  return Object.keys(variants).reduce((acc, key) => {\n    acc[key] = Object.keys(variants[key]).reduce((vacc, vkey) => {\n      const variantVal = variants[key][vkey]\n      if (vkey.startsWith('...')) {\n        // set the default one at '...' for easy fallback on non-exact-variant-match\n        vacc['...'] = variantVal\n        const tokenKey = vkey.slice(3)\n        const tokens = conf.tokens[tokenKey]\n        for (const tkey in tokens) {\n          vacc[`$${tkey}`] = variantVal\n        }\n      } else {\n        vacc[vkey] = variantVal\n      }\n      return vacc\n    }, {})\n    return acc\n  }, {})\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { getConfig } from '../conf'\nimport { isWeb } from '../constants/platform'\nimport { Variable, isVariable } from '../createVariable'\nimport { StaticConfig, TamaguiInternalConfig } from '../types'\nimport { isObj } from './isObj'\n\nexport type ResolveVariableTypes = 'auto' | 'value' | 'variable'\n\nexport const createPropMapper = (c: StaticConfig) => {\n  const variants = c.variants || {}\n\n  // goes through specificity finding best matching variant function\n  function getVariantFunction(variant: any, key: string, value: any) {\n    for (const cat in tokenCategories) {\n      if (key in tokenCategories[cat]) {\n        const spreadVariant = variant[`...${cat}`]\n        if (spreadVariant) {\n          return spreadVariant\n        }\n      }\n    }\n    let fn: any\n    if (typeof value === 'number') {\n      fn = variant[':number']\n    } else if (typeof value === 'string') {\n      fn = variant[':string']\n    } else if (value === true || value === false) {\n      fn = variant[':boolean']\n    }\n    fn = fn || variant[value]\n    // fallback to size ultimately - could do token level detection\n    return fn || variant['...'] || variant['...size']\n  }\n\n  const defaultProps = c.defaultProps || {}\n\n  return (\n    key: string,\n    value: any,\n    theme: any,\n    props: any,\n    staticConfig: StaticConfig,\n    returnVariablesAs: ResolveVariableTypes = !!props.animation ? 'value' : 'auto',\n    avoidDefaultProps = false\n  ) => {\n    const conf = getConfig()\n    if (!conf) {\n      console.trace('no conf! err')\n      return\n    }\n\n    // handled here because we need to resolve this off tokens, its the only one-off like this\n    let fontFamily = props.fontFamily || defaultProps.fontFamily || '$body'\n\n    // expand variants\n    const variant = variants && variants[key]\n\n    if (variant && value !== undefined) {\n      let variantValue = getVariantFunction(variant, key, value)\n\n      if (!variantValue) {\n        return value\n      }\n\n      if (typeof variantValue === 'function') {\n        variantValue = variantValue(value, {\n          tokens: conf.tokensParsed,\n          theme,\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 (staticConfig.defaultProps) {\n                    return Reflect.get(staticConfig.defaultProps, key)\n                  }\n                },\n              }),\n        })\n      }\n\n      // console.log(\n      //   'GOGO',\n      //   variantValue,\n      //   'now',\n      //   resolveTokens(variantValue, conf, theme, fontFamily, returnVariablesAs)\n      // )\n\n      if (isObj(variantValue)) {\n        variantValue = resolveTokens(variantValue, conf, theme, fontFamily, returnVariablesAs)\n      }\n\n      return variantValue\n    }\n\n    let shouldReturn = false\n\n    // handle shorthands\n    if (conf.shorthands[key]) {\n      shouldReturn = true\n      key = conf.shorthands[key]\n    }\n\n    if (value) {\n      shouldReturn = true\n      if (value[0] === '$') {\n        value = getToken(key, value, conf, theme, fontFamily, returnVariablesAs)\n      } else if (isVariable(value)) {\n        value = getVariableValue(value, returnVariablesAs)\n      }\n    }\n\n    if (shouldReturn) {\n      return {\n        [key]: value,\n      }\n    }\n  }\n}\n\nconst resolveTokens = (\n  input: Object,\n  conf: TamaguiInternalConfig,\n  theme: any,\n  fontFamily: any,\n  resolveAs?: ResolveVariableTypes\n) => {\n  let res = {}\n  for (const rKey in input) {\n    const fKey = conf.shorthands[rKey] || rKey\n    const val = input[rKey]\n    if (isVariable(val)) {\n      res[fKey] =\n        resolveAs === 'variable' ? val : !isWeb || resolveAs === 'value' ? val.val : val.variable\n    } else if (typeof val === 'string') {\n      const fVal = val[0] === '$' ? getToken(fKey, val, conf, theme, fontFamily, resolveAs) : val\n      res[fKey] = fVal\n    } else {\n      if (isObj(val)) {\n        // for things like shadowOffset, hoverStyle which is a sub-object\n        res[fKey] = resolveTokens(val, conf, theme, fontFamily, resolveAs)\n      } else {\n        // nullish values cant be tokens so need no exrta parsing\n        res[fKey] = input[fKey]\n      }\n    }\n    if (process.env.NODE_ENV === 'development') {\n      if (res[fKey]?.[0] === '$') {\n        console.warn(`\u26A0\uFE0F Missing token in theme ${theme.name}:`, fKey, res[fKey])\n      }\n    }\n  }\n  return res\n}\n\nconst getToken = (\n  key: string,\n  value: string,\n  { tokensParsed }: TamaguiInternalConfig,\n  theme: any,\n  fontFamily: string | undefined = '$body',\n  resolveAs?: ResolveVariableTypes\n) => {\n  let valOrVar: any\n  let hasSet = false\n  const valueName = value[0] === '$' ? value.slice(1) : value\n  if (valueName in theme) {\n    valOrVar = theme[valueName]\n    hasSet = true\n  } else {\n    switch (key) {\n      case 'fontFamily':\n        valOrVar = tokensParsed.font[value]?.family || value\n        hasSet = true\n        break\n      case 'fontSize':\n        valOrVar = tokensParsed.font[fontFamily]?.size[value] || value\n        hasSet = true\n        break\n      case 'lineHeight':\n        valOrVar = tokensParsed.font[fontFamily]?.lineHeight[value] || value\n        hasSet = true\n        break\n      case 'letterSpacing':\n        valOrVar = tokensParsed.font[fontFamily]?.letterSpacing[value] || value\n        hasSet = true\n        break\n      case 'fontWeight':\n        valOrVar = tokensParsed.font[fontFamily]?.weight[value] || value\n        hasSet = true\n        break\n    }\n    for (const cat in tokenCategories) {\n      if (key in tokenCategories[cat]) {\n        const res = tokensParsed[cat][value]\n        if (res) {\n          valOrVar = res\n          hasSet = true\n        }\n      }\n    }\n    if (!hasSet) {\n      const spaceVar = tokensParsed.space[value]\n      if (spaceVar) {\n        valOrVar = spaceVar\n        hasSet = true\n      }\n    }\n  }\n  if (hasSet) {\n    return getVariableValue(valOrVar, resolveAs)\n  }\n  if (process.env.NODE_ENV === 'development') {\n    if (value && value[0] === '$') {\n      console.warn(`\u26A0\uFE0F Missing token in theme:`, value, theme)\n      return null\n    }\n  }\n  return value\n}\n\nfunction getVariableValue(valOrVar: Variable | any, resolveAs: ResolveVariableTypes = 'auto') {\n  if (isVariable(valOrVar)) {\n    if (resolveAs === 'variable') {\n      return valOrVar\n    }\n    if (!isWeb || resolveAs === 'value') {\n      return valOrVar.val\n    }\n    return valOrVar.variable\n  }\n  return valOrVar\n}\n\n// just specificy the least costly, all else go to `space` (most keys - we can exclude)\nconst tokenCategories = {\n  radius: {\n    borderRadius: true,\n  },\n  size: {\n    width: true,\n    height: true,\n    minWidth: true,\n    minHeight: true,\n    maxWidth: true,\n    maxHeight: true,\n  },\n  color: {\n    color: true,\n    backgroundColor: true,\n    borderColor: true,\n    borderBottomColor: true,\n    borderTopColor: true,\n    borderLeftColor: true,\n    borderRightColor: true,\n  },\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/cjs/helpers/createTamaguiProvider.js

@@ -18,7 +18,6 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 var __objRest = (source, exclude) => {
   var target = {};
@@ -33,41 +32,61 @@ var __objRest = (source, exclude) => {
   return target;
 };
 var __export = (target, all) => {
-  __markAsModule(target);
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __reExport = (target, module2, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && key !== "default")
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+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 target;
-};
-var __toModule = (module2) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+  return to;
 };
-__export(exports, {
+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 createTamaguiProvider_exports = {};
+__export(createTamaguiProvider_exports, {
   createTamaguiProvider: () => createTamaguiProvider
 });
-var React = __toModule(require("react"));
-var import_TextAncestorContext = __toModule(require("../views/TextAncestorContext"));
-var import_ThemeProvider = __toModule(require("../views/ThemeProvider"));
-function createTamaguiProvider(themeProps) {
-  return /* @__PURE__ */ __name(function TamaguiProvider(_a) {
-    var _b = _a, {
-      initialWindowMetrics,
+module.exports = __toCommonJS(createTamaguiProvider_exports);
+var React = __toESM(require("react"));
+var import_ButtonInsideButtonContext = require("../contexts/ButtonInsideButtonContext");
+var import_TextAncestorContext = require("../views/TextAncestorContext");
+var import_ThemeProvider = require("../views/ThemeProvider");
+function createTamaguiProvider(_a) {
+  var _b = _a, {
+    getCSS
+  } = _b, themeProps = __objRest(_b, [
+    "getCSS"
+  ]);
+  return /* @__PURE__ */ __name(function TamaguiProvider(_a2) {
+    var _b2 = _a2, {
+      injectCSS,
       fallback,
       children
-    } = _b, themePropsProvider = __objRest(_b, [
-      "initialWindowMetrics",
+    } = _b2, themePropsProvider = __objRest(_b2, [
+      "injectCSS",
       "fallback",
       "children"
     ]);
-    return /* @__PURE__ */ React.createElement(import_TextAncestorContext.TextAncestorProvider, null, /* @__PURE__ */ React.createElement(import_ThemeProvider.ThemeProvider, __spreadValues(__spreadValues({}, themeProps), themePropsProvider), /* @__PURE__ */ React.createElement(React.Suspense, {
+    if (typeof document !== "undefined") {
+      React.useLayoutEffect(() => {
+        if (!injectCSS)
+          return;
+        const style = document.createElement("style");
+        style.appendChild(document.createTextNode(getCSS()));
+        document.head.appendChild(style);
+        return () => {
+          document.head.removeChild(style);
+        };
+      }, []);
+    }
+    return /* @__PURE__ */ React.createElement(import_ButtonInsideButtonContext.ButtonInsideButtonContext.Provider, {
+      value: false
+    }, /* @__PURE__ */ React.createElement(import_TextAncestorContext.TextAncestorProvider, null, /* @__PURE__ */ React.createElement(import_ThemeProvider.ThemeProvider, __spreadValues(__spreadValues({}, themeProps), themePropsProvider), /* @__PURE__ */ React.createElement(React.Suspense, {
       fallback: fallback || null
-    }, children)));
+    }, children))));
   }, "TamaguiProvider");
 }
 __name(createTamaguiProvider, "createTamaguiProvider");

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/helpers/createTamaguiProvider.tsx"],
-  "sourcesContent": ["import * as React from 'react'\n\nimport { TamaguiProviderProps } from '../types'\nimport { TextAncestorProvider } from '../views/TextAncestorContext'\nimport { ThemeProvider, ThemeProviderProps } from '../views/ThemeProvider'\n\nexport function createTamaguiProvider(themeProps: ThemeProviderProps) {\n  return function TamaguiProvider({\n    initialWindowMetrics,\n    fallback,\n    children,\n    ...themePropsProvider\n  }: TamaguiProviderProps) {\n    return (\n      <TextAncestorProvider>\n        <ThemeProvider {...themeProps} {...themePropsProvider}>\n          <React.Suspense fallback={fallback || null}>{children}</React.Suspense>\n        </ThemeProvider>\n      </TextAncestorProvider>\n    )\n  }\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA,YAAuB;AAGvB,iCAAqC;AACrC,2BAAkD;AAE3C,+BAA+B,YAAgC;AACpE,SAAO,gDAAyB,IAKP;AALO,iBAC9B;AAAA;AAAA,MACA;AAAA,MACA;AAAA,QAH8B,IAI3B,+BAJ2B,IAI3B;AAAA,MAHH;AAAA,MACA;AAAA,MACA;AAAA;AAGA,WACE,oCAAC,iDAAD,MACE,oCAAC,oCAAD,kCAAmB,aAAgB,qBACjC,oCAAC,MAAM,UAAP;AAAA,MAAgB,UAAU,YAAY;AAAA,OAAO;AAAA,KAT9C;AAAA;AADO;",
+  "sourcesContent": ["import * as React from 'react'\n\nimport { ButtonInsideButtonContext } from '../contexts/ButtonInsideButtonContext'\nimport { TamaguiProviderProps } from '../types'\nimport { TextAncestorProvider } from '../views/TextAncestorContext'\nimport { ThemeProvider, ThemeProviderProps } from '../views/ThemeProvider'\n\nexport function createTamaguiProvider({\n  getCSS,\n  ...themeProps\n}: ThemeProviderProps & {\n  getCSS: () => string\n}) {\n  return function TamaguiProvider({\n    injectCSS,\n    fallback,\n    children,\n    ...themePropsProvider\n  }: TamaguiProviderProps) {\n    // inject CSS if asked to (not SSR compliant)\n    if (typeof document !== 'undefined') {\n      React.useLayoutEffect(() => {\n        if (!injectCSS) return\n        const style = document.createElement('style')\n        style.appendChild(document.createTextNode(getCSS()))\n        document.head.appendChild(style)\n        return () => {\n          document.head.removeChild(style)\n        }\n      }, [])\n    }\n\n    return (\n      <ButtonInsideButtonContext.Provider value={false}>\n        <TextAncestorProvider>\n          <ThemeProvider {...themeProps} {...themePropsProvider}>\n            <React.Suspense fallback={fallback || null}>{children}</React.Suspense>\n          </ThemeProvider>\n        </TextAncestorProvider>\n      </ButtonInsideButtonContext.Provider>\n    )\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAAuB;AAEvB,uCAA0C;AAE1C,iCAAqC;AACrC,2BAAkD;AAE3C,+BAA+B,IAKnC;AALmC,eACpC;AAAA;AAAA,MADoC,IAEjC,uBAFiC,IAEjC;AAAA,IADH;AAAA;AAKA,SAAO,gDAAyB,KAKP;AALO,mBAC9B;AAAA;AAAA,MACA;AAAA,MACA;AAAA,QAH8B,KAI3B,+BAJ2B,KAI3B;AAAA,MAHH;AAAA,MACA;AAAA,MACA;AAAA;AAIA,QAAI,OAAO,aAAa,aAAa;AACnC,YAAM,gBAAgB,MAAM;AAC1B,YAAI,CAAC;AAAW;AAChB,cAAM,QAAQ,SAAS,cAAc,OAAO;AAC5C,cAAM,YAAY,SAAS,eAAe,OAAO,CAAC,CAAC;AACnD,iBAAS,KAAK,YAAY,KAAK;AAC/B,eAAO,MAAM;AACX,mBAAS,KAAK,YAAY,KAAK;AAAA,QACjC;AAAA,MACF,GAAG,CAAC,CAAC;AAAA,IACP;AAEA,WACE,oCAAC,2DAA0B,UAA1B;AAAA,MAAmC,OAAO;AAAA,OACzC,oCAAC,uDACC,oCAAC,sEAAkB,aAAgB,qBACjC,oCAAC,MAAM,UAAN;AAAA,MAAe,UAAU,YAAY;AAAA,OAAO,QAAS,CACxD,CACF,CACF;AAAA,EAEJ,GA5BO;AA6BT;AAnCgB;",
   "names": []
 }

package/dist/cjs/helpers/extendStaticConfig.js

@@ -1,11 +1,9 @@
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
@@ -21,35 +19,34 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 var __export = (target, all) => {
-  __markAsModule(target);
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __reExport = (target, module2, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && key !== "default")
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+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 target;
+  return to;
 };
-var __toModule = (module2) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-__export(exports, {
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var extendStaticConfig_exports = {};
+__export(extendStaticConfig_exports, {
   extendStaticConfig: () => extendStaticConfig,
   parseStaticConfig: () => parseStaticConfig
 });
-var import_createPropMapper = __toModule(require("./createPropMapper"));
-function extendStaticConfig(Component, config = {}) {
-  const parent = Component || {};
-  if (!parent.staticConfig) {
-    parent.staticConfig = {
-      Component
-    };
+module.exports = __toCommonJS(extendStaticConfig_exports);
+var import_helpers = require("@tamagui/helpers");
+var import_createPropMapper = require("./createPropMapper");
+function extendStaticConfig(parent, config = {}) {
+  if (!parent) {
+    throw new Error("no parent");
+  }
+  if (!("staticConfig" in parent)) {
+    return parseStaticConfig(config);
   }
   const variants = __spreadValues({}, parent.staticConfig.variants);
   if (config.variants) {
@@ -61,14 +58,14 @@ function extendStaticConfig(Component, config = {}) {
       }
     }
   }
-  return parseStaticConfig(__spreadProps(__spreadValues({}, parent.staticConfig), {
-    isZStack: config.isZStack || parent.staticConfig.isZStack,
+  return parseStaticConfig(__spreadProps(__spreadValues(__spreadValues({}, parent.staticConfig), config), {
     variants,
+    isZStack: config.isZStack || parent.staticConfig.isZStack,
     isText: config.isText || parent.staticConfig.isText || false,
-    neverFlatten: config.neverFlatten ?? parent.staticConfig.neverFlatten,
+    isInput: config.isInput || parent.staticConfig.isInput || false,
+    neverFlatten: config.neverFlatten || parent.staticConfig.neverFlatten,
     ensureOverriddenProp: config.ensureOverriddenProp ?? parent.staticConfig.ensureOverriddenProp,
-    validStyles: config.validStyles ? __spreadValues(__spreadValues({}, parent.staticConfig.validStyles), config.validStyles) : parent.staticConfig.validStyles,
-    validPropsExtra: __spreadValues(__spreadValues({}, parent.staticConfig.validPropsExtra), config.validPropsExtra),
+    validStyles: config.validStyles ? __spreadValues(__spreadValues({}, parent.staticConfig.validStyles), config.validStyles) : parent.staticConfig.validStyles || import_helpers.stylePropsView,
     defaultProps: __spreadValues(__spreadValues({}, parent.staticConfig.defaultProps), config.defaultProps)
   }));
 }