@tamagui/core 1.12.2 → 1.13.0

package/dist/esm/helpers/expandStyles.js

@@ -0,0 +1,90 @@
+import { isWeb } from "@tamagui/constants";
+import normalizeCSSColor from "@tamagui/normalize-css-color";
+import { getConfig } from "../config";
+import { expandStyle } from "./expandStyle";
+import { normalizeColor, rgba } from "./normalizeColor";
+import { normalizeValueWithProperty } from "./normalizeValueWithProperty.js";
+import { pseudoDescriptors } from "./pseudoDescriptors";
+let shorthands = null;
+const defaultOffset = { height: 0, width: 0 };
+function expandStyles(style, config = getConfig()) {
+  const res = {};
+  for (let key in style) {
+    shorthands = shorthands || (config ? config.shorthands : null);
+    if (shorthands) {
+      key = shorthands[key] || key;
+    }
+    if (key in pseudoDescriptors) {
+      res[key] = expandStyles(style[key]);
+      continue;
+    }
+    const val = normalizeValueWithProperty(style[key], key);
+    const out = expandStyle(key, val);
+    if (out) {
+      Object.assign(res, Object.fromEntries(out));
+    } else {
+      res[key] = val;
+    }
+  }
+  fixStyles(res);
+  return res;
+}
+function fixStyles(style) {
+  if (style.shadowRadius) {
+    Object.assign(style, normalizeShadow(style));
+  }
+  for (const key in borderDefaults) {
+    if (style[key] && !style[borderDefaults[key]]) {
+      style[borderDefaults[key]] = "solid";
+    }
+  }
+}
+const borderDefaults = {
+  borderWidth: "borderStyle",
+  borderBottomWidth: "borderBottomStyle",
+  borderTopWidth: "borderTopStyle",
+  borderLeftWidth: "borderLeftStyle",
+  borderRightWidth: "borderRightStyle"
+};
+function normalizeShadow({
+  shadowColor,
+  shadowOffset,
+  shadowOpacity,
+  shadowRadius
+}) {
+  const { height, width } = shadowOffset || defaultOffset;
+  const colorStr = String(shadowColor || "black");
+  return {
+    shadowOffset: {
+      width: normalizeValueWithProperty(width || 0),
+      height: normalizeValueWithProperty(height || 0)
+    },
+    shadowRadius: normalizeValueWithProperty(shadowRadius || 0),
+    ...isWeb && {
+      shadowColor: normalizeColor(colorStr, shadowOpacity)
+    },
+    ...process.env.TAMAGUI_TARGET === "native" && (() => {
+      const val = normalizeCSSColor(colorStr);
+      if (!val) {
+        if (process.env.NODE_ENV === "development") {
+          console.warn("No rgba form", colorStr);
+        }
+        return {
+          shadowColor,
+          shadowOpacity
+        };
+      }
+      const { r, g, b, a } = rgba(val);
+      return {
+        shadowColor: `rgb(${r},${g},${b})`,
+        shadowOpacity: shadowOpacity ?? a
+      };
+    })()
+  };
+}
+export {
+  defaultOffset,
+  expandStyles,
+  fixStyles
+};
+//# sourceMappingURL=expandStyles.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/helpers/expandStyles.ts"],
+  "sourcesContent": ["import { isWeb } from '@tamagui/constants'\nimport normalizeCSSColor from '@tamagui/normalize-css-color'\n\nimport { getConfig } from '../config'\nimport { expandStyle } from './expandStyle'\nimport { normalizeColor, rgba } from './normalizeColor'\nimport { normalizeValueWithProperty } from './normalizeValueWithProperty.js'\nimport { pseudoDescriptors } from './pseudoDescriptors'\n\nlet shorthands: Record<string, string> | null = null\nexport const defaultOffset = { height: 0, width: 0 }\n\n/**\n * This is what you want to run before Object.assign() a style onto another.\n * It does the following:\n *   1. Turns user shorthands into longhands, ie px = paddingHorizontal\n *   2. Normalizes various inconsistent styles to be more consistent\n *   3. Expands react-native shorthands, ie paddingHorizontal => paddingLeft, paddingRight\n */\n\nexport function expandStyles(style: Record<string, any>, config = getConfig()) {\n  const res: Record<string, any> = {}\n\n  for (let key in style) {\n    shorthands = shorthands || (config ? config.shorthands : null)\n    if (shorthands) {\n      key = shorthands[key] || key\n    }\n    if (key in pseudoDescriptors) {\n      res[key] = expandStyles(style[key])\n      continue\n    }\n    const val = normalizeValueWithProperty(style[key], key)\n    // expand react-native shorthands\n    const out = expandStyle(key, val)\n    if (out) {\n      Object.assign(res, Object.fromEntries(out))\n    } else {\n      res[key] = val\n    }\n  }\n\n  fixStyles(res)\n\n  return res\n}\n\nexport function fixStyles(style: Record<string, any>) {\n  if (style.shadowRadius) {\n    Object.assign(style, normalizeShadow(style))\n  }\n\n  // ensure border style set by default to solid\n  for (const key in borderDefaults) {\n    if (style[key] && !style[borderDefaults[key]]) {\n      style[borderDefaults[key]] = 'solid'\n    }\n  }\n}\n\nconst borderDefaults = {\n  borderWidth: 'borderStyle',\n  borderBottomWidth: 'borderBottomStyle',\n  borderTopWidth: 'borderTopStyle',\n  borderLeftWidth: 'borderLeftStyle',\n  borderRightWidth: 'borderRightStyle',\n}\n\nfunction normalizeShadow({\n  shadowColor,\n  shadowOffset,\n  shadowOpacity,\n  shadowRadius,\n}: Record<string, any>) {\n  const { height, width } = shadowOffset || defaultOffset\n  const colorStr = String(shadowColor || 'black')\n  return {\n    shadowOffset: {\n      width: normalizeValueWithProperty(width || 0),\n      height: normalizeValueWithProperty(height || 0),\n    },\n    shadowRadius: normalizeValueWithProperty(shadowRadius || 0),\n    ...(isWeb && {\n      shadowColor: normalizeColor(colorStr, shadowOpacity),\n    }),\n    ...(process.env.TAMAGUI_TARGET === 'native' &&\n      (() => {\n        // on native fix bug - shadows behave better if turned into non-alpha rgb() + shadowOpacity\n        const val = normalizeCSSColor(colorStr)\n        if (!val) {\n          if (process.env.NODE_ENV === 'development') {\n            // eslint-disable-next-line no-console\n            console.warn('No rgba form', colorStr)\n          }\n          return {\n            shadowColor,\n            shadowOpacity,\n          }\n        }\n        const { r, g, b, a } = rgba(val)\n        return {\n          shadowColor: `rgb(${r},${g},${b})`,\n          shadowOpacity: shadowOpacity ?? a,\n        }\n      })()),\n  }\n}\n"],
+  "mappings": "AAAA,SAAS,aAAa;AACtB,OAAO,uBAAuB;AAE9B,SAAS,iBAAiB;AAC1B,SAAS,mBAAmB;AAC5B,SAAS,gBAAgB,YAAY;AACrC,SAAS,kCAAkC;AAC3C,SAAS,yBAAyB;AAElC,IAAI,aAA4C;AACzC,MAAM,gBAAgB,EAAE,QAAQ,GAAG,OAAO,EAAE;AAU5C,SAAS,aAAa,OAA4B,SAAS,UAAU,GAAG;AAC7E,QAAM,MAA2B,CAAC;AAElC,WAAS,OAAO,OAAO;AACrB,iBAAa,eAAe,SAAS,OAAO,aAAa;AACzD,QAAI,YAAY;AACd,YAAM,WAAW,GAAG,KAAK;AAAA,IAC3B;AACA,QAAI,OAAO,mBAAmB;AAC5B,UAAI,GAAG,IAAI,aAAa,MAAM,GAAG,CAAC;AAClC;AAAA,IACF;AACA,UAAM,MAAM,2BAA2B,MAAM,GAAG,GAAG,GAAG;AAEtD,UAAM,MAAM,YAAY,KAAK,GAAG;AAChC,QAAI,KAAK;AACP,aAAO,OAAO,KAAK,OAAO,YAAY,GAAG,CAAC;AAAA,IAC5C,OAAO;AACL,UAAI,GAAG,IAAI;AAAA,IACb;AAAA,EACF;AAEA,YAAU,GAAG;AAEb,SAAO;AACT;AAEO,SAAS,UAAU,OAA4B;AACpD,MAAI,MAAM,cAAc;AACtB,WAAO,OAAO,OAAO,gBAAgB,KAAK,CAAC;AAAA,EAC7C;AAGA,aAAW,OAAO,gBAAgB;AAChC,QAAI,MAAM,GAAG,KAAK,CAAC,MAAM,eAAe,GAAG,CAAC,GAAG;AAC7C,YAAM,eAAe,GAAG,CAAC,IAAI;AAAA,IAC/B;AAAA,EACF;AACF;AAEA,MAAM,iBAAiB;AAAA,EACrB,aAAa;AAAA,EACb,mBAAmB;AAAA,EACnB,gBAAgB;AAAA,EAChB,iBAAiB;AAAA,EACjB,kBAAkB;AACpB;AAEA,SAAS,gBAAgB;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAwB;AACtB,QAAM,EAAE,QAAQ,MAAM,IAAI,gBAAgB;AAC1C,QAAM,WAAW,OAAO,eAAe,OAAO;AAC9C,SAAO;AAAA,IACL,cAAc;AAAA,MACZ,OAAO,2BAA2B,SAAS,CAAC;AAAA,MAC5C,QAAQ,2BAA2B,UAAU,CAAC;AAAA,IAChD;AAAA,IACA,cAAc,2BAA2B,gBAAgB,CAAC;AAAA,IAC1D,GAAI,SAAS;AAAA,MACX,aAAa,eAAe,UAAU,aAAa;AAAA,IACrD;AAAA,IACA,GAAI,QAAQ,IAAI,mBAAmB,aAChC,MAAM;AAEL,YAAM,MAAM,kBAAkB,QAAQ;AACtC,UAAI,CAAC,KAAK;AACR,YAAI,QAAQ,IAAI,aAAa,eAAe;AAE1C,kBAAQ,KAAK,gBAAgB,QAAQ;AAAA,QACvC;AACA,eAAO;AAAA,UACL;AAAA,UACA;AAAA,QACF;AAAA,MACF;AACA,YAAM,EAAE,GAAG,GAAG,GAAG,EAAE,IAAI,KAAK,GAAG;AAC/B,aAAO;AAAA,QACL,aAAa,OAAO,KAAK,KAAK;AAAA,QAC9B,eAAe,iBAAiB;AAAA,MAClC;AAAA,IACF,GAAG;AAAA,EACP;AACF;",
+  "names": []
+}

