@tamagui/core 1.0.0-alpha.4 → 1.0.0-alpha.8

package/dist/cjs/helpers/createPropMapper.js

@@ -0,0 +1,190 @@
+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 });
+  }
+  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);
+};
+__export(exports, {
+  createPropMapper: () => createPropMapper
+});
+var import_createTamagui = __toModule(require("../createTamagui"));
+var import_createVariable = __toModule(require("../createVariable"));
+var import_isObj = __toModule(require("./isObj"));
+const createPropMapper = /* @__PURE__ */ __name((c) => {
+  const variants = c.variants;
+  let variantsParsed;
+  const defaultProps = c.defaultProps || {};
+  return (key, value, theme, props) => {
+    const conf = (0, import_createTamagui.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 == 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);
+      }
+      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, fontFamily);
+    }
+    if (value instanceof import_createVariable.Variable) {
+      shouldReturn = true;
+      value = value.variable;
+    }
+    if (shouldReturn) {
+      return {
+        [key]: value
+      };
+    }
+  };
+}, "createPropMapper");
+const resolveTokens = /* @__PURE__ */ __name((res, conf, fontFamily) => {
+  for (const rKey in res) {
+    const fKey = conf.shorthands[rKey] || rKey;
+    const val = res[rKey];
+    if (val instanceof import_createVariable.Variable) {
+      res[fKey] = val.variable;
+    } else if (typeof val === "string") {
+      const fVal = val[0] === "$" ? getToken(fKey, val, conf, fontFamily) : val;
+      res[fKey] = fVal;
+    } else {
+      if ((0, import_isObj.isObj)(val)) {
+        resolveTokens(val, conf, fontFamily);
+      }
+    }
+  }
+}, "resolveTokens");
+const getToken = /* @__PURE__ */ __name((key, value, { tokensParsed, themeParsed }, fontFamily = "$body") => {
+  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;
+    }
+  }
+  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");
+//# sourceMappingURL=createPropMapper.js.map

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

@@ -0,0 +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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",
+  "names": []
+}

package/dist/cjs/helpers/createTamaguiProvider.js

@@ -0,0 +1,74 @@
+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 __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  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 });
+  }
+  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);
+};
+__export(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,
+      fallback,
+      children
+    } = _b, themePropsProvider = __objRest(_b, [
+      "initialWindowMetrics",
+      "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, {
+      fallback: fallback || null
+    }, children)));
+  }, "TamaguiProvider");
+}
+__name(createTamaguiProvider, "createTamaguiProvider");
+//# sourceMappingURL=createTamaguiProvider.js.map

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

@@ -0,0 +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;",
+  "names": []
+}

package/dist/cjs/helpers/extendStaticConfig.js

