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

package/dist/{hooks → jsx/hooks}/useMedia.js

@@ -8,23 +8,26 @@ import { useConstant } from "./useConstant";
 const mediaState = {};
 const mediaQueryListeners = {};
 const addMediaQueryListener = /* @__PURE__ */ __name((key, cb) => {
-  mediaQueryListeners[key] = mediaQueryListeners[key] || new Set();
+  mediaQueryListeners[key] = mediaQueryListeners[key] || /* @__PURE__ */ new Set();
   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({}, {
   get(target, key) {
     if (!conf) {
-      throw new Error(`Be sure to run configureMedia before accessing mediaQueryConfig`);
+      console.warn("Tamagui warning: accessing media query before init");
+      return null;
     }
     return Reflect.get(conf, key);
   },
   ownKeys() {
     if (!conf) {
-      throw new Error(`Be sure to run configureMedia before accessing mediaQueryConfig`);
+      console.warn("Tamagui warning: accessing media query before init");
+      return [];
     }
     return Object.keys(conf);
   },
@@ -45,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())`);
   }
@@ -66,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();
           }
@@ -74,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;
     }
   }
@@ -168,4 +172,3 @@ export {
   removeMediaQueryListener,
   useMedia
 };
-//# sourceMappingURL=useMedia.js.map

package/dist/{hooks → 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;
@@ -10,4 +11,3 @@ const usePressable = /* @__PURE__ */ __name((props) => {
 export {
   usePressable
 };
-//# sourceMappingURL=usePressable.js.map

package/dist/{hooks → jsx/hooks}/useTheme.js

@@ -2,11 +2,11 @@ var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 import { useForceUpdate } from "@tamagui/use-force-update";
 import { useContext, useEffect, useMemo, useRef, useState } from "react";
+import { GET_DEFAULT_THEME } from "../constants/constants";
 import { useIsomorphicLayoutEffect } from "../constants/platform";
 import { Variable } from "../createVariable";
 import { ThemeContext } from "../views/ThemeContext";
 import { ThemeManagerContext } from "../views/ThemeManagerContext";
-import { GET_DEFAULT_THEME } from "../views/ThemeProvider";
 const areEqualSets = /* @__PURE__ */ __name((a, b) => {
   if (a.size !== b.size)
     return false;
@@ -17,16 +17,12 @@ const areEqualSets = /* @__PURE__ */ __name((a, b) => {
   }
   return true;
 }, "areEqualSets");
-const useThemeName = /* @__PURE__ */ __name(() => {
+const useThemeName = /* @__PURE__ */ __name((opts) => {
   const parent = useContext(ThemeManagerContext);
   const [name, setName] = useState(parent.name);
-  useEffect(() => {
-    return parent.onChangeTheme((next) => {
-      setName((prev) => {
-        if (prev === next)
-          return prev;
-        return next;
-      });
+  useIsomorphicLayoutEffect(() => {
+    return parent.onChangeTheme((next, manager) => {
+      setName((opts == null ? void 0 : opts.parent) ? manager.parentName : next);
     });
   }, [parent]);
   return name || "light";
@@ -35,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);
@@ -42,7 +39,7 @@ const useTheme = /* @__PURE__ */ __name(() => {
   if (!state.current) {
     state.current = {
       uuid: {},
-      keys: new Set(),
+      keys: /* @__PURE__ */ new Set(),
       isRendering: true
     };
   }
@@ -58,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) {
@@ -74,13 +71,20 @@ const useTheme = /* @__PURE__ */ __name(() => {
         const val = activeTheme[key];
         if (process.env.NODE_ENV === "development") {
           if (typeof val === "undefined") {
-            throw new Error(`No theme value "${String(key)}" in: ${Object.keys(activeTheme)}`);
+            console.warn(`No theme value "${String(key)}" in`, activeTheme, themes);
+            return null;
+          }
+          if (!(val instanceof Variable)) {
+            console.warn("Non variable!", val);
+          }
+          if (val.name !== key) {
+            console.warn("Non-matching name for variable to key", key, val.name);
           }
         }
         if (state.current.isRendering) {
           state.current.keys.add(key);
         }
-        return new Variable({ val: val.val, name: key });
+        return val;
       }
     });
   }, []);
@@ -90,4 +94,3 @@ export {
   useTheme,
   useThemeName
 };
-//# sourceMappingURL=useTheme.js.map

package/{_ → dist/jsx}/index.js

@@ -2,19 +2,23 @@ export * from "./createComponent";
 export * from "./createShorthands";
 export * from "./createTheme";
 export * from "./createTamagui";
+export * from "./createFont";
 import { createTokens } from "./createTokens";
 export * from "./createVariable";
 export * from "./styled";
 export * from "./types";
+import { getHasConfigured, getTamagui, getThemes, getTokens, onConfiguredOnce } from "./conf";
 export * from "./constants/pseudos";
 export * from "./constants/constants";
 export * from "./constants/platform";
 export * from "./constants/rnw";
+export * from "./helpers/getThemeParentClassName";
+export * from "./helpers/isObj";
 export * from "./helpers/getStylesAtomic";
 export * from "./helpers/matchMedia";
 export * from "./helpers/themeable";
+export * from "./helpers/isTamaguiElement";
 export * from "./hooks/useConstant";
-export * from "./hooks/useForceUpdate";
 export * from "./hooks/useMedia";
 export * from "./hooks/useTheme";
 export * from "./views/Animated";
@@ -25,6 +29,10 @@ export * from "./views/ThemeInverse";
 export * from "./views/ThemeProvider";
 export * from "./views/TextAncestorContext";
 export {
-  createTokens
+  createTokens,
+  getHasConfigured,
+  getTamagui,
+  getThemes,
+  getTokens,
+  onConfiguredOnce
 };
-//# sourceMappingURL=index.js.map

package/dist/{static → jsx/static}/postProcessStyles.js

@@ -15,4 +15,3 @@ const postProcessStyles = /* @__PURE__ */ __name((inStyles, staticConfig, theme)
 export {
   postProcessStyles
 };
-//# sourceMappingURL=postProcessStyles.js.map

package/{_ → dist/jsx}/static.js

@@ -1,12 +1,14 @@
 export * from "./styled";
 export * from "./createComponent";
+export * from "./createFont";
+export * from "./createTokens";
 export * from "./createTamagui";
 export * from "./constants/constants";
 export * from "./hooks/useMedia";
 export * from "./hooks/useTheme";
+export * from "./helpers/isObj";
 export * from "./helpers/getStylesAtomic";
 export * from "./helpers/getSplitStyles";
 export * from "@tamagui/helpers";
 export * from "./constants/pseudos";
 export * from "./static/postProcessStyles";
-//# sourceMappingURL=static.js.map

package/{_ → dist/jsx}/styled.js

@@ -2,11 +2,11 @@ var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 import { createComponent } from "./createComponent";
 import { extendStaticConfig } from "./helpers/extendStaticConfig";
-function styled(Component, options) {
+function styled(Component, options, staticExtractionOptions) {
   const staticConfigProps = (() => {
     if (options) {
       const { variants, ...defaultProps } = options;
-      return { variants, defaultProps };
+      return { ...staticExtractionOptions, variants, defaultProps };
     }
     return {};
   })();
@@ -18,4 +18,3 @@ __name(styled, "styled");
 export {
   styled
 };
-//# sourceMappingURL=styled.js.map

package/dist/{views → jsx/views}/Animated.js

@@ -1,6 +1,6 @@
 var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-import React, { useMemo } from "react";
+import { useMemo } from "react";
 import {
   Animated
 } from "react-native";
@@ -67,13 +67,8 @@ const AnimatedStack = /* @__PURE__ */ __name(({
     }).start();
   }, [animated, animateState]);
   const childrenMemo = useMemo(() => children, [children]);
-  return /* @__PURE__ */ React.createElement(Stack, {
-    animated,
-    ...props,
-    ...animatedProps
-  }, childrenMemo);
+  return <Stack animated={animated} {...props} {...animatedProps}>{childrenMemo}</Stack>;
 }, "AnimatedStack");
 export {
   AnimatedStack
 };
-//# sourceMappingURL=Animated.js.map

package/dist/{views → jsx/views}/Stack.js

@@ -9,4 +9,3 @@ const Stack = createComponent({
 export {
   Stack
 };
-//# sourceMappingURL=Stack.js.map

package/{_ → dist/jsx}/views/Text.js

@@ -1,6 +1,6 @@
+import { stylePropsTextOnly, validStyles } from "@tamagui/helpers";
 import { isWeb } from "../constants/platform";
 import { createComponent } from "../createComponent";
-import { stylePropsTextOnly, validStyles } from "../static";
 const ellipseStyle = {
   maxWidth: "100%",
   overflow: "hidden",
@@ -57,4 +57,3 @@ const Text = createComponent({
 export {
   Text
 };
-//# sourceMappingURL=Text.js.map

package/dist/jsx/views/TextAncestorContext.js

@@ -0,0 +1,15 @@
+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 = (_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");
+export {
+  FallbackNativeContext,
+  TextAncestorContext,
+  TextAncestorProvider
+};

package/dist/jsx/views/Theme.js

@@ -0,0 +1,63 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import { useContext, useState } from "react";
+import { isWeb, useIsomorphicLayoutEffect } from "../constants/platform";
+import { getThemeParentClassName } from "../helpers/getThemeParentClassName";
+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");
+  if (!themes) {
+    console.warn("Error, no themes in context", props);
+    return props.children;
+  }
+  const nextNameParent = `${props.name}-${parentName}`;
+  const nextNameParentParent = `${props.name}-${parent.parentName}`;
+  const name = !props.name ? null : props.name in themes ? props.name : nextNameParent in themes ? nextNameParent : nextNameParentParent in themes ? nextNameParentParent : null;
+  const theme = name ? themes[name] : null;
+  const themeManager = useConstant(() => {
+    if (!theme) {
+      return null;
+    }
+    const manager = new ThemeManager();
+    if (name) {
+      manager.setActiveTheme({ name, theme: themes[name], parentName });
+    }
+    return manager;
+  });
+  useIsomorphicLayoutEffect(() => {
+    if (!themeManager) {
+      return;
+    }
+    if (name) {
+      themeManager.setActiveTheme({ name, theme, parentName });
+    }
+    return parent.onChangeTheme((next) => {
+      if (next) {
+        themeManager.setActiveTheme({ name: next, theme: themes[next], parentName });
+        setParentName(next);
+      }
+    });
+  }, [themes, name, parentName]);
+  if (!name || !theme) {
+    return props.children;
+  }
+  const contents = themeManager ? <ThemeManagerContext.Provider value={themeManager}>{props.children}</ThemeManagerContext.Provider> : props.children;
+  if (isWeb) {
+    if (props.disableThemeClass) {
+      return contents;
+    }
+    if (name) {
+      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>;
+    }
+  }
+  return contents;
+}, "Theme");
+export {
+  Theme
+};

package/dist/{views → jsx/views}/ThemeContext.js

@@ -3,4 +3,3 @@ const ThemeContext = createContext(null);
 export {
   ThemeContext
 };
-//# sourceMappingURL=ThemeContext.js.map

package/dist/{views → jsx/views}/ThemeInverse.js

@@ -1,6 +1,5 @@
 var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-import React from "react";
 import { useDefaultThemeName, useThemeName } from "../hooks/useTheme";
 import { Theme } from "./Theme";
 let inversions = {
@@ -15,13 +14,9 @@ const ThemeInverse = /* @__PURE__ */ __name((props) => {
   const themeName = useThemeName();
   const defaultTheme = useDefaultThemeName();
   const name = inversions[themeName] || inversions[defaultTheme] || null;
-  console.log("todo fixme invert", { themeName, defaultTheme, next: name });
-  return /* @__PURE__ */ React.createElement(Theme, {
-    name
-  }, props.children);
+  return <Theme name={name}>{props.children}</Theme>;
 }, "ThemeInverse");
 export {
   ThemeInverse,
   setThemeInversions
 };
-//# sourceMappingURL=ThemeInverse.js.map

package/dist/{views → jsx/views}/ThemeManagerContext.js

@@ -4,16 +4,22 @@ import { createContext } from "react";
 class ThemeManager {
   constructor() {
     this.name = "light";
-    this.keys = new Map();
-    this.listeners = new Map();
-    this.callbacks = new Set();
+    this.parentName = null;
+    this.keys = /* @__PURE__ */ new Map();
+    this.listeners = /* @__PURE__ */ new Map();
+    this.themeListeners = /* @__PURE__ */ 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,20 +28,21 @@ 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.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) {
@@ -52,4 +59,3 @@ export {
   ThemeManager,
   ThemeManagerContext
 };
-//# sourceMappingURL=ThemeManagerContext.js.map

package/{_ → dist/jsx}/views/ThemeProvider.js

@@ -1,11 +1,12 @@
 var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-import React, { useMemo } from "react";
+import { useMemo } from "react";
+import { getHasConfigured } from "../conf";
+import { GET_DEFAULT_THEME } from "../constants/constants";
 import { useIsomorphicLayoutEffect } from "../constants/platform";
-import { getHasConfigured, getThemeParentClassName } from "../createTamagui";
+import { getThemeParentClassName } from "../helpers/getThemeParentClassName";
 import { Theme } from "./Theme";
 import { ThemeContext } from "./ThemeContext";
-const GET_DEFAULT_THEME = "___TGUI";
 const ThemeProvider = /* @__PURE__ */ __name((props) => {
   if (!getHasConfigured()) {
     throw new Error(`Missing configureThemes() call, add to your root file`);
@@ -31,15 +32,8 @@ const ThemeProvider = /* @__PURE__ */ __name((props) => {
       }
     });
   }, [props.themes]);
-  return /* @__PURE__ */ React.createElement(ThemeContext.Provider, {
-    value: themeContext
-  }, /* @__PURE__ */ React.createElement(Theme, {
-    name: props.defaultTheme,
-    disableThemeClass: props.disableRootThemeClass
-  }, props.children));
+  return <ThemeContext.Provider value={themeContext}><Theme name={props.defaultTheme} disableThemeClass={props.disableRootThemeClass}>{props.children}</Theme></ThemeContext.Provider>;
 }, "ThemeProvider");
 export {
-  GET_DEFAULT_THEME,
   ThemeProvider
 };
-//# sourceMappingURL=ThemeProvider.js.map

package/package.json

@@ -1,36 +1,38 @@
 {
   "name": "@tamagui/core",
-  "version": "1.0.0-alpha.4",
+  "version": "1.0.0-alpha.40",
   "source": "src/index.ts",
-  "main": "dist/index.cjs",
-  "module": "dist/index.js",
-  "typings": "types.d.ts",
+  "main": "dist/cjs",
+  "module": "dist/esm",
+  "typings": "types",
   "scripts": {
     "build": "tamagui-build",
     "watch": "tamagui-build --watch"
   },
+  "files": [
+    "types",
+    "dist"
+  ],
   "dependencies": {
-    "@tamagui/helpers": "^1.0.0-alpha.2",
-    "@tamagui/use-debounce": "^1.0.0-alpha.4",
-    "@tamagui/use-force-update": "^1.0.0-alpha.4",
+    "@tamagui/helpers": "^1.0.0-alpha.40",
+    "@tamagui/ow": "^0.28.1",
+    "@tamagui/use-debounce": "^1.0.0-alpha.40",
+    "@tamagui/use-force-update": "^1.0.0-alpha.40",
     "react": "*",
-    "react-dom": "*",
-    "react-native-safe-area-context": "^3.3.0"
+    "react-dom": "*"
   },
   "peerDependencies": {
     "react-native-web": "*"
   },
   "devDependencies": {
-    "@tamagui/build": "^1.0.0-alpha.2",
+    "@tamagui/build": "^1.0.0-alpha.40",
     "@types/react": "^17.0.35",
-    "esbuild": "^0.11.20",
-    "typescript": "^4.4.4"
+    "esbuild": "^0.13.12",
+    "react-native-web": "^0.17.5",
+    "typescript": "^4.5.2"
   },
   "publishConfig": {
     "access": "public"
   },
-  "engines": {
-    "node": ">=16"
-  },
-  "gitHead": "3e3b5401f9daea70cf9a99782d325f58357ca681"
+  "gitHead": "425b002aea52f714266c1ae6ddbef6ba62deafeb"
 }

package/types/conf.d.ts

@@ -0,0 +1,46 @@
+import { TamaguiInternalConfig } from './types';
+declare type ConfigListener = (conf: TamaguiInternalConfig) => void;
+export declare let conf: TamaguiInternalConfig | null;
+export declare const setConfig: (next: TamaguiInternalConfig) => void;
+export declare const getHasConfigured: () => boolean;
+export declare const getTamagui: () => TamaguiInternalConfig<import("./types").CreateTokens<string | number | import("./createVariable").Variable>, {
+    [key: string]: {
+        bg: string | import("./createVariable").Variable;
+        bg2: string | import("./createVariable").Variable;
+        bg3: string | import("./createVariable").Variable;
+        bg4: string | import("./createVariable").Variable;
+        color: string | import("./createVariable").Variable;
+        color2: string | import("./createVariable").Variable;
+        color3: string | import("./createVariable").Variable;
+        color4: string | import("./createVariable").Variable;
+        borderColor: string | import("./createVariable").Variable;
+        borderColor2: string | import("./createVariable").Variable;
+        shadowColor: string | import("./createVariable").Variable;
+        shadowColor2: string | import("./createVariable").Variable;
+    };
+}, {}, {
+    [x: string]: {
+        [key: string]: string | number;
+    };
+}>;
+export declare const getTokens: () => import("./types").CreateTokens<import("./createVariable").Variable>;
+export declare const getThemes: () => {
+    [key: string]: {
+        bg: string | import("./createVariable").Variable;
+        bg2: string | import("./createVariable").Variable;
+        bg3: string | import("./createVariable").Variable;
+        bg4: string | import("./createVariable").Variable;
+        color: string | import("./createVariable").Variable;
+        color2: string | import("./createVariable").Variable;
+        color3: string | import("./createVariable").Variable;
+        color4: string | import("./createVariable").Variable;
+        borderColor: string | import("./createVariable").Variable;
+        borderColor2: string | import("./createVariable").Variable;
+        shadowColor: string | import("./createVariable").Variable;
+        shadowColor2: string | import("./createVariable").Variable;
+    };
+};
+export declare const configListeners: Set<ConfigListener>;
+export declare const onConfiguredOnce: (cb: ConfigListener) => void;
+export {};
+//# sourceMappingURL=conf.d.ts.map

package/types/conf.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"conf.d.ts","sourceRoot":"","sources":["../src/conf.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAE/C,aAAK,cAAc,GAAG,CAAC,IAAI,EAAE,qBAAqB,KAAK,IAAI,CAAA;AAE3D,eAAO,IAAI,IAAI,EAAE,qBAAqB,GAAG,IAAI,CAAA;AAE7C,eAAO,MAAM,SAAS,SAAU,qBAAqB,SAEpD,CAAA;AAED,eAAO,MAAM,gBAAgB,eAAe,CAAA;AAC5C,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;EAAc,CAAA;AACrC,eAAO,MAAM,SAAS,2EAA2B,CAAA;AACjD,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;CAAqB,CAAA;AAE3C,eAAO,MAAM,eAAe,qBAA4B,CAAA;AAExD,eAAO,MAAM,gBAAgB,OAAQ,cAAc,SAMlD,CAAA"}

package/{dist/packages/core/src → types}/constants/constants.d.ts

@@ -1,3 +1,5 @@
+export declare const GET_DEFAULT_THEME = "___TGUI";
+export declare const PREFIX = "theme--";
 export declare const stackDefaultStyles: {
     display?: string | undefined;
     flexBasis?: string | undefined;

package/types/constants/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/constants/constants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB,YAAY,CAAA;AAE1C,eAAO,MAAM,MAAM,YAAY,CAAA;AAE/B,eAAO,MAAM,kBAAkB;;;;;;CAS9B,CAAA"}

package/types/constants/platform.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"platform.d.ts","sourceRoot":"","sources":["../../src/constants/platform.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAmB,MAAM,OAAO,CAAA;AAGlD,eAAO,MAAM,KAAK,SAAuE,CAAA;AACzF,eAAO,MAAM,KAAK,SAAyC,CAAA;AAC3D,eAAO,MAAM,yBAAyB,kBAAsC,CAAA;AAC5E,eAAO,MAAM,QAAQ,SAA+E,CAAA;AACpG,eAAO,MAAM,gBAAgB,SAA4D,CAAA;AACzF,eAAO,MAAM,aAAa,SAA6B,CAAA;AACvD,eAAO,MAAM,QAAQ,SAKA,CAAA"}

package/types/constants/pseudos.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pseudos.d.ts","sourceRoot":"","sources":["../../src/constants/pseudos.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;;;;;;CAanB,CAAA"}

package/types/constants/rnw.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rnw.d.ts","sourceRoot":"","sources":["../../src/constants/rnw.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAM,CAAA"}

package/{dist/packages/core/src → types}/createComponent.d.ts

@@ -4,10 +4,11 @@ export declare const mouseUps: Set<Function>;
 declare type DefaultProps = {};
 export declare function createComponent<A extends Object = DefaultProps>(configIn: Partial<StaticConfig> | StaticConfigParsed): StaticComponent<A, void, StaticConfigParsed, any>;
 export declare const Spacer: StaticComponent<{
-    size?: number | undefined;
+    size?: number | `$${string}` | `$${number}` | undefined;
     flex?: number | boolean | undefined;
 }, void, StaticConfigParsed, any>;
-export declare function spacedChildren({ children, space, flexDirection, }: {
+export declare function spacedChildren({ isZStack, children, space, flexDirection, }: {
+    isZStack?: boolean;
     children: any;
     space?: any;
     flexDirection?: ViewStyle['flexDirection'];

package/types/createComponent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createComponent.d.ts","sourceRoot":"","sources":["../src/createComponent.tsx"],"names":[],"mappings":"AAaA,OAAO,EAA0B,SAAS,EAAE,MAAM,cAAc,CAAA;AAYhE,OAAO,EAEL,eAAe,EACf,YAAY,EACZ,kBAAkB,EAEnB,MAAM,SAAS,CAAA;AAGhB,eAAO,MAAM,QAAQ,eAAsB,CAAA;AAS3C,aAAK,YAAY,GAAG,EAAE,CAAA;AAuBtB,wBAAgB,eAAe,CAAC,CAAC,SAAS,MAAM,GAAG,YAAY,EAC7D,QAAQ,EAAE,OAAO,CAAC,YAAY,CAAC,GAAG,kBAAkB,qDA+brD;AAOD,eAAO,MAAM,MAAM;;;iCAyBjB,CAAA;AAEF,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,aAAa,GACd,EAAE;IACD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,EAAE,GAAG,CAAA;IACb,KAAK,CAAC,EAAE,GAAG,CAAA;IACX,aAAa,CAAC,EAAE,SAAS,CAAC,eAAe,CAAC,CAAA;CAC3C,OAwCA"}

package/types/createFont.d.ts

@@ -0,0 +1,3 @@
+import { GenericFont } from './types';
+export declare const createFont: <A extends GenericFont>(font: A) => A;
+//# sourceMappingURL=createFont.d.ts.map