package/dist/esm/helpers/expandStyles.mjs

@@ -0,0 +1,90 @@
+import { isWeb } from "@tamagui/constants";
+import normalizeCSSColor from "@tamagui/normalize-css-color";
+import { getConfig } from "../config";
+import { expandStyle } from "./expandStyle";
+import { normalizeColor, rgba } from "./normalizeColor";
+import { normalizeValueWithProperty } from "./normalizeValueWithProperty.js";
+import { pseudoDescriptors } from "./pseudoDescriptors";
+let shorthands = null;
+const defaultOffset = { height: 0, width: 0 };
+function expandStyles(style, config = getConfig()) {
+  const res = {};
+  for (let key in style) {
+    shorthands = shorthands || (config ? config.shorthands : null);
+    if (shorthands) {
+      key = shorthands[key] || key;
+    }
+    if (key in pseudoDescriptors) {
+      res[key] = expandStyles(style[key]);
+      continue;
+    }
+    const val = normalizeValueWithProperty(style[key], key);
+    const out = expandStyle(key, val);
+    if (out) {
+      Object.assign(res, Object.fromEntries(out));
+    } else {
+      res[key] = val;
+    }
+  }
+  fixStyles(res);
+  return res;
+}
+function fixStyles(style) {
+  if (style.shadowRadius) {
+    Object.assign(style, normalizeShadow(style));
+  }
+  for (const key in borderDefaults) {
+    if (style[key] && !style[borderDefaults[key]]) {
+      style[borderDefaults[key]] = "solid";
+    }
+  }
+}
+const borderDefaults = {
+  borderWidth: "borderStyle",
+  borderBottomWidth: "borderBottomStyle",
+  borderTopWidth: "borderTopStyle",
+  borderLeftWidth: "borderLeftStyle",
+  borderRightWidth: "borderRightStyle"
+};
+function normalizeShadow({
+  shadowColor,
+  shadowOffset,
+  shadowOpacity,
+  shadowRadius
+}) {
+  const { height, width } = shadowOffset || defaultOffset;
+  const colorStr = String(shadowColor || "black");
+  return {
+    shadowOffset: {
+      width: normalizeValueWithProperty(width || 0),
+      height: normalizeValueWithProperty(height || 0)
+    },
+    shadowRadius: normalizeValueWithProperty(shadowRadius || 0),
+    ...isWeb && {
+      shadowColor: normalizeColor(colorStr, shadowOpacity)
+    },
+    ...process.env.TAMAGUI_TARGET === "native" && (() => {
+      const val = normalizeCSSColor(colorStr);
+      if (!val) {
+        if (process.env.NODE_ENV === "development") {
+          console.warn("No rgba form", colorStr);
+        }
+        return {
+          shadowColor,
+          shadowOpacity
+        };
+      }
+      const { r, g, b, a } = rgba(val);
+      return {
+        shadowColor: `rgb(${r},${g},${b})`,
+        shadowOpacity: shadowOpacity ?? a
+      };
+    })()
+  };
+}
+export {
+  defaultOffset,
+  expandStyles,
+  fixStyles
+};
+//# sourceMappingURL=expandStyles.mjs.map