@@ -0,0 +1,82 @@
+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;
+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 __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 });
+  }
+  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);
+};
+__export(exports, {
+  extendStaticConfig: () => extendStaticConfig,
+  parseStaticConfig: () => parseStaticConfig
+});
+var import_createPropMapper = __toModule(require("./createPropMapper"));
+function extendStaticConfig(Component, config = {}) {
+  const parent = Component || {};
+  if (!parent.staticConfig) {
+    parent.staticConfig = {
+      Component
+    };
+  }
+  const variants = __spreadValues({}, parent.staticConfig.variants);
+  if (config.variants) {
+    for (const key in config.variants) {
+      if (variants[key]) {
+        variants[key] = __spreadValues(__spreadValues({}, variants[key]), config.variants[key]);
+      } else {
+        variants[key] = config.variants[key];
+      }
+    }
+  }
+  return parseStaticConfig(__spreadProps(__spreadValues({}, 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 ? __spreadValues(__spreadValues({}, parent.staticConfig.validStyles), config.validStyles) : parent.staticConfig.validStyles,
+    validPropsExtra: __spreadValues(__spreadValues({}, parent.staticConfig.validPropsExtra), config.validPropsExtra),
+    defaultProps: __spreadValues(__spreadValues({}, parent.staticConfig.defaultProps), config.defaultProps)
+  }));
+}
+__name(extendStaticConfig, "extendStaticConfig");
+const parseStaticConfig = /* @__PURE__ */ __name((config) => {
+  return __spreadProps(__spreadValues({}, config), {
+    parsed: true,
+    propMapper: (0, import_createPropMapper.createPropMapper)(config)
+  });
+}, "parseStaticConfig");
+//# sourceMappingURL=extendStaticConfig.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/helpers/extendStaticConfig.ts"],
+  "sourcesContent": ["import React from 'react'\n\nimport { StaticComponent, StaticConfig, StaticConfigParsed } from '../types'\nimport { createPropMapper } from './createPropMapper'\n\nexport function extendStaticConfig(\n  // can be undefined when loading with @tamagui/fake-react-native\n  // could be fixed a bit cleaner\n  Component?: StaticComponent | React.Component<any>,\n  config: StaticConfig = {}\n): StaticConfigParsed | null {\n  const parent = (Component || {}) as any\n  if (!parent.staticConfig) {\n    // if no static config, we are extending an external component\n    parent.staticConfig = {\n      Component,\n    }\n  }\n\n  const variants = {\n    ...parent.staticConfig.variants,\n  }\n\n  // merge variants without clobbering previous... can we tho (typed??\n  if (config.variants) {\n    for (const key in config.variants) {\n      if (variants[key]) {\n        variants[key] = {\n          ...variants[key],\n          ...config.variants[key],\n        }\n      } else {\n        variants[key] = config.variants[key]\n      }\n    }\n  }\n\n  return parseStaticConfig({\n    ...parent.staticConfig,\n    isZStack: config.isZStack || parent.staticConfig.isZStack,\n    variants,\n    isText: config.isText || parent.staticConfig.isText || false,\n    neverFlatten: config.neverFlatten ?? parent.staticConfig.neverFlatten,\n    ensureOverriddenProp: config.ensureOverriddenProp ?? parent.staticConfig.ensureOverriddenProp,\n    validStyles: config.validStyles\n      ? {\n          ...parent.staticConfig.validStyles,\n          ...config.validStyles,\n        }\n      : parent.staticConfig.validStyles,\n    validPropsExtra: {\n      ...parent.staticConfig.validPropsExtra,\n      ...config.validPropsExtra,\n    },\n    defaultProps: {\n      ...parent.staticConfig.defaultProps,\n      ...config.defaultProps,\n    },\n  })\n}\n\nexport const parseStaticConfig = (config: StaticConfig): StaticConfigParsed => {\n  return {\n    ...config,\n    parsed: true,\n    propMapper: createPropMapper(config),\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAGA,8BAAiC;AAE1B,4BAGL,WACA,SAAuB,IACI;AAC3B,QAAM,SAAU,aAAa;AAC7B,MAAI,CAAC,OAAO,cAAc;AAExB,WAAO,eAAe;AAAA,MACpB;AAAA;AAAA;AAIJ,QAAM,WAAW,mBACZ,OAAO,aAAa;AAIzB,MAAI,OAAO,UAAU;AACnB,eAAW,OAAO,OAAO,UAAU;AACjC,UAAI,SAAS,MAAM;AACjB,iBAAS,OAAO,kCACX,SAAS,OACT,OAAO,SAAS;AAAA,aAEhB;AACL,iBAAS,OAAO,OAAO,SAAS;AAAA;AAAA;AAAA;AAKtC,SAAO,kBAAkB,iCACpB,OAAO,eADa;AAAA,IAEvB,UAAU,OAAO,YAAY,OAAO,aAAa;AAAA,IACjD;AAAA,IACA,QAAQ,OAAO,UAAU,OAAO,aAAa,UAAU;AAAA,IACvD,cAAc,OAAO,gBAAgB,OAAO,aAAa;AAAA,IACzD,sBAAsB,OAAO,wBAAwB,OAAO,aAAa;AAAA,IACzE,aAAa,OAAO,cAChB,kCACK,OAAO,aAAa,cACpB,OAAO,eAEZ,OAAO,aAAa;AAAA,IACxB,iBAAiB,kCACZ,OAAO,aAAa,kBACpB,OAAO;AAAA,IAEZ,cAAc,kCACT,OAAO,aAAa,eACpB,OAAO;AAAA;AAAA;AAnDA;AAwDT,MAAM,oBAAoB,wBAAC,WAA6C;AAC7E,SAAO,iCACF,SADE;AAAA,IAEL,QAAQ;AAAA,IACR,YAAY,8CAAiB;AAAA;AAAA,GAJA;",
+  "names": []
+}

package/dist/cjs/helpers/fixNativeShadow.js

