@tamagui/core 1.0.1-beta.65 → 1.0.1-beta.68

package/dist/jsx/createComponent.js

@@ -36,14 +36,14 @@ import { Pressability } from "./Pressability";
 import { Slot, mergeEvent } from "./views/Slot";
 import { TextAncestorContext } from "./views/TextAncestorContext";
 React["keep"];
-const defaultComponentState = {
+const defaultComponentState = Object.freeze({
   hover: false,
   press: false,
   pressIn: false,
   focus: false,
   mounted: false,
   animation: null
-};
+});
 const mouseUps = /* @__PURE__ */ new Set();
 if (typeof document !== "undefined") {
   document.addEventListener("mouseup", () => {
@@ -84,18 +84,6 @@ function createComponent(configIn, ParentComponent) {
   let defaultNativeStyleSheet;
   let tamaguiDefaultProps;
   let initialSplitStyles;
-  function addPseudoToStyles(styles, name, pseudos) {
-    const pseudoStyle = pseudos[name];
-    const shouldNestObject = isWeb && name !== "enterStyle" && name !== "exitStyle";
-    const defaultPseudoStyle = initialSplitStyles.pseudos[name];
-    if (defaultPseudoStyle) {
-      styles.push(shouldNestObject ? { [name]: defaultPseudoStyle } : defaultPseudoStyle);
-    }
-    if (pseudoStyle) {
-      styles.push(shouldNestObject ? { [name]: pseudoStyle } : pseudoStyle);
-    }
-  }
-  __name(addPseudoToStyles, "addPseudoToStyles");
   const component = forwardRef((propsIn, forwardedRef) => {
     var _a, _b, _c, _d, _e;
     let props;
@@ -121,10 +109,18 @@ function createComponent(configIn, ParentComponent) {
     }
     const forceUpdate = useForceUpdate();
     const theme = useTheme(props.theme, componentName, props, forceUpdate);
-    const [state, set_] = useState(defaultComponentState);
-    const setStateShallow = createShallowUpdate(set_);
+    const statesUsed = useState(defaultComponentState);
+    const setStateShallow = createShallowUpdate(statesUsed[1]);
+    let state = statesUsed[0];
+    if (propsIn.forceStyle) {
+      state = {
+        ...state,
+        [propsIn.forceStyle]: true
+      };
+    }
     const shouldAvoidClasses = !!(props.animation && avoidClasses);
-    const splitStyleState = !shouldAvoidClasses ? {
+    const shouldForcePseudo = !!propsIn.forceStyle;
+    const splitStyleState = !shouldAvoidClasses && !shouldForcePseudo ? {
       ...state,
       dynamicStylesInline: true
     } : {
@@ -170,6 +166,7 @@ function createComponent(configIn, ParentComponent) {
       onMouseLeave,
       hrefAttrs,
       separator,
+      forceStyle: _forceStyle,
       onClick,
       theme: _themeProp,
       defaultVariants,
@@ -355,7 +352,7 @@ function createComponent(configIn, ParentComponent) {
     }, [hasEnterStyle, props.animation]);
     let styles;
     const animationStyles = state.animation ? state.animation.style : null;
-    if (isStringElement && shouldAvoidClasses) {
+    if (isStringElement && shouldAvoidClasses && !shouldForcePseudo) {
       styles = {
         ...defaultNativeStyle,
         ...animationStyles != null ? animationStyles : style,
@@ -368,10 +365,24 @@ function createComponent(configIn, ParentComponent) {
         medias
       ];
       if (!animationStyles) {
-        !state.mounted && addPseudoToStyles(styles, "enterStyle", pseudos);
-        state.hover && addPseudoToStyles(styles, "hoverStyle", pseudos);
-        state.focus && addPseudoToStyles(styles, "focusStyle", pseudos);
-        state.press && addPseudoToStyles(styles, "pressStyle", pseudos);
+        const initPseudos = initialSplitStyles.pseudos;
+        const force = shouldForcePseudo;
+        !state.mounted && addPseudoToStyles(styles, initPseudos, pseudos, "enterStyle");
+        state.hover && addPseudoToStyles(styles, initPseudos, pseudos, "hoverStyle", force);
+        state.focus && addPseudoToStyles(styles, initPseudos, pseudos, "focusStyle", force);
+        state.press && addPseudoToStyles(styles, initPseudos, pseudos, "pressStyle", force);
+        if (props["debug"]) {
+          console.log("wtf", state, styles);
+        }
+      }
+      if (shouldForcePseudo) {
+        const next = {};
+        for (const style2 of styles) {
+          if (style2) {
+            Object.assign(next, style2);
+          }
+        }
+        Object.assign(splitStyles.style, next);
       }
     }
     if (isWeb) {
@@ -577,7 +588,7 @@ function createComponent(configIn, ParentComponent) {
       const shouldWrapWithHover = events && attachHover;
       if (shouldWrapWithHover || shouldWrapWithComponentTheme) {
         const themeClassName = shouldWrapWithComponentTheme ? `${theme.className}` : "";
-        const hoverClassName = shouldWrapWithHover ? "tui_Hoverable" : "";
+        const hoverClassName = shouldWrapWithHover ? "t_Hoverable" : "";
         content = <span className={`${hoverClassName} ${themeClassName}`} style={{
           display: "contents"
         }} {...shouldWrapWithHover && {
@@ -759,11 +770,11 @@ function spacedChildren({
 }) {
   const hasSpace = !!(space || spaceFlex);
   const hasSeparator = !(separator === void 0 || separator === null);
-  if (!hasSpace && !hasSeparator) {
+  if (!hasSpace && !hasSeparator && !isZStack) {
     return children;
   }
   const childrenList = Children.toArray(children);
-  if (childrenList.length <= 1) {
+  if (childrenList.length <= 1 && !isZStack) {
     return childrenList;
   }
   const final = [];
@@ -774,6 +785,12 @@ function spacedChildren({
     } else {
       final.push(<Fragment key={index}>{isZStack ? <AbsoluteFill>{child}</AbsoluteFill> : child}</Fragment>);
     }
+    if (isUnspaced(child) && index === 0) {
+      continue;
+    }
+    if (isZStack) {
+      continue;
+    }
     const next = childrenList[index + 1];
     if (next && !isUnspaced(next)) {
       if (separator) {
@@ -819,13 +836,7 @@ function isUnspaced(child) {
 }
 __name(isUnspaced, "isUnspaced");
 function AbsoluteFill(props) {
-  return isWeb ? <div style={{
-    position: "absolute",
-    top: 0,
-    left: 0,
-    right: 0,
-    bottom: 0
-  }}>{props.children}</div> : <View style={StyleSheet.absoluteFill}>{props.child}</View>;
+  return <View pointerEvents="box-none" style={StyleSheet.absoluteFill}>{props.children}</View>;
 }
 __name(AbsoluteFill, "AbsoluteFill");
 function processIDRefList(idRefList) {
@@ -1006,6 +1017,16 @@ function assignNativePropsToWeb(elementType, viewProps, nativeProps) {
   }
 }
 __name(assignNativePropsToWeb, "assignNativePropsToWeb");
+function addPseudoToStyles(styles, initialPseudos, pseudos, name, force = false) {
+  const pseudoStyle = pseudos[name];
+  const shouldNestObject = isWeb && name !== "enterStyle" && name !== "exitStyle";
+  const defaultPseudoStyle = initialPseudos[name];
+  const style = defaultPseudoStyle ? { ...defaultPseudoStyle, ...pseudoStyle } : pseudoStyle;
+  if (style) {
+    styles.push(shouldNestObject && !force ? { [name]: style } : style);
+  }
+}
+__name(addPseudoToStyles, "addPseudoToStyles");
 export {
   AbsoluteFill,
   Spacer,

package/dist/jsx/createTamagui.js

@@ -14,6 +14,7 @@ import {
 } from "./helpers/registerCSSVariable";
 import { configureMedia } from "./hooks/useMedia";
 import { parseFont, registerFontVariables } from "./insertFont";
+import { Tamagui } from "./Tamagui";
 const createdConfigs = /* @__PURE__ */ new WeakMap();
 function createTamagui(config) {
   if (createdConfigs.has(config)) {
@@ -46,7 +47,7 @@ function createTamagui(config) {
     return res;
   })();
   const themeConfig = (() => {
-    var _a, _b;
+    var _a;
     const themes = { ...config.themes };
     let cssRules = [];
     if (isWeb) {
@@ -101,12 +102,12 @@ function createTamagui(config) {
           vars += `--${themeKey}:${value};`;
         }
         const isDarkOrLightBase = themeName === "dark" || themeName === "light";
-        const isDark = themeName.startsWith("dark");
         const selectors = names.map((name) => {
           return `${CNP}${name}`;
         });
         if (hasDarkLight) {
           for (const subName of names) {
+            const isDark = subName.startsWith("dark");
             const childSelector = `${CNP}${subName.replace("dark_", "").replace("light_", "")}`;
             const order = isDark ? ["dark", "light"] : ["light", "dark"];
             if (isDarkOrLightBase) {
@@ -126,7 +127,8 @@ function createTamagui(config) {
         }
         const rootSep = config.themeClassNameOnRoot ? "" : " ";
         cssRules.push(`${selectors.map((x) => `:root${rootSep}${x}`).join(", ")} {${vars}}`);
-        if ((_b = config.shouldAddPrefersColorThemes) != null ? _b : true) {
+        if (config.shouldAddPrefersColorThemes) {
+          const isDark = themeName.startsWith("dark");
           if (isDarkOrLightBase) {
             cssRules.push(`@media(prefers-color-scheme: ${isDark ? "dark" : "light"}) {
       body { background:${theme.background}; color: ${theme.color} }
@@ -181,30 +183,32 @@ ${getInsertedRules().join("\n")}`;
     }
   }
   const next = {
+    defaultTheme: "light",
     fonts: {},
     animations: {},
     shorthands: {},
     media: {},
     ...config,
     themes: themeConfig.themes,
-    Provider: createTamaguiProvider({
-      getCSS,
-      defaultTheme: "light",
-      ...config,
-      themes: themeConfig.themes
-    }),
     fontsParsed,
     themeConfig,
     tokensParsed,
     parsed: true,
-    getCSS
+    getCSS,
+    Provider: null
   };
+  next.Provider = createTamaguiProvider(next);
   setConfig(next);
   if (configListeners.size) {
     configListeners.forEach((cb) => cb(next));
     configListeners.clear();
   }
   createdConfigs.set(next, true);
+  if (process.env.NODE_ENV === "development") {
+    if (!globalThis["Tamagui"]) {
+      globalThis["Tamagui"] = Tamagui;
+    }
+  }
   return next;
 }
 __name(createTamagui, "createTamagui");

package/dist/jsx/helpers/createTamaguiProvider.js

@@ -4,10 +4,7 @@ import * as React from "react";
 import { ButtonInsideButtonContext } from "../contexts/ButtonInsideButtonContext";
 import { TextAncestorProvider } from "../views/TextAncestorContext";
 import { ThemeProvider } from "../views/ThemeProvider";
-function createTamaguiProvider({
-  getCSS,
-  ...themeProps
-}) {
+function createTamaguiProvider(config) {
   return /* @__PURE__ */ __name(function TamaguiProvider({
     disableInjectCSS,
     children,
@@ -18,14 +15,14 @@ function createTamaguiProvider({
         if (disableInjectCSS)
           return;
         const style = document.createElement("style");
-        style.appendChild(document.createTextNode(getCSS()));
+        style.appendChild(document.createTextNode(config.getCSS()));
         document.head.appendChild(style);
         return () => {
           document.head.removeChild(style);
         };
-      }, []);
+      }, [disableInjectCSS]);
     }
-    return <ButtonInsideButtonContext.Provider value={false}><TextAncestorProvider><ThemeProvider {...themeProps} {...themePropsProvider}>{children}</ThemeProvider></TextAncestorProvider></ButtonInsideButtonContext.Provider>;
+    return <ButtonInsideButtonContext.Provider value={false}><TextAncestorProvider><ThemeProvider themes={config.themes} defaultTheme={config.defaultTheme || "light"} themeClassNameOnRoot={config.themeClassNameOnRoot} disableRootThemeClass={config.disableRootThemeClass} {...themePropsProvider}>{children}</ThemeProvider></TextAncestorProvider></ButtonInsideButtonContext.Provider>;
   }, "TamaguiProvider");
 }
 __name(createTamaguiProvider, "createTamaguiProvider");

package/dist/jsx/helpers/getSplitStyles.js

@@ -7,7 +7,7 @@ import { isClient, isWeb, useIsomorphicLayoutEffect } from "../constants/platfor
 import { mediaQueryConfig, mediaState } from "../hooks/useMedia";
 import { createMediaStyle } from "./createMediaStyle";
 import { fixNativeShadow } from "./fixNativeShadow";
-import { getStylesAtomic, psuedoCNInverse } from "./getStylesAtomic";
+import { getStylesAtomic, pseudoCNInverse } from "./getStylesAtomic";
 import {
   insertStyleRule,
   insertedTransforms,
@@ -15,6 +15,7 @@ import {
   updateInsertedCache
 } from "./insertStyleRule";
 import { mergeTransform } from "./mergeTransform";
+import { pseudos as pseudoAttrs } from "./pseudos";
 const skipProps = {
   animation: true,
   animateOnly: true,
@@ -36,7 +37,7 @@ const skipProps = {
 };
 let conf;
 const getSplitStyles = /* @__PURE__ */ __name((props, staticConfig, theme, state, defaultClassNames, debug) => {
-  var _a;
+  var _a, _b;
   conf = conf || getConfig();
   const validStyleProps = staticConfig.isText ? stylePropsText : validStyles;
   const viewProps = {};
@@ -129,18 +130,18 @@ const getSplitStyles = /* @__PURE__ */ __name((props, staticConfig, theme, state
       }
       for (const cn of valInit.split(" ")) {
         if (cn[0] === "_") {
-          const [shorthand, mediaOrPsuedo] = cn.slice(1).split("-");
-          const isMedia2 = mediaOrPsuedo[0] === "_";
-          const isPseudo2 = mediaOrPsuedo[0] === "0";
+          const [shorthand, mediaOrPseudo] = cn.slice(1).split("-");
+          const isMedia2 = mediaOrPseudo[0] === "_";
+          const isPseudo2 = mediaOrPseudo[0] === "0";
           const isMediaOrPseudo2 = isMedia2 || isPseudo2;
           let fullKey = conf.shorthands[shorthand];
           if (isMedia2) {
-            let mediaShortKey = mediaOrPsuedo.slice(1);
+            let mediaShortKey = mediaOrPseudo.slice(1);
             mediaShortKey = mediaShortKey.slice(0, mediaShortKey.indexOf("_"));
             fullKey += `-${mediaShortKey}`;
           } else if (isPseudo2) {
-            const pseudoShortKey = mediaOrPsuedo.slice(1);
-            fullKey += `-${psuedoCNInverse[pseudoShortKey]}`;
+            const pseudoShortKey = mediaOrPseudo.slice(1);
+            fullKey += `-${pseudoCNInverse[pseudoShortKey]}`;
           }
           usedKeys.add(fullKey);
           mergeClassName(fullKey, cn, isMediaOrPseudo2);
@@ -205,6 +206,10 @@ const getSplitStyles = /* @__PURE__ */ __name((props, staticConfig, theme, state
         pseudos[key] = pseudos[key] || {};
         pseudos[key] = getSubStyle(val, staticConfig, theme, props, state, true);
         if (isWeb && !state.noClassNames) {
+          const shorthand = pseudoAttrs[key].name;
+          if ((_b = props.forceStyle) == null ? void 0 : _b[shorthand]) {
+            console.warn("force");
+          }
           const pseudoStyles = getStylesAtomic({ [key]: pseudos[key] });
           for (const style2 of pseudoStyles) {
             const fullKey = `${style2.property}-${key}`;

package/dist/jsx/helpers/getStylesAtomic.js

@@ -7,7 +7,7 @@ import { generateAtomicStyles } from "./generateAtomicStyles";
 import { invertMapTransformKeys, mergeTransform } from "./mergeTransform";
 import { pseudos } from "./pseudos";
 const pseudosOrdered = Object.values(pseudos);
-const psuedoCNInverse = {
+const pseudoCNInverse = {
   hover: "hoverStyle",
   focus: "focusStyle",
   press: "pressStyle"
@@ -66,17 +66,17 @@ function getAtomicStyle(style, pseudo, options) {
   return Object.keys(atomicStyles).map((key) => {
     const val = atomicStyles[key];
     const hash = val.identifier;
-    const psuedoPrefix = pseudo ? `0${pseudo.name}-` : "";
+    const pseudoPrefix = pseudo ? `0${pseudo.name}-` : "";
     if (!val.property) {
       throw new Error(`no prop`);
     }
     const shortProp = reversedShorthands[val.property] || val.property;
-    const identifier = `_${shortProp}-${psuedoPrefix}${hash}`;
+    const identifier = `_${shortProp}-${pseudoPrefix}${hash}`;
     const className = `.${identifier}`;
     const rules = val.rules.map((rule) => {
       if (pseudo) {
-        const psuedoPrefixSelect = [...Array(pseudo.priority)].map(() => ":root").join("") + " ";
-        let res = rule.replace(`.${val.identifier}`, `${psuedoPrefixSelect} ${className}`).replace("{", `:${pseudo.name}{`).replace(";", " !important;");
+        const pseudoPrefixSelect = [...Array(pseudo.priority)].map(() => ":root").join("") + " ";
+        let res = rule.replace(`.${val.identifier}`, `${pseudoPrefixSelect} ${className}`).replace("{", `:${pseudo.name}{`).replace(";", " !important;");
         if (pseudo.name === "hover") {
           res = `@media not all and (hover: none) { ${res} }`;
         }
@@ -106,5 +106,5 @@ const borderDefaults = {
 };
 export {
   getStylesAtomic,
-  psuedoCNInverse
+  pseudoCNInverse
 };

package/dist/jsx/views/Theme.js

@@ -17,10 +17,7 @@ const Theme = memo(/* @__PURE__ */ __name(function Theme2(props) {
     return props.children;
   }
   if (isWeb) {
-    return <span className={[
-      `tui_Theme`,
-      ...!props.disableThemeClass ? [props.className, className].filter(Boolean) : []
-    ].join(" ")} style={{
+    return <span className={(!props.disableThemeClass ? [props.className, className].filter(Boolean) : []).join(" ")} style={{
       display: "contents",
       color: (_b = (_a = themes[name]) == null ? void 0 : _a.color) == null ? void 0 : _b.toString()
     }}>{contents}</span>;

package/dist/jsx/views/ThemeProvider.js

@@ -16,9 +16,10 @@ const ThemeProvider = /* @__PURE__ */ __name((props) => {
         return;
       }
       const cn = `${THEME_CLASSNAME_PREFIX}${props.defaultTheme}`;
-      document.body.classList.add(cn);
+      const target = props.themeClassNameOnRoot ? document.documentElement : document.body;
+      target.classList.add(cn);
       return () => {
-        document.body.classList.remove(cn);
+        target.classList.remove(cn);
       };
     }, [props.defaultTheme, props.disableRootThemeClass]);
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/core",
-  "version": "1.0.1-beta.65",
+  "version": "1.0.1-beta.68",
   "source": "src/index.ts",
   "main": "dist/cjs",
   "module": "dist/esm",
@@ -21,10 +21,11 @@
   ],
   "dependencies": {
     "@expo/match-media": "^0.3.0",
-    "@tamagui/helpers": "^1.0.1-beta.65",
+    "@tamagui/compose-refs": "^1.0.1-beta.68",
+    "@tamagui/helpers": "^1.0.1-beta.68",
     "@tamagui/ow": "^0.28.1",
-    "@tamagui/use-debounce": "^1.0.1-beta.65",
-    "@tamagui/use-force-update": "^1.0.1-beta.65",
+    "@tamagui/use-debounce": "^1.0.1-beta.68",
+    "@tamagui/use-force-update": "^1.0.1-beta.68",
     "expo-screen-orientation": "^4.2.0",
     "hyphenate-style-name": "^1.0.4",
     "normalize-css-color": "^1.0.2",
@@ -35,7 +36,7 @@
     "react-native-web": "*"
   },
   "devDependencies": {
-    "@tamagui/build": "^1.0.1-beta.65",
+    "@tamagui/build": "^1.0.1-beta.68",
     "@types/react": "^17.0.35",
     "csstype": "^3.0.10",
     "esbuild": "^0.14.36",

package/reset.css

@@ -14,6 +14,15 @@ a {
   color: inherit;
 }
 
+h1, h2, h3, h4, h5, h6 {
+  margin: 0;
+  padding: 0;
+}
+
+li, select, input, button, [role="slider"] {
+  outline: none;
+}
+
 p,
 input,
 textarea,
@@ -23,11 +32,7 @@ ul,
 ol,
 li,
 pre,
-h1, h2, h3, h4, h5, h6 {
-  margin: 0;
-  padding: 0;
-}
-
-li, select, input, button, [role="slider"] {
-  outline: none;
+dialog {
+  all: unset;
+  box-sizing: border-box;
 }

package/types/constants/constants.d.ts

@@ -1,5 +1,5 @@
 export declare const THEME_NAME_SEPARATOR = "_";
-export declare const THEME_CLASSNAME_PREFIX = "tui_";
+export declare const THEME_CLASSNAME_PREFIX = "t_";
 export declare const stackDefaultStyles: {
     display?: string | undefined;
     flexBasis?: string | undefined;

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

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/constants/constants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,oBAAoB,MAAM,CAAA;AACvC,eAAO,MAAM,sBAAsB,SAAS,CAAA;AAE5C,eAAO,MAAM,kBAAkB;;;;;;CAS9B,CAAA"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/constants/constants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,oBAAoB,MAAM,CAAA;AACvC,eAAO,MAAM,sBAAsB,OAAO,CAAA;AAE1C,eAAO,MAAM,kBAAkB;;;;;;CAS9B,CAAA"}

package/types/createComponent.d.ts

@@ -24,7 +24,9 @@ export declare type SpacedChildrenProps = {
     separator?: React.ReactNode;
 };
 export declare function spacedChildren({ isZStack, children, space, direction, spaceFlex, separator, }: SpacedChildrenProps): any;
-export declare function AbsoluteFill(props: any): JSX.Element;
+export declare function AbsoluteFill(props: {
+    children?: React.ReactNode;
+}): JSX.Element;
 export declare function assignNativePropsToWeb(elementType: string, viewProps: any, nativeProps: any): void;
 export {};
 //# sourceMappingURL=createComponent.d.ts.map

package/types/createComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createComponent.d.ts","sourceRoot":"","sources":["../src/createComponent.tsx"],"names":[],"mappings":"AAEA,OAAO,KAWN,MAAM,OAAO,CAAA;AAqBd,OAAO,EACL,kBAAkB,EAClB,WAAW,EACX,UAAU,EACV,YAAY,EACZ,kBAAkB,EAClB,iBAAiB,EACjB,gBAAgB,EAGhB,cAAc,EAGf,MAAM,SAAS,CAAA;AAgBhB,eAAO,MAAM,QAAQ,eAAsB,CAAA;AA0B3C,wBAAgB,eAAe,CAC7B,kBAAkB,SAAS,MAAM,GAAG,EAAE,EACtC,GAAG,GAAG,cAAc,EACpB,SAAS,GAAG,KAAK,EACjB,QAAQ,EAAE,OAAO,CAAC,YAAY,CAAC,GAAG,kBAAkB,EAAE,eAAe,CAAC,EAAE,iBAAiB,4DA26B1F;AAKD,eAAO,MAAM,QAAQ;YAAW;QAAE,QAAQ,CAAC,EAAE,GAAG,CAAA;KAAE;;CAEjD,CAAA;AAMD,aAAK,cAAc,GAAG,UAAU,GAAG,YAAY,CAAA;AAE/C,oBAAY,WAAW,GAAG,IAAI,CAAC,UAAU,EAAE,MAAM,GAAG,WAAW,CAAC,GAAG;IACjE,IAAI,CAAC,EAAE,MAAM,GAAG,WAAW,CAAA;IAC3B,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IACvB,SAAS,CAAC,EAAE,cAAc,CAAA;CAC3B,CAAA;AACD,eAAO,MAAM,MAAM,0DA2CjB,CAAA;AAEF,oBAAY,mBAAmB,GAAG;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,GAAG,CAAA;IACd,KAAK,CAAC,EAAE,GAAG,CAAA;IACX,SAAS,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IAC5B,SAAS,CAAC,EAAE,kBAAkB,CAAA;IAC9B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC5B,CAAA;AAED,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,SAAS,EACT,SAAS,EACT,SAAS,GACV,EAAE,mBAAmB,OAsErB;AA2BD,wBAAgB,YAAY,CAAC,KAAK,EAAE,GAAG,eAkBtC;AA6BD,wBAAgB,sBAAsB,CAAC,WAAW,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,EAAE,WAAW,EAAE,GAAG,QA6K3F"}
+{"version":3,"file":"createComponent.d.ts","sourceRoot":"","sources":["../src/createComponent.tsx"],"names":[],"mappings":"AAEA,OAAO,KAWN,MAAM,OAAO,CAAA;AAqBd,OAAO,EACL,kBAAkB,EAClB,WAAW,EACX,UAAU,EACV,YAAY,EACZ,kBAAkB,EAClB,iBAAiB,EACjB,gBAAgB,EAGhB,cAAc,EAGf,MAAM,SAAS,CAAA;AAgBhB,eAAO,MAAM,QAAQ,eAAsB,CAAA;AA0B3C,wBAAgB,eAAe,CAC7B,kBAAkB,SAAS,MAAM,GAAG,EAAE,EACtC,GAAG,GAAG,cAAc,EACpB,SAAS,GAAG,KAAK,EACjB,QAAQ,EAAE,OAAO,CAAC,YAAY,CAAC,GAAG,kBAAkB,EAAE,eAAe,CAAC,EAAE,iBAAiB,4DAy7B1F;AAKD,eAAO,MAAM,QAAQ;YAAW;QAAE,QAAQ,CAAC,EAAE,GAAG,CAAA;KAAE;;CAEjD,CAAA;AAMD,aAAK,cAAc,GAAG,UAAU,GAAG,YAAY,CAAA;AAE/C,oBAAY,WAAW,GAAG,IAAI,CAAC,UAAU,EAAE,MAAM,GAAG,WAAW,CAAC,GAAG;IACjE,IAAI,CAAC,EAAE,MAAM,GAAG,WAAW,CAAA;IAC3B,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IACvB,SAAS,CAAC,EAAE,cAAc,CAAA;CAC3B,CAAA;AACD,eAAO,MAAM,MAAM,0DA2CjB,CAAA;AAEF,oBAAY,mBAAmB,GAAG;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,GAAG,CAAA;IACd,KAAK,CAAC,EAAE,GAAG,CAAA;IACX,SAAS,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IAC5B,SAAS,CAAC,EAAE,kBAAkB,CAAA;IAC9B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC5B,CAAA;AAED,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,SAAS,EACT,SAAS,EACT,SAAS,GACV,EAAE,mBAAmB,OAgFrB;AA2BD,wBAAgB,YAAY,CAAC,KAAK,EAAE;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,eAMjE;AA6BD,wBAAgB,sBAAsB,CAAC,WAAW,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,EAAE,WAAW,EAAE,GAAG,QA6K3F"}

package/types/createTamagui.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createTamagui.d.ts","sourceRoot":"","sources":["../src/createTamagui.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,QAAQ,EAA8B,MAAM,kBAAkB,CAAA;AAWvE,OAAO,EACL,eAAe,EACf,mBAAmB,EACnB,oBAAoB,EACpB,aAAa,EACb,UAAU,EACV,qBAAqB,EACrB,SAAS,EAEV,MAAM,SAAS,CAAA;AAEhB,oBAAY,kBAAkB,GAE5B,OAAO,CAAC,IAAI,CAAC,oBAAoB,EAAE,QAAQ,GAAG,QAAQ,GAAG,YAAY,CAAC,CAAC,GAAG;IACxE,UAAU,CAAC,EAAE,eAAe,CAAC,GAAG,CAAC,CAAA;IACjC,MAAM,EAAE,oBAAoB,CAAC,QAAQ,CAAC,CAAA;IACtC,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,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG;QACnC,KAAK,CAAC,EAAE,UAAU,CAAA;QAClB,IAAI,CAAC,EAAE,SAAS,CAAA;QAChB,MAAM,CAAC,EAAE,WAAW,CAAA;KACrB,CAAA;IAID,uBAAuB,CAAC,EAAE,aAAa,EAAE,CAAA;IAIzC,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAQ1B,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAG5B,2BAA2B,CAAC,EAAE,OAAO,CAAA;IAGrC,oBAAoB,CAAC,EAAE,OAAO,CAAA;CAC/B,CAAA;AAKH,oBAAY,kBAAkB,CAAC,IAAI,SAAS,kBAAkB,IAAI,IAAI,SAAS,OAAO,CACpF,mBAAmB,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC,EAAE,MAAM,CAAC,EAAE,MAAM,CAAC,EAAE,MAAM,CAAC,EAAE,MAAM,CAAC,CAAC,CAC1E,GACG,qBAAqB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,GACvC,OAAO,CAAA;AAEX,wBAAgB,aAAa,CAAC,IAAI,SAAS,kBAAkB,EAC3D,MAAM,EAAE,IAAI,GACX,kBAAkB,CAAC,IAAI,CAAC,CA4P1B;AAED,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAM,CAAA"}
+{"version":3,"file":"createTamagui.d.ts","sourceRoot":"","sources":["../src/createTamagui.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,QAAQ,EAA8B,MAAM,kBAAkB,CAAA;AAYvE,OAAO,EACL,eAAe,EACf,mBAAmB,EACnB,oBAAoB,EACpB,aAAa,EACb,UAAU,EACV,qBAAqB,EACrB,SAAS,EAEV,MAAM,SAAS,CAAA;AAEhB,oBAAY,kBAAkB,GAE5B,OAAO,CAAC,IAAI,CAAC,oBAAoB,EAAE,QAAQ,GAAG,QAAQ,GAAG,YAAY,CAAC,CAAC,GAAG;IACxE,UAAU,CAAC,EAAE,eAAe,CAAC,GAAG,CAAC,CAAA;IACjC,MAAM,EAAE,oBAAoB,CAAC,QAAQ,CAAC,CAAA;IACtC,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,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG;QACnC,KAAK,CAAC,EAAE,UAAU,CAAA;QAClB,IAAI,CAAC,EAAE,SAAS,CAAA;QAChB,MAAM,CAAC,EAAE,WAAW,CAAA;KACrB,CAAA;IAID,uBAAuB,CAAC,EAAE,aAAa,EAAE,CAAA;IAIzC,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAQ1B,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAG5B,2BAA2B,CAAC,EAAE,OAAO,CAAA;IAGrC,oBAAoB,CAAC,EAAE,OAAO,CAAA;CAC/B,CAAA;AAKH,oBAAY,kBAAkB,CAAC,IAAI,SAAS,kBAAkB,IAAI,IAAI,SAAS,OAAO,CACpF,mBAAmB,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC,EAAE,MAAM,CAAC,EAAE,MAAM,CAAC,EAAE,MAAM,CAAC,EAAE,MAAM,CAAC,CAAC,CAC1E,GACG,qBAAqB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,GACvC,OAAO,CAAA;AAEX,wBAAgB,aAAa,CAAC,IAAI,SAAS,kBAAkB,EAC3D,MAAM,EAAE,IAAI,GACX,kBAAkB,CAAC,IAAI,CAAC,CAiQ1B;AAED,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAM,CAAA"}

package/types/helpers/createTamaguiProvider.d.ts

@@ -1,7 +1,4 @@
 /// <reference types="react" />
-import { TamaguiProviderProps } from '../types';
-import { ThemeProviderProps } from '../views/ThemeProvider';
-export declare function createTamaguiProvider({ getCSS, ...themeProps }: ThemeProviderProps & {
-    getCSS: () => string;
-}): ({ disableInjectCSS, children, ...themePropsProvider }: TamaguiProviderProps) => JSX.Element;
+import { TamaguiInternalConfig, TamaguiProviderProps } from '../types';
+export declare function createTamaguiProvider(config: TamaguiInternalConfig): ({ disableInjectCSS, children, ...themePropsProvider }: TamaguiProviderProps) => JSX.Element;
 //# sourceMappingURL=createTamaguiProvider.d.ts.map

package/types/helpers/createTamaguiProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createTamaguiProvider.d.ts","sourceRoot":"","sources":["../../src/helpers/createTamaguiProvider.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAA;AAE/C,OAAO,EAAiB,kBAAkB,EAAE,MAAM,wBAAwB,CAAA;AAE1E,wBAAgB,qBAAqB,CAAC,EACpC,MAAM,EACN,GAAG,UAAU,EACd,EAAE,kBAAkB,GAAG;IACtB,MAAM,EAAE,MAAM,MAAM,CAAA;CACrB,2DAKI,oBAAoB,iBAwBxB"}
+{"version":3,"file":"createTamaguiProvider.d.ts","sourceRoot":"","sources":["../../src/helpers/createTamaguiProvider.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAA;AAItE,wBAAgB,qBAAqB,CAAC,MAAM,EAAE,qBAAqB,2DAK9D,oBAAoB,iBA8BxB"}

package/types/helpers/getSplitStyles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getSplitStyles.d.ts","sourceRoot":"","sources":["../../src/helpers/getSplitStyles.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAKxC,OAAO,EACL,SAAS,EACT,SAAS,EAET,YAAY,EAEZ,eAAe,EACf,UAAU,EACV,kBAAkB,EAElB,WAAW,EACZ,MAAM,UAAU,CAAA;AAYjB,oBAAY,WAAW,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAA;AAC3D,oBAAY,gBAAgB,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;AACrD,oBAAY,gBAAgB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAA;AA2BhE,aAAK,aAAa,GAAG,CACnB,KAAK,EAAE;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,EAC7B,YAAY,EAAE,kBAAkB,EAChC,KAAK,EAAE,WAAW,EAClB,KAAK,EAAE,eAAe,GAAG;IACvB,mBAAmB,CAAC,EAAE,OAAO,CAAA;CAC9B,EACD,iBAAiB,CAAC,EAAE,GAAG,EACvB,KAAK,CAAC,EAAE,SAAS,KACd;IACH,OAAO,EAAE,YAAY,CAAA;IACrB,MAAM,EAAE,MAAM,CAAC,SAAS,EAAE,SAAS,CAAC,CAAA;IACpC,KAAK,EAAE,SAAS,CAAA;IAChB,UAAU,EAAE,gBAAgB,CAAA;IAC5B,aAAa,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,CAAA;IACjC,SAAS,EAAE,UAAU,CAAA;CACtB,CAAA;AASD,eAAO,MAAM,cAAc,EAAE,aAgX5B,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,aAM/B,CAAA;AAID,eAAO,MAAM,cAAc,EAAE,aAQ5B,CAAA;AAED,eAAO,MAAM,WAAW,YACb,MAAM,gBACD,kBAAkB,SACzB,WAAW,SACX,GAAG,SACH,eAAe,sBACF,OAAO,KAC1B,SAeF,CAAA;AAED,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,GAAG,QAI9C"}
+{"version":3,"file":"getSplitStyles.d.ts","sourceRoot":"","sources":["../../src/helpers/getSplitStyles.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAKxC,OAAO,EACL,SAAS,EACT,SAAS,EAGT,YAAY,EACZ,eAAe,EACf,UAAU,EACV,kBAAkB,EAElB,WAAW,EACZ,MAAM,UAAU,CAAA;AAajB,oBAAY,WAAW,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAA;AAC3D,oBAAY,gBAAgB,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;AACrD,oBAAY,gBAAgB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAA;AA2BhE,aAAK,aAAa,GAAG,CACnB,KAAK,EAAE;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,EAC7B,YAAY,EAAE,kBAAkB,EAChC,KAAK,EAAE,WAAW,EAClB,KAAK,EAAE,eAAe,GAAG;IACvB,mBAAmB,CAAC,EAAE,OAAO,CAAA;CAC9B,EACD,iBAAiB,CAAC,EAAE,GAAG,EACvB,KAAK,CAAC,EAAE,SAAS,KACd;IACH,OAAO,EAAE,YAAY,CAAA;IACrB,MAAM,EAAE,MAAM,CAAC,SAAS,EAAE,SAAS,CAAC,CAAA;IACpC,KAAK,EAAE,SAAS,CAAA;IAChB,UAAU,EAAE,gBAAgB,CAAA;IAC5B,aAAa,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,CAAA;IACjC,SAAS,EAAE,UAAU,CAAA;CACtB,CAAA;AASD,eAAO,MAAM,cAAc,EAAE,aAoX5B,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,aAM/B,CAAA;AAID,eAAO,MAAM,cAAc,EAAE,aAQ5B,CAAA;AAED,eAAO,MAAM,WAAW,YACb,MAAM,gBACD,kBAAkB,SACzB,WAAW,SACX,GAAG,SACH,eAAe,sBACF,OAAO,KAC1B,SAeF,CAAA;AAED,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,GAAG,QAI9C"}

package/types/helpers/getStylesAtomic.d.ts

@@ -8,7 +8,7 @@ export declare type ViewStyleWithPseudos = ViewStyle & {
 declare type AtomicStyleOptions = {
     splitTransforms?: boolean;
 };
-export declare const psuedoCNInverse: {
+export declare const pseudoCNInverse: {
     hover: string;
     focus: string;
     press: string;

package/types/types.d.ts

@@ -26,6 +26,7 @@ export declare type TamaguiComponentPropsBase = {
     tag?: string;
     theme?: ThemeName | null;
     componentName?: string;
+    forceStyle?: 'hover' | 'press' | 'focus';
     onHoverIn?: (e: MouseEvent) => any;
     onHoverOut?: (e: MouseEvent) => any;
     onPress?: (e: GestureResponderEvent) => any;
@@ -128,6 +129,7 @@ export declare type TamaguiInternalConfig<A extends GenericTokens = GenericToken
     fontsParsed: GenericFonts;
     getCSS: () => string;
     parsed: boolean;
+    themeClassNameOnRoot?: boolean;
 };
 export declare type GetAnimationKeys<A extends GenericTamaguiConfig> = keyof A['animations']['animations'];
 export declare type UnionableString = string & {};
@@ -246,7 +248,7 @@ export declare type PseudoProps<A> = {
     exitStyle?: A | null;
     enterStyle?: A | null;
 };
-export declare type PsuedoPropKeys = keyof PseudoProps<any>;
+export declare type PseudoPropKeys = keyof PseudoProps<any>;
 export declare type PseudoStyles = {
     hoverStyle?: ViewStyle;
     pressStyle?: ViewStyle;