@tamagui/core 1.0.0-alpha.31 → 1.0.0-alpha.38

package/dist/{esm/views → views}/Theme.js

@@ -10,39 +10,24 @@ const Theme = /* @__PURE__ */ __name((props) => {
   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 { name, theme } = getTheme(props.name, parentName, themes);
   const themeManager = useConstant(() => {
-    if (!theme) {
-      return null;
-    }
     const manager = new ThemeManager();
     if (name) {
-      manager.setActiveTheme({ name, theme: themes[name], parentName });
+      manager.setActiveTheme(name, themes[name]);
     }
     return manager;
   });
   useIsomorphicLayoutEffect(() => {
-    if (!themeManager) {
-      return;
-    }
-    if (name) {
-      themeManager.setActiveTheme({ name, theme, parentName });
-    }
+    themeManager.setActiveTheme(name, theme);
     return parent.onChangeTheme((next) => {
       if (next) {
-        themeManager.setActiveTheme({ name: next, theme: themes[next], parentName });
+        themeManager.setActiveTheme(next, themes[next]);
         setParentName(next);
       }
     });
-  }, [themes, name, parentName]);
-  if (!name || !theme) {
+  }, [themes, name]);
+  if (!name) {
     return props.children;
   }
   const contents = themeManager ? /* @__PURE__ */ React.createElement(ThemeManagerContext.Provider, {
@@ -52,16 +37,26 @@ const Theme = /* @__PURE__ */ __name((props) => {
     if (props.disableThemeClass) {
       return contents;
     }
-    if (name) {
-      const color = themes[name]?.["color"]?.["variable"];
-      return /* @__PURE__ */ React.createElement("div", {
-        className: getThemeParentClassName(props.name),
-        style: { display: "contents", color }
-      }, contents);
-    }
+    return /* @__PURE__ */ React.createElement("div", {
+      className: getThemeParentClassName(name),
+      style: { display: "contents", color: themes[name]?.["color"] }
+    }, contents);
   }
   return contents;
 }, "Theme");
+function getTheme(name, parentName, themes) {
+  let fullName = name || parentName || "";
+  let nextTheme = themes[fullName];
+  if (name && !nextTheme) {
+    const themeSchemeName = `${fullName}-${parentName}`;
+    if (themes[themeSchemeName]) {
+      fullName = themeSchemeName;
+      nextTheme = themes[themeSchemeName];
+    }
+  }
+  return { name: fullName, theme: nextTheme };
+}
+__name(getTheme, "getTheme");
 export {
   Theme
 };

package/dist/views/Theme.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/views/Theme.tsx"],
+  "sourcesContent": ["import React, { useContext, useState } from 'react'\n\nimport { isWeb, useIsomorphicLayoutEffect } from '../constants/platform'\nimport { getThemeParentClassName } from '../createTamagui'\nimport { useConstant } from '../hooks/useConstant'\nimport { ThemeName, Themes } from '../types'\nimport { ThemeContext } from './ThemeContext'\nimport { ThemeManager, ThemeManagerContext } from './ThemeManagerContext'\n\nexport type ThemeProps = {\n  disableThemeClass?: boolean\n  name: ThemeName | null\n  children?: any\n}\n\nexport const Theme = (props: ThemeProps) => {\n  const parent = useContext(ThemeManagerContext)\n  const themes = useContext(ThemeContext)\n  const [parentName, setParentName] = useState(parent.name || 'light')\n  const { name, theme } = getTheme(props.name as string, parentName, themes)\n  const themeManager = useConstant<ThemeManager>(() => {\n    const manager = new ThemeManager()\n    if (name) {\n      manager.setActiveTheme(name, themes[name])\n    }\n    return manager\n  })\n\n  useIsomorphicLayoutEffect(() => {\n    themeManager.setActiveTheme(name, theme)\n    return parent.onChangeTheme((next) => {\n      if (next) {\n        themeManager.setActiveTheme(next, themes[next])\n        setParentName(next)\n      }\n    })\n  }, [themes, name])\n\n  if (!name) {\n    return props.children\n  }\n\n  const contents = themeManager ? (\n    <ThemeManagerContext.Provider value={themeManager}>{props.children}</ThemeManagerContext.Provider>\n  ) : (\n    props.children\n  )\n\n  if (isWeb) {\n    if (props.disableThemeClass) {\n      return contents\n    }\n    return (\n      <div\n        className={getThemeParentClassName(name)}\n        // in order to provide currentColor, set color by default\n        // @ts-ignore TODO\n        style={{ display: 'contents', color: themes[name]?.['color'] }}\n      >\n        {contents}\n      </div>\n    )\n  }\n\n  return contents\n}\n\n// this will get the theme, but if there is none, will try and find a \"parent matching\" theme:\n// so if you parent theme name is \"light\", and you pass in \"purple\" and there's no purple theme,\n// this will check if \"purple-light\" exists and if so use that.\nfunction getTheme(name: string, parentName: string, themes: Themes) {\n  let fullName = name || parentName || ''\n  let nextTheme = themes[fullName]\n  if (name && !nextTheme) {\n    const themeSchemeName = `${fullName}-${parentName}`\n    if (themes[themeSchemeName]) {\n      fullName = themeSchemeName\n      nextTheme = themes[themeSchemeName]\n    }\n  }\n  return { name: fullName, theme: nextTheme }\n}\n"],
+  "mappings": ";;AAAA;AAEA;AACA;AACA;AAEA;AACA;AAQO,MAAM,QAAQ,wBAAC,UAAsB;AAC1C,QAAM,SAAS,WAAW;AAC1B,QAAM,SAAS,WAAW;AAC1B,QAAM,CAAC,YAAY,iBAAiB,SAAS,OAAO,QAAQ;AAC5D,QAAM,EAAE,MAAM,UAAU,SAAS,MAAM,MAAgB,YAAY;AACnE,QAAM,eAAe,YAA0B,MAAM;AACnD,UAAM,UAAU,IAAI;AACpB,QAAI,MAAM;AACR,cAAQ,eAAe,MAAM,OAAO;AAAA;AAEtC,WAAO;AAAA;AAGT,4BAA0B,MAAM;AAC9B,iBAAa,eAAe,MAAM;AAClC,WAAO,OAAO,cAAc,CAAC,SAAS;AACpC,UAAI,MAAM;AACR,qBAAa,eAAe,MAAM,OAAO;AACzC,sBAAc;AAAA;AAAA;AAAA,KAGjB,CAAC,QAAQ;AAEZ,MAAI,CAAC,MAAM;AACT,WAAO,MAAM;AAAA;AAGf,QAAM,WAAW,eACf,oCAAC,oBAAoB,UAArB;AAAA,IAA8B,OAAO;AAAA,KAAe,MAAM,YAE1D,MAAM;AAGR,MAAI,OAAO;AACT,QAAI,MAAM,mBAAmB;AAC3B,aAAO;AAAA;AAET,WACE,oCAAC,OAAD;AAAA,MACE,WAAW,wBAAwB;AAAA,MAGnC,OAAO,EAAE,SAAS,YAAY,OAAO,OAAO,QAAQ;AAAA,OAEnD;AAAA;AAKP,SAAO;AAAA,GAjDY;AAuDrB,kBAAkB,MAAc,YAAoB,QAAgB;AAClE,MAAI,WAAW,QAAQ,cAAc;AACrC,MAAI,YAAY,OAAO;AACvB,MAAI,QAAQ,CAAC,WAAW;AACtB,UAAM,kBAAkB,GAAG,YAAY;AACvC,QAAI,OAAO,kBAAkB;AAC3B,iBAAW;AACX,kBAAY,OAAO;AAAA;AAAA;AAGvB,SAAO,EAAE,MAAM,UAAU,OAAO;AAAA;AAVzB;",
+  "names": []
+}

package/dist/{esm/views → views}/ThemeContext.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/views/ThemeContext.tsx"],
+  "sources": ["../../src/views/ThemeContext.tsx"],
   "sourcesContent": ["import { createContext } from 'react'\n\nimport { Themes } from '../types'\n\nexport const ThemeContext = createContext<Themes>(null as any)\n"],
   "mappings": "AAAA;AAIO,MAAM,eAAe,cAAsB;",
   "names": []

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

@@ -15,6 +15,7 @@ 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);

