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

package/{_ → dist/esm}/helpers/createTamaguiProvider.js

@@ -1,38 +1,21 @@
 var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 import * as React from "react";
-import { Platform } from "react-native";
-import {
-  SafeAreaProvider,
-  initialWindowMetrics as defaultInitialWindowMetrics
-} from "react-native-safe-area-context";
 import { TextAncestorProvider } from "../views/TextAncestorContext";
 import { ThemeProvider } from "../views/ThemeProvider";
 function createTamaguiProvider(themeProps) {
-  let defaultMetrics = null;
   return /* @__PURE__ */ __name(function TamaguiProvider({
     initialWindowMetrics,
     fallback,
     children,
     ...themePropsProvider
   }) {
-    if (!initialWindowMetrics && !defaultMetrics) {
-      defaultMetrics = Platform.select({
-        web: {
-          frame: { x: 0, y: 0, width: 0, height: 0 },
-          insets: { top: 0, left: 0, right: 0, bottom: 0 }
-        },
-        default: defaultInitialWindowMetrics
-      });
-    }
-    return /* @__PURE__ */ React.createElement(TextAncestorProvider, null, /* @__PURE__ */ React.createElement(SafeAreaProvider, {
-      initialMetrics: initialWindowMetrics != null ? initialWindowMetrics : defaultMetrics
-    }, /* @__PURE__ */ React.createElement(ThemeProvider, {
+    return /* @__PURE__ */ React.createElement(TextAncestorProvider, null, /* @__PURE__ */ React.createElement(ThemeProvider, {
       ...themeProps,
       ...themePropsProvider
     }, /* @__PURE__ */ React.createElement(React.Suspense, {
       fallback: fallback || null
-    }, children))));
+    }, children)));
   }, "TamaguiProvider");
 }
 __name(createTamaguiProvider, "createTamaguiProvider");

package/dist/esm/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;AAGA;AACA;AAEO,+BAA+B,YAAgC;AACpE,SAAO,gDAAyB;AAAA,IAC9B;AAAA,IACA;AAAA,IACA;AAAA,OACG;AAAA,KACoB;AACvB,WACE,oCAAC,sBAAD,MACE,oCAAC,eAAD;AAAA,SAAmB;AAAA,SAAgB;AAAA,OACjC,oCAAC,MAAM,UAAP;AAAA,MAAgB,UAAU,YAAY;AAAA,OAAO;AAAA,KAT9C;AAAA;AADO;",
+  "names": []
+}

package/dist/esm/helpers/extendStaticConfig.js

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

package/dist/esm/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": ";;AAGA;AAEO,4BAGL,WACA,SAAuB,IACI;AAC3B,QAAM,SAAU,aAAa;AAC7B,MAAI,CAAC,OAAO,cAAc;AAExB,WAAO,eAAe;AAAA,MACpB;AAAA;AAAA;AAIJ,QAAM,WAAW;AAAA,OACZ,OAAO,aAAa;AAAA;AAIzB,MAAI,OAAO,UAAU;AACnB,eAAW,OAAO,OAAO,UAAU;AACjC,UAAI,SAAS,MAAM;AACjB,iBAAS,OAAO;AAAA,aACX,SAAS;AAAA,aACT,OAAO,SAAS;AAAA;AAAA,aAEhB;AACL,iBAAS,OAAO,OAAO,SAAS;AAAA;AAAA;AAAA;AAKtC,SAAO,kBAAkB;AAAA,OACpB,OAAO;AAAA,IACV,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;AAAA,SACK,OAAO,aAAa;AAAA,SACpB,OAAO;AAAA,QAEZ,OAAO,aAAa;AAAA,IACxB,iBAAiB;AAAA,SACZ,OAAO,aAAa;AAAA,SACpB,OAAO;AAAA;AAAA,IAEZ,cAAc;AAAA,SACT,OAAO,aAAa;AAAA,SACpB,OAAO;AAAA;AAAA;AAAA;AAnDA;AAwDT,MAAM,oBAAoB,wBAAC,WAA6C;AAC7E,SAAO;AAAA,OACF;AAAA,IACH,QAAQ;AAAA,IACR,YAAY,iBAAiB;AAAA;AAAA,GAJA;",
+  "names": []
+}

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

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

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