package/dist/esm/helpers/expandStyles.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/helpers/expandStyles.ts"],
+  "sourcesContent": ["import { isWeb } from '@tamagui/constants'\nimport normalizeCSSColor from '@tamagui/normalize-css-color'\n\nimport { getConfig } from '../config'\nimport { expandStyle } from './expandStyle'\nimport { normalizeColor, rgba } from './normalizeColor'\nimport { normalizeValueWithProperty } from './normalizeValueWithProperty.js'\nimport { pseudoDescriptors } from './pseudoDescriptors'\n\nlet shorthands: Record<string, string> | null = null\nexport const defaultOffset = { height: 0, width: 0 }\n\n/**\n * This is what you want to run before Object.assign() a style onto another.\n * It does the following:\n *   1. Turns user shorthands into longhands, ie px = paddingHorizontal\n *   2. Normalizes various inconsistent styles to be more consistent\n *   3. Expands react-native shorthands, ie paddingHorizontal => paddingLeft, paddingRight\n */\n\nexport function expandStyles(style: Record<string, any>, config = getConfig()) {\n  const res: Record<string, any> = {}\n\n  for (let key in style) {\n    shorthands = shorthands || (config ? config.shorthands : null)\n    if (shorthands) {\n      key = shorthands[key] || key\n    }\n    if (key in pseudoDescriptors) {\n      res[key] = expandStyles(style[key])\n      continue\n    }\n    const val = normalizeValueWithProperty(style[key], key)\n    // expand react-native shorthands\n    const out = expandStyle(key, val)\n    if (out) {\n      Object.assign(res, Object.fromEntries(out))\n    } else {\n      res[key] = val\n    }\n  }\n\n  fixStyles(res)\n\n  return res\n}\n\nexport function fixStyles(style: Record<string, any>) {\n  if (style.shadowRadius) {\n    Object.assign(style, normalizeShadow(style))\n  }\n\n  // ensure border style set by default to solid\n  for (const key in borderDefaults) {\n    if (style[key] && !style[borderDefaults[key]]) {\n      style[borderDefaults[key]] = 'solid'\n    }\n  }\n}\n\nconst borderDefaults = {\n  borderWidth: 'borderStyle',\n  borderBottomWidth: 'borderBottomStyle',\n  borderTopWidth: 'borderTopStyle',\n  borderLeftWidth: 'borderLeftStyle',\n  borderRightWidth: 'borderRightStyle',\n}\n\nfunction normalizeShadow({\n  shadowColor,\n  shadowOffset,\n  shadowOpacity,\n  shadowRadius,\n}: Record<string, any>) {\n  const { height, width } = shadowOffset || defaultOffset\n  const colorStr = String(shadowColor || 'black')\n  return {\n    shadowOffset: {\n      width: normalizeValueWithProperty(width || 0),\n      height: normalizeValueWithProperty(height || 0),\n    },\n    shadowRadius: normalizeValueWithProperty(shadowRadius || 0),\n    ...(isWeb && {\n      shadowColor: normalizeColor(colorStr, shadowOpacity),\n    }),\n    ...(process.env.TAMAGUI_TARGET === 'native' &&\n      (() => {\n        // on native fix bug - shadows behave better if turned into non-alpha rgb() + shadowOpacity\n        const val = normalizeCSSColor(colorStr)\n        if (!val) {\n          if (process.env.NODE_ENV === 'development') {\n            // eslint-disable-next-line no-console\n            console.warn('No rgba form', colorStr)\n          }\n          return {\n            shadowColor,\n            shadowOpacity,\n          }\n        }\n        const { r, g, b, a } = rgba(val)\n        return {\n          shadowColor: `rgb(${r},${g},${b})`,\n          shadowOpacity: shadowOpacity ?? a,\n        }\n      })()),\n  }\n}\n"],
+  "mappings": "AAAA,SAAS,aAAa;AACtB,OAAO,uBAAuB;AAE9B,SAAS,iBAAiB;AAC1B,SAAS,mBAAmB;AAC5B,SAAS,gBAAgB,YAAY;AACrC,SAAS,kCAAkC;AAC3C,SAAS,yBAAyB;AAElC,IAAI,aAA4C;AACzC,MAAM,gBAAgB,EAAE,QAAQ,GAAG,OAAO,EAAE;AAU5C,SAAS,aAAa,OAA4B,SAAS,UAAU,GAAG;AAC7E,QAAM,MAA2B,CAAC;AAElC,WAAS,OAAO,OAAO;AACrB,iBAAa,eAAe,SAAS,OAAO,aAAa;AACzD,QAAI,YAAY;AACd,YAAM,WAAW,GAAG,KAAK;AAAA,IAC3B;AACA,QAAI,OAAO,mBAAmB;AAC5B,UAAI,GAAG,IAAI,aAAa,MAAM,GAAG,CAAC;AAClC;AAAA,IACF;AACA,UAAM,MAAM,2BAA2B,MAAM,GAAG,GAAG,GAAG;AAEtD,UAAM,MAAM,YAAY,KAAK,GAAG;AAChC,QAAI,KAAK;AACP,aAAO,OAAO,KAAK,OAAO,YAAY,GAAG,CAAC;AAAA,IAC5C,OAAO;AACL,UAAI,GAAG,IAAI;AAAA,IACb;AAAA,EACF;AAEA,YAAU,GAAG;AAEb,SAAO;AACT;AAEO,SAAS,UAAU,OAA4B;AACpD,MAAI,MAAM,cAAc;AACtB,WAAO,OAAO,OAAO,gBAAgB,KAAK,CAAC;AAAA,EAC7C;AAGA,aAAW,OAAO,gBAAgB;AAChC,QAAI,MAAM,GAAG,KAAK,CAAC,MAAM,eAAe,GAAG,CAAC,GAAG;AAC7C,YAAM,eAAe,GAAG,CAAC,IAAI;AAAA,IAC/B;AAAA,EACF;AACF;AAEA,MAAM,iBAAiB;AAAA,EACrB,aAAa;AAAA,EACb,mBAAmB;AAAA,EACnB,gBAAgB;AAAA,EAChB,iBAAiB;AAAA,EACjB,kBAAkB;AACpB;AAEA,SAAS,gBAAgB;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAwB;AACtB,QAAM,EAAE,QAAQ,MAAM,IAAI,gBAAgB;AAC1C,QAAM,WAAW,OAAO,eAAe,OAAO;AAC9C,SAAO;AAAA,IACL,cAAc;AAAA,MACZ,OAAO,2BAA2B,SAAS,CAAC;AAAA,MAC5C,QAAQ,2BAA2B,UAAU,CAAC;AAAA,IAChD;AAAA,IACA,cAAc,2BAA2B,gBAAgB,CAAC;AAAA,IAC1D,GAAI,SAAS;AAAA,MACX,aAAa,eAAe,UAAU,aAAa;AAAA,IACrD;AAAA,IACA,GAAI,QAAQ,IAAI,mBAAmB,aAChC,MAAM;AAEL,YAAM,MAAM,kBAAkB,QAAQ;AACtC,UAAI,CAAC,KAAK;AACR,YAAI,QAAQ,IAAI,aAAa,eAAe;AAE1C,kBAAQ,KAAK,gBAAgB,QAAQ;AAAA,QACvC;AACA,eAAO;AAAA,UACL;AAAA,UACA;AAAA,QACF;AAAA,MACF;AACA,YAAM,EAAE,GAAG,GAAG,GAAG,EAAE,IAAI,KAAK,GAAG;AAC/B,aAAO;AAAA,QACL,aAAa,OAAO,KAAK,KAAK;AAAA,QAC9B,eAAe,iBAAiB;AAAA,MAClC;AAAA,IACF,GAAG;AAAA,EACP;AACF;",
+  "names": []
+}