package/dist/{esm/views → views}/ThemeInverse.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../src/views/ThemeInverse.tsx"],
-  "sourcesContent": ["import React from 'react'\n\nimport { useDefaultThemeName, useThemeName } from '../hooks/useTheme'\nimport { Theme } from './Theme'\n\ntype StringRecord = { [key: string]: string }\n\nlet inversions: StringRecord = {\n  light: 'dark',\n  dark: 'light',\n}\n\nexport function setThemeInversions(next: StringRecord) {\n  inversions = next\n}\n\nexport const ThemeInverse = (props: { children: any }) => {\n  const themeName = useThemeName()\n  const defaultTheme = useDefaultThemeName()\n  const name = inversions[themeName] || inversions[defaultTheme] || null\n  return <Theme name={name}>{props.children}</Theme>\n}\n"],
-  "mappings": ";;AAAA;AAEA;AACA;AAIA,IAAI,aAA2B;AAAA,EAC7B,OAAO;AAAA,EACP,MAAM;AAAA;AAGD,4BAA4B,MAAoB;AACrD,eAAa;AAAA;AADC;AAIT,MAAM,eAAe,wBAAC,UAA6B;AACxD,QAAM,YAAY;AAClB,QAAM,eAAe;AACrB,QAAM,OAAO,WAAW,cAAc,WAAW,iBAAiB;AAClE,SAAO,oCAAC,OAAD;AAAA,IAAO;AAAA,KAAa,MAAM;AAAA,GAJP;",
+  "sources": ["../../src/views/ThemeInverse.tsx"],
+  "sourcesContent": ["import React from 'react'\n\nimport { useDefaultThemeName, useThemeName } from '../hooks/useTheme'\nimport { Theme } from './Theme'\n\ntype StringRecord = { [key: string]: string }\n\nlet inversions: StringRecord = {\n  light: 'dark',\n  dark: 'light',\n}\n\nexport function setThemeInversions(next: StringRecord) {\n  inversions = next\n}\n\nexport const ThemeInverse = (props: { children: any }) => {\n  const themeName = useThemeName()\n  const defaultTheme = useDefaultThemeName()\n  const name = inversions[themeName] || inversions[defaultTheme] || null\n  console.log('todo fixme invert', { themeName, defaultTheme, next: name })\n  return <Theme name={name}>{props.children}</Theme>\n}\n"],
+  "mappings": ";;AAAA;AAEA;AACA;AAIA,IAAI,aAA2B;AAAA,EAC7B,OAAO;AAAA,EACP,MAAM;AAAA;AAGD,4BAA4B,MAAoB;AACrD,eAAa;AAAA;AADC;AAIT,MAAM,eAAe,wBAAC,UAA6B;AACxD,QAAM,YAAY;AAClB,QAAM,eAAe;AACrB,QAAM,OAAO,WAAW,cAAc,WAAW,iBAAiB;AAClE,UAAQ,IAAI,qBAAqB,EAAE,WAAW,cAAc,MAAM;AAClE,SAAO,oCAAC,OAAD;AAAA,IAAO;AAAA,KAAa,MAAM;AAAA,GALP;",
   "names": []
 }

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