@@ -1,6 +1,6 @@
 {
   "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;",
   "names": []

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

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

package/dist/esm/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": []
+}

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

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

package/{_ → dist/esm}/helpers/getStylesAtomic.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../src/helpers/getStylesAtomic.ts"],
+  "sources": ["../../../src/helpers/getStylesAtomic.ts"],
   "sourcesContent": ["import { AllRules, StyleObject } from '@tamagui/helpers'\nimport { ViewStyle } from 'react-native'\n\nimport { pseudos } from '../constants/pseudos'\nimport { rnw } from '../constants/rnw'\n\nconst generateStyle = (style: any) => {\n  const { atomic, createCompileableStyle, createReactDOMStyle, i18Style } = rnw\n  return {\n    ...atomic(createCompileableStyle(createReactDOMStyle(i18Style(style)))),\n  }\n}\n\nconst borderDefaults = {\n  borderWidth: 'borderStyle',\n  borderBottomWidth: 'borderBottomStyle',\n  borderTopWidth: 'borderTopStyle',\n  borderLeftWidth: 'borderLeftStyle',\n  borderRightWidth: 'borderRightStyle',\n}\n\nexport function getStylesAtomic(style: any, avoidCollection = false) {\n  const styles: { [key: string]: ViewStyle } = {\n    base: {},\n  }\n  // split pseudos\n  for (const key in style) {\n    if (!!pseudos[key]) {\n      styles[key] = style[key]\n    } else {\n      styles.base[key] = style[key]\n    }\n  }\n  return Object.keys(styles)\n    .map((key) => {\n      return getAtomicStyle(styles[key], pseudos[key], avoidCollection)\n    })\n    .flat()\n}\n\nconst importantRegex = /\\!important*/g\n\nfunction getAtomicStyle(\n  style: ViewStyle,\n  pseudo?: { name: string; priority: number },\n  avoidCollection?: boolean\n): StyleObject[] {\n  if (style == null || typeof style !== 'object') {\n    throw new Error(`Wrong style type: \"${typeof style}\": ${style}`)\n  }\n\n  // why is this diff from react-native-web!? need to figure out\n  for (const key in borderDefaults) {\n    if (key in style) {\n      style[borderDefaults[key]] = style[borderDefaults[key]] ?? 'solid'\n    }\n  }\n\n  const all = generateStyle(style)\n  return Object.keys(all).map((key) => {\n    const val = all[key]\n    const hash = val.identifier.slice(`${val.identifier}`.lastIndexOf('-') + 1)\n    // pseudos have a `--` to be easier to find with concatClassNames\n    const psuedoPrefix = pseudo ? `-${pseudo.name}-` : ''\n    const identifier = `_${val.property}-${psuedoPrefix}${hash}`\n    const className = `.${identifier}`\n    const rules = val.rules.map((rule) => {\n      if (pseudo) {\n        const psuedoPrefixSelect = [...Array(pseudo.priority)].map(() => ':root').join('') + ' '\n        let res = rule\n          .replace(`.${val.identifier}`, `${psuedoPrefixSelect} ${className}`)\n          .replace('{', `:${pseudo.name}{`)\n\n        if (pseudo.name === 'hover') {\n          // hover styles need to be conditional\n          // perhaps this can be generalized but for now lets just shortcut\n          // and hardcode for hover styles, if we need to later we can\n          // WEIRD SYNTAX, SEE:\n          //   https://stackoverflow.com/questions/40532204/media-query-for-devices-supporting-hover\n          res = `@media not all and (hover: none) { ${res} }`\n        }\n        return res\n      }\n      return rule.replace(`.${val.identifier}`, className).replace(importantRegex, '')\n    })\n\n    if (!avoidCollection) {\n      if (rules.length > 1) {\n        console.warn('have never seen more than one, verifying')\n      }\n      AllRules.add(rules[0])\n    }\n\n    const result: StyleObject = {\n      property: val.property,\n      value: val.value,\n      identifier,\n      className,\n      rules,\n    }\n    return result\n  })\n}\n"],