package/dist/esm/helpers/extendStaticConfig.js

@@ -0,0 +1,66 @@
+import { stylePropsView } from "@tamagui/helpers";
+import { createPropMapper } from "./createPropMapper";
+import { mergeProps } from "./mergeProps";
+function extendStaticConfig(config, parent) {
+  if (!(parent && "staticConfig" in parent)) {
+    return parseStaticConfig(config);
+  }
+  const parentStaticConf = parent.staticConfig;
+  const variants = {
+    ...parentStaticConf.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];
+      }
+    }
+  }
+  const parentNames = [...parentStaticConf.parentNames || []];
+  if (parentStaticConf.componentName) {
+    parentNames.push(parentStaticConf.componentName);
+  }
+  const deoptProps = config.deoptProps || /* @__PURE__ */ new Set();
+  return parseStaticConfig({
+    ...parentStaticConf,
+    ...config,
+    deoptProps,
+    variants,
+    parentNames,
+    validStyles: config.validStyles ? {
+      ...parentStaticConf.validStyles,
+      ...config.validStyles
+    } : parentStaticConf.validStyles || stylePropsView,
+    defaultProps: mergeProps(
+      {
+        ...parentStaticConf.defaultProps,
+        ...parentStaticConf.defaultVariants
+      },
+      {
+        ...config.defaultProps,
+        ...config.defaultVariants
+      }
+    )[0]
+  });
+}
+const parseStaticConfig = (config) => {
+  const parsed = {
+    defaultProps: {},
+    ...config,
+    parsed: true
+  };
+  return {
+    ...parsed,
+    propMapper: createPropMapper(parsed)
+  };
+};
+export {
+  extendStaticConfig,
+  parseStaticConfig
+};
+//# sourceMappingURL=extendStaticConfig.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/helpers/extendStaticConfig.ts"],
+  "sourcesContent": ["import { stylePropsView } from '@tamagui/helpers'\n\nimport { StaticConfig, StaticConfigParsed, StylableComponent } from '../types'\nimport { createPropMapper } from './createPropMapper'\nimport { mergeProps } from './mergeProps'\n\nexport function extendStaticConfig(\n  config: Partial<StaticConfig>,\n  parent?: StylableComponent\n) {\n  if (!(parent && 'staticConfig' in parent)) {\n    return parseStaticConfig(config)\n  }\n\n  const parentStaticConf = parent.staticConfig as StaticConfig\n  const variants = {\n    ...parentStaticConf.variants,\n  }\n\n  // merge variants... can we type this?\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  // include our own\n  const parentNames = [...(parentStaticConf.parentNames || [])]\n  if (parentStaticConf.componentName) {\n    parentNames.push(parentStaticConf.componentName)\n  }\n\n  const deoptProps = config.deoptProps || new Set<string>()\n  // deoptProps.add('style')\n\n  return parseStaticConfig({\n    ...parentStaticConf,\n    ...config,\n    deoptProps,\n    variants,\n    parentNames,\n    validStyles: config.validStyles\n      ? {\n          ...parentStaticConf.validStyles,\n          ...config.validStyles,\n        }\n      : parentStaticConf.validStyles || stylePropsView,\n    defaultProps: mergeProps(\n      {\n        ...parentStaticConf.defaultProps,\n        ...parentStaticConf.defaultVariants,\n      },\n      {\n        ...config.defaultProps,\n        ...config.defaultVariants,\n      }\n    )[0],\n  })\n}\n\nexport const parseStaticConfig = (config: Partial<StaticConfig>): StaticConfigParsed => {\n  const parsed = {\n    defaultProps: {},\n    ...config,\n    parsed: true,\n  } as const\n  return {\n    ...parsed,\n    propMapper: createPropMapper(parsed as StaticConfigParsed),\n  }\n}\n"],
+  "mappings": "AAAA,SAAS,sBAAsB;AAG/B,SAAS,wBAAwB;AACjC,SAAS,kBAAkB;AAEpB,SAAS,mBACd,QACA,QACA;AACA,MAAI,EAAE,UAAU,kBAAkB,SAAS;AACzC,WAAO,kBAAkB,MAAM;AAAA,EACjC;AAEA,QAAM,mBAAmB,OAAO;AAChC,QAAM,WAAW;AAAA,IACf,GAAG,iBAAiB;AAAA,EACtB;AAGA,MAAI,OAAO,UAAU;AACnB,eAAW,OAAO,OAAO,UAAU;AACjC,UAAI,SAAS,GAAG,GAAG;AACjB,iBAAS,GAAG,IAAI;AAAA,UACd,GAAG,SAAS,GAAG;AAAA,UACf,GAAG,OAAO,SAAS,GAAG;AAAA,QACxB;AAAA,MACF,OAAO;AACL,iBAAS,GAAG,IAAI,OAAO,SAAS,GAAG;AAAA,MACrC;AAAA,IACF;AAAA,EACF;AAGA,QAAM,cAAc,CAAC,GAAI,iBAAiB,eAAe,CAAC,CAAE;AAC5D,MAAI,iBAAiB,eAAe;AAClC,gBAAY,KAAK,iBAAiB,aAAa;AAAA,EACjD;AAEA,QAAM,aAAa,OAAO,cAAc,oBAAI,IAAY;AAGxD,SAAO,kBAAkB;AAAA,IACvB,GAAG;AAAA,IACH,GAAG;AAAA,IACH;AAAA,IACA;AAAA,IACA;AAAA,IACA,aAAa,OAAO,cAChB;AAAA,MACE,GAAG,iBAAiB;AAAA,MACpB,GAAG,OAAO;AAAA,IACZ,IACA,iBAAiB,eAAe;AAAA,IACpC,cAAc;AAAA,MACZ;AAAA,QACE,GAAG,iBAAiB;AAAA,QACpB,GAAG,iBAAiB;AAAA,MACtB;AAAA,MACA;AAAA,QACE,GAAG,OAAO;AAAA,QACV,GAAG,OAAO;AAAA,MACZ;AAAA,IACF,EAAE,CAAC;AAAA,EACL,CAAC;AACH;AAEO,MAAM,oBAAoB,CAAC,WAAsD;AACtF,QAAM,SAAS;AAAA,IACb,cAAc,CAAC;AAAA,IACf,GAAG;AAAA,IACH,QAAQ;AAAA,EACV;AACA,SAAO;AAAA,IACL,GAAG;AAAA,IACH,YAAY,iBAAiB,MAA4B;AAAA,EAC3D;AACF;",
+  "names": []
+}