@@ -4,22 +4,16 @@ import { createContext } from "react";
 class ThemeManager {
   constructor() {
     this.name = "light";
-    this.parentName = null;
     this.keys = new Map();
     this.listeners = new Map();
-    this.themeListeners = new Set();
+    this.callbacks = new Set();
     this.theme = null;
   }
-  setActiveTheme({
-    name,
-    theme,
-    parentName
-  }) {
+  setActiveTheme(name, theme) {
     if (name === this.name)
       return;
     this.name = name;
     this.theme = theme;
-    this.parentName = parentName || null;
     this.update();
   }
   track(uuid, keys) {
@@ -36,12 +30,12 @@ class ThemeManager {
         this.listeners.get(uuid)?.();
       }
     }
-    this.themeListeners.forEach((cb) => cb(this.name, this));
+    this.callbacks.forEach((cb) => cb(this.name));
   }
   onChangeTheme(cb) {
-    this.themeListeners.add(cb);
+    this.callbacks.add(cb);
     return () => {
-      this.themeListeners.delete(cb);
+      this.callbacks.delete(cb);
     };
   }
   onUpdate(uuid, cb) {

package/dist/views/ThemeManagerContext.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/views/ThemeManagerContext.tsx"],
+  "sourcesContent": ["import { createContext } from 'react'\n\nexport class ThemeManager {\n  name: string | null = 'light'\n  keys = new Map<any, Set<string>>()\n  listeners = new Map<any, Function>()\n  callbacks = new Set<Function>()\n  theme = null\n\n  setActiveTheme(name: string | null, theme?: any) {\n    if (name === this.name) return\n    this.name = name\n    this.theme = theme\n    this.update()\n  }\n\n  track(uuid: any, keys: Set<string>) {\n    if (!this.name) return\n    this.keys.set(uuid, keys)\n  }\n\n  update() {\n    if (!this.name) {\n      this.keys.clear()\n    }\n    for (const [uuid, keys] of this.keys.entries()) {\n      if (keys.size) {\n        this.listeners.get(uuid)?.()\n      }\n    }\n    this.callbacks.forEach((cb) => cb(this.name))\n  }\n\n  onChangeTheme(cb: (name: string | null) => void) {\n    this.callbacks.add(cb)\n    return () => {\n      this.callbacks.delete(cb)\n    }\n  }\n\n  onUpdate(uuid: any, cb: Function) {\n    this.listeners.set(uuid, cb)\n    return () => {\n      this.listeners.delete(uuid)\n      this.keys.delete(uuid)\n    }\n  }\n}\n\nexport const ThemeManagerContext = createContext<ThemeManager>(new ThemeManager())\n"],
+  "mappings": ";;AAAA;AAEO,mBAAmB;AAAA,EAAnB,cAFP;AAGE,gBAAsB;AACtB,gBAAO,IAAI;AACX,qBAAY,IAAI;AAChB,qBAAY,IAAI;AAChB,iBAAQ;AAAA;AAAA,EAER,eAAe,MAAqB,OAAa;AAC/C,QAAI,SAAS,KAAK;AAAM;AACxB,SAAK,OAAO;AACZ,SAAK,QAAQ;AACb,SAAK;AAAA;AAAA,EAGP,MAAM,MAAW,MAAmB;AAClC,QAAI,CAAC,KAAK;AAAM;AAChB,SAAK,KAAK,IAAI,MAAM;AAAA;AAAA,EAGtB,SAAS;AACP,QAAI,CAAC,KAAK,MAAM;AACd,WAAK,KAAK;AAAA;AAEZ,eAAW,CAAC,MAAM,SAAS,KAAK,KAAK,WAAW;AAC9C,UAAI,KAAK,MAAM;AACb,aAAK,UAAU,IAAI;AAAA;AAAA;AAGvB,SAAK,UAAU,QAAQ,CAAC,OAAO,GAAG,KAAK;AAAA;AAAA,EAGzC,cAAc,IAAmC;AAC/C,SAAK,UAAU,IAAI;AACnB,WAAO,MAAM;AACX,WAAK,UAAU,OAAO;AAAA;AAAA;AAAA,EAI1B,SAAS,MAAW,IAAc;AAChC,SAAK,UAAU,IAAI,MAAM;AACzB,WAAO,MAAM;AACX,WAAK,UAAU,OAAO;AACtB,WAAK,KAAK,OAAO;AAAA;AAAA;AAAA;AA1ChB;AA+CA,MAAM,sBAAsB,cAA4B,IAAI;",
+  "names": []
+}

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

@@ -22,17 +22,17 @@ const ThemeProvider = /* @__PURE__ */ __name((props) => {
       };
     }
   }, []);
