@tamagui/web 1.72.3 → 1.73.1

package/dist/esm/views/Configuration.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../src/views/Configuration.tsx"],
+  "mappings": "AAAA,SAAS,wBAAwB;AASxB;AADF,MAAM,gBAAgB,CAAC,UACrB,oBAAC,iBAAiB,UAAjB,EAA2B,GAAG,OAAO;",
+  "names": []
+}

package/dist/esm/views/Text.js

@@ -9,7 +9,6 @@ const ellipseStyle = {
   acceptsClassName: !0,
   isText: !0,
   defaultProps: {
-    color: "$color",
     display: "inline",
     boxSizing: "border-box",
     wordWrap: "break-word",

package/dist/esm/views/Text.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../src/views/Text.tsx"],
-  "mappings": "AAAA,SAAS,oBAAoB,mBAAmB;AAEhD,SAAS,uBAAuB;AAGhC,MAAM,eAAe;AAAA,EACnB,UAAU;AAAA,EACV,UAAU;AAAA,EACV,cAAc;AAAA,EACd,YAAY;AACd,GAIa,OAAO,gBAAgD;AAAA,EAClE,kBAAkB;AAAA,EAClB,QAAQ;AAAA,EAER,cAEM;AAAA,IACE,OAAO;AAAA,IACP,SAAS;AAAA,IACT,WAAW;AAAA,IACX,UAAU;AAAA,IACV,QAAQ;AAAA,EACV;AAAA,EAON,uBAAuB,oBAAI,IAAI,CAAC,YAAY,CAAC;AAAA,EAE7C,UAAU;AAAA,IAEN,eAAe;AAAA,MACb,GAAG;AAAA,MAEH,WAAW,CAAC,kBACV,iBAAiB,IACb;AAAA,QACE,iBAAiB;AAAA,QACjB,iBAAiB;AAAA,QACjB,SAAS;AAAA,QACT,UAAU;AAAA,MACZ,IACA;AAAA,IACR;AAAA;AAAA,IAIF,eAAe;AAAA,MACb,OAAO,MAAM;AAAA,IACf;AAAA,IAGE,YAAY;AAAA,MACV,MAAM;AAAA,QACJ,YAAY;AAAA,QACZ,QAAQ;AAAA,MACV;AAAA,MACA,OAAO;AAAA,QACL,YAAY;AAAA,QACZ,QAAQ;AAAA,MACV;AAAA,IACF;AAAA,IAGF,SAAS;AAAA,MACP,MAEM;AAAA,IAKR;AAAA,EACF;AAAA,EAEA,YAAY,oBAAI,IAA2C,CAAC,CAAe;AAAA,EAE3E,aAAa;AAAA,IACX,GAAG;AAAA,IACH,GAAG;AAAA,EACL;AACF,CAAC;",
+  "mappings": "AAAA,SAAS,oBAAoB,mBAAmB;AAEhD,SAAS,uBAAuB;AAGhC,MAAM,eAAe;AAAA,EACnB,UAAU;AAAA,EACV,UAAU;AAAA,EACV,cAAc;AAAA,EACd,YAAY;AACd,GAIa,OAAO,gBAAgD;AAAA,EAClE,kBAAkB;AAAA,EAClB,QAAQ;AAAA,EAER,cAEM;AAAA,IACE,SAAS;AAAA,IACT,WAAW;AAAA,IACX,UAAU;AAAA,IACV,QAAQ;AAAA,EACV;AAAA,EAMN,uBAAuB,oBAAI,IAAI,CAAC,YAAY,CAAC;AAAA,EAE7C,UAAU;AAAA,IAEN,eAAe;AAAA,MACb,GAAG;AAAA,MAEH,WAAW,CAAC,kBACV,iBAAiB,IACb;AAAA,QACE,iBAAiB;AAAA,QACjB,iBAAiB;AAAA,QACjB,SAAS;AAAA,QACT,UAAU;AAAA,MACZ,IACA;AAAA,IACR;AAAA;AAAA,IAIF,eAAe;AAAA,MACb,OAAO,MAAM;AAAA,IACf;AAAA,IAGE,YAAY;AAAA,MACV,MAAM;AAAA,QACJ,YAAY;AAAA,QACZ,QAAQ;AAAA,MACV;AAAA,MACA,OAAO;AAAA,QACL,YAAY;AAAA,QACZ,QAAQ;AAAA,MACV;AAAA,IACF;AAAA,IAGF,SAAS;AAAA,MACP,MAEM;AAAA,IAKR;AAAA,EACF;AAAA,EAEA,YAAY,oBAAI,IAA2C,CAAC,CAAe;AAAA,EAE3E,aAAa;AAAA,IACX,GAAG;AAAA,IACH,GAAG;AAAA,EACL;AACF,CAAC;",
   "names": []
 }

package/dist/esm/views/Theme.js

@@ -40,7 +40,7 @@ function useThemedChildren(themeState, children, props, isRoot = !1) {
     void 0,
     /* @__PURE__ */ jsx(Theme, { name: themeManager.state.parentName, children: child.props.children })
   ) : child));