package/dist/esm/helpers/extendStaticConfig.mjs

@@ -0,0 +1,66 @@
+import { stylePropsView } from "@tamagui/helpers";
+import { createPropMapper } from "./createPropMapper";
+import { mergeProps } from "./mergeProps";
+function extendStaticConfig(config, parent) {
+  if (!(parent && "staticConfig" in parent)) {
+    return parseStaticConfig(config);
+  }
+  const parentStaticConf = parent.staticConfig;
+  const variants = {
+    ...parentStaticConf.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];
+      }
+    }
+  }
+  const parentNames = [...parentStaticConf.parentNames || []];
+  if (parentStaticConf.componentName) {
+    parentNames.push(parentStaticConf.componentName);
+  }
+  const deoptProps = config.deoptProps || /* @__PURE__ */ new Set();
+  return parseStaticConfig({
+    ...parentStaticConf,
+    ...config,
+    deoptProps,
+    variants,
+    parentNames,
+    validStyles: config.validStyles ? {
+      ...parentStaticConf.validStyles,
+      ...config.validStyles
+    } : parentStaticConf.validStyles || stylePropsView,
+    defaultProps: mergeProps(
+      {
+        ...parentStaticConf.defaultProps,
+        ...parentStaticConf.defaultVariants
+      },
+      {
+        ...config.defaultProps,
+        ...config.defaultVariants
+      }
+    )[0]
+  });
+}
+const parseStaticConfig = (config) => {
+  const parsed = {
+    defaultProps: {},
+    ...config,
+    parsed: true
+  };
+  return {
+    ...parsed,
+    propMapper: createPropMapper(parsed)
+  };
+};
+export {
+  extendStaticConfig,
+  parseStaticConfig
+};
+//# sourceMappingURL=extendStaticConfig.mjs.map