-  const themeContext = useMemo(() => {
-    return new Proxy(props.themes, {
-      get(target, key) {
-        if (key === GET_DEFAULT_THEME)
-          return props.defaultTheme;
-        return Reflect.get(target, key);
-      }
-    });
-  }, [props.themes]);
   return /* @__PURE__ */ React.createElement(ThemeContext.Provider, {
-    value: themeContext
+    value: useMemo(() => {
+      console.log("wut are", props.themes);
+      return new Proxy(props.themes, {
+        get(target, key) {
+          if (key === GET_DEFAULT_THEME)
+            return props.defaultTheme;
+          return Reflect.get(target, key);
+        }
+      });
+    }, [props.themes])
   }, /* @__PURE__ */ React.createElement(Theme, {
     name: props.defaultTheme,
     disableThemeClass: props.disableRootThemeClass

package/dist/views/ThemeProvider.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/core",
-  "version": "1.0.0-alpha.31",
+  "version": "1.0.0-alpha.38",
   "source": "src/index.ts",
   "main": "dist/cjs",
   "module": "dist/esm",
@@ -14,10 +14,10 @@
     "dist"
   ],
   "dependencies": {
-    "@tamagui/helpers": "^1.0.0-alpha.31",
+    "@tamagui/helpers": "^1.0.0-alpha.38",
     "@tamagui/ow": "^0.28.1",
-    "@tamagui/use-debounce": "^1.0.0-alpha.31",
-    "@tamagui/use-force-update": "^1.0.0-alpha.31",
+    "@tamagui/use-debounce": "^1.0.0-alpha.38",
+    "@tamagui/use-force-update": "^1.0.0-alpha.38",
     "react": "*",
     "react-dom": "*"
   },
@@ -25,7 +25,7 @@
     "react-native-web": "*"
   },
   "devDependencies": {
-    "@tamagui/build": "^1.0.0-alpha.31",
+    "@tamagui/build": "^1.0.0-alpha.38",
     "@types/react": "^17.0.35",
     "esbuild": "^0.13.12",
     "react-native-web": "^0.17.5",
@@ -34,8 +34,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "engines": {
-    "node": ">=16"
-  },
-  "gitHead": "3593d13742ae284776db7fbe0486d622312c7c15"
+  "gitHead": "155f989a05a70b2a9181cf820363f170a293f78b"
 }

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) => Theme;
+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/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/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/types.d.ts