@@ -0,0 +1,14 @@
+var __defProp = Object.defineProperty;
+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 });
+};
+__export(exports, {
+  fixNativeShadow: () => fixNativeShadow
+});
+const fixNativeShadow = /* @__PURE__ */ __name((a) => {
+}, "fixNativeShadow");
+//# sourceMappingURL=fixNativeShadow.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/helpers/fixNativeShadow.tsx"],
+  "sourcesContent": ["// only native of course\nexport const fixNativeShadow = (a: any) => {}\n"],
+  "mappings": ";;;;;;;;AAAA;AAAA;AAAA;AACO,MAAM,kBAAkB,wBAAC,MAAW;AAAA,GAAZ;",
+  "names": []
+}

package/{_ → dist/cjs}/helpers/fixNativeShadow.native.js

@@ -1,5 +1,14 @@
 var __defProp = Object.defineProperty;
+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 });
+};
+__export(exports, {
+  fixNativeShadow: () => fixNativeShadow
+});
 const matchRgba = /rgba\(\s*([\d\.]{1,})\s*,\s*([\d\.]{1,})\s*,\s*([\d\.]{1,})\s*,\s*([\d\.]{1,})\s*\)$/;
 function fixNativeShadow(props) {
   if (props.shadowColor) {
@@ -24,7 +33,4 @@ function fixNativeShadow(props) {
   }
 }
 __name(fixNativeShadow, "fixNativeShadow");
-export {
-  fixNativeShadow
-};
 //# sourceMappingURL=fixNativeShadow.native.js.map

package/{_ → dist/cjs}/helpers/fixNativeShadow.native.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../src/helpers/fixNativeShadow.native.tsx"],
+  "sources": ["../../../src/helpers/fixNativeShadow.native.tsx"],
   "sourcesContent": ["const matchRgba =\n  /rgba\\(\\s*([\\d\\.]{1,})\\s*,\\s*([\\d\\.]{1,})\\s*,\\s*([\\d\\.]{1,})\\s*,\\s*([\\d\\.]{1,})\\s*\\)$/\n\nexport function fixNativeShadow(props: any) {\n  if (props.shadowColor) {\n    if (!!!('shadowOffset' in props)) {\n      // fixes some broken shadows\n      props.shadowOffset = {\n        width: 0,\n        height: 0,\n      }\n    }\n    if (!!!('shadowOpacity' in props)) {\n      const c = `${props.shadowColor}`\n      // react native has issues sometimes with rgba()\n      if (c[0] === 'r' && c[3] === 'a') {\n        const [_, r, g, b, a] = c.match(matchRgba) || []\n        if (typeof a !== 'string') {\n          console.warn('non valid rgba', c)\n          return props\n        }\n        props.shadowColor = `rgb(${r},${g},${b})`\n        props.shadowOpacity = +a\n      }\n    }\n  }\n}\n"],
-  "mappings": ";;AAAA,MAAM,YACJ;AAEK,yBAAyB,OAAY;AAC1C,MAAI,MAAM,aAAa;AACrB,QAAI,CAAC,CAAC,CAAE,mBAAkB,QAAQ;AAEhC,YAAM,eAAe;AAAA,QACnB,OAAO;AAAA,QACP,QAAQ;AAAA;AAAA;AAGZ,QAAI,CAAC,CAAC,CAAE,oBAAmB,QAAQ;AACjC,YAAM,IAAI,GAAG,MAAM;AAEnB,UAAI,EAAE,OAAO,OAAO,EAAE,OAAO,KAAK;AAChC,cAAM,CAAC,GAAG,GAAG,GAAG,GAAG,KAAK,EAAE,MAAM,cAAc;AAC9C,YAAI,OAAO,MAAM,UAAU;AACzB,kBAAQ,KAAK,kBAAkB;AAC/B,iBAAO;AAAA;AAET,cAAM,cAAc,OAAO,KAAK,KAAK;AACrC,cAAM,gBAAgB,CAAC;AAAA;AAAA;AAAA;AAAA;AAnBf;",
+  "mappings": ";;;;;;;;AAAA;AAAA;AAAA;AAAA,MAAM,YACJ;AAEK,yBAAyB,OAAY;AAC1C,MAAI,MAAM,aAAa;AACrB,QAAI,CAAC,CAAC,CAAE,mBAAkB,QAAQ;AAEhC,YAAM,eAAe;AAAA,QACnB,OAAO;AAAA,QACP,QAAQ;AAAA;AAAA;AAGZ,QAAI,CAAC,CAAC,CAAE,oBAAmB,QAAQ;AACjC,YAAM,IAAI,GAAG,MAAM;AAEnB,UAAI,EAAE,OAAO,OAAO,EAAE,OAAO,KAAK;AAChC,cAAM,CAAC,GAAG,GAAG,GAAG,GAAG,KAAK,EAAE,MAAM,cAAc;AAC9C,YAAI,OAAO,MAAM,UAAU;AACzB,kBAAQ,KAAK,kBAAkB;AAC/B,iBAAO;AAAA;AAET,cAAM,cAAc,OAAO,KAAK,KAAK;AACrC,cAAM,gBAAgB,CAAC;AAAA;AAAA;AAAA;AAAA;AAnBf;",
   "names": []
 }