package/dist/esm/helpers/extendStaticConfig.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/helpers/extendStaticConfig.ts"],
+  "sourcesContent": ["import { stylePropsView } from '@tamagui/helpers'\n\nimport { StaticConfig, StaticConfigParsed, StylableComponent } from '../types'\nimport { createPropMapper } from './createPropMapper'\nimport { mergeProps } from './mergeProps'\n\nexport function extendStaticConfig(\n  config: Partial<StaticConfig>,\n  parent?: StylableComponent\n) {\n  if (!(parent && 'staticConfig' in parent)) {\n    return parseStaticConfig(config)\n  }\n\n  const parentStaticConf = parent.staticConfig as StaticConfig\n  const variants = {\n    ...parentStaticConf.variants,\n  }\n\n  // merge variants... can we type this?\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  // include our own\n  const parentNames = [...(parentStaticConf.parentNames || [])]\n  if (parentStaticConf.componentName) {\n    parentNames.push(parentStaticConf.componentName)\n  }\n\n  const deoptProps = config.deoptProps || new Set<string>()\n  // deoptProps.add('style')\n\n  return parseStaticConfig({\n    ...parentStaticConf,\n    ...config,\n    deoptProps,\n    variants,\n    parentNames,\n    validStyles: config.validStyles\n      ? {\n          ...parentStaticConf.validStyles,\n          ...config.validStyles,\n        }\n      : parentStaticConf.validStyles || stylePropsView,\n    defaultProps: mergeProps(\n      {\n        ...parentStaticConf.defaultProps,\n        ...parentStaticConf.defaultVariants,\n      },\n      {\n        ...config.defaultProps,\n        ...config.defaultVariants,\n      }\n    )[0],\n  })\n}\n\nexport const parseStaticConfig = (config: Partial<StaticConfig>): StaticConfigParsed => {\n  const parsed = {\n    defaultProps: {},\n    ...config,\n    parsed: true,\n  } as const\n  return {\n    ...parsed,\n    propMapper: createPropMapper(parsed as StaticConfigParsed),\n  }\n}\n"],
+  "mappings": "AAAA,SAAS,sBAAsB;AAG/B,SAAS,wBAAwB;AACjC,SAAS,kBAAkB;AAEpB,SAAS,mBACd,QACA,QACA;AACA,MAAI,EAAE,UAAU,kBAAkB,SAAS;AACzC,WAAO,kBAAkB,MAAM;AAAA,EACjC;AAEA,QAAM,mBAAmB,OAAO;AAChC,QAAM,WAAW;AAAA,IACf,GAAG,iBAAiB;AAAA,EACtB;AAGA,MAAI,OAAO,UAAU;AACnB,eAAW,OAAO,OAAO,UAAU;AACjC,UAAI,SAAS,GAAG,GAAG;AACjB,iBAAS,GAAG,IAAI;AAAA,UACd,GAAG,SAAS,GAAG;AAAA,UACf,GAAG,OAAO,SAAS,GAAG;AAAA,QACxB;AAAA,MACF,OAAO;AACL,iBAAS,GAAG,IAAI,OAAO,SAAS,GAAG;AAAA,MACrC;AAAA,IACF;AAAA,EACF;AAGA,QAAM,cAAc,CAAC,GAAI,iBAAiB,eAAe,CAAC,CAAE;AAC5D,MAAI,iBAAiB,eAAe;AAClC,gBAAY,KAAK,iBAAiB,aAAa;AAAA,EACjD;AAEA,QAAM,aAAa,OAAO,cAAc,oBAAI,IAAY;AAGxD,SAAO,kBAAkB;AAAA,IACvB,GAAG;AAAA,IACH,GAAG;AAAA,IACH;AAAA,IACA;AAAA,IACA;AAAA,IACA,aAAa,OAAO,cAChB;AAAA,MACE,GAAG,iBAAiB;AAAA,MACpB,GAAG,OAAO;AAAA,IACZ,IACA,iBAAiB,eAAe;AAAA,IACpC,cAAc;AAAA,MACZ;AAAA,QACE,GAAG,iBAAiB;AAAA,QACpB,GAAG,iBAAiB;AAAA,MACtB;AAAA,MACA;AAAA,QACE,GAAG,OAAO;AAAA,QACV,GAAG,OAAO;AAAA,MACZ;AAAA,IACF,EAAE,CAAC;AAAA,EACL,CAAC;AACH;AAEO,MAAM,oBAAoB,CAAC,WAAsD;AACtF,QAAM,SAAS;AAAA,IACb,cAAc,CAAC;AAAA,IACf,GAAG;AAAA,IACH,QAAQ;AAAA,EACV;AACA,SAAO;AAAA,IACL,GAAG;AAAA,IACH,YAAY,iBAAiB,MAA4B;AAAA,EAC3D;AACF;",
+  "names": []
+}