@@ -171,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[];
 };

package/dist/cjs/constants/constants.js

@@ -1,50 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  __markAsModule(target);
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && key !== "default")
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toModule = (module2) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-__export(exports, {
-  stackDefaultStyles: () => stackDefaultStyles
-});
-var import_platform = __toModule(require("./platform"));
-const stackDefaultStyles = __spreadValues({
-  alignItems: "stretch",
-  flexShrink: 0
-}, import_platform.isWeb && {
-  display: "flex",
-  flexBasis: "auto",
-  boxSizing: "border-box"
-});
-//# sourceMappingURL=constants.js.map

package/dist/cjs/constants/constants.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/constants/constants.ts"],
-  "sourcesContent": ["import { isWeb } from './platform'\n\nexport const stackDefaultStyles = {\n  alignItems: 'stretch',\n  flexShrink: 0,\n  // more accurately match react-native defaults on web\n  ...(isWeb && {\n    display: 'flex',\n    flexBasis: 'auto',\n    boxSizing: 'border-box',\n  }),\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA,sBAAsB;AAEf,MAAM,qBAAqB;AAAA,EAChC,YAAY;AAAA,EACZ,YAAY;AAAA,GAER,yBAAS;AAAA,EACX,SAAS;AAAA,EACT,WAAW;AAAA,EACX,WAAW;AAAA;",
-  "names": []
-}

package/dist/cjs/constants/platform.js

