@tamagui/core 1.0.0-alpha.30 → 1.0.0-alpha.37

package/dist/jsx/createComponent.js

@@ -58,13 +58,14 @@ function createComponent(configIn) {
     staticConfig = parseStaticConfig(configIn);
   }
   const { Component, validStyles, isText, isZStack } = staticConfig;
-  const validStyleProps = validStyles ?? stylePropsView;
+  const validStyleProps = validStyles != null ? validStyles : stylePropsView;
   let defaultProps = null;
   let tamaguiConfig;
   let defaultsStyle;
   let defaultsClassName = "";
   let initialTheme;
   const component = forwardRef((props, forwardedRef) => {
+    var _a;
     const forceUpdate = useForceUpdate();
     const features = useFeatures(props, { forceUpdate });
     const theme = useTheme();
@@ -233,7 +234,7 @@ function createComponent(configIn) {
       ...!isWeb && {
         onPressOut: (e) => {
           unPress();
-          onPressOut?.(e);
+          onPressOut == null ? void 0 : onPressOut(e);
         }
       },
       ...isWeb && !isTouchDevice && {
@@ -248,8 +249,8 @@ function createComponent(configIn) {
           if (Object.keys(next).length) {
             set(next);
           }
-          onHoverIn?.(e);
-          onMouseEnter?.(e);
+          onHoverIn == null ? void 0 : onHoverIn(e);
+          onMouseEnter == null ? void 0 : onMouseEnter(e);
         } : void 0,
         onMouseLeave: attachHover || attachPress ? (e) => {
           let next = {};
@@ -264,8 +265,8 @@ function createComponent(configIn) {
           if (Object.keys(next).length) {
             set(next);
           }
-          onHoverOut?.(e);
-          onMouseLeave?.(e);
+          onHoverOut == null ? void 0 : onHoverOut(e);
+          onMouseLeave == null ? void 0 : onMouseLeave(e);
         } : void 0
       },
       onMouseDown: attachPress ? (e) => {
@@ -273,14 +274,14 @@ function createComponent(configIn) {
           press: true,
           pressIn: true
         });
-        onPressIn?.(e);
-        onMouseDown?.(e);
+        onPressIn == null ? void 0 : onPressIn(e);
+        onMouseDown == null ? void 0 : onMouseDown(e);
       } : onPressIn,
       onClick: attachPress ? (e) => {
-        onPress?.(e);
-        onClick?.(e);
+        onPress == null ? void 0 : onPress(e);
+        onClick == null ? void 0 : onClick(e);
         unPress();
-        onPressOut?.(e);
+        onPressOut == null ? void 0 : onPressOut(e);
       } : onPressOut
     } : null;
     if (events) {
@@ -300,7 +301,7 @@ function createComponent(configIn) {
     const childEls = spacedChildren({
       children,
       space,
-      flexDirection: props.flexDirection || defaultProps?.flexDirection,
+      flexDirection: props.flexDirection || (defaultProps == null ? void 0 : defaultProps.flexDirection),
       isZStack
     });
     let content;
@@ -322,7 +323,7 @@ function createComponent(configIn) {
         viewProps["debug"] = true;
         console.log("\u{1F95A} props in:", props);
         console.log("\u{1F95A} props out:", viewProps);
-        console.log(props.onClick?.toString());
+        console.log((_a = props.onClick) == null ? void 0 : _a.toString());
         console.log("\u{1F95A} etc:", { shouldAttach, ViewComponent, viewProps, styles, pseudos, content, childEls });
         if (isWeb) {
           console.log("\u{1F95A} component info", { staticConfig, tamaguiConfig });
@@ -335,6 +336,7 @@ function createComponent(configIn) {
     </>;
   });
   onConfiguredOnce((conf) => {
+    var _a;
     tamaguiConfig = conf;
     initialTheme = conf.themes[conf.defaultTheme || Object.keys(conf.themes)[0]];
     const next = getSplitStyles(staticConfig.defaultProps, staticConfig, initialTheme, true);
@@ -354,7 +356,7 @@ function createComponent(configIn) {
       ...component.defaultProps
     };
     if (process.env.NODE_ENV === "development") {
-      if (staticConfig.defaultProps?.debug) {
+      if ((_a = staticConfig.defaultProps) == null ? void 0 : _a.debug) {
         console.log("tamagui debug component:", next, defaultsClassName, component.defaultProps);
       }
     }
@@ -370,7 +372,7 @@ function createComponent(configIn) {
       neverFlatten: true,
       defaultProps: {
         ...Component2.defaultProps,
-        ...conf?.defaultProps
+        ...conf == null ? void 0 : conf.defaultProps
       }
     });
     return Component2;
@@ -387,10 +389,11 @@ const Spacer = createComponent({
   variants: {
     size: {
       "...size": (size, { tokens }) => {
+        var _a, _b;
         size = size == true ? "$true" : size;
         return {
-          width: tokens.size[size] ?? size,
-          height: tokens.size[size] ?? size
+          width: (_a = tokens.size[size]) != null ? _a : size,
+          height: (_b = tokens.size[size]) != null ? _b : size
         };
       }
     },
@@ -410,6 +413,7 @@ function spacedChildren({
   space,
   flexDirection
 }) {
+  var _a, _b;
   if (!space && !isZStack) {
     return children;
   }
@@ -423,9 +427,9 @@ function spacedChildren({
     if (child === null || child === void 0) {
       continue;
     }
-    const key = `${child?.["key"] ?? index}`;
+    const key = `${(_a = child == null ? void 0 : child["key"]) != null ? _a : index}`;
     next.push(<Fragment key={key}>{isZStack ? <Absolute>{child}</Absolute> : child}</Fragment>);
-    if (child?.["type"]?.["isVisuallyHidden"]) {
+    if ((_b = child == null ? void 0 : child["type"]) == null ? void 0 : _b["isVisuallyHidden"]) {
       continue;
     }
     if (index !== len - 1) {

package/dist/jsx/createTamagui.js

@@ -31,6 +31,7 @@ function createTamagui(config) {
     defaultActive: config.mediaQueryDefaultActive
   });
   const themeConfig = (() => {
+    var _a;
     let cssRules = [];
     const varsByValue = new Map();
     if (isWeb) {
@@ -68,7 +69,7 @@ function createTamagui(config) {
       for (const themeKey in theme) {
         if (isWeb) {
           const val = theme[themeKey];
-          const varName = val instanceof Variable ? val.name : varsByValue[val]?.name;
+          const varName = val instanceof Variable ? val.name : (_a = varsByValue[val]) == null ? void 0 : _a.name;
           vars += `--${themeKey}:${varName ? `var(--${varName});` : `${val}`};`;
         }
         ensureThemeVariable(theme, themeKey);

package/dist/jsx/helpers/createPropMapper.js

@@ -9,6 +9,7 @@ const createPropMapper = /* @__PURE__ */ __name((c) => {
   let variantsParsed;
   const defaultProps = c.defaultProps || {};
   return (key, value, theme, props) => {
+    var _a, _b;
     const conf = getTamagui();
     if (!conf) {
       console.trace("no conf! err");
@@ -18,9 +19,9 @@ const createPropMapper = /* @__PURE__ */ __name((c) => {
       variantsParsed = parseVariants(variants, conf);
     }
     let fontFamily = props.fontFamily || defaultProps.fontFamily || "$body";
-    const variant = variantsParsed?.[key];
+    const variant = variantsParsed == null ? void 0 : variantsParsed[key];
     if (variant && typeof value !== "undefined") {
-      const val = value === true ? variant["$true"] || variant["true"] : variant[value] ?? variant["..."] ?? value;
+      const val = value === true ? variant["$true"] || variant["true"] : (_b = (_a = variant[value]) != null ? _a : variant["..."]) != null ? _b : value;
       const res = typeof val === "function" ? val(value, { tokens: conf.tokensParsed, theme, props }) : isObj(val) ? { ...val } : val;
       if (isObj(res)) {
         resolveTokens(res, conf, theme, fontFamily);
@@ -64,30 +65,31 @@ const resolveTokens = /* @__PURE__ */ __name((res, conf, theme, fontFamily) => {
   }
 }, "resolveTokens");
 const getToken = /* @__PURE__ */ __name((key, value, { tokensParsed, themeParsed }, theme, fontFamily = "$body") => {
+  var _a, _b, _c, _d, _e, _f, _g;
   if (themeParsed[value]) {
     if (isWeb && themeParsed[value].variable) {
       return themeParsed[value].variable;
     } else {
       if (value && value[0] === "$") {
-        return theme[`${value.slice(1)}`]?.val || themeParsed[value]?.val;
+        return ((_a = theme[`${value.slice(1)}`]) == null ? void 0 : _a.val) || ((_b = themeParsed[value]) == null ? void 0 : _b.val);
       }
     }
   }
   let valOrVar;
   if (key === "fontFamily") {
-    valOrVar = tokensParsed.font[value]?.family || value;
+    valOrVar = ((_c = tokensParsed.font[value]) == null ? void 0 : _c.family) || value;
   }
   if (key === "fontSize") {
-    valOrVar = tokensParsed.font[fontFamily]?.size[value] || value;
+    valOrVar = ((_d = tokensParsed.font[fontFamily]) == null ? void 0 : _d.size[value]) || value;
   }
   if (key === "lineHeight") {
-    valOrVar = tokensParsed.font[fontFamily]?.lineHeight[value] || value;
+    valOrVar = ((_e = tokensParsed.font[fontFamily]) == null ? void 0 : _e.lineHeight[value]) || value;
   }
   if (key === "letterSpacing") {
-    valOrVar = tokensParsed.font[fontFamily]?.letterSpacing[value] || value;
+    valOrVar = ((_f = tokensParsed.font[fontFamily]) == null ? void 0 : _f.letterSpacing[value]) || value;
   }
   if (key === "fontWeight") {
-    valOrVar = tokensParsed.font[fontFamily]?.weight[value] || value;
+    valOrVar = ((_g = tokensParsed.font[fontFamily]) == null ? void 0 : _g.weight[value]) || value;
   }
   if (typeof valOrVar !== "undefined") {
     if (valOrVar instanceof Variable) {

package/dist/jsx/helpers/extendStaticConfig.js

@@ -2,6 +2,7 @@ var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 import { createPropMapper } from "./createPropMapper";
 function extendStaticConfig(Component, config = {}) {
+  var _a, _b;
   const parent = Component || {};
   if (!parent.staticConfig) {
     parent.staticConfig = {
@@ -28,8 +29,8 @@ function extendStaticConfig(Component, config = {}) {
     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,
+    neverFlatten: (_a = config.neverFlatten) != null ? _a : parent.staticConfig.neverFlatten,
+    ensureOverriddenProp: (_b = config.ensureOverriddenProp) != null ? _b : parent.staticConfig.ensureOverriddenProp,
     validStyles: config.validStyles ? {
       ...parent.staticConfig.validStyles,
       ...config.validStyles

package/dist/jsx/helpers/fixNativeShadow.native.js

@@ -1,26 +1,30 @@
 var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-const matchRgba = /rgba\(\s*([\d\.]{1,})\s*,\s*([\d\.]{1,})\s*,\s*([\d\.]{1,})\s*,\s*([\d\.]{1,})\s*\)$/;
+const matchRgbaHsla = /(rgba|hsla)\(\s*([\d\.]{1,}%?)\s*,\s*([\d\.]{1,}%?)\s*,\s*([\d\.]{1,}%?)\s*,\s*([\d\.]{1,})\s*\)$/;
 function fixNativeShadow(props) {
-  if (props.shadowColor) {
-    if (!!!("shadowOffset" in props)) {
-      props.shadowOffset = {
-        width: 0,
-        height: 0
-      };
-    }
-    if (!!!("shadowOpacity" in props)) {
-      const c = `${props.shadowColor}`;
-      if (c[0] === "r" && c[3] === "a") {
-        const [_, r, g, b, a] = c.match(matchRgba) || [];
-        if (typeof a !== "string") {
-          console.warn("non valid rgba", c);
-          return props;
-        }
-        props.shadowColor = `rgb(${r},${g},${b})`;
-        props.shadowOpacity = +a;
-      }
+  if (!props.shadowColor) {
+    return;
+  }
+  if (!props.shadowOffset) {
+    props.shadowOffset = {
+      width: 0,
+      height: 0
+    };
+  }
+  if ("shadowOpacity" in props) {
+    return;
+  }
+  const c = `${props.shadowColor}`;
+  if ((c[0] === "r" || c[0] === "h") && c[3] === "a") {
+    const [_, type, _1, _2, _3, a] = c.match(matchRgbaHsla) || [];
+    if (typeof a !== "string") {
+      console.warn("invalid", c, type);
+      return;
     }
+    props.shadowColor = `${type.replace("a", "")}(${_1},${_2},${_3})`;
+    props.shadowOpacity = +a;
+  } else {
+    props.shadowOpacity = 1;
   }
 }
 __name(fixNativeShadow, "fixNativeShadow");

package/dist/jsx/helpers/getStylesAtomic.js

@@ -34,12 +34,13 @@ 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]] = style[borderDefaults[key]] ?? "solid";
+      style[borderDefaults[key]] = (_a = style[borderDefaults[key]]) != null ? _a : "solid";
     }
   }
   const all = generateStyle(style);

package/dist/jsx/helpers/isTamaguiElement.js

@@ -2,7 +2,8 @@ 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;
+  var _a;
+  return isValidElement(child) && !!((_a = child.type["staticConfig"]) == null ? void 0 : _a.parsed);
 }, "isTamaguiElement");
 export {
   isTamaguiElement

package/dist/jsx/helpers/themeable.js

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

package/dist/jsx/hooks/useMedia.js

@@ -12,7 +12,8 @@ const addMediaQueryListener = /* @__PURE__ */ __name((key, cb) => {
   mediaQueryListeners[key].add(cb);
 }, "addMediaQueryListener");
 const removeMediaQueryListener = /* @__PURE__ */ __name((key, cb) => {
-  mediaQueryListeners[key]?.delete(cb);
+  var _a;
+  (_a = mediaQueryListeners[key]) == null ? void 0 : _a.delete(cb);
 }, "removeMediaQueryListener");
 let conf = null;
 const mediaQueryConfig = new Proxy({}, {
@@ -47,6 +48,7 @@ const configureMedia = /* @__PURE__ */ __name(({
   queries,
   defaultActive = ["sm", "xs"]
 } = {}) => {
+  var _a;
   if (conf) {
     console.warn(`Already configured mediaQueries once (you may have called getMedia() before configureMedia())`);
   }
@@ -68,7 +70,7 @@ const configureMedia = /* @__PURE__ */ __name(({
           return;
         mediaState[key] = next;
         const listeners = mediaQueryListeners[key];
-        if (listeners?.size) {
+        if (listeners == null ? void 0 : listeners.size) {
           for (const cb of [...listeners]) {
             cb();
           }
@@ -76,7 +78,7 @@ const configureMedia = /* @__PURE__ */ __name(({
       });
     } catch (err) {
       console.error("Error running media query", str, err.message, err.stack);
-      const isDefaultActive = defaultActive?.includes(key) ?? true;
+      const isDefaultActive = (_a = defaultActive == null ? void 0 : defaultActive.includes(key)) != null ? _a : true;
       mediaState[key] = isDefaultActive;
     }
   }

package/dist/jsx/hooks/usePressable.js

@@ -1,7 +1,8 @@
 var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+var _a, _b;
 import { Pressable } from "react-native";
-const getPressable = Pressable?.["type"]?.["render"];
+const getPressable = (_b = (_a = Pressable) == null ? void 0 : _a["type"]) == null ? void 0 : _b["render"];
 const usePressable = /* @__PURE__ */ __name((props) => {
   const out = getPressable(props);
   const { children, style, ...pressableProps } = out.props;

package/dist/jsx/hooks/useTheme.js

@@ -22,7 +22,7 @@ const useThemeName = /* @__PURE__ */ __name((opts) => {
   const [name, setName] = useState(parent.name);
   useIsomorphicLayoutEffect(() => {
     return parent.onChangeTheme((next, manager) => {
-      setName(opts?.parent ? manager.parentName : next);
+      setName((opts == null ? void 0 : opts.parent) ? manager.parentName : next);
     });
   }, [parent]);
   return name || "light";
@@ -31,6 +31,7 @@ const useDefaultThemeName = /* @__PURE__ */ __name(() => {
   return useContext(ThemeContext)[GET_DEFAULT_THEME];
 }, "useDefaultThemeName");
 const useTheme = /* @__PURE__ */ __name(() => {
+  var _a;
   const forceUpdate = useForceUpdate();
   const manager = useContext(ThemeManagerContext);
   const themes = useContext(ThemeContext);
@@ -54,7 +55,7 @@ const useTheme = /* @__PURE__ */ __name(() => {
   useEffect(() => {
     return manager.onUpdate(state.current.uuid, forceUpdate);
   }, []);
-  const theme = (manager.name ? themes[manager.name] : themes.light) ?? themes.light;
+  const theme = (_a = manager.name ? themes[manager.name] : themes.light) != null ? _a : themes.light;
   return useMemo(() => {
     return new Proxy(theme, {
       get(_, key) {

package/dist/jsx/views/TextAncestorContext.js

@@ -1,9 +1,10 @@
 var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+var _a, _b;
 import { createContext } from "react";
 import { rnw } from "../constants/rnw";
 const FallbackNativeContext = createContext(false);
-const TextAncestorContext = rnw?.TextAncestorContext ?? FallbackNativeContext;
+const TextAncestorContext = (_b = (_a = rnw) == null ? void 0 : _a.TextAncestorContext) != null ? _b : FallbackNativeContext;
 const TextAncestorProvider = /* @__PURE__ */ __name((props) => {
   return <TextAncestorContext.Provider value={false}>{props.children}</TextAncestorContext.Provider>;
 }, "TextAncestorProvider");

package/dist/jsx/views/Theme.js

@@ -7,6 +7,7 @@ import { useConstant } from "../hooks/useConstant";
 import { ThemeContext } from "./ThemeContext";
 import { ThemeManager, ThemeManagerContext } from "./ThemeManagerContext";
 const Theme = /* @__PURE__ */ __name((props) => {
+  var _a, _b;
   const parent = useContext(ThemeManagerContext);
   const themes = useContext(ThemeContext);
   const [parentName, setParentName] = useState(parent.name || "light");
@@ -51,7 +52,7 @@ const Theme = /* @__PURE__ */ __name((props) => {
       return contents;
     }
     if (name) {
-      const color = themes[name]?.["color"]?.["variable"];
+      const color = (_b = (_a = themes[name]) == null ? void 0 : _a["color"]) == null ? void 0 : _b["variable"];
       return <div className={getThemeParentClassName(props.name)} style={{ display: "contents", color }}>{contents}</div>;
     }
   }

package/dist/jsx/views/ThemeManagerContext.js

@@ -28,12 +28,13 @@ 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) {
-        this.listeners.get(uuid)?.();
+        (_a = this.listeners.get(uuid)) == null ? void 0 : _a();
       }
     }
     this.themeListeners.forEach((cb) => cb(this.name, this));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/core",
-  "version": "1.0.0-alpha.30",
+  "version": "1.0.0-alpha.37",
   "source": "src/index.ts",
   "main": "dist/cjs",
   "module": "dist/esm",
@@ -14,10 +14,10 @@
     "dist"
   ],
   "dependencies": {
-    "@tamagui/helpers": "^1.0.0-alpha.30",
+    "@tamagui/helpers": "^1.0.0-alpha.37",
     "@tamagui/ow": "^0.28.1",
-    "@tamagui/use-debounce": "^1.0.0-alpha.26",
-    "@tamagui/use-force-update": "^1.0.0-alpha.26",
+    "@tamagui/use-debounce": "^1.0.0-alpha.37",
+    "@tamagui/use-force-update": "^1.0.0-alpha.37",
     "react": "*",
     "react-dom": "*"
   },
@@ -25,7 +25,7 @@
     "react-native-web": "*"
   },
   "devDependencies": {
-    "@tamagui/build": "^1.0.0-alpha.22",
+    "@tamagui/build": "^1.0.0-alpha.37",
     "@types/react": "^17.0.35",
     "esbuild": "^0.13.12",
     "react-native-web": "^0.17.5",
@@ -37,5 +37,5 @@
   "engines": {
     "node": ">=16"
   },
-  "gitHead": "c5cd7540e0b07e0f4b61cd3e28f08462aec49428"
+  "gitHead": "c6357d6e6108b437bb055dad0eae51cd55190143"
 }

package/types/createTamagui.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createTamagui.d.ts","sourceRoot":"","sources":["../src/createTamagui.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,QAAQ,EAAkB,MAAM,kBAAkB,CAAA;AAI3D,OAAO,EACL,mBAAmB,EACnB,oBAAoB,EACpB,aAAa,EACb,qBAAqB,EACrB,oBAAoB,EACrB,MAAM,SAAS,CAAA;AAEhB,oBAAY,kBAAkB,GAAG,oBAAoB,GAGnD,IAAI,CAAC,oBAAoB,EAAE,QAAQ,CAAC,GAAG;IACrC,MAAM,EAAE;QACN,CAAC,GAAG,EAAE,MAAM,GAAG;YACb,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,CAAA;SAC1C,CAAA;KACF,CAAA;IAED,uBAAuB,CAAC,EAAE,aAAa,EAAE,CAAA;CAC1C,CAAA;AAIH,eAAO,MAAM,gBAAgB,eAAe,CAAA;AAE5C,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;EAAc,CAAA;AACrC,eAAO,MAAM,SAAS,gDAA2B,CAAA;AACjD,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;CAAqB,CAAA;AAE3C,aAAK,cAAc,GAAG,CAAC,IAAI,EAAE,qBAAqB,KAAK,IAAI,CAAA;AAE3D,eAAO,MAAM,gBAAgB,OAAQ,cAAc,SAMlD,CAAA;AAID,wBAAgB,aAAa,CAAC,IAAI,SAAS,kBAAkB,EAC3D,MAAM,EAAE,IAAI,GACX,IAAI,SAAS,mBAAmB,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC,EAAE,MAAM,CAAC,EAAE,MAAM,CAAC,CAAC,GACnE,qBAAqB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,GACjC,OAAO,CAuIV;AAED,wBAAgB,uBAAuB,CAAC,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,UAEhE"}
+{"version":3,"file":"createTamagui.d.ts","sourceRoot":"","sources":["../src/createTamagui.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,QAAQ,EAAkB,MAAM,kBAAkB,CAAA;AAG3D,OAAO,EACL,mBAAmB,EACnB,oBAAoB,EACpB,aAAa,EACb,qBAAqB,EACrB,oBAAoB,EACrB,MAAM,SAAS,CAAA;AAEhB,oBAAY,kBAAkB,GAAG,oBAAoB,GAGnD,IAAI,CAAC,oBAAoB,EAAE,QAAQ,CAAC,GAAG;IACrC,MAAM,EAAE;QACN,CAAC,GAAG,EAAE,MAAM,GAAG;YACb,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,CAAA;SAC1C,CAAA;KACF,CAAA;IAED,uBAAuB,CAAC,EAAE,aAAa,EAAE,CAAA;CAC1C,CAAA;AAIH,eAAO,MAAM,gBAAgB,eAAe,CAAA;AAE5C,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;EAAc,CAAA;AACrC,eAAO,MAAM,SAAS,gDAA2B,CAAA;AACjD,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;CAAqB,CAAA;AAE3C,aAAK,cAAc,GAAG,CAAC,IAAI,EAAE,qBAAqB,KAAK,IAAI,CAAA;AAE3D,eAAO,MAAM,gBAAgB,OAAQ,cAAc,SAMlD,CAAA;AAID,wBAAgB,aAAa,CAAC,IAAI,SAAS,kBAAkB,EAC3D,MAAM,EAAE,IAAI,GACX,IAAI,SAAS,mBAAmB,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC,EAAE,MAAM,CAAC,EAAE,MAAM,CAAC,CAAC,GACnE,qBAAqB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,GACjC,OAAO,CAuIV;AAED,wBAAgB,uBAAuB,CAAC,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,UAEhE"}

package/types/createTheme.d.ts

@@ -2,6 +2,6 @@ import { Variable } from './createVariable';
 declare type GenericTheme = {
     [key: string]: string | Variable;
 };
-export declare const createTheme: <Theme extends GenericTheme>(theme: Theme) => { [key in keyof Theme]?: string | Variable | undefined; };
+export declare const createTheme: <Theme extends GenericTheme>(theme: Theme) => { [K in keyof Theme]: string | Variable | Theme[K]; };
 export {};
 //# sourceMappingURL=createTheme.d.ts.map

package/types/createTheme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createTheme.d.ts","sourceRoot":"","sources":["../src/createTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAE3C,aAAK,YAAY,GAAG;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,QAAQ,CAAA;CAAE,CAAA;AAExD,eAAO,MAAM,WAAW,yGAKd,CAAA"}
+{"version":3,"file":"createTheme.d.ts","sourceRoot":"","sources":["../src/createTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAE3C,aAAK,YAAY,GAAG;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,QAAQ,CAAA;CAAE,CAAA;AAExD,eAAO,MAAM,WAAW,qGAId,CAAA"}

package/types/helpers/fixNativeShadow.native.d.ts

@@ -1,2 +1,2 @@
-export declare function fixNativeShadow(props: any): any;
+export declare function fixNativeShadow(props: any): void;
 //# sourceMappingURL=fixNativeShadow.native.d.ts.map

package/types/helpers/fixNativeShadow.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"fixNativeShadow.native.d.ts","sourceRoot":"","sources":["../../src/helpers/fixNativeShadow.native.tsx"],"names":[],"mappings":"AAGA,wBAAgB,eAAe,CAAC,KAAK,EAAE,GAAG,OAuBzC"}
+{"version":3,"file":"fixNativeShadow.native.d.ts","sourceRoot":"","sources":["../../src/helpers/fixNativeShadow.native.tsx"],"names":[],"mappings":"AAGA,wBAAgB,eAAe,CAAC,KAAK,EAAE,GAAG,QA4BzC"}

package/types/styled.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import { MediaProps, StaticComponent, StaticConfig, TamaguiConfig, Themes, Tokens } from './types';
 export declare function styled<ParentComponent extends StaticComponent | React.Component<any>, Variants extends GetVariants<ParentComponent>>(Component: ParentComponent, options?: GetProps<ParentComponent> & {
     variants?: Variants;
-}, staticExtractionOptions?: StaticConfig): StaticComponent<Omit<GetProps<ParentComponent>, keyof GetVariantProps<Variants>> & GetVariantProps<Variants> & MediaProps<GetVariantProps<Variants>>, any, import("./types").StaticConfigParsed, any>;
+}, staticExtractionOptions?: StaticConfig): StaticComponent<keyof GetVariantProps<Variants> extends never ? GetProps<ParentComponent> : Omit<GetProps<ParentComponent>, keyof GetVariantProps<Variants>> & GetVariantProps<Variants> & MediaProps<GetVariantProps<Variants>>, void, import("./types").StaticConfigParsed, any>;
 export declare type GetProps<A> = A extends StaticComponent<infer Props> ? Props : A extends React.Component<infer Props> ? Props : {};
 export declare type GetVariants<ParentComponent extends StaticComponent | React.Component<any>> = void | {
     [key: string]: {

package/types/styled.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../src/styled.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,SAAS,CAAA;AAElG,wBAAgB,MAAM,CACpB,eAAe,SAAS,eAAe,GAAG,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,EAC9D,QAAQ,SAAS,WAAW,CAAC,eAAe,CAAC,EAE7C,SAAS,EAAE,eAAe,EAC1B,OAAO,CAAC,EAAE,QAAQ,CAAC,eAAe,CAAC,GAAG;IACpC,QAAQ,CAAC,EAAE,QAAQ,CAAA;CACpB,EACD,uBAAuB,CAAC,EAAE,YAAY,yMAiBvC;AAID,oBAAY,QAAQ,CAAC,CAAC,IAAI,CAAC,SAAS,eAAe,CAAC,MAAM,KAAK,CAAC,GAC5D,KAAK,GACL,CAAC,SAAS,KAAK,CAAC,SAAS,CAAC,MAAM,KAAK,CAAC,GACtC,KAAK,GACL,EAAE,CAAA;AAEN,oBAAY,WAAW,CAAC,eAAe,SAAS,eAAe,GAAG,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,IAAI,GAAG;IAC/F,CAAC,GAAG,EAAE,MAAM,GAAG;QACb,CAAC,GAAG,EAAE,MAAM,GACR,OAAO,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC,GAClC,CAAC,CACC,GAAG,EAAE,GAAG,EACR,MAAM,EAAE;YACN,MAAM,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAA;YAC/B,KAAK,EAAE,MAAM,SAAS;gBAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC,CAAA;aAAE,GAAG,CAAC,GAAG,OAAO,CAAA;YAC9D,KAAK,EAAE,QAAQ,CAAC,eAAe,CAAC,CAAA;SACjC,KACE,OAAO,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC,CAAC,CAAA;KAC7C,CAAA;CACF,CAAA;AAED,oBAAY,eAAe,CAAC,QAAQ,IAAI,QAAQ,SAAS,IAAI,GACzD,EAAE,GACF;KAEG,GAAG,IAAI,MAAM,QAAQ,CAAC,CAAC,EAAE,MAAM,QAAQ,CAAC,GAAG,CAAC,SAAS,MAAM,MAAM,aAAa,EAAE,GAC7E,aAAa,SAAS,MAAM,MAAM,GAChC,MAAM,MAAM,CAAC,aAAa,CAAC,SAAS,MAAM,GAAG,MAAM,GACjD,IAAI,MAAM,MAAM,CAAC,aAAa,CAAC,EAAE,GAAG,IAAI,GACxC,OAAO,GACT,OAAO,GACT,MAAM,QAAQ,CAAC,GAAG,CAAC,SAAS,MAAM,GAClC,OAAO,GAAG,IAAI,GACd,MAAM,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,SAAS,CAAC;CAC5C,CAAA"}
+{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../src/styled.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,SAAS,CAAA;AAElG,wBAAgB,MAAM,CACpB,eAAe,SAAS,eAAe,GAAG,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,EAC9D,QAAQ,SAAS,WAAW,CAAC,eAAe,CAAC,EAE7C,SAAS,EAAE,eAAe,EAC1B,OAAO,CAAC,EAAE,QAAQ,CAAC,eAAe,CAAC,GAAG;IACpC,QAAQ,CAAC,EAAE,QAAQ,CAAA;CACpB,EACD,uBAAuB,CAAC,EAAE,YAAY,sRAsBvC;AAID,oBAAY,QAAQ,CAAC,CAAC,IAAI,CAAC,SAAS,eAAe,CAAC,MAAM,KAAK,CAAC,GAC5D,KAAK,GACL,CAAC,SAAS,KAAK,CAAC,SAAS,CAAC,MAAM,KAAK,CAAC,GACtC,KAAK,GACL,EAAE,CAAA;AAEN,oBAAY,WAAW,CAAC,eAAe,SAAS,eAAe,GAAG,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,IAAI,GAAG;IAC/F,CAAC,GAAG,EAAE,MAAM,GAAG;QACb,CAAC,GAAG,EAAE,MAAM,GACR,OAAO,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC,GAClC,CAAC,CACC,GAAG,EAAE,GAAG,EACR,MAAM,EAAE;YACN,MAAM,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAA;YAC/B,KAAK,EAAE,MAAM,SAAS;gBAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC,CAAA;aAAE,GAAG,CAAC,GAAG,OAAO,CAAA;YAC9D,KAAK,EAAE,QAAQ,CAAC,eAAe,CAAC,CAAA;SACjC,KACE,OAAO,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC,CAAC,CAAA;KAC7C,CAAA;CACF,CAAA;AAED,oBAAY,eAAe,CAAC,QAAQ,IAAI,QAAQ,SAAS,IAAI,GACzD,EAAE,GACF;KAEG,GAAG,IAAI,MAAM,QAAQ,CAAC,CAAC,EAAE,MAAM,QAAQ,CAAC,GAAG,CAAC,SAAS,MAAM,MAAM,aAAa,EAAE,GAC7E,aAAa,SAAS,MAAM,MAAM,GAChC,MAAM,MAAM,CAAC,aAAa,CAAC,SAAS,MAAM,GAAG,MAAM,GACjD,IAAI,MAAM,MAAM,CAAC,aAAa,CAAC,EAAE,GAAG,IAAI,GACxC,OAAO,GACT,OAAO,GACT,MAAM,QAAQ,CAAC,GAAG,CAAC,SAAS,MAAM,GAClC,OAAO,GAAG,IAAI,GACd,MAAM,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,SAAS,CAAC;CAC5C,CAAA"}

package/types/types.d.ts

@@ -141,10 +141,18 @@ declare type ComponentPropsBase = {
     pointerEvents?: string;
 };
 declare type GetTokenFontKeysFor<A extends 'size' | 'weight' | 'letterSpacing' | 'family' | 'lineHeight'> = keyof Tokens['font'][keyof Tokens['font']][A];
+export declare type SizeTokens = `$${keyof Tokens['size']}`;
+export declare type FontTokens = `$${keyof Tokens['font']}`;
+export declare type FontSizeTokens = `$${GetTokenFontKeysFor<'size'>}`;
+export declare type FontLineHeightTokens = `$${GetTokenFontKeysFor<'lineHeight'>}`;
+export declare type FontWeightTokens = `$${GetTokenFontKeysFor<'weight'>}`;
+export declare type FontLetterSpacingTokens = `$${GetTokenFontKeysFor<'letterSpacing'>}`;
 export declare type SpaceTokens = `$${keyof Tokens['space']}`;
+export declare type ColorTokens = `$${keyof Tokens['color']}`;
+export declare type ZIndexTokens = `$${keyof Tokens['zIndex']}`;
 declare type ThemeValue<A> = Omit<A, string> | UnionableString | Variable;
 export declare type WithThemeValues<T extends object> = {
-    [K in keyof T]: ThemeValue<T[K]> | (K extends ColorableKeys ? ThemeKeyVariables : K extends SizeKeys ? `$${keyof Tokens['size']}` : K extends FontKeys ? `$${keyof Tokens['font']}` : K extends FontSizeKeys ? `$${GetTokenFontKeysFor<'size'>}` : K extends SpaceKeys ? `$${keyof Tokens['space']}` : K extends ColorKeys ? `$${keyof Tokens['color']}` : K extends ZIndexKeys ? `$${keyof Tokens['zIndex']}` : K extends LineHeightKeys ? `$${GetTokenFontKeysFor<'lineHeight'>}` : K extends FontWeightKeys ? `$${GetTokenFontKeysFor<'weight'>}` : K extends FontLetterSpacingKeys ? `$${GetTokenFontKeysFor<'letterSpacing'>}` : {});
+    [K in keyof T]: ThemeValue<T[K]> | (K extends ColorableKeys ? ThemeKeyVariables : K extends SizeKeys ? SizeTokens : K extends FontKeys ? FontTokens : K extends FontSizeKeys ? FontSizeTokens : K extends SpaceKeys ? SpaceTokens : K extends ColorKeys ? ColorTokens : K extends ZIndexKeys ? ZIndexTokens : K extends LineHeightKeys ? FontLineHeightTokens : K extends FontWeightKeys ? FontWeightTokens : K extends FontLetterSpacingKeys ? FontLetterSpacingTokens : {});
 };
 declare type WithShorthands<StyleProps> = {
     [Key in keyof Shorthands]?: Shorthands[Key] extends keyof StyleProps ? StyleProps[Shorthands[Key]] | null : undefined;
@@ -163,7 +171,7 @@ declare type WebOnlyStyleProps = {
 };
 export declare type StackStylePropsBase = Omit<ViewStyle, 'display' | 'backfaceVisibility' | 'elevation'> & TransformStyleProps & WebOnlyStyleProps;
 export declare type StackStyleProps = WithThemeShorthandsPseudosAndMedia<StackStylePropsBase>;
-export declare type StackProps = Omit<RNWInternalProps, 'children'> & Omit<ViewProps, 'display' | 'children'> & StackStyleProps & ComponentPropsBase & {
+export declare type StackProps = Omit<RNWInternalProps, 'children'> & StackStyleProps & ComponentPropsBase & {
     ref?: RefObject<View | HTMLElement> | ((node: View | HTMLElement) => any);
     children?: any | any[];
 };