package/dist/esm/helpers/fixNativeShadow.js

@@ -0,0 +1,6 @@
+const fixNativeShadow = (a) => {
+};
+export {
+  fixNativeShadow
+};
+//# sourceMappingURL=fixNativeShadow.js.map

package/dist/esm/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": "AACO,MAAM,kBAAkB,CAAC,MAAW;AAAC;",
+  "names": []
+}

package/dist/esm/helpers/fixNativeShadow.mjs

@@ -0,0 +1,6 @@
+const fixNativeShadow = (a) => {
+};
+export {
+  fixNativeShadow
+};
+//# sourceMappingURL=fixNativeShadow.mjs.map

package/dist/esm/helpers/fixNativeShadow.mjs.map

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

package/dist/esm/helpers/getAnimationDriver.js

@@ -0,0 +1,8 @@
+import { getConfig } from "../config";
+function getAnimationDriver() {
+  return getConfig().animations;
+}
+export {
+  getAnimationDriver
+};
+//# sourceMappingURL=getAnimationDriver.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/helpers/getAnimationDriver.tsx"],
+  "sourcesContent": ["import { getConfig } from '../config'\n\nexport function getAnimationDriver() {\n  return getConfig().animations\n}\n"],
+  "mappings": "AAAA,SAAS,iBAAiB;AAEnB,SAAS,qBAAqB;AACnC,SAAO,UAAU,EAAE;AACrB;",
+  "names": []
+}

package/dist/esm/helpers/getAnimationDriver.mjs

@@ -0,0 +1,8 @@
+import { getConfig } from "../config";
+function getAnimationDriver() {
+  return getConfig().animations;
+}
+export {
+  getAnimationDriver
+};
+//# sourceMappingURL=getAnimationDriver.mjs.map