@@ -1,43 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  __markAsModule(target);
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && key !== "default")
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toModule = (module2) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-__export(exports, {
-  isChrome: () => isChrome,
-  isSSR: () => isSSR,
-  isTouchDevice: () => isTouchDevice,
-  isWeb: () => isWeb,
-  isWebIOS: () => isWebIOS,
-  supportsTouchWeb: () => supportsTouchWeb,
-  useIsomorphicLayoutEffect: () => useIsomorphicLayoutEffect
-});
-var import_react = __toModule(require("react"));
-var import_react_native = __toModule(require("react-native"));
-var _a;
-const isWeb = process.env.TAMAGUI_TARGET === "web" ? true : ((_a = import_react_native.Platform) == null ? void 0 : _a.OS) === "web";
-const isSSR = isWeb && typeof window === "undefined";
-const useIsomorphicLayoutEffect = isSSR ? import_react.useEffect : import_react.useLayoutEffect;
-const isChrome = typeof navigator !== "undefined" && /Chrome/.test(navigator.userAgent || "");
-const supportsTouchWeb = typeof window !== "undefined" && "ontouchstart" in window;
-const isTouchDevice = !isWeb || supportsTouchWeb;
-const isWebIOS = isWeb && typeof navigator !== "undefined" && (/iPad|iPhone|iPod/.test(navigator.platform) || navigator.platform === "MacIntel" && navigator.maxTouchPoints > 1) && !window["MSStream"];
-//# sourceMappingURL=platform.js.map

package/dist/cjs/constants/platform.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/constants/platform.ts"],
-  "sourcesContent": ["import { useEffect, useLayoutEffect } from 'react'\nimport { Platform } from 'react-native'\n\nexport const isWeb = process.env.TAMAGUI_TARGET === 'web' ? true : Platform?.OS === 'web'\nexport const isSSR = isWeb && typeof window === 'undefined'\nexport const useIsomorphicLayoutEffect = isSSR ? useEffect : useLayoutEffect\nexport const isChrome = typeof navigator !== 'undefined' && /Chrome/.test(navigator.userAgent || '')\nexport const supportsTouchWeb = typeof window !== 'undefined' && 'ontouchstart' in window\nexport const isTouchDevice = !isWeb || supportsTouchWeb\nexport const isWebIOS =\n  isWeb &&\n  typeof navigator !== 'undefined' &&\n  (/iPad|iPhone|iPod/.test(navigator.platform) ||\n    (navigator.platform === 'MacIntel' && navigator.maxTouchPoints > 1)) &&\n  !window['MSStream']\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA2C;AAC3C,0BAAyB;AADzB;AAGO,MAAM,QAAQ,QAAQ,IAAI,mBAAmB,QAAQ,OAAO,2DAAU,QAAO;AAC7E,MAAM,QAAQ,SAAS,OAAO,WAAW;AACzC,MAAM,4BAA4B,QAAQ,yBAAY;AACtD,MAAM,WAAW,OAAO,cAAc,eAAe,SAAS,KAAK,UAAU,aAAa;AAC1F,MAAM,mBAAmB,OAAO,WAAW,eAAe,kBAAkB;AAC5E,MAAM,gBAAgB,CAAC,SAAS;AAChC,MAAM,WACX,SACA,OAAO,cAAc,eACpB,oBAAmB,KAAK,UAAU,aAChC,UAAU,aAAa,cAAc,UAAU,iBAAiB,MACnE,CAAC,OAAO;",
-  "names": []
-}

package/dist/cjs/constants/pseudos.js

@@ -1,25 +0,0 @@
-var __defProp = Object.defineProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  __markAsModule(target);
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-__export(exports, {
-  pseudos: () => pseudos
-});
-const pseudos = {
-  focusStyle: {
-    name: "focus",
-    priority: 3
-  },
-  pressStyle: {
-    name: "active",
-    priority: 2
-  },
-  hoverStyle: {
-    name: "hover",
-    priority: 1
-  }
-};
-//# sourceMappingURL=pseudos.js.map

