@tamagui/core 1.0.0-alpha.0 → 1.0.0-alpha.12

package/{_ → dist/esm}/views/ThemeManagerContext.js

@@ -4,16 +4,22 @@ import { createContext } from "react";
 class ThemeManager {
   constructor() {
     this.name = "light";
+    this.parentName = null;
     this.keys = new Map();
     this.listeners = new Map();
-    this.callbacks = new Set();
+    this.themeListeners = new Set();
     this.theme = null;
   }
-  setActiveTheme(name, theme) {
+  setActiveTheme({
+    name,
+    theme,
+    parentName
+  }) {
     if (name === this.name)
       return;
     this.name = name;
     this.theme = theme;
+    this.parentName = parentName || null;
     this.update();
   }
   track(uuid, keys) {
@@ -22,21 +28,20 @@ class ThemeManager {
     this.keys.set(uuid, keys);
   }
   update() {
-    var _a;
     if (!this.name) {
       this.keys.clear();
     }
     for (const [uuid, keys] of this.keys.entries()) {
       if (keys.size) {
-        (_a = this.listeners.get(uuid)) == null ? void 0 : _a();
+        this.listeners.get(uuid)?.();
       }
     }
-    this.callbacks.forEach((cb) => cb(this.name));
+    this.themeListeners.forEach((cb) => cb(this.name, this));
   }
   onChangeTheme(cb) {
-    this.callbacks.add(cb);
+    this.themeListeners.add(cb);
     return () => {
-      this.callbacks.delete(cb);
+      this.themeListeners.delete(cb);
     };
   }
   onUpdate(uuid, cb) {

package/dist/esm/views/ThemeManagerContext.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/views/ThemeManagerContext.tsx"],
+  "sourcesContent": ["import { createContext } from 'react'\n\ntype ThemeListener = (name: string | null, themeManager: ThemeManager) => void\n\nexport class ThemeManager {\n  name: string | null = 'light'\n  parentName: string | null = null\n  keys = new Map<any, Set<string>>()\n  listeners = new Map<any, Function>()\n  themeListeners = new Set<ThemeListener>()\n  theme = null\n\n  setActiveTheme({\n    name,\n    theme,\n    parentName,\n  }: {\n    parentName?: string | null\n    name: string | null\n    theme?: any\n  }) {\n    if (name === this.name) return\n    this.name = name\n    this.theme = theme\n    this.parentName = parentName || null\n    this.update()\n  }\n\n  track(uuid: any, keys: Set<string>) {\n    if (!this.name) return\n    this.keys.set(uuid, keys)\n  }\n\n  update() {\n    if (!this.name) {\n      this.keys.clear()\n    }\n    for (const [uuid, keys] of this.keys.entries()) {\n      if (keys.size) {\n        this.listeners.get(uuid)?.()\n      }\n    }\n    this.themeListeners.forEach((cb) => cb(this.name, this))\n  }\n\n  onChangeTheme(cb: ThemeListener) {\n    this.themeListeners.add(cb)\n    return () => {\n      this.themeListeners.delete(cb)\n    }\n  }\n\n  onUpdate(uuid: any, cb: Function) {\n    this.listeners.set(uuid, cb)\n    return () => {\n      this.listeners.delete(uuid)\n      this.keys.delete(uuid)\n    }\n  }\n}\n\nexport const ThemeManagerContext = createContext<ThemeManager>(new ThemeManager())\n"],
+  "mappings": ";;AAAA;AAIO,mBAAmB;AAAA,EAAnB,cAJP;AAKE,gBAAsB;AACtB,sBAA4B;AAC5B,gBAAO,IAAI;AACX,qBAAY,IAAI;AAChB,0BAAiB,IAAI;AACrB,iBAAQ;AAAA;AAAA,EAER,eAAe;AAAA,IACb;AAAA,IACA;AAAA,IACA;AAAA,KAKC;AACD,QAAI,SAAS,KAAK;AAAM;AACxB,SAAK,OAAO;AACZ,SAAK,QAAQ;AACb,SAAK,aAAa,cAAc;AAChC,SAAK;AAAA;AAAA,EAGP,MAAM,MAAW,MAAmB;AAClC,QAAI,CAAC,KAAK;AAAM;AAChB,SAAK,KAAK,IAAI,MAAM;AAAA;AAAA,EAGtB,SAAS;AACP,QAAI,CAAC,KAAK,MAAM;AACd,WAAK,KAAK;AAAA;AAEZ,eAAW,CAAC,MAAM,SAAS,KAAK,KAAK,WAAW;AAC9C,UAAI,KAAK,MAAM;AACb,aAAK,UAAU,IAAI;AAAA;AAAA;AAGvB,SAAK,eAAe,QAAQ,CAAC,OAAO,GAAG,KAAK,MAAM;AAAA;AAAA,EAGpD,cAAc,IAAmB;AAC/B,SAAK,eAAe,IAAI;AACxB,WAAO,MAAM;AACX,WAAK,eAAe,OAAO;AAAA;AAAA;AAAA,EAI/B,SAAS,MAAW,IAAc;AAChC,SAAK,UAAU,IAAI,MAAM;AACzB,WAAO,MAAM;AACX,WAAK,UAAU,OAAO;AACtB,WAAK,KAAK,OAAO;AAAA;AAAA;AAAA;AApDhB;AAyDA,MAAM,sBAAsB,cAA4B,IAAI;",
+  "names": []
+}

package/{_ → dist/esm}/views/ThemeProvider.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../src/views/ThemeProvider.tsx"],
+  "sources": ["../../../src/views/ThemeProvider.tsx"],
   "sourcesContent": ["import React, { useMemo } from 'react'\n\nimport { useIsomorphicLayoutEffect } from '../constants/platform'\nimport { getHasConfigured, getThemeParentClassName } from '../createTamagui'\nimport { Theme } from './Theme'\nimport { ThemeContext } from './ThemeContext'\n\nexport type ThemeProviderProps = {\n  themes: any\n  defaultTheme: string\n  disableRootThemeClass?: boolean\n  children?: any\n}\n\nexport const GET_DEFAULT_THEME = '___TGUI'\n\nexport const ThemeProvider = (props: ThemeProviderProps) => {\n  if (!getHasConfigured()) {\n    throw new Error(`Missing configureThemes() call, add to your root file`)\n  }\n\n  // ensure theme is attached to root body node as well to work with modals by default\n  useIsomorphicLayoutEffect(() => {\n    if (props.disableRootThemeClass) {\n      return\n    }\n    if (typeof document !== 'undefined') {\n      const cns = getThemeParentClassName(`${props.defaultTheme}`).split(' ')\n      cns.forEach((cn) => document.body.classList.add(cn))\n      return () => {\n        cns.forEach((cn) => document.body.classList.remove(cn))\n      }\n    }\n  }, [])\n\n  const themeContext = useMemo(() => {\n    return new Proxy(props.themes, {\n      get(target, key) {\n        if (key === GET_DEFAULT_THEME) return props.defaultTheme\n        return Reflect.get(target, key)\n      },\n    })\n  }, [props.themes])\n\n  return (\n    <ThemeContext.Provider value={themeContext}>\n      <Theme name={props.defaultTheme} disableThemeClass={props.disableRootThemeClass}>\n        {props.children}\n      </Theme>\n    </ThemeContext.Provider>\n  )\n}\n"],
   "mappings": ";;AAAA;AAEA;AACA;AACA;AACA;AASO,MAAM,oBAAoB;AAE1B,MAAM,gBAAgB,wBAAC,UAA8B;AAC1D,MAAI,CAAC,oBAAoB;AACvB,UAAM,IAAI,MAAM;AAAA;AAIlB,4BAA0B,MAAM;AAC9B,QAAI,MAAM,uBAAuB;AAC/B;AAAA;AAEF,QAAI,OAAO,aAAa,aAAa;AACnC,YAAM,MAAM,wBAAwB,GAAG,MAAM,gBAAgB,MAAM;AACnE,UAAI,QAAQ,CAAC,OAAO,SAAS,KAAK,UAAU,IAAI;AAChD,aAAO,MAAM;AACX,YAAI,QAAQ,CAAC,OAAO,SAAS,KAAK,UAAU,OAAO;AAAA;AAAA;AAAA,KAGtD;AAEH,QAAM,eAAe,QAAQ,MAAM;AACjC,WAAO,IAAI,MAAM,MAAM,QAAQ;AAAA,MAC7B,IAAI,QAAQ,KAAK;AACf,YAAI,QAAQ;AAAmB,iBAAO,MAAM;AAC5C,eAAO,QAAQ,IAAI,QAAQ;AAAA;AAAA;AAAA,KAG9B,CAAC,MAAM;AAEV,SACE,oCAAC,aAAa,UAAd;AAAA,IAAuB,OAAO;AAAA,KAC5B,oCAAC,OAAD;AAAA,IAAO,MAAM,MAAM;AAAA,IAAc,mBAAmB,MAAM;AAAA,KACvD,MAAM;AAAA,GA/Bc;",
   "names": []

package/dist/helpers/createPropMapper.js

@@ -1,6 +1,7 @@
 var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-import { getTamaguiConfig } from "../createTamagui";
+import { isWeb } from "../constants/platform";
+import { getTamagui } from "../createTamagui";
 import { Variable } from "../createVariable";
 import { isObj } from "./isObj";
 const createPropMapper = /* @__PURE__ */ __name((c) => {
@@ -8,7 +9,7 @@ const createPropMapper = /* @__PURE__ */ __name((c) => {
   let variantsParsed;
   const defaultProps = c.defaultProps || {};
   return (key, value, theme, props) => {
-    const conf = getTamaguiConfig();
+    const conf = getTamagui();
     if (!conf) {
       console.trace("no conf! err");
       return;
@@ -22,7 +23,7 @@ const createPropMapper = /* @__PURE__ */ __name((c) => {
       const val = value === true ? variant["$true"] || variant["true"] : variant[value] ?? variant["..."] ?? value;
       const res = typeof val === "function" ? val(value, { tokens: conf.tokensParsed, theme, props }) : isObj(val) ? { ...val } : val;
       if (isObj(res)) {
-        resolveTokens(res, conf, fontFamily);
+        resolveTokens(res, conf, theme, fontFamily);
       }
       return res;
     }
@@ -33,7 +34,7 @@ const createPropMapper = /* @__PURE__ */ __name((c) => {
     }
     if (value && value[0] === "$") {
       shouldReturn = true;
-      value = getToken(key, value, conf, fontFamily);
+      value = getToken(key, value, conf, theme, fontFamily);
     }
     if (value instanceof Variable) {
       shouldReturn = true;
@@ -46,25 +47,31 @@ const createPropMapper = /* @__PURE__ */ __name((c) => {
     }
   };
 }, "createPropMapper");
-const resolveTokens = /* @__PURE__ */ __name((res, conf, fontFamily) => {
+const resolveTokens = /* @__PURE__ */ __name((res, conf, theme, fontFamily) => {
   for (const rKey in res) {
     const fKey = conf.shorthands[rKey] || rKey;
     const val = res[rKey];
     if (val instanceof Variable) {
       res[fKey] = val.variable;
     } else if (typeof val === "string") {
-      const fVal = val[0] === "$" ? getToken(fKey, val, conf, fontFamily) : val;
+      const fVal = val[0] === "$" ? getToken(fKey, val, conf, theme, fontFamily) : val;
       res[fKey] = fVal;
     } else {
       if (isObj(val)) {
-        resolveTokens(val, conf, fontFamily);
+        resolveTokens(val, conf, theme, fontFamily);
       }
     }
   }
 }, "resolveTokens");
-const getToken = /* @__PURE__ */ __name((key, value, { tokensParsed, themeParsed }, fontFamily = "$body") => {
+const getToken = /* @__PURE__ */ __name((key, value, { tokensParsed, themeParsed }, theme, fontFamily = "$body") => {
   if (themeParsed[value]) {
-    return themeParsed[value].variable;
+    if (isWeb && themeParsed[value].variable) {
+      return themeParsed[value].variable;
+    } else {
+      if (value && value[0] === "$") {
+        return theme[`${value.slice(1)}`]?.val || themeParsed[value]?.val;
+      }
+    }
   }
   let valOrVar;
   if (key === "fontFamily") {

package/dist/helpers/createPropMapper.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/helpers/createPropMapper.ts"],
-  "sourcesContent": ["import { getTamaguiConfig } 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 = getTamaguiConfig()\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 { isWeb } from '../constants/platform'\nimport { 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, theme, 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, theme, 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, theme: any, 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, theme, 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, theme, 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  theme: any,\n  fontFamily: string | undefined = '$body'\n) => {\n  if (themeParsed[value]) {\n    if (isWeb && themeParsed[value].variable) {\n      return themeParsed[value].variable\n    } else {\n      if (value && value[0] === '$') {\n        return theme[`${value.slice(1)}`]?.val || themeParsed[value]?.val\n      }\n    }\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/helpers/getSplitStyles.js

@@ -8,7 +8,7 @@ import {
   validStylesPseudo
 } from "@tamagui/helpers";
 import { isWeb } from "../constants/platform";
-import { mediaQueryConfig } from "../hooks/useMedia";
+import { mediaQueryConfig, mediaState } from "../hooks/useMedia";
 import { createMediaStyle } from "./createMediaStyle";
 import { fixNativeShadow } from "./fixNativeShadow";
 import { getStylesAtomic } from "./getStylesAtomic";
@@ -17,7 +17,6 @@ const getSplitStyles = /* @__PURE__ */ __name((props, staticConfig, theme, isSpl
   const validStyleProps = staticConfig.isText ? stylePropsText : validStyles;
   const viewProps = {};
   const style = [];
-  const blacklistProps = isSplittingDefaultProps ? blacklistDefaultProps : blacklistFinalProps;
   let pseudos = null;
   let cur = null;
   let classNames = null;
@@ -31,14 +30,14 @@ const getSplitStyles = /* @__PURE__ */ __name((props, staticConfig, theme, isSpl
       }
       const mediaProps = { ...props, ...valInit };
       const mediaStyle = getSubStyle(valInit, staticConfig, theme, props);
-      const mediaStyles = getStylesAtomic(mediaStyle);
-      if (process.env.NODE_ENV === "development") {
-        if (props["debug"]) {
-          console.log("mediaStyles", keyInit, { mediaProps, mediaStyle, mediaStyles });
+      if (isWeb) {
+        const mediaStyles = getStylesAtomic(mediaStyle);
+        if (process.env.NODE_ENV === "development") {
+          if (props["debug"]) {
+            console.log("mediaStyles", keyInit, { mediaProps, mediaStyle, mediaStyles });
+          }
         }
-      }
-      for (const style2 of mediaStyles) {
-        if (isWeb) {
+        for (const style2 of mediaStyles) {
           const out2 = createMediaStyle(style2, mediaKey, mediaQueryConfig);
           classNames = classNames || [];
           classNames.push(out2.identifier);
@@ -47,8 +46,10 @@ const getSplitStyles = /* @__PURE__ */ __name((props, staticConfig, theme, isSpl
           if (process.env.NODE_ENV === "development" && props["debug"]) {
             console.log("mediaProp", style2.identifier, out2, mediaProps, mediaStyle, mediaStyles);
           }
-        } else {
-          console.log("TODO native media style logic");
+        }
+      } else {
+        if (mediaState[mediaKey]) {
+          style.push(mediaStyle);
         }
       }
       continue;
@@ -96,7 +97,7 @@ const getSplitStyles = /* @__PURE__ */ __name((props, staticConfig, theme, isSpl
         cur[key] = val;
         continue;
       }
-      if (!blacklistProps[key]) {
+      if (!staticConfig.variants || !(key in staticConfig.variants)) {
         viewProps[key] = val;
       }
     }
@@ -134,17 +135,6 @@ const getSubStyle = /* @__PURE__ */ __name((styleIn, staticConfig, theme, props)
   fixNativeShadow(styleOut);
   return styleOut;
 }, "getSubStyle");
-const blacklistDefaultProps = {
-  ...validStyles,
-  ...stylePropsText
-};
-const blacklistFinalProps = {
-  ...blacklistDefaultProps,
-  tag: true,
-  debug: true,
-  space: true,
-  hitSlop: true
-};
 const mapTransformKeys = {
   x: "translateX",
   y: "translateY"

package/dist/helpers/getSplitStyles.js.map

@@ -1,7 +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 } 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  const blacklistProps = isSplittingDefaultProps ? blacklistDefaultProps : blacklistFinalProps\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      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        if (isWeb) {\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        } else {\n          console.log('TODO native media style logic')\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      // TODO this blacklist should be configurable + better set up\n      if (!blacklistProps[key]) {\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 blacklistDefaultProps = {\n  ...validStyles,\n  ...stylePropsText,\n}\n\nconst blacklistFinalProps = {\n  ...blacklistDefaultProps,\n  tag: true,\n  debug: true,\n  space: true,\n  hitSlop: true,\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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",
+  "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": []
 }

package/dist/helpers/isComponent.js

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

package/dist/helpers/isComponent.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/helpers/isComponent.tsx"],
+  "sourcesContent": ["import { isValidElement } from 'react'\n\nexport const isTamaguiComponent = (child: any) => {\n  return isValidElement(child) && child.type['staticConfig']?.parsed\n}\n"],
+  "mappings": ";;AAAA;AAEO,MAAM,qBAAqB,wBAAC,UAAe;AAChD,SAAO,eAAe,UAAU,MAAM,KAAK,iBAAiB;AAAA,GAD5B;",
+  "names": []
+}

package/dist/helpers/isTamaguiComponent.js

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

package/dist/helpers/isTamaguiComponent.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/helpers/isTamaguiComponent.tsx"],
+  "sourcesContent": ["import React, { isValidElement } from 'react'\n\nexport const isTamaguiComponent = (child: any): child is React.ReactElement => {\n  return isValidElement(child) && !!child.type['staticConfig']?.parsed\n}\n"],
+  "mappings": ";;AAAA;AAEO,MAAM,qBAAqB,wBAAC,UAA4C;AAC7E,SAAO,eAAe,UAAU,CAAC,CAAC,MAAM,KAAK,iBAAiB;AAAA,GAD9B;",
+  "names": []
+}

package/dist/helpers/isTamaguiElement.js

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

package/dist/helpers/isTamaguiElement.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/helpers/isTamaguiElement.tsx"],
+  "sourcesContent": ["import React, { isValidElement } from 'react'\n\nexport const isTamaguiElement = (child: any): child is React.ReactElement => {\n  return isValidElement(child) && !!child.type['staticConfig']?.parsed\n}\n"],
+  "mappings": ";;AAAA;AAEO,MAAM,mBAAmB,wBAAC,UAA4C;AAC3E,SAAO,eAAe,UAAU,CAAC,CAAC,MAAM,KAAK,iBAAiB;AAAA,GADhC;",
+  "names": []
+}

package/dist/helpers/matchMedia.js

@@ -3,6 +3,9 @@ var __name = (target, value) => __defProp(target, "name", { value, configurable:
 const matchMedia = typeof window !== "undefined" && window.matchMedia || /* @__PURE__ */ __name(function matchMediaFallback(query) {
   return {
     addListener() {
+      if (process.env.NODE_ENV === "development" && !process.env.IS_STATIC && process.env.TAMAGUI_TARGET !== "web") {
+        console.log("warning: matchMedia not loading! Is native picking up .native.js files?");
+      }
     },
     removeListener() {
     },

package/dist/helpers/matchMedia.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/helpers/matchMedia.ts"],
-  "sourcesContent": ["export const matchMedia =\n  (typeof window !== 'undefined' && window.matchMedia) ||\n  (function matchMediaFallback(query: string) {\n    return {\n      addListener() {},\n      removeListener() {},\n      matches: false,\n    }\n  } as any)\n"],
-  "mappings": ";;AAAO,MAAM,aACV,OAAO,WAAW,eAAe,OAAO,cACxC,mDAA4B,OAAe;AAC1C,SAAO;AAAA,IACL,cAAc;AAAA;AAAA,IACd,iBAAiB;AAAA;AAAA,IACjB,SAAS;AAAA;AAAA,GAJZ;",
+  "sourcesContent": ["export const matchMedia =\n  (typeof window !== 'undefined' && window.matchMedia) ||\n  (function matchMediaFallback(query: string) {\n    return {\n      addListener() {\n        if (\n          process.env.NODE_ENV === 'development' &&\n          !process.env.IS_STATIC &&\n          process.env.TAMAGUI_TARGET !== 'web'\n        ) {\n          console.log('warning: matchMedia not loading! Is native picking up .native.js files?')\n        }\n      },\n      removeListener() {},\n      matches: false,\n    }\n  } as any)\n"],
+  "mappings": ";;AAAO,MAAM,aACV,OAAO,WAAW,eAAe,OAAO,cACxC,mDAA4B,OAAe;AAC1C,SAAO;AAAA,IACL,cAAc;AACZ,UACE,QAAQ,IAAI,aAAa,iBACzB,CAAC,QAAQ,IAAI,aACb,QAAQ,IAAI,mBAAmB,OAC/B;AACA,gBAAQ,IAAI;AAAA;AAAA;AAAA,IAGhB,iBAAiB;AAAA;AAAA,IACjB,SAAS;AAAA;AAAA,GAZZ;",
   "names": []
 }

package/dist/helpers/matchMedia.native.js

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

package/dist/helpers/matchMedia.native.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/helpers/matchMedia.native.ts"],
-  "sourcesContent": ["import MediaQueryList from '@expo/match-media/build/MediaQueryList.js'\n\nexport const matchMedia = (media: string) => new MediaQueryList(media)\n"],
-  "mappings": ";;AAAA;AAEO,MAAM,aAAa,wBAAC,UAAkB,IAAI,eAAe,QAAtC;",
+  "sourcesContent": ["import MediaQueryList from '@expo/match-media/build/MediaQueryList.js'\n\nexport const matchMedia = (media: string) => new MediaQueryList(media)\n\n// @ts-ignore\nglobalThis['matchMedia'] = matchMedia\n"],
+  "mappings": ";;AAAA;AAEO,MAAM,aAAa,wBAAC,UAAkB,IAAI,eAAe,QAAtC;AAG1B,WAAW,gBAAgB;",
   "names": []
 }

package/dist/helpers/validate.js

@@ -0,0 +1,60 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import ow from "@tamagui/ow";
+const validateConfig = /* @__PURE__ */ __name((conf) => {
+  if (!conf) {
+    console.warn("no conf?");
+    return;
+  }
+  try {
+    ow(conf, validConfig);
+  } catch (err) {
+    console.log("Given config:\n", JSON.stringify(conf, null, 2));
+    throw err;
+  }
+}, "validateConfig");
+const validConfig = ow.object.exactShape({
+  defaultTheme: ow.optional.string,
+  disableRootThemeClass: ow.optional.boolean,
+  shorthands: ow.optional.object.valuesOfType(ow.string),
+  themes: ow.object.valuesOfType(ow.object),
+  tokens: ow.object.valuesOfType(ow.object),
+  media: ow.object.valuesOfType(ow.object)
+});
+const validFont = ow.object.exactShape({
+  family: ow.string,
+  size: ow.object.nonEmpty.valuesOfType(ow.number),
+  lineHeight: ow.object.nonEmpty.valuesOfType(ow.number),
+  weight: ow.object.nonEmpty.valuesOfType(ow.string),
+  letterSpacing: ow.object.nonEmpty.valuesOfType(ow.number)
+});
+const validTokens = ow.object.exactShape({
+  font: ow.object.valuesOfType(validFont),
+  size: ow.object.nonEmpty.valuesOfType(ow.number),
+  space: ow.object.nonEmpty.valuesOfType(ow.number),
+  zIndex: ow.object.nonEmpty.valuesOfType(ow.number),
+  radius: ow.object.nonEmpty.valuesOfType(ow.number),
+  color: ow.object.nonEmpty.valuesOfType(ow.string)
+});
+const validateTokens = /* @__PURE__ */ __name((tokens) => {
+  try {
+    ow(tokens, validTokens);
+  } catch (err) {
+    console.log("Given tokens:\n", JSON.stringify(tokens, null, 2));
+    throw err;
+  }
+}, "validateTokens");
+const validateFont = /* @__PURE__ */ __name((font) => {
+  try {
+    ow(font, validFont);
+  } catch (err) {
+    console.log("Given font:\n", JSON.stringify(font, null, 2));
+    throw err;
+  }
+}, "validateFont");
+export {
+  validateConfig,
+  validateFont,
+  validateTokens
+};
+//# sourceMappingURL=validate.js.map

package/dist/helpers/validate.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/helpers/validate.ts"],
+  "sourcesContent": ["// published a patched version that works on native\nimport ow from '@tamagui/ow'\n\nexport const validateConfig = (conf: any) => {\n  if (!conf) {\n    console.warn('no conf?')\n    return\n  }\n  try {\n    ow(conf, validConfig)\n  } catch (err: any) {\n    console.log('Given config:\\n', JSON.stringify(conf, null, 2))\n    throw err\n  }\n}\n\nconst validConfig = ow.object.exactShape({\n  defaultTheme: ow.optional.string,\n  disableRootThemeClass: ow.optional.boolean,\n  shorthands: ow.optional.object.valuesOfType(ow.string),\n  themes: ow.object.valuesOfType(ow.object),\n  tokens: ow.object.valuesOfType(ow.object),\n  media: ow.object.valuesOfType(ow.object),\n})\n\nconst validFont = ow.object.exactShape({\n  family: ow.string,\n  size: ow.object.nonEmpty.valuesOfType(ow.number),\n  lineHeight: ow.object.nonEmpty.valuesOfType(ow.number),\n  weight: ow.object.nonEmpty.valuesOfType(ow.string),\n  letterSpacing: ow.object.nonEmpty.valuesOfType(ow.number),\n})\n\nconst validTokens = ow.object.exactShape({\n  font: ow.object.valuesOfType(validFont),\n  size: ow.object.nonEmpty.valuesOfType(ow.number),\n  space: ow.object.nonEmpty.valuesOfType(ow.number),\n  zIndex: ow.object.nonEmpty.valuesOfType(ow.number),\n  radius: ow.object.nonEmpty.valuesOfType(ow.number),\n  color: ow.object.nonEmpty.valuesOfType(ow.string),\n})\n\nexport const validateTokens = (tokens: any) => {\n  try {\n    ow(tokens, validTokens)\n  } catch (err: any) {\n    console.log('Given tokens:\\n', JSON.stringify(tokens, null, 2))\n    throw err\n  }\n}\n\nexport const validateFont = (font: any) => {\n  try {\n    ow(font, validFont)\n  } catch (err: any) {\n    console.log('Given font:\\n', JSON.stringify(font, null, 2))\n    throw err\n  }\n}\n"],
+  "mappings": ";;AACA;AAEO,MAAM,iBAAiB,wBAAC,SAAc;AAC3C,MAAI,CAAC,MAAM;AACT,YAAQ,KAAK;AACb;AAAA;AAEF,MAAI;AACF,OAAG,MAAM;AAAA,WACF,KAAP;AACA,YAAQ,IAAI,mBAAmB,KAAK,UAAU,MAAM,MAAM;AAC1D,UAAM;AAAA;AAAA,GAToB;AAa9B,MAAM,cAAc,GAAG,OAAO,WAAW;AAAA,EACvC,cAAc,GAAG,SAAS;AAAA,EAC1B,uBAAuB,GAAG,SAAS;AAAA,EACnC,YAAY,GAAG,SAAS,OAAO,aAAa,GAAG;AAAA,EAC/C,QAAQ,GAAG,OAAO,aAAa,GAAG;AAAA,EAClC,QAAQ,GAAG,OAAO,aAAa,GAAG;AAAA,EAClC,OAAO,GAAG,OAAO,aAAa,GAAG;AAAA;AAGnC,MAAM,YAAY,GAAG,OAAO,WAAW;AAAA,EACrC,QAAQ,GAAG;AAAA,EACX,MAAM,GAAG,OAAO,SAAS,aAAa,GAAG;AAAA,EACzC,YAAY,GAAG,OAAO,SAAS,aAAa,GAAG;AAAA,EAC/C,QAAQ,GAAG,OAAO,SAAS,aAAa,GAAG;AAAA,EAC3C,eAAe,GAAG,OAAO,SAAS,aAAa,GAAG;AAAA;AAGpD,MAAM,cAAc,GAAG,OAAO,WAAW;AAAA,EACvC,MAAM,GAAG,OAAO,aAAa;AAAA,EAC7B,MAAM,GAAG,OAAO,SAAS,aAAa,GAAG;AAAA,EACzC,OAAO,GAAG,OAAO,SAAS,aAAa,GAAG;AAAA,EAC1C,QAAQ,GAAG,OAAO,SAAS,aAAa,GAAG;AAAA,EAC3C,QAAQ,GAAG,OAAO,SAAS,aAAa,GAAG;AAAA,EAC3C,OAAO,GAAG,OAAO,SAAS,aAAa,GAAG;AAAA;AAGrC,MAAM,iBAAiB,wBAAC,WAAgB;AAC7C,MAAI;AACF,OAAG,QAAQ;AAAA,WACJ,KAAP;AACA,YAAQ,IAAI,mBAAmB,KAAK,UAAU,QAAQ,MAAM;AAC5D,UAAM;AAAA;AAAA,GALoB;AASvB,MAAM,eAAe,wBAAC,SAAc;AACzC,MAAI;AACF,OAAG,MAAM;AAAA,WACF,KAAP;AACA,YAAQ,IAAI,iBAAiB,KAAK,UAAU,MAAM,MAAM;AACxD,UAAM;AAAA;AAAA,GALkB;",
+  "names": []
+}

package/dist/helpers/validateConfig.js

@@ -0,0 +1,46 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import ow from "ow";
+const validateConfig = /* @__PURE__ */ __name((tokens) => {
+  try {
+    ow(tokens, validConfig);
+  } catch (err) {
+    console.error(err.message);
+    console.log("Given config:\n", JSON.stringify(tokens, null, 2));
+  }
+}, "validateConfig");
+const validConfig = ow.object.exactShape({
+  defaultTheme: ow.optional.string,
+  disableRootThemeClass: ow.optional.string,
+  shorthands: ow.optional.object.valuesOfType(ow.string),
+  themes: ow.object.valuesOfType(ow.object),
+  tokens: ow.object.valuesOfType(ow.object),
+  media: ow.object.valuesOfType(ow.object)
+});
+const validateTokens = /* @__PURE__ */ __name((tokens) => {
+  try {
+    ow(tokens, validTokens);
+  } catch (err) {
+    console.error(err.message);
+    console.log("Given tokens:\n", JSON.stringify(tokens, null, 2));
+  }
+}, "validateTokens");
+const validTokens = ow.object.exactShape({
+  font: ow.object.valuesOfType(ow.object.exactShape({
+    family: ow.string,
+    size: ow.object.nonEmpty.valuesOfType(ow.number),
+    lineHeight: ow.object.nonEmpty.valuesOfType(ow.number),
+    weight: ow.object.nonEmpty.valuesOfType(ow.string),
+    letterSpacing: ow.object.nonEmpty.valuesOfType(ow.number)
+  })),
+  size: ow.object.nonEmpty.valuesOfType(ow.number),
+  space: ow.object.nonEmpty.valuesOfType(ow.number),
+  zIndex: ow.object.nonEmpty.valuesOfType(ow.number),
+  radius: ow.object.nonEmpty.valuesOfType(ow.number),
+  color: ow.object.nonEmpty.valuesOfType(ow.string)
+});
+export {
+  validateConfig,
+  validateTokens
+};
+//# sourceMappingURL=validateConfig.js.map

package/dist/helpers/validateConfig.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/helpers/validateConfig.ts"],
+  "sourcesContent": ["import ow from 'ow'\n\nexport const validateConfig = (tokens: any) => {\n  try {\n    ow(tokens, validConfig)\n  } catch (err: any) {\n    console.error(err.message)\n    console.log('Given config:\\n', JSON.stringify(tokens, null, 2))\n  }\n}\n\nconst validConfig = ow.object.exactShape({\n  defaultTheme: ow.optional.string,\n  disableRootThemeClass: ow.optional.string,\n  shorthands: ow.optional.object.valuesOfType(ow.string),\n  themes: ow.object.valuesOfType(ow.object),\n  tokens: ow.object.valuesOfType(ow.object),\n  media: ow.object.valuesOfType(ow.object),\n})\n\nexport const validateTokens = (tokens: any) => {\n  try {\n    ow(tokens, validTokens)\n  } catch (err: any) {\n    console.error(err.message)\n    console.log('Given tokens:\\n', JSON.stringify(tokens, null, 2))\n  }\n}\n\nconst validTokens = ow.object.exactShape({\n  font: ow.object.valuesOfType(\n    ow.object.exactShape({\n      family: ow.string,\n      size: ow.object.nonEmpty.valuesOfType(ow.number),\n      lineHeight: ow.object.nonEmpty.valuesOfType(ow.number),\n      weight: ow.object.nonEmpty.valuesOfType(ow.string),\n      letterSpacing: ow.object.nonEmpty.valuesOfType(ow.number),\n    })\n  ),\n  size: ow.object.nonEmpty.valuesOfType(ow.number),\n  space: ow.object.nonEmpty.valuesOfType(ow.number),\n  zIndex: ow.object.nonEmpty.valuesOfType(ow.number),\n  radius: ow.object.nonEmpty.valuesOfType(ow.number),\n  color: ow.object.nonEmpty.valuesOfType(ow.string),\n})\n"],
+  "mappings": ";;AAAA;AAEO,MAAM,iBAAiB,wBAAC,WAAgB;AAC7C,MAAI;AACF,OAAG,QAAQ;AAAA,WACJ,KAAP;AACA,YAAQ,MAAM,IAAI;AAClB,YAAQ,IAAI,mBAAmB,KAAK,UAAU,QAAQ,MAAM;AAAA;AAAA,GALlC;AAS9B,MAAM,cAAc,GAAG,OAAO,WAAW;AAAA,EACvC,cAAc,GAAG,SAAS;AAAA,EAC1B,uBAAuB,GAAG,SAAS;AAAA,EACnC,YAAY,GAAG,SAAS,OAAO,aAAa,GAAG;AAAA,EAC/C,QAAQ,GAAG,OAAO,aAAa,GAAG;AAAA,EAClC,QAAQ,GAAG,OAAO,aAAa,GAAG;AAAA,EAClC,OAAO,GAAG,OAAO,aAAa,GAAG;AAAA;AAG5B,MAAM,iBAAiB,wBAAC,WAAgB;AAC7C,MAAI;AACF,OAAG,QAAQ;AAAA,WACJ,KAAP;AACA,YAAQ,MAAM,IAAI;AAClB,YAAQ,IAAI,mBAAmB,KAAK,UAAU,QAAQ,MAAM;AAAA;AAAA,GALlC;AAS9B,MAAM,cAAc,GAAG,OAAO,WAAW;AAAA,EACvC,MAAM,GAAG,OAAO,aACd,GAAG,OAAO,WAAW;AAAA,IACnB,QAAQ,GAAG;AAAA,IACX,MAAM,GAAG,OAAO,SAAS,aAAa,GAAG;AAAA,IACzC,YAAY,GAAG,OAAO,SAAS,aAAa,GAAG;AAAA,IAC/C,QAAQ,GAAG,OAAO,SAAS,aAAa,GAAG;AAAA,IAC3C,eAAe,GAAG,OAAO,SAAS,aAAa,GAAG;AAAA;AAAA,EAGtD,MAAM,GAAG,OAAO,SAAS,aAAa,GAAG;AAAA,EACzC,OAAO,GAAG,OAAO,SAAS,aAAa,GAAG;AAAA,EAC1C,QAAQ,GAAG,OAAO,SAAS,aAAa,GAAG;AAAA,EAC3C,QAAQ,GAAG,OAAO,SAAS,aAAa,GAAG;AAAA,EAC3C,OAAO,GAAG,OAAO,SAAS,aAAa,GAAG;AAAA;",
+  "names": []
+}

package/dist/helpers/validateTokens.js

@@ -0,0 +1,29 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import ow from "ow";
+const validateTokens = /* @__PURE__ */ __name((tokens) => {
+  try {
+    ow(tokens, validTokens);
+  } catch (err) {
+    console.error(err.message);
+    console.log("Got tokens:\n", JSON.stringify(tokens, null, 2));
+  }
+}, "validateTokens");
+const validTokens = ow.object.exactShape({
+  font: ow.object.valuesOfType(ow.object.exactShape({
+    family: ow.string,
+    size: ow.object.nonEmpty.valuesOfType(ow.number),
+    lineHeight: ow.object.nonEmpty.valuesOfType(ow.number),
+    weight: ow.object.nonEmpty.valuesOfType(ow.string),
+    letterSpacing: ow.object.nonEmpty.valuesOfType(ow.number)
+  })),
+  size: ow.object.nonEmpty.valuesOfType(ow.number),
+  space: ow.object.nonEmpty.valuesOfType(ow.number),
+  zIndex: ow.object.nonEmpty.valuesOfType(ow.number),
+  radius: ow.object.nonEmpty.valuesOfType(ow.number),
+  color: ow.object.nonEmpty.valuesOfType(ow.string)
+});
+export {
+  validateTokens
+};
+//# sourceMappingURL=validateTokens.js.map

package/dist/helpers/validateTokens.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/helpers/validateTokens.ts"],
+  "sourcesContent": ["import ow from 'ow'\n\nexport const validateTokens = (tokens: any) => {\n  try {\n    ow(tokens, validTokens)\n  } catch (err: any) {\n    console.error(err.message)\n    console.log('Got tokens:\\n', JSON.stringify(tokens, null, 2))\n  }\n}\n\nconst validTokens = ow.object.exactShape({\n  font: ow.object.valuesOfType(\n    ow.object.exactShape({\n      family: ow.string,\n      size: ow.object.nonEmpty.valuesOfType(ow.number),\n      lineHeight: ow.object.nonEmpty.valuesOfType(ow.number),\n      weight: ow.object.nonEmpty.valuesOfType(ow.string),\n      letterSpacing: ow.object.nonEmpty.valuesOfType(ow.number),\n    })\n  ),\n  size: ow.object.nonEmpty.valuesOfType(ow.number),\n  space: ow.object.nonEmpty.valuesOfType(ow.number),\n  zIndex: ow.object.nonEmpty.valuesOfType(ow.number),\n  radius: ow.object.nonEmpty.valuesOfType(ow.number),\n  color: ow.object.nonEmpty.valuesOfType(ow.string),\n})\n"],
+  "mappings": ";;AAAA;AAEO,MAAM,iBAAiB,wBAAC,WAAgB;AAC7C,MAAI;AACF,OAAG,QAAQ;AAAA,WACJ,KAAP;AACA,YAAQ,MAAM,IAAI;AAClB,YAAQ,IAAI,iBAAiB,KAAK,UAAU,QAAQ,MAAM;AAAA;AAAA,GALhC;AAS9B,MAAM,cAAc,GAAG,OAAO,WAAW;AAAA,EACvC,MAAM,GAAG,OAAO,aACd,GAAG,OAAO,WAAW;AAAA,IACnB,QAAQ,GAAG;AAAA,IACX,MAAM,GAAG,OAAO,SAAS,aAAa,GAAG;AAAA,IACzC,YAAY,GAAG,OAAO,SAAS,aAAa,GAAG;AAAA,IAC/C,QAAQ,GAAG,OAAO,SAAS,aAAa,GAAG;AAAA,IAC3C,eAAe,GAAG,OAAO,SAAS,aAAa,GAAG;AAAA;AAAA,EAGtD,MAAM,GAAG,OAAO,SAAS,aAAa,GAAG;AAAA,EACzC,OAAO,GAAG,OAAO,SAAS,aAAa,GAAG;AAAA,EAC1C,QAAQ,GAAG,OAAO,SAAS,aAAa,GAAG;AAAA,EAC3C,QAAQ,GAAG,OAAO,SAAS,aAAa,GAAG;AAAA,EAC3C,OAAO,GAAG,OAAO,SAAS,aAAa,GAAG;AAAA;",
+  "names": []
+}