package/dist/esm/helpers/getAnimationDriver.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/helpers/getAnimationDriver.tsx"],
+  "sourcesContent": ["import { getConfig } from '../config'\n\nexport function getAnimationDriver() {\n  return getConfig().animations\n}\n"],
+  "mappings": "AAAA,SAAS,iBAAiB;AAEnB,SAAS,qBAAqB;AACnC,SAAO,UAAU,EAAE;AACrB;",
+  "names": []
+}

package/dist/esm/helpers/getExpandedShorthands.js

@@ -0,0 +1,16 @@
+import { getConfig } from "../config";
+function getExpandedShorthands(props) {
+  const shorthands = getConfig().shorthands;
+  if (!shorthands) {
+    return props;
+  }
+  const res = {};
+  for (const key in props) {
+    res[shorthands[key] || key] = props[key];
+  }
+  return res;
+}
+export {
+  getExpandedShorthands
+};
+//# sourceMappingURL=getExpandedShorthands.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/helpers/getExpandedShorthands.ts"],
+  "sourcesContent": ["import { getConfig } from '../config'\nimport { Shorthands } from '../types'\n\nexport function getExpandedShorthands<A extends Object>(\n  props: A\n): Omit<A, keyof Shorthands> {\n  const shorthands = getConfig().shorthands\n  if (!shorthands) {\n    return props\n  }\n  const res: A = {} as any\n  for (const key in props) {\n    // @ts-ignore\n    res[shorthands[key] || key] = props[key]\n  }\n  return res\n}\n"],
+  "mappings": "AAAA,SAAS,iBAAiB;AAGnB,SAAS,sBACd,OAC2B;AAC3B,QAAM,aAAa,UAAU,EAAE;AAC/B,MAAI,CAAC,YAAY;AACf,WAAO;AAAA,EACT;AACA,QAAM,MAAS,CAAC;AAChB,aAAW,OAAO,OAAO;AAEvB,QAAI,WAAW,GAAG,KAAK,GAAG,IAAI,MAAM,GAAG;AAAA,EACzC;AACA,SAAO;AACT;",
+  "names": []
+}

package/dist/esm/helpers/getExpandedShorthands.mjs

@@ -0,0 +1,16 @@
+import { getConfig } from "../config";
+function getExpandedShorthands(props) {
+  const shorthands = getConfig().shorthands;
+  if (!shorthands) {
+    return props;
+  }
+  const res = {};
+  for (const key in props) {
+    res[shorthands[key] || key] = props[key];
+  }
+  return res;
+}
+export {
+  getExpandedShorthands
+};
+//# sourceMappingURL=getExpandedShorthands.mjs.map

package/dist/esm/helpers/getExpandedShorthands.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/helpers/getExpandedShorthands.ts"],
+  "sourcesContent": ["import { getConfig } from '../config'\nimport { Shorthands } from '../types'\n\nexport function getExpandedShorthands<A extends Object>(\n  props: A\n): Omit<A, keyof Shorthands> {\n  const shorthands = getConfig().shorthands\n  if (!shorthands) {\n    return props\n  }\n  const res: A = {} as any\n  for (const key in props) {\n    // @ts-ignore\n    res[shorthands[key] || key] = props[key]\n  }\n  return res\n}\n"],
+  "mappings": "AAAA,SAAS,iBAAiB;AAGnB,SAAS,sBACd,OAC2B;AAC3B,QAAM,aAAa,UAAU,EAAE;AAC/B,MAAI,CAAC,YAAY;AACf,WAAO;AAAA,EACT;AACA,QAAM,MAAS,CAAC;AAChB,aAAW,OAAO,OAAO;AAEvB,QAAI,WAAW,GAAG,KAAK,GAAG,IAAI,MAAM,GAAG;AAAA,EACzC;AACA,SAAO;AACT;",
+  "names": []
+}

package/dist/esm/helpers/getFontLanguage.js

@@ -0,0 +1,5 @@
+const getFontLanguage = (fontFamily) => fontFamily.includes("_") ? fontFamily.split("_")[1] : null;
+export {
+  getFontLanguage
+};
+//# sourceMappingURL=getFontLanguage.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/helpers/getFontLanguage.ts"],
+  "sourcesContent": ["export const getFontLanguage = (fontFamily: string) =>\n  fontFamily.includes('_') ? fontFamily.split('_')[1] : null\n"],
+  "mappings": "AAAO,MAAM,kBAAkB,CAAC,eAC9B,WAAW,SAAS,GAAG,IAAI,WAAW,MAAM,GAAG,EAAE,CAAC,IAAI;",
+  "names": []
+}

package/dist/esm/helpers/getFontLanguage.mjs

@@ -0,0 +1,5 @@
+const getFontLanguage = (fontFamily) => fontFamily.includes("_") ? fontFamily.split("_")[1] : null;
+export {
+  getFontLanguage
+};
+//# sourceMappingURL=getFontLanguage.mjs.map

package/dist/esm/helpers/getFontLanguage.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/helpers/getFontLanguage.ts"],
+  "sourcesContent": ["export const getFontLanguage = (fontFamily: string) =>\n  fontFamily.includes('_') ? fontFamily.split('_')[1] : null\n"],
+  "mappings": "AAAO,MAAM,kBAAkB,CAAC,eAC9B,WAAW,SAAS,GAAG,IAAI,WAAW,MAAM,GAAG,EAAE,CAAC,IAAI;",
+  "names": []
+}