package/dist/cjs/constants/pseudos.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/constants/pseudos.ts"],
-  "sourcesContent": ["export const pseudos = {\n  focusStyle: {\n    name: 'focus',\n    priority: 3,\n  },\n  pressStyle: {\n    name: 'active',\n    priority: 2,\n  },\n  hoverStyle: {\n    name: 'hover',\n    priority: 1,\n  },\n}\n"],
-  "mappings": ";;;;;;;AAAA;AAAA;AAAA;AAAO,MAAM,UAAU;AAAA,EACrB,YAAY;AAAA,IACV,MAAM;AAAA,IACN,UAAU;AAAA;AAAA,EAEZ,YAAY;AAAA,IACV,MAAM;AAAA,IACN,UAAU;AAAA;AAAA,EAEZ,YAAY;AAAA,IACV,MAAM;AAAA,IACN,UAAU;AAAA;AAAA;",
-  "names": []
-}

package/dist/cjs/constants/rnw.js

@@ -1,28 +0,0 @@
-var __defProp = Object.defineProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-var __export = (target, all) => {
-  __markAsModule(target);
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-__export(exports, {
-  rnw: () => rnw
-});
-const interopRequire = /* @__PURE__ */ __name((src) => "default" in src ? src.default : src, "interopRequire");
-const rnw = {};
-if (process.env.IS_STATIC === "is_static") {
-  const createCompileableStyle = require("react-native-web/dist/cjs/exports/StyleSheet/createCompileableStyle");
-  const createReactDOMStyle = require("react-native-web/dist/cjs/exports/StyleSheet/createReactDOMStyle");
-  const i18Style = require("react-native-web/dist/cjs/exports/StyleSheet/i18nStyle");
-  const atomic = require("react-native-web/dist/cjs/exports/StyleSheet/compile").atomic;
-  Object.assign(rnw, {
-    createCompileableStyle,
-    createReactDOMStyle,
-    i18Style,
-    atomic
-  });
-} else if (process.env.TAMAGUI_TARGET === "web") {
-  Object.assign(rnw, interopRequire(require("react-native-web").TamaguiExports));
-}
-//# sourceMappingURL=rnw.js.map

package/dist/cjs/constants/rnw.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/constants/rnw.tsx"],
-  "sourcesContent": ["const interopRequire = (src: any) => ('default' in src ? src.default : src)\n\nexport const rnw: Record<string, any> = {}\n\n// in static mode, require them directly since we can't import react-native-web at all (it has flow stuff in it)\nif (process.env.IS_STATIC === 'is_static') {\n  const createCompileableStyle = require('react-native-web/dist/cjs/exports/StyleSheet/createCompileableStyle')\n  const createReactDOMStyle = require('react-native-web/dist/cjs/exports/StyleSheet/createReactDOMStyle')\n  const i18Style = require('react-native-web/dist/cjs/exports/StyleSheet/i18nStyle')\n  const atomic = require('react-native-web/dist/cjs/exports/StyleSheet/compile').atomic\n  Object.assign(rnw, {\n    createCompileableStyle,\n    createReactDOMStyle,\n    i18Style,\n    atomic,\n  })\n} else if (process.env.TAMAGUI_TARGET === 'web') {\n  // when targeting web (client) import it like so\n  Object.assign(rnw, interopRequire(require('react-native-web').TamaguiExports))\n}\n"],
-  "mappings": ";;;;;;;;AAAA;AAAA;AAAA;AAAA,MAAM,iBAAiB,wBAAC,QAAc,aAAa,MAAM,IAAI,UAAU,KAAhD;AAEhB,MAAM,MAA2B;AAGxC,IAAI,QAAQ,IAAI,cAAc,aAAa;AACzC,QAAM,yBAAyB,QAAQ;AACvC,QAAM,sBAAsB,QAAQ;AACpC,QAAM,WAAW,QAAQ;AACzB,QAAM,SAAS,QAAQ,wDAAwD;AAC/E,SAAO,OAAO,KAAK;AAAA,IACjB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA,WAEO,QAAQ,IAAI,mBAAmB,OAAO;AAE/C,SAAO,OAAO,KAAK,eAAe,QAAQ,oBAAoB;AAAA;",
-  "names": []
-}