-  const elementsWithContext = /* @__PURE__ */ jsx(ThemeManagerContext.Provider, { value: themeManager, children: next });
+  const elementsWithContext = themeManager ? /* @__PURE__ */ jsx(ThemeManagerContext.Provider, { value: themeManager, children: next }) : next;
   return forceClassName === !1 ? elementsWithContext : isWeb ? wrapThemeElements({
     children: elementsWithContext,
     themeState,
@@ -56,22 +56,26 @@ function wrapThemeElements({
 }) {
   if (isRoot && forceClassName === !1)
     return children;
-  const inverse = themeState.state.inverse;
+  const inverse = themeState.state?.inverse;
   if (!themeState.isNewTheme && !inverse && !forceClassName)
     return /* @__PURE__ */ jsx("span", { className: "_dsp_contents is_Theme", children });
-  const themeColor = themeState.state.theme && themeState.isNewTheme ? variableToString(themeState.state.theme.color) : "", colorStyle = themeColor ? {
+  const themeColor = themeState.state?.theme && themeState.isNewTheme ? variableToString(themeState.state.theme.color) : "", colorStyle = themeColor ? {
     color: themeColor
   } : void 0;
-  let className = themeState.state.className || "";
+  let className = themeState.state?.className || "";
   isRoot && (className = className.replace("t_sub_theme", ""));
   let themedChildren = /* @__PURE__ */ jsx("span", { className: `${className} _dsp_contents is_Theme`, style: colorStyle, children });
-  return (inverse != null || forceClassName) && (themedChildren = /* @__PURE__ */ jsx(
-    "span",
-    {
-      className: `${themeState.state.name.startsWith("light") ? "t_light" : themeState.state.name.startsWith("dark") ? "t_dark" : ""} _dsp_contents ${inverse ? "is_inversed" : ""}`,
-      children: themedChildren
-    }
-  )), themedChildren;
+  if (inverse != null || forceClassName) {
+    const name = themeState.state?.name || "";
+    themedChildren = /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: `${name.startsWith("light") ? "t_light" : name.startsWith("dark") ? "t_dark" : ""} _dsp_contents ${inverse ? "is_inversed" : ""}`,
+        children: themedChildren
+      }
+    );
+  }
+  return themedChildren;
 }
 export {
   Theme,

package/dist/esm/views/Theme.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../src/views/Theme.tsx"],
-  "mappings": "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",
+  "mappings": "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",
   "names": ["children"]
 }

package/dist/esm/views/ThemeDebug.js

@@ -36,8 +36,8 @@ function ThemeDebug({
               " />\xA0",
               JSON.stringify(
                 {
-                  name: themeState.state.name,
-                  className: themeState.state.className,
+                  name: themeState?.state?.name,
+                  className: themeState?.state?.className,
                   inverse: themeProps.inverse,
                   forceClassName: themeProps.forceClassName,
                   parent: themeState.themeManager?.state.parentName,

package/dist/esm/views/ThemeDebug.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../src/views/ThemeDebug.tsx"],
-  "mappings": "AAAA,SAAS,sBAAsB;AAC/B,SAAS,WAAW,OAAO,gBAAgB;AAC3C,SAAS,oBAAoB;AA6DvB,mBA+BE,KA7BE,YAFJ;AAxDN,IAAI;AAEG,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AACF,GAIG;AAED,MAAI,WAAW,qBAAqB;AAClC,WAAO;AAGT,MAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,UAAM,CAAC,eAAe,gBAAgB,IAAI,SAAS,CAAC,GAC9C,WAAW,eAAe,GAC1B,KAAK,MAAM;AAEjB,WAAI,QAAQ,IAAI,aAAa,iBAAiB,OAAO,WAAa,QAC3D,SACH,OAAO,SAAS,cAAc,KAAK,GACnC,KAAK,MAAM,SAAS,SACpB,KAAK,MAAM,YAAY,UACvB,KAAK,MAAM,WAAW,SACtB,KAAK,MAAM,SAAS,KACpB,KAAK,MAAM,SAAS,QACpB,KAAK,MAAM,OAAO,QAClB,KAAK,MAAM,QAAQ,QACnB,KAAK,MAAM,UAAU,QACrB,KAAK,MAAM,SAAS,kBACpB,KAAK,MAAM,gBAAgB,OAC3B,KAAK,MAAM,aAAa,qBACxB,SAAS,KAAK,YAAY,IAAI,KAIlC,UAAU,MAAM;AACd,iBAAW,cAAc,eAAe,cAAc,CAAC,MAAM,YAAY;AACvE,yBAAiB,CAAC,MAAM,EAAE,CAAC,GAC3B,QAAQ;AAAA,UACN,qBAAqB,WAAW,cAAc,EAAE,gBAAgB,WAAW,cAAc,eAAe,EAAE;AAAA,UAC1G;AAAA,QACF;AAAA,MACF,CAAC;AAAA,IACH,GAAG,CAAC,WAAW,YAAY,CAAC,GAE5B,UAAU,MAAM;AAEd,YAAM,KAAK,YAAY,UAAU,GAAI;AACrC,aAAO,MAAM,aAAa,EAAE;AAAA,IAC9B,GAAG,CAAC,CAAC,GAGH,iCACG;AAAA;AAAA,QACC;AAAA,UAAC;AAAA;AAAA,YACC,OAAO;AAAA,cACL,YAAY;AAAA,YACd;AAAA,YACD;AAAA;AAAA,cACY;AAAA,cAAG;AAAA,cACb,KAAK;AAAA,gBACJ;AAAA,kBACE,MAAM,WAAW,MAAM;AAAA,kBACvB,WAAW,WAAW,MAAM;AAAA,kBAC5B,SAAS,WAAW;AAAA,kBACpB,gBAAgB,WAAW;AAAA,kBAC3B,QAAQ,WAAW,cAAc,MAAM;AAAA,kBACvC,IAAI,WAAW,cAAc;AAAA,kBAC7B,UAAU,WAAW,cAAc,eAAe;AAAA,kBAClD,OAAO,WAAW;AAAA,kBAClB;AAAA,kBACA,WAAW,CAAC,GAAI,WAAW,cAAe,iBAAoB,CAAC,CAAE,EAAE;AAAA,oBACjE;AAAA,kBACF;AAAA,kBACA,sBAAsB,WAAW,cAAe;AAAA,gBAClD;AAAA,gBACA;AAAA,gBACA;AAAA,cACF;AAAA;AAAA;AAAA,QACF;AAAA,QACA;AAAA,MACF;AAAA,MAEA,oBAAC,SAAI,OAAO,EAAE,OAAO,MAAM,GAAI,cAAG;AAAA,MAEjC;AAAA,OACH;AAAA,EAEJ;AACA,SAAO;AACT;",
+  "mappings": "AAAA,SAAS,sBAAsB;AAC/B,SAAS,WAAW,OAAO,gBAAgB;AAC3C,SAAS,oBAAoB;AA6DvB,mBA+BE,KA7BE,YAFJ;AAxDN,IAAI;AAEG,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AACF,GAIG;AAED,MAAI,WAAW,qBAAqB;AAClC,WAAO;AAGT,MAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,UAAM,CAAC,eAAe,gBAAgB,IAAI,SAAS,CAAC,GAC9C,WAAW,eAAe,GAC1B,KAAK,MAAM;AAEjB,WAAI,QAAQ,IAAI,aAAa,iBAAiB,OAAO,WAAa,QAC3D,SACH,OAAO,SAAS,cAAc,KAAK,GACnC,KAAK,MAAM,SAAS,SACpB,KAAK,MAAM,YAAY,UACvB,KAAK,MAAM,WAAW,SACtB,KAAK,MAAM,SAAS,KACpB,KAAK,MAAM,SAAS,QACpB,KAAK,MAAM,OAAO,QAClB,KAAK,MAAM,QAAQ,QACnB,KAAK,MAAM,UAAU,QACrB,KAAK,MAAM,SAAS,kBACpB,KAAK,MAAM,gBAAgB,OAC3B,KAAK,MAAM,aAAa,qBACxB,SAAS,KAAK,YAAY,IAAI,KAIlC,UAAU,MAAM;AACd,iBAAW,cAAc,eAAe,cAAc,CAAC,MAAM,YAAY;AACvE,yBAAiB,CAAC,MAAM,EAAE,CAAC,GAC3B,QAAQ;AAAA,UACN,qBAAqB,WAAW,cAAc,EAAE,gBAAgB,WAAW,cAAc,eAAe,EAAE;AAAA,UAC1G;AAAA,QACF;AAAA,MACF,CAAC;AAAA,IACH,GAAG,CAAC,WAAW,YAAY,CAAC,GAE5B,UAAU,MAAM;AAEd,YAAM,KAAK,YAAY,UAAU,GAAI;AACrC,aAAO,MAAM,aAAa,EAAS;AAAA,IACrC,GAAG,CAAC,CAAC,GAGH,iCACG;AAAA;AAAA,QACC;AAAA,UAAC;AAAA;AAAA,YACC,OAAO;AAAA,cACL,YAAY;AAAA,YACd;AAAA,YACD;AAAA;AAAA,cACY;AAAA,cAAG;AAAA,cACb,KAAK;AAAA,gBACJ;AAAA,kBACE,MAAM,YAAY,OAAO;AAAA,kBACzB,WAAW,YAAY,OAAO;AAAA,kBAC9B,SAAS,WAAW;AAAA,kBACpB,gBAAgB,WAAW;AAAA,kBAC3B,QAAQ,WAAW,cAAc,MAAM;AAAA,kBACvC,IAAI,WAAW,cAAc;AAAA,kBAC7B,UAAU,WAAW,cAAc,eAAe;AAAA,kBAClD,OAAO,WAAW;AAAA,kBAClB;AAAA,kBACA,WAAW,CAAC,GAAI,WAAW,cAAe,iBAAoB,CAAC,CAAE,EAAE;AAAA,oBACjE;AAAA,kBACF;AAAA,kBACA,sBAAsB,WAAW,cAAe;AAAA,gBAClD;AAAA,gBACA;AAAA,gBACA;AAAA,cACF;AAAA;AAAA;AAAA,QACF;AAAA,QACA;AAAA,MACF;AAAA,MAEA,oBAAC,SAAI,OAAO,EAAE,OAAO,MAAM,GAAI,cAAG;AAAA,MAEjC;AAAA,OACH;AAAA,EAEJ;AACA,SAAO;AACT;",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/web",
-  "version": "1.72.3",
+  "version": "1.73.1",
   "source": "src/index.ts",
   "main": "dist/cjs",
   "module": "dist/esm",
@@ -27,19 +27,19 @@
     "reset.css"
   ],
   "dependencies": {
-    "@tamagui/compose-refs": "1.72.3",
-    "@tamagui/constants": "1.72.3",
-    "@tamagui/helpers": "1.72.3",
-    "@tamagui/normalize-css-color": "1.72.3",
-    "@tamagui/timer": "1.72.3",
-    "@tamagui/use-did-finish-ssr": "1.72.3",
-    "@tamagui/use-force-update": "1.72.3"
+    "@tamagui/compose-refs": "1.73.1",
+    "@tamagui/constants": "1.73.1",
+    "@tamagui/helpers": "1.73.1",
+    "@tamagui/normalize-css-color": "1.73.1",
+    "@tamagui/timer": "1.73.1",
+    "@tamagui/use-did-finish-ssr": "1.73.1",
+    "@tamagui/use-force-update": "1.73.1"
   },
   "peerDependencies": {
     "react": "*"
   },
   "devDependencies": {
-    "@tamagui/build": "1.72.3",
+    "@tamagui/build": "1.73.1",
     "@testing-library/react": "^14.0.0",
     "csstype": "^3.0.10",
     "react": "^18.2.0",

package/src/contexts/ComponentContext.tsx

@@ -4,6 +4,7 @@ import { ComponentContextI, GroupStateListener } from '../types'
 const listeners = new Set<GroupStateListener>()
 
 export const ComponentContext = createStyledContext<ComponentContextI>({
+  disableSSR: undefined,
   inText: false,
   language: null,
   animationDriver: null,

package/src/createComponent.tsx

@@ -43,6 +43,7 @@ import {
   DisposeFn,
   GroupState,
   LayoutEvent,
+  SizeTokens,
   SpaceDirection,
   SpaceValue,
   SpacerProps,
@@ -56,6 +57,7 @@ import {
   TextProps,
   UseAnimationHook,
   UseAnimationProps,
+  WebOnlyPressEvents,
 } from './types'
 import { Slot } from './views/Slot'
 import { useThemedChildren } from './views/Theme'
@@ -223,6 +225,7 @@ export function createComponent<
     let overriddenContextProps: Object | undefined
     let contextValue: Object | null | undefined
     const { context } = staticConfig
+
     if (context) {
       contextValue = useContext(context)
       const { inverseShorthands } = getConfig()
@@ -570,11 +573,7 @@ export function createComponent<
 
     if (process.env.NODE_ENV === 'development' && time) time`theme`
 
-    const mediaState = useMedia(
-      // @ts-ignore, we just pass a stable object so we can get it later with
-      // should match to the one used in `setMediaShouldUpdate` below
-      stateRef
-    )
+    const mediaState = useMedia(stateRef, componentContext)
 
     if (process.env.NODE_ENV === 'development' && time) time`media`
 
@@ -603,7 +602,7 @@ export function createComponent<
       props,
       staticConfig,
       theme,
-      themeState.state.name,
+      themeState?.state?.name || '',
       state,
       styleProps,
       null,
@@ -697,7 +696,7 @@ export function createComponent<
         presence,
         componentState: state,
         styleProps,
-        theme: themeState.state.theme!,
+        theme: themeState.state?.theme!,
         pseudos: pseudos || null,
         hostRef,
         staticConfig,
@@ -959,10 +958,7 @@ export function createComponent<
     // check presence rather than value to prevent reparenting bugs
     // allows for onPress={x ? function : undefined} without re-ordering dom
     const shouldAttach = Boolean(
-      attachPress ||
-        isHoverable ||
-        (noClassNames && 'pressStyle' in props) ||
-        (isWeb && noClassNames && 'hoverStyle' in props)
+      attachPress || isHoverable || runtimePressStyle || runtimeHoverStyle
     )
 
     if (process.env.NODE_ENV === 'development' && time) time`events-setup`
@@ -1091,24 +1087,23 @@ export function createComponent<
       elementType = Slot
       // on native this is already merged into viewProps in hooks.useEvents
       if (process.env.TAMAGUI_TARGET === 'web') {
-        const passEvents = {
-          onPress,
-          onLongPress,
-          onPressIn,
-          onPressOut,
-          onHoverIn,
-          onHoverOut,
-          onMouseUp,
-          onMouseDown,
-          onMouseEnter,
-          onMouseLeave,
-        }
-        Object.assign(
-          viewProps,
-          asChild === 'web' || asChild === 'except-style-web'
-            ? getWebEvents(passEvents as any)
-            : passEvents
+        const webStyleEvents = asChild === 'web' || asChild === 'except-style-web'
+        const passEvents = getWebEvents(
+          {
+            onPress,
+            onLongPress,
+            onPressIn,
+            onPressOut,
+            onHoverIn,
+            onHoverOut,
+            onMouseUp,
+            onMouseDown,
+            onMouseEnter,
+            onMouseLeave,
+          },
+          webStyleEvents
         )
+        Object.assign(viewProps, passEvents)
       }
     }
 
@@ -1200,6 +1195,17 @@ export function createComponent<
       }
     }
 
+    // ensure we override new context with syle resolved values
+    if (staticConfig.context) {
+      const contextProps = staticConfig.context.props
+      for (const key in contextProps) {
+        if (key in style || key in viewProps) {
+          overriddenContextProps ||= {}
+          overriddenContextProps[key] = style[key] ?? viewProps[key]
+        }
+      }
+    }
+
     if (overriddenContextProps) {
       const Provider = staticConfig.context!.Provider!
       content = (
@@ -1331,11 +1337,16 @@ export function createComponent<
   return res
 }
 
-function getWebEvents<E extends TamaguiComponentEvents>(events: E) {
+type EventKeys = keyof (TamaguiComponentEvents & WebOnlyPressEvents)
+type EventLikeObject = {
+  [key in EventKeys]?: any
+}
+
+function getWebEvents<E extends EventLikeObject>(events: E, webStyle = true) {
   return {
-    onMouseEnter: events.onMouseEnter,
-    onMouseLeave: events.onMouseLeave,
-    onClick: events.onPress,
+    onMouseEnter: events.onHoverIn ?? events.onMouseEnter,
+    onMouseLeave: events.onHoverOut ?? events.onMouseLeave,
+    [webStyle ? 'onClick' : 'onPress']: events.onPress,
     onMouseDown: events.onPressIn,
     onMouseUp: events.onPressOut,
     onTouchStart: events.onPressIn,
@@ -1349,6 +1360,17 @@ export function Unspaced(props: { children?: any }) {
 }
 Unspaced['isUnspaced'] = true
 
+const getSpacerSize = (size: SizeTokens | number | boolean, { tokens }) => {
+  size = size === true ? '$true' : size
+  const sizePx = tokens.space[size as any] ?? size
+  return {
+    width: sizePx,
+    height: sizePx,
+    minWidth: sizePx,
+    minHeight: sizePx,
+  }
+}
+
 // dont used styled() here to avoid circular deps
 // keep inline to avoid circular deps
 // @ts-expect-error we override
@@ -1368,16 +1390,7 @@ export const Spacer = createComponent<SpacerProps>({
 
   variants: {
     size: {
-      '...size': (size, { tokens }) => {
-        size = size === true ? '$true' : size
-        const sizePx = tokens.space[size] ?? size
-        return {
-          width: sizePx,
-          height: sizePx,
-          minWidth: sizePx,
-          minHeight: sizePx,
-        }
-      },
+      '...': getSpacerSize,
     },
 
     flex: {
@@ -1530,8 +1543,6 @@ function isUnspaced(child: React.ReactNode) {
   return t?.['isVisuallyHidden'] || t?.['isUnspaced']
 }
 
-const DefaultProps = new Map()
-
 const AbsoluteFill: any = createComponent({
   defaultProps: {
     ...stackDefaultStyles,

package/src/createTamagui.ts

@@ -2,7 +2,7 @@ import { isWeb } from '@tamagui/constants'
 
 import { configListeners, setConfig, setTokens } from './config'
 import { Variable } from './createVariable'
-import { createVariables } from './createVariables'
+import { DeepVariableObject, createVariables } from './createVariables'
 import { getThemeCSSRules } from './helpers/getThemeCSSRules'
 import {
   getAllRules,
@@ -19,6 +19,7 @@ import {
   CreateTamaguiProps,
   DedupedTheme,
   DedupedThemes,
+  GenericFont,
   GetCSS,
   InferTamaguiConfig,
   TamaguiInternalConfig,
@@ -38,62 +39,63 @@ export function createTamagui<Conf extends CreateTamaguiProps>(
     return configIn as any
   }
 
-  if (process.env.NODE_ENV === 'development') {
-    if (!configIn.tokens) {
-      throw new Error('Must define tokens')
-    }
-    if (!configIn.themes) {
-      throw new Error('Must define themes')
-    }
-    if (!configIn.fonts) {
-      throw new Error('Must define fonts')
-    }
-  }
-
   // ensure variables
-  const tokens = createVariables(configIn.tokens)
-
-  // faster lookups
   const tokensParsed: TokensParsed = {} as any
-  const tokensMerged: TokensMerged = {} as any
-  for (const cat in tokens) {
-    tokensParsed[cat] = {}
-    tokensMerged[cat] = {}
-    const tokenCat = tokens[cat]
-    for (const key in tokenCat) {
-      const val = tokenCat[key]
-      const prefixedKey = `$${key}`
-      tokensParsed[cat][prefixedKey] = val as any
-      tokensMerged[cat][prefixedKey] = val as any
-      tokensMerged[cat][key] = val as any
+  const tokens = createVariables(configIn.tokens || {})
+
+  if (configIn.tokens) {
+    // faster lookups
+    const tokensMerged: TokensMerged = {} as any
+    for (const cat in tokens) {
+      tokensParsed[cat] = {}
+      tokensMerged[cat] = {}
+      const tokenCat = tokens[cat]
+      for (const key in tokenCat) {
+        const val = tokenCat[key]
+        const prefixedKey = `$${key}`
+        tokensParsed[cat][prefixedKey] = val as any
+        tokensMerged[cat][prefixedKey] = val as any
+        tokensMerged[cat][key] = val as any
+      }
     }
+    setTokens(tokensMerged)
   }
-  setTokens(tokensMerged)
 
-  const noThemes = Object.keys(configIn.themes).length === 0
-  const foundThemes = scanAllSheets(noThemes, tokensParsed)
-  listenForSheetChanges()
+  let foundThemes: DedupedThemes | undefined
+  if (configIn.themes) {
+    const noThemes = Object.keys(configIn.themes).length === 0
+    foundThemes = scanAllSheets(noThemes, tokensParsed)
+  }
 
-  const fontTokens = Object.fromEntries(
-    Object.entries(configIn.fonts!).map(([k, v]) => {
-      return [k, createVariables(v, 'f', true)]
-    })
-  )
+  listenForSheetChanges()
 
   let fontSizeTokens: Set<string> | null = null
-
-  const fontsParsed = (() => {
-    const res = {} as typeof fontTokens
-    for (const familyName in fontTokens) {
-      const font = fontTokens[familyName]
-      const fontParsed = parseFont(font)
-      res[`$${familyName}`] = fontParsed
-      if (!fontSizeTokens && fontParsed.size) {
-        fontSizeTokens = new Set(Object.keys(fontParsed.size))
+  let fontsParsed:
+    | {
+        [k: string]: DeepVariableObject<GenericFont<string>>
       }
-    }
-    return res!
-  })()
+    | undefined
+
+  if (configIn.fonts) {
+    const fontTokens = Object.fromEntries(
+      Object.entries(configIn.fonts).map(([k, v]) => {
+        return [k, createVariables(v, 'f', true)]
+      })
+    )
+
+    fontsParsed = (() => {
+      const res = {} as typeof fontTokens
+      for (const familyName in fontTokens) {
+        const font = fontTokens[familyName]
+        const fontParsed = parseFont(font)
+        res[`$${familyName}`] = fontParsed
+        if (!fontSizeTokens && fontParsed.size) {
+          fontSizeTokens = new Set(Object.keys(fontParsed.size))
+        }
+      }
+      return res!
+    })()
+  }
 
   const specificTokens = {}
 
@@ -238,14 +240,14 @@ ${runtimeStyles}`
   let defaultFontName =
     configIn.defaultFont ||
     // uses font named "body" if present for compat
-    ('body' in configIn.fonts ? 'body' : '')
+    (configIn.fonts && ('body' in configIn.fonts ? 'body' : ''))
 
   if (!defaultFontName && configIn.fonts) {
     // defaults to the first font to make life easier
     defaultFontName = Object.keys(configIn.fonts)[0]
   }
 
-  if (defaultFontName[0] === '$') {
+  if (defaultFontName?.[0] === '$') {
     defaultFontName = defaultFontName.slice(1)
   }
 
@@ -253,6 +255,7 @@ ${runtimeStyles}`
   const defaultFont = `$${defaultFontName}`
 
   const config: TamaguiInternalConfig = {
+    fonts: {},
     groupNames: [],
     settings: {},
     onlyAllowShorthands: false,
@@ -267,7 +270,7 @@ ${runtimeStyles}`
       ? Object.fromEntries(Object.entries(shorthands).map(([k, v]) => [v, k]))
       : {},
     themes: themeConfig.themes as any,
-    fontsParsed,
+    fontsParsed: fontsParsed || {},
     themeConfig,
     tokensParsed: tokensParsed as any,
     parsed: true,

package/src/helpers/getSplitStyles.tsx

@@ -55,7 +55,12 @@ import type {
 import { createMediaStyle } from './createMediaStyle'
 import { fixStyles } from './expandStyles'
 import { getGroupPropParts } from './getGroupPropParts'
-import { generateAtomicStyles, getStylesAtomic, styleToCSS } from './getStylesAtomic'
+import {
+  generateAtomicStyles,
+  getStylesAtomic,
+  styleToCSS,
+  transformsToString,
+} from './getStylesAtomic'
 import {
   insertStyleRules,
   insertedTransforms,
@@ -680,10 +685,11 @@ export const getSplitStyles: StyleSplitter = (
 
       // have to run this logic again here because expansions may need to be passed down
       // see StyledButtonVariantPseudoMerge test
-      const isHOCShouldPassThrough =
-        isHOC && (isMediaOrPseudo || parentStaticConfig?.variants?.[keyInit])
+      const shouldPassThrough =
+        (styleProps.noExpand && isPseudo) ||
+        (isHOC && (isMediaOrPseudo || parentStaticConfig?.variants?.[keyInit]))
 
-      if (isHOCShouldPassThrough) {
+      if (shouldPassThrough) {
         passDownProp(viewProps, key, val, isMediaOrPseudo)
         if (process.env.NODE_ENV === 'development' && debug === 'verbose') {
           console.groupCollapsed(` - passing down prop ${key}`)
@@ -694,7 +700,6 @@ export const getSplitStyles: StyleSplitter = (
         continue
       }
 
-      // pseudo
       if (isPseudo) {
         if (!val) continue
 
@@ -811,7 +816,7 @@ export const getSplitStyles: StyleSplitter = (
                 mergeStyle(styleState, pkey, defaultVal)
               }
             } else {
-              const curImportance = usedKeys[importance] || 0
+              const curImportance = usedKeys[pkey] || 0
               const shouldMerge = importance >= curImportance
 
               if (shouldMerge) {
@@ -819,7 +824,7 @@ export const getSplitStyles: StyleSplitter = (
                 pseudos[key] ||= {}
                 pseudos[key][pkey] = val
                 mergeStyle(styleState, pkey, val)
-                usedKeys[pkey] ||= 1
+                usedKeys[pkey] = Math.max(usedKeys[pkey], importance)
               }
 
               if (process.env.NODE_ENV === 'development' && debug === 'verbose') {
@@ -829,6 +834,7 @@ export const getSplitStyles: StyleSplitter = (
                   curImportance,
                   pkey,
                   val,
+                  transforms: { ...styleState.transforms },
                 })
               }
             }
@@ -1058,6 +1064,8 @@ export const getSplitStyles: StyleSplitter = (
         // biome-ignore lint/suspicious/noConsoleLog: <explanation>
         console.log('style', { ...style })
         // biome-ignore lint/suspicious/noConsoleLog: <explanation>
+        console.log('transforms', { ...transforms })
+        // biome-ignore lint/suspicious/noConsoleLog: <explanation>
         console.log('viewProps', { ...viewProps })
       } catch {
         // RN can run into PayloadTooLargeError: request entity too large
@@ -1102,6 +1110,17 @@ export const getSplitStyles: StyleSplitter = (
         .forEach(([key, val]) => {
           mergeTransform(style, key, val, true)
         })
+
+      // Button for example uses disableClassName: true but renders to a 'button' element, so needs this
+      if (process.env.TAMAGUI_TARGET === 'web') {
+        if (
+          !staticConfig.isReactNative &&
+          !styleProps.isAnimated &&
+          Array.isArray(style.transform)
+        ) {
+          style.transform = transformsToString(style.transform) as any
+        }
+      }
     }
 
     // add in defaults if not set:

package/src/helpers/getStylesAtomic.ts

@@ -41,6 +41,24 @@ let conf: TamaguiInternalConfig
 
 // mutates...
 
+export function transformsToString(transforms: any[]) {
+  return transforms
+    .map(
+      // { scale: 2 } => 'scale(2)'
+      // { translateX: 20 } => 'translateX(20px)'
+      // { matrix: [1,2,3,4,5,6] } => 'matrix(1,2,3,4,5,6)'
+      (transform) => {
+        const type = Object.keys(transform)[0]
+        const value = transform[type]
+        if (type === 'matrix' || type === 'matrix3d') {
+          return `${type}(${value.join(',')})`
+        }
+        return `${type}(${normalizeValueWithProperty(value, type)})`
+      }
+    )
+    .join(' ')
+}
+
 export const generateAtomicStyles = (
   style: ViewStyleWithPseudos,
   pseudo?: PseudoDescriptor
@@ -59,21 +77,7 @@ export const generateAtomicStyles = (
 
     // transform
     if (key === 'transform' && Array.isArray(style.transform)) {
-      val = (val as any[])
-        .map(
-          // { scale: 2 } => 'scale(2)'
-          // { translateX: 20 } => 'translateX(20px)'
-          // { matrix: [1,2,3,4,5,6] } => 'matrix(1,2,3,4,5,6)'
-          (transform) => {
-            const type = Object.keys(transform)[0]
-            const value = transform[type]
-            if (type === 'matrix' || type === 'matrix3d') {
-              return `${type}(${value.join(',')})`
-            }
-            return `${type}(${normalizeValueWithProperty(value, type)})`
-          }
-        )
-        .join(' ')
+      val = transformsToString(val)
     }
 
     const value = normalizeValueWithProperty(val, key)

package/src/helpers/getThemeCSSRules.ts

@@ -23,7 +23,8 @@ export function getThemeCSSRules(props: {
     const { config, themeName, theme, names } = props
 
     // special case for SSR
-    const hasDarkLight = 'light' in config.themes || 'dark' in config.themes
+    const hasDarkLight =
+      config.themes && ('light' in config.themes || 'dark' in config.themes)
     const CNP = `.${THEME_CLASSNAME_PREFIX}`
     let vars = ''