package/dist/cjs/helpers/getSplitStyles.js

@@ -0,0 +1,180 @@
+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 });
+  }
+  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);
+};
+__export(exports, {
+  getSplitStyles: () => getSplitStyles
+});
+var import_helpers = __toModule(require("@tamagui/helpers"));
+var import_platform = __toModule(require("../constants/platform"));
+var import_useMedia = __toModule(require("../hooks/useMedia"));
+var import_createMediaStyle = __toModule(require("./createMediaStyle"));
+var import_fixNativeShadow = __toModule(require("./fixNativeShadow"));
+var import_getStylesAtomic = __toModule(require("./getStylesAtomic"));
+var import_insertStyleRule = __toModule(require("./insertStyleRule"));
+const getSplitStyles = /* @__PURE__ */ __name((props, staticConfig, theme, isSplittingDefaultProps) => {
+  const validStyleProps = staticConfig.isText ? import_helpers.stylePropsText : import_helpers.validStyles;
+  const viewProps = {};
+  const style = [];
+  let pseudos = null;
+  let cur = null;
+  let classNames = null;
+  for (const keyInit in props) {
+    const valInit = props[keyInit];
+    if (keyInit[0] === "$") {
+      const mediaKey = keyInit.slice(1);
+      if (!import_useMedia.mediaQueryConfig[mediaKey]) {
+        viewProps[keyInit] = valInit;
+        continue;
+      }
+      const mediaProps = __spreadValues(__spreadValues({}, props), valInit);
+      const mediaStyle = getSubStyle(valInit, staticConfig, theme, props);
+      if (import_platform.isWeb) {
+        const mediaStyles = (0, import_getStylesAtomic.getStylesAtomic)(mediaStyle);
+        if (process.env.NODE_ENV === "development") {
+          if (props["debug"]) {
+            console.log("mediaStyles", keyInit, { mediaProps, mediaStyle, mediaStyles });
+          }
+        }
+        for (const style2 of mediaStyles) {
+          const out2 = (0, import_createMediaStyle.createMediaStyle)(style2, mediaKey, import_useMedia.mediaQueryConfig);
+          classNames = classNames || [];
+          classNames.push(out2.identifier);
+          import_helpers.AllRules.add(out2.styleRule);
+          (0, import_insertStyleRule.insertStyleRule)(out2.styleRule);
+          if (process.env.NODE_ENV === "development" && props["debug"]) {
+            console.log("mediaProp", style2.identifier, out2, mediaProps, mediaStyle, mediaStyles);
+          }
+        }
+      } else {
+        if (import_useMedia.mediaState[mediaKey]) {
+          style.push(mediaStyle);
+        }
+      }
+      continue;
+    }
+    if (import_helpers.validStylesPseudo[keyInit]) {
+      if (!valInit)
+        continue;
+      pseudos = pseudos || {};
+      pseudos[keyInit] = getSubStyle(valInit, staticConfig, theme, props);
+      continue;
+    }
+    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];
+      if (key === "style" || keyFirstChar === "_" && key.startsWith("_style")) {
+        if (cur) {
+          (0, import_fixNativeShadow.fixNativeShadow)(cur);
+          style.push(cur);
+          cur = null;
+        }
+        (0, import_fixNativeShadow.fixNativeShadow)(val);
+        style.push(val);
+        continue;
+      }
+      if (key === "flex") {
+        cur = cur || {};
+        Object.assign(cur, {
+          flexGrow: val,
+          flexShrink: 1
+        });
+        continue;
+      }
+      if (!import_platform.isWeb && key === "pointerEvents") {
+        viewProps[key] = val;
+        continue;
+      }
+      if (validStyleProps[key]) {
+        if (key in import_helpers.stylePropsTransform) {
+          cur = cur || {};
+          mergeTransform(cur, key, val);
+          continue;
+        }
+        cur = cur || {};
+        cur[key] = val;
+        continue;
+      }
+      if (!staticConfig.variants || !(key in staticConfig.variants)) {
+        viewProps[key] = val;
+      }
+    }
+  }
+  if (cur) {
+    (0, import_fixNativeShadow.fixNativeShadow)(cur);
+    style.push(cur);
+  }
+  if (process.env.NODE_ENV === "development") {
+    if (props["debug"]) {
+      console.log(" \u{1F95A} splitProps:", { props, viewProps, style });
+    }
+  }
+  return {
+    viewProps,
+    style,
+    pseudos,
+    classNames
+  };
+}, "getSplitStyles");
+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, props);
+    const expanded = out === true || !out ? [[key, val]] : Object.entries(out);
+    for (const [skey, sval] of expanded) {
+      if (skey in import_helpers.stylePropsTransform) {
+        mergeTransform(styleOut, skey, sval);
+      } else {
+        styleOut[skey] = sval;
+      }
+    }
+  }
+  (0, import_fixNativeShadow.fixNativeShadow)(styleOut);
+  return styleOut;
+}, "getSubStyle");
+const mapTransformKeys = {
+  x: "translateX",
+  y: "translateY"
+};
+const mergeTransform = /* @__PURE__ */ __name((obj, key, val) => {
+  const transform = obj.transform ? Array.isArray(obj.transform) ? obj.transform : [obj.transform] : [];
+  transform.push({ [mapTransformKeys[key] || key]: val });
+  obj.transform = transform;
+}, "mergeTransform");
+//# sourceMappingURL=getSplitStyles.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/helpers/getSplitStyles.tsx"],
+  "sourcesContent": ["import {\n  AllRules,\n  stylePropsText,\n  stylePropsTransform,\n  validStyles,\n  validStylesPseudo,\n} from '@tamagui/helpers'\nimport { ViewStyle } from 'react-native'\n\nimport { isWeb } from '../constants/platform'\nimport { mediaQueryConfig, mediaState } from '../hooks/useMedia'\nimport { StaticConfigParsed, ThemeObject } from '../types'\nimport { createMediaStyle } from './createMediaStyle'\nimport { fixNativeShadow } from './fixNativeShadow'\nimport { getStylesAtomic } from './getStylesAtomic'\nimport { insertStyleRule } from './insertStyleRule'\n\nexport type SplitStyles = ReturnType<typeof getSplitStyles>\n\n// TODO run over this, should be able to cut it down quite a bit\n\nexport const getSplitStyles = (\n  props: { [key: string]: any },\n  staticConfig: StaticConfigParsed,\n  theme: ThemeObject,\n  isSplittingDefaultProps?: boolean\n) => {\n  const validStyleProps = staticConfig.isText ? stylePropsText : validStyles\n  const viewProps: Record<string, any> = {}\n  const style: any[] = []\n\n  let pseudos: { hoverStyle?: ViewStyle; pressStyle?: ViewStyle } | null = null\n  let cur: ViewStyle | null = null\n  let classNames: string[] | null = null\n\n  for (const keyInit in props) {\n    // be sure to sync next few lines below to getSubStyle (*1)\n    const valInit = props[keyInit]\n\n    // media\n    if (keyInit[0] === '$') {\n      const mediaKey = keyInit.slice(1)\n\n      if (!mediaQueryConfig[mediaKey]) {\n        // this isn't a media key, pass through\n        viewProps[keyInit] = valInit\n        continue\n      }\n\n      // dont check if media is active, we just apply *all* media styles\n      // we combine the media props on top regular props, could proxy this\n      // TODO test proxy here instead of merge\n      const mediaProps = { ...props, ...valInit }\n      // TODO media + hover\n      const mediaStyle = getSubStyle(valInit, staticConfig, theme, props)\n\n      if (isWeb) {\n        const mediaStyles = getStylesAtomic(mediaStyle)\n        if (process.env.NODE_ENV === 'development') {\n          if (props['debug']) {\n            console.log('mediaStyles', keyInit, { mediaProps, mediaStyle, mediaStyles })\n          }\n        }\n        for (const style of mediaStyles) {\n          const out = createMediaStyle(style, mediaKey, mediaQueryConfig)\n          classNames = classNames || []\n          classNames.push(out.identifier)\n          AllRules.add(out.styleRule)\n          insertStyleRule(out.styleRule)\n          if (process.env.NODE_ENV === 'development' && props['debug']) {\n            console.log('mediaProp', style.identifier, out, mediaProps, mediaStyle, mediaStyles)\n          }\n        }\n      } else {\n        if (mediaState[mediaKey]) {\n          style.push(mediaStyle)\n        }\n      }\n      continue\n    }\n\n    // pseudo\n    if (validStylesPseudo[keyInit]) {\n      if (!valInit) continue\n      pseudos = pseudos || {}\n      pseudos[keyInit] = getSubStyle(valInit, staticConfig, theme, props)\n      continue\n    }\n\n    const out = staticConfig.propMapper(keyInit, valInit, theme, props)\n\n    const expanded = out === true || !out ? [[keyInit, valInit]] : Object.entries(out)\n\n    for (const [key, val] of expanded) {\n      // const val = valueMap(valInit) ?? valInit\n      const keyFirstChar = key[0]\n      if (key === 'style' || (keyFirstChar === '_' && key.startsWith('_style'))) {\n        if (cur) {\n          // process last\n          fixNativeShadow(cur)\n          style.push(cur)\n          cur = null\n        }\n        fixNativeShadow(val)\n        style.push(val)\n        continue\n      }\n      // expand flex so it merged with flexShrink etc properly\n      // TODO this shouldn't be here...\n      if (key === 'flex') {\n        cur = cur || {}\n        // see spec for flex shorthand https://developer.mozilla.org/en-US/docs/Web/CSS/flex\n        // TODO this fixed a behavior but need to find / document / test\n        Object.assign(cur, {\n          flexGrow: val,\n          flexShrink: 1,\n        })\n        continue\n      }\n      if (!isWeb && key === 'pointerEvents') {\n        viewProps[key] = val\n        continue\n      }\n      if (validStyleProps[key]) {\n        // transforms\n        if (key in stylePropsTransform) {\n          cur = cur || {}\n          mergeTransform(cur, key, val)\n          continue\n        }\n        cur = cur || {}\n        cur[key] = val\n        continue\n      }\n\n      // pass to view props\n      if (!staticConfig.variants || !(key in staticConfig.variants)) {\n        viewProps[key] = val\n      }\n    }\n  }\n  // push last style\n  if (cur) {\n    fixNativeShadow(cur)\n    style.push(cur)\n  }\n\n  if (process.env.NODE_ENV === 'development') {\n    if (props['debug']) {\n      console.log(' \uD83E\uDD5A splitProps:', { props, viewProps, style })\n    }\n  }\n\n  return {\n    viewProps,\n    style,\n    pseudos,\n    classNames,\n  }\n}\n\nconst getSubStyle = (\n  styleIn: Object,\n  staticConfig: StaticConfigParsed,\n  theme: ThemeObject,\n  props: any\n): ViewStyle => {\n  const styleOut: ViewStyle = {}\n  for (const key in styleIn) {\n    // be sure to sync next few lines below to loop above (*1)\n    const val = styleIn[key]\n    const out = staticConfig.propMapper(key, val, theme, props)\n    const expanded = out === true || !out ? [[key, val]] : Object.entries(out)\n    for (const [skey, sval] of expanded) {\n      // const sval = valueMap(valInit)\n      if (skey in stylePropsTransform) {\n        mergeTransform(styleOut, skey, sval)\n      } else {\n        styleOut[skey] = sval\n      }\n    }\n  }\n  fixNativeShadow(styleOut)\n  return styleOut\n}\n\nconst mapTransformKeys = {\n  x: 'translateX',\n  y: 'translateY',\n}\n\nconst mergeTransform = (obj: ViewStyle, key: string, val: any) => {\n  const transform: any[] = obj.transform\n    ? Array.isArray(obj.transform)\n      ? obj.transform\n      : [obj.transform]\n    : []\n  transform.push({ [mapTransformKeys[key] || key]: val })\n  obj.transform = transform\n}\n"],
+  "mappings": "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",
+  "names": []
+}