-  "mappings": ";;AAAA;AAGA;AACA;AAEA,MAAM,gBAAgB,wBAAC,UAAe;AACpC,QAAM,EAAE,QAAQ,wBAAwB,qBAAqB,aAAa;AAC1E,SAAO;AAAA,OACF,OAAO,uBAAuB,oBAAoB,SAAS;AAAA;AAAA,GAH5C;AAOtB,MAAM,iBAAiB;AAAA,EACrB,aAAa;AAAA,EACb,mBAAmB;AAAA,EACnB,gBAAgB;AAAA,EAChB,iBAAiB;AAAA,EACjB,kBAAkB;AAAA;AAGb,yBAAyB,OAAY,kBAAkB,OAAO;AACnE,QAAM,SAAuC;AAAA,IAC3C,MAAM;AAAA;AAGR,aAAW,OAAO,OAAO;AACvB,QAAI,CAAC,CAAC,QAAQ,MAAM;AAClB,aAAO,OAAO,MAAM;AAAA,WACf;AACL,aAAO,KAAK,OAAO,MAAM;AAAA;AAAA;AAG7B,SAAO,OAAO,KAAK,QAChB,IAAI,CAAC,QAAQ;AACZ,WAAO,eAAe,OAAO,MAAM,QAAQ,MAAM;AAAA,KAElD;AAAA;AAhBW;AAmBhB,MAAM,iBAAiB;AAEvB,wBACE,OACA,QACA,iBACe;AA9CjB;AA+CE,MAAI,SAAS,QAAQ,OAAO,UAAU,UAAU;AAC9C,UAAM,IAAI,MAAM,sBAAsB,OAAO,WAAW;AAAA;AAI1D,aAAW,OAAO,gBAAgB;AAChC,QAAI,OAAO,OAAO;AAChB,YAAM,eAAe,QAAQ,YAAM,eAAe,UAArB,YAA8B;AAAA;AAAA;AAI/D,QAAM,MAAM,cAAc;AAC1B,SAAO,OAAO,KAAK,KAAK,IAAI,CAAC,QAAQ;AACnC,UAAM,MAAM,IAAI;AAChB,UAAM,OAAO,IAAI,WAAW,MAAM,GAAG,IAAI,aAAa,YAAY,OAAO;AAEzE,UAAM,eAAe,SAAS,IAAI,OAAO,UAAU;AACnD,UAAM,aAAa,IAAI,IAAI,YAAY,eAAe;AACtD,UAAM,YAAY,IAAI;AACtB,UAAM,QAAQ,IAAI,MAAM,IAAI,CAAC,SAAS;AACpC,UAAI,QAAQ;AACV,cAAM,qBAAqB,CAAC,GAAG,MAAM,OAAO,WAAW,IAAI,MAAM,SAAS,KAAK,MAAM;AACrF,YAAI,MAAM,KACP,QAAQ,IAAI,IAAI,cAAc,GAAG,sBAAsB,aACvD,QAAQ,KAAK,IAAI,OAAO;AAE3B,YAAI,OAAO,SAAS,SAAS;AAM3B,gBAAM,sCAAsC;AAAA;AAE9C,eAAO;AAAA;AAET,aAAO,KAAK,QAAQ,IAAI,IAAI,cAAc,WAAW,QAAQ,gBAAgB;AAAA;AAG/E,QAAI,CAAC,iBAAiB;AACpB,UAAI,MAAM,SAAS,GAAG;AACpB,gBAAQ,KAAK;AAAA;AAEf,eAAS,IAAI,MAAM;AAAA;AAGrB,UAAM,SAAsB;AAAA,MAC1B,UAAU,IAAI;AAAA,MACd,OAAO,IAAI;AAAA,MACX;AAAA,MACA;AAAA,MACA;AAAA;AAEF,WAAO;AAAA;AAAA;AA1DF;",
+  "mappings": ";;AAAA;AAGA;AACA;AAEA,MAAM,gBAAgB,wBAAC,UAAe;AACpC,QAAM,EAAE,QAAQ,wBAAwB,qBAAqB,aAAa;AAC1E,SAAO;AAAA,OACF,OAAO,uBAAuB,oBAAoB,SAAS;AAAA;AAAA,GAH5C;AAOtB,MAAM,iBAAiB;AAAA,EACrB,aAAa;AAAA,EACb,mBAAmB;AAAA,EACnB,gBAAgB;AAAA,EAChB,iBAAiB;AAAA,EACjB,kBAAkB;AAAA;AAGb,yBAAyB,OAAY,kBAAkB,OAAO;AACnE,QAAM,SAAuC;AAAA,IAC3C,MAAM;AAAA;AAGR,aAAW,OAAO,OAAO;AACvB,QAAI,CAAC,CAAC,QAAQ,MAAM;AAClB,aAAO,OAAO,MAAM;AAAA,WACf;AACL,aAAO,KAAK,OAAO,MAAM;AAAA;AAAA;AAG7B,SAAO,OAAO,KAAK,QAChB,IAAI,CAAC,QAAQ;AACZ,WAAO,eAAe,OAAO,MAAM,QAAQ,MAAM;AAAA,KAElD;AAAA;AAhBW;AAmBhB,MAAM,iBAAiB;AAEvB,wBACE,OACA,QACA,iBACe;AACf,MAAI,SAAS,QAAQ,OAAO,UAAU,UAAU;AAC9C,UAAM,IAAI,MAAM,sBAAsB,OAAO,WAAW;AAAA;AAI1D,aAAW,OAAO,gBAAgB;AAChC,QAAI,OAAO,OAAO;AAChB,YAAM,eAAe,QAAQ,MAAM,eAAe,SAAS;AAAA;AAAA;AAI/D,QAAM,MAAM,cAAc;AAC1B,SAAO,OAAO,KAAK,KAAK,IAAI,CAAC,QAAQ;AACnC,UAAM,MAAM,IAAI;AAChB,UAAM,OAAO,IAAI,WAAW,MAAM,GAAG,IAAI,aAAa,YAAY,OAAO;AAEzE,UAAM,eAAe,SAAS,IAAI,OAAO,UAAU;AACnD,UAAM,aAAa,IAAI,IAAI,YAAY,eAAe;AACtD,UAAM,YAAY,IAAI;AACtB,UAAM,QAAQ,IAAI,MAAM,IAAI,CAAC,SAAS;AACpC,UAAI,QAAQ;AACV,cAAM,qBAAqB,CAAC,GAAG,MAAM,OAAO,WAAW,IAAI,MAAM,SAAS,KAAK,MAAM;AACrF,YAAI,MAAM,KACP,QAAQ,IAAI,IAAI,cAAc,GAAG,sBAAsB,aACvD,QAAQ,KAAK,IAAI,OAAO;AAE3B,YAAI,OAAO,SAAS,SAAS;AAM3B,gBAAM,sCAAsC;AAAA;AAE9C,eAAO;AAAA;AAET,aAAO,KAAK,QAAQ,IAAI,IAAI,cAAc,WAAW,QAAQ,gBAAgB;AAAA;AAG/E,QAAI,CAAC,iBAAiB;AACpB,UAAI,MAAM,SAAS,GAAG;AACpB,gBAAQ,KAAK;AAAA;AAEf,eAAS,IAAI,MAAM;AAAA;AAGrB,UAAM,SAAsB;AAAA,MAC1B,UAAU,IAAI;AAAA,MACd,OAAO,IAAI;AAAA,MACX;AAAA,MACA;AAAA,MACA;AAAA;AAEF,WAAO;AAAA;AAAA;AA1DF;",
   "names": []
 }

package/{_ → dist/esm}/helpers/getStylesAtomic.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../src/helpers/getStylesAtomic.native.ts"],
+  "sources": ["../../../src/helpers/getStylesAtomic.native.ts"],
   "sourcesContent": ["export function getStylesAtomic() {\n  console.warn('no-op native')\n}\n"],
   "mappings": ";;AAAO,2BAA2B;AAChC,UAAQ,KAAK;AAAA;AADC;",
   "names": []

package/{_ → dist/esm}/helpers/insertStyleRule.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../src/helpers/insertStyleRule.tsx"],
+  "sources": ["../../../src/helpers/insertStyleRule.tsx"],
   "sourcesContent": ["import { isWeb } from '../constants/platform'\n\nexport function insertStyleRule(rule: string) {\n  if (typeof window === 'undefined') {\n    return\n  }\n  if (process.env.NODE_ENV === 'development') {\n    if (!isWeb) {\n      console.warn('non web platform, dont use this')\n      return\n    }\n  }\n  const sheet = window.document.styleSheets[0]\n  if (!sheet) {\n    return\n  }\n  sheet.insertRule(rule, sheet.cssRules.length)\n}\n"],
   "mappings": ";;AAAA;AAEO,yBAAyB,MAAc;AAC5C,MAAI,OAAO,WAAW,aAAa;AACjC;AAAA;AAEF,MAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,QAAI,CAAC,OAAO;AACV,cAAQ,KAAK;AACb;AAAA;AAAA;AAGJ,QAAM,QAAQ,OAAO,SAAS,YAAY;AAC1C,MAAI,CAAC,OAAO;AACV;AAAA;AAEF,QAAM,WAAW,MAAM,MAAM,SAAS;AAAA;AAdxB;",
   "names": []

package/dist/esm/helpers/isObj.js

@@ -0,0 +1,7 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+const isObj = /* @__PURE__ */ __name((x) => x && !Array.isArray(x) && typeof x === "object", "isObj");
+export {
+  isObj
+};
+//# sourceMappingURL=isObj.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/helpers/isObj.ts"],
+  "sourcesContent": ["export const isObj = (x: any) => x && !Array.isArray(x) && typeof x === 'object'\n"],
+  "mappings": ";;AAAO,MAAM,QAAQ,wBAAC,MAAW,KAAK,CAAC,MAAM,QAAQ,MAAM,OAAO,MAAM,UAAnD;",
+  "names": []
+}

package/dist/esm/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/esm/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/esm}/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/esm/helpers/matchMedia.js.map

@@ -0,0 +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        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/esm}/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/esm}/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;",
+  "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\n// @ts-ignore\nglobalThis['matchMedia'] = matchMedia\n"],
+  "mappings": ";;AAAA;AAEO,MAAM,aAAa,wBAAC,UAAkB,IAAI,eAAe,QAAtC;AAG1B,WAAW,gBAAgB;",
   "names": []
 }

package/{_ → dist/esm}/helpers/themeable.js

@@ -17,7 +17,7 @@ const themeable = /* @__PURE__ */ __name(function graphql(component) {
     return el;
   }, "WithTheme"));
   const withTheme = withThemeComponent;
-  withTheme.displayName = `Themed(${(component == null ? void 0 : component.displayName) || (component == null ? void 0 : component.name) || "Anonymous"})`;
+  withTheme.displayName = `Themed(${component?.displayName || component?.name || "Anonymous"})`;
   return withTheme;
 }, "graphql");
 export {

package/{_ → dist/esm}/helpers/themeable.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../src/helpers/themeable.tsx"],
+  "sources": ["../../../src/helpers/themeable.tsx"],
   "sourcesContent": ["import React, { ReactElement, forwardRef } from 'react'\n\nimport { Theme } from '../views/Theme'\nimport { ThemeInverse } from '../views/ThemeInverse'\n\nexport type ThemeableProps = {\n  theme?: string | null\n  themeInverse?: boolean\n}\n\nexport const themeable: ThemeableHOC = function graphql<\n  R extends ReactElement<any, any> | null,\n  P extends ThemeableProps = {}\n>(component: (props: P) => R) {\n  const withThemeComponent = forwardRef(function WithTheme({ themeInverse, ...rest }: P, ref) {\n    const el = React.createElement(component, { ...rest, ref } as any) as R\n    if (themeInverse) {\n      return (<ThemeInverse>{el}</ThemeInverse>) as R\n    }\n    if (rest.theme) {\n      return (<Theme name={rest.theme || null}>{el}</Theme>) as R\n    }\n    return el\n  })\n\n  const withTheme: {\n    (props: P): R\n    displayName: string\n  } = withThemeComponent as any\n\n  withTheme.displayName = `Themed(${\n    (component as any)?.displayName || (component as any)?.name || 'Anonymous'\n  })`\n\n  return withTheme\n}\n\nexport interface ThemeableHOC {\n  <R extends ReactElement<any, any> | null, P extends ThemeableProps = {}>(\n    component: (props: P) => R\n  ): (props: P) => R\n}\n"],
-  "mappings": ";;AAAA;AAEA;AACA;AAOO,MAAM,YAA0B,wCAGrC,WAA4B;AAC5B,QAAM,qBAAqB,WAAW,0CAAmB,EAAE,iBAAiB,QAAW,KAAK;AAC1F,UAAM,KAAK,MAAM,cAAc,WAAW,KAAK,MAAM;AACrD,QAAI,cAAc;AAChB,aAAQ,oCAAC,cAAD,MAAe;AAAA;AAEzB,QAAI,KAAK,OAAO;AACd,aAAQ,oCAAC,OAAD;AAAA,QAAO,MAAM,KAAK,SAAS;AAAA,SAAO;AAAA;AAE5C,WAAO;AAAA,KAR6B;AAWtC,QAAM,YAGF;AAEJ,YAAU,cAAc,UACrB,wCAAmB,gBAAgB,wCAAmB,SAAQ;AAGjE,SAAO;AAAA,GAxB8B;",
+  "mappings": ";;AAAA;AAEA;AACA;AAOO,MAAM,YAA0B,wCAGrC,WAA4B;AAC5B,QAAM,qBAAqB,WAAW,0CAAmB,EAAE,iBAAiB,QAAW,KAAK;AAC1F,UAAM,KAAK,MAAM,cAAc,WAAW,KAAK,MAAM;AACrD,QAAI,cAAc;AAChB,aAAQ,oCAAC,cAAD,MAAe;AAAA;AAEzB,QAAI,KAAK,OAAO;AACd,aAAQ,oCAAC,OAAD;AAAA,QAAO,MAAM,KAAK,SAAS;AAAA,SAAO;AAAA;AAE5C,WAAO;AAAA,KAR6B;AAWtC,QAAM,YAGF;AAEJ,YAAU,cAAc,UACrB,WAAmB,eAAgB,WAAmB,QAAQ;AAGjE,SAAO;AAAA,GAxB8B;",
   "names": []
 }

package/dist/esm/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/esm/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/esm}/hooks/useConstant.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../src/hooks/useConstant.tsx"],
+  "sources": ["../../../src/hooks/useConstant.tsx"],
   "sourcesContent": ["import { useRef } from 'react'\n\ntype ResultBox<T> = { v: T }\nexport function useConstant<T>(fn: () => T): T {\n  const ref = useRef<ResultBox<T>>()\n  if (!ref.current) {\n    ref.current = { v: fn() }\n  }\n  return ref.current.v\n}\n"],
   "mappings": ";;AAAA;AAGO,qBAAwB,IAAgB;AAC7C,QAAM,MAAM;AACZ,MAAI,CAAC,IAAI,SAAS;AAChB,QAAI,UAAU,EAAE,GAAG;AAAA;AAErB,SAAO,IAAI,QAAQ;AAAA;AALL;",
   "names": []