@tamagui/web 1.99.1 → 1.100.0

package/dist/esm/views/FontLanguage.native.js

@@ -2,8 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { useMemo } from "react";
 import { ComponentContext } from "../contexts/ComponentContext";
 function _object_without_properties(source, excluded) {
-  if (source == null)
-    return {};
+  if (source == null) return {};
   var target = _object_without_properties_loose(source, excluded), key, i;
   if (Object.getOwnPropertySymbols) {
     var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
@@ -13,8 +12,7 @@ function _object_without_properties(source, excluded) {
   return target;
 }
 function _object_without_properties_loose(source, excluded) {
-  if (source == null)
-    return {};
+  if (source == null) return {};
   var target = {}, sourceKeys = Object.keys(source), key, i;
   for (i = 0; i < sourceKeys.length; i++)
     key = sourceKeys[i], !(excluded.indexOf(key) >= 0) && (target[key] = source[key]);

package/dist/esm/views/FontLanguage.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../src/views/Users/n8/tamagui/packages/web/src/views/FontLanguage.native.tsx"],
-  "mappings": ";AAAA,SAASA,eAAe;AAExB,SAASC,wBAAwB;;;;;;;;;;;;;;;;;;;;AAG1B,IAAMC,eAAe,SAAA,QAAA;MAAGC,WAAAA,OAAAA,UAAaC,QAAAA,2BAAAA,QAAAA;IAAbD;MACvBE,WAAWL,QAAQ,WAAA;WAAMI;KAAO;IAACE,KAAKC,UAAUH,KAAAA;GAAO;AAC7D,SACE,qBAACH,iBAAiBO,UAAQ;IAACH;;;AAE/B;AAEAH,aAAa,cAAiB;",
+  "mappings": ";AAAA,SAASA,eAAe;AAExB,SAASC,wBAAwB;;;;;;;;;;;;;;;;;;AAG1B,IAAMC,eAAe,SAAA,QAAA;MAAGC,WAAAA,OAAAA,UAAaC,QAAAA,2BAAAA,QAAAA;IAAbD;MACvBE,WAAWL,QAAQ,WAAA;WAAMI;KAAO;IAACE,KAAKC,UAAUH,KAAAA;GAAO;AAC7D,SACE,qBAACH,iBAAiBO,UAAQ;IAACH;;;AAE/B;AAEAH,aAAa,cAAiB;",
   "names": ["useMemo", "ComponentContext", "FontLanguage", "children", "props", "language", "JSON", "stringify", "Provider"]
 }

package/dist/esm/views/Slot.native.js

@@ -38,8 +38,7 @@ function _object_spread_props(target, source) {
   }), target;
 }
 function _object_without_properties(source, excluded) {
-  if (source == null)
-    return {};
+  if (source == null) return {};
   var target = _object_without_properties_loose(source, excluded), key, i;
   if (Object.getOwnPropertySymbols) {
     var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
@@ -49,8 +48,7 @@ function _object_without_properties(source, excluded) {
   return target;
 }
 function _object_without_properties_loose(source, excluded) {
-  if (source == null)
-    return {};
+  if (source == null) return {};
   var target = {}, sourceKeys = Object.keys(source), key, i;
   for (i = 0; i < sourceKeys.length; i++)
     key = sourceKeys[i], !(excluded.indexOf(key) >= 0) && (target[key] = source[key]);

package/dist/esm/views/Slot.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../src/views/Users/n8/tamagui/packages/web/src/views/Slot.tsx"],
-  "mappings": ";AAEA,SAASA,mBAAmB;AAC5B,SAASC,aAAa;AACtB,SAASC,4BAA4B;AAErC,SAASC,UAAUC,cAAcC,YAAYC,gBAAgBC,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAU5E,IAAMC,OAAOD,QAAQE,WAAW,KAAA,GAEnBC,OAAOL,2BAA2B,SAAcM,OAAOC,cAAY;AAC9E,MAAQC,WAA2BF,MAA3BE,UAAaC,YAAAA,2BAAcH,OAAAA;IAA3BE;;AAER,MAAIP,+BAAeO,QAAAA,GAAW;AAC5B,QAAME,cAAcC,eAAeH,UAAUC,SAAAA;AAC7C,WAAOV,6BACLS,UACAA,SAASI,KAAK,kBACVF,cACA,qBAAA,eAAA,CAAA,GACKA,WAAAA,GAAAA;MACHG,KAAKlB,YACHY,cACAJ,OAAQK,SAAiBF,MAAMO,MAAOL,SAAiBK,GAAG;;EAItE;AAEA,SAAOf,SAASgB,MAAMN,QAAAA,IAAY,IAAIV,SAASiB,KAAK,IAAA,IAAQ;AAC9D,CAAA;AAEAV,KAAK,cAAiB;AAMf,IAAMW,YAAY,SAAA,OAAA;MAAGR,WAAAA,MAAAA;AAC1B,SAAO,qBAAA,WAAA;;;AACT;AAEAQ,UAAU,cAAiB;AAI3B,IAAMC,WAAWrB,QACb;EACEsB,SAAS;EACTC,YAAY;EACZC,WAAW;AACb,IACA,CAAC;AAEL,SAAST,eAAeU,OAAYZ,WAA8B;AAChE,MAAMa,aAAaD,MAAMf,OAGnBiB,gBAAgB,eAAA,CAAA,GAAKD,UAAAA,GACrBE,cAAc,OAAOH,MAAMT,QAAS;AAE1C,MAAIY;AACF,aAAWC,OAAOR;AAChB,MAAIQ,OAAOhB,cACTA,UAAUQ,SAASQ,GAAAA,CAAI,IAAIhB,UAAUgB,GAAAA,GACrC,OAAOhB,UAAUgB,GAAAA;AAKvB,WAASC,YAAYJ,YAAY;AAC/B,QAAMK,gBAAgBlB,UAAUiB,QAAAA,GAC1BE,iBAAiBN,WAAWI,QAAAA;AAElC,IAAIF,eAAeE,YAAYT,aAC7BS,WAAWT,SAASS,QAAAA,GACpB,OAAOH,cAAcG,QAAAA;AAGvB,QAAMG,YAAYC,YAAYC,KAAKL,QAAAA;AAEnC,IAAIG,YACFN,cAAcG,QAAAA,IAAY7B,qBAAqB+B,gBAAgBD,aAAAA,IAGxDD,aAAa,UACpBH,cAAcG,QAAAA,IAAY,eAAA,CAAA,GAAKC,eAAkBC,cAAAA,IACxCF,aAAa,gBACtBH,cAAcG,QAAAA,IAAY;MAACC;MAAeC;MAAgBI,OAAOC,OAAAA,EAASC,KAAK,GAAA;EAEnF;AAEA,SAAO,eAAA,CAAA,GAAKzB,WAAcc,aAAAA;AAC5B;AAEA,IAAMO,cAAc;",
+  "mappings": ";AAEA,SAASA,mBAAmB;AAC5B,SAASC,aAAa;AACtB,SAASC,4BAA4B;AAErC,SAASC,UAAUC,cAAcC,YAAYC,gBAAgBC,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAU5E,IAAMC,OAAOD,QAAQE,WAAW,KAAA,GAEnBC,OAAOL,2BAA2B,SAAcM,OAAOC,cAAY;AAC9E,MAAQC,WAA2BF,MAA3BE,UAAaC,YAAAA,2BAAcH,OAAAA;IAA3BE;;AAER,MAAIP,+BAAeO,QAAAA,GAAW;AAC5B,QAAME,cAAcC,eAAeH,UAAUC,SAAAA;AAC7C,WAAOV,6BACLS,UACAA,SAASI,KAAK,kBACVF,cACA,qBAAA,eAAA,CAAA,GACKA,WAAAA,GAAAA;MACHG,KAAKlB,YACHY,cACAJ,OAAQK,SAAiBF,MAAMO,MAAOL,SAAiBK,GAAG;;EAItE;AAEA,SAAOf,SAASgB,MAAMN,QAAAA,IAAY,IAAIV,SAASiB,KAAK,IAAA,IAAQ;AAC9D,CAAA;AAEAV,KAAK,cAAiB;AAMf,IAAMW,YAAY,SAAA,OAAA;MAAGR,WAAAA,MAAAA;AAC1B,SAAO,qBAAA,WAAA;;;AACT;AAEAQ,UAAU,cAAiB;AAI3B,IAAMC,WAAWrB,QACb;EACEsB,SAAS;EACTC,YAAY;EACZC,WAAW;AACb,IACA,CAAC;AAEL,SAAST,eAAeU,OAAYZ,WAA8B;AAChE,MAAMa,aAAaD,MAAMf,OAGnBiB,gBAAgB,eAAA,CAAA,GAAKD,UAAAA,GACrBE,cAAc,OAAOH,MAAMT,QAAS;AAE1C,MAAIY;AACF,aAAWC,OAAOR;AAChB,MAAIQ,OAAOhB,cACTA,UAAUQ,SAASQ,GAAAA,CAAI,IAAIhB,UAAUgB,GAAAA,GACrC,OAAOhB,UAAUgB,GAAAA;AAKvB,WAASC,YAAYJ,YAAY;AAC/B,QAAMK,gBAAgBlB,UAAUiB,QAAAA,GAC1BE,iBAAiBN,WAAWI,QAAAA;AAElC,IAAIF,eAAeE,YAAYT,aAC7BS,WAAWT,SAASS,QAAAA,GACpB,OAAOH,cAAcG,QAAAA;AAGvB,QAAMG,YAAYC,YAAYC,KAAKL,QAAAA;AAEnC,IAAIG,YACFN,cAAcG,QAAAA,IAAY7B,qBAAqB+B,gBAAgBD,aAAAA,IAGxDD,aAAa,UACpBH,cAAcG,QAAAA,IAAY,eAAA,CAAA,GAAKC,eAAkBC,cAAAA,IACxCF,aAAa,gBACtBH,cAAcG,QAAAA,IAAY;MAACC;MAAeC;MAAgBI,OAAOC,OAAAA,EAASC,KAAK,GAAA;EAEnF;AAEA,SAAO,eAAA,CAAA,GAAKzB,WAAcc,aAAAA;AAC5B;AAEA,IAAMO,cAAc;",
   "names": ["composeRefs", "isWeb", "composeEventHandlers", "Children", "cloneElement", "forwardRef", "isValidElement", "version", "is19", "startsWith", "Slot", "props", "forwardedRef", "children", "slotProps", "mergedProps", "mergeSlotProps", "type", "ref", "count", "only", "Slottable", "pressMap", "onPress", "onPressOut", "onPressIn", "child", "childProps", "overrideProps", "isHTMLChild", "key", "propName", "slotPropValue", "childPropValue", "isHandler", "handleRegex", "test", "filter", "Boolean", "join"]
 }

package/dist/esm/views/TamaguiProvider.native.js

@@ -39,8 +39,7 @@ function _object_spread_props(target, source) {
   }), target;
 }
 function _object_without_properties(source, excluded) {
-  if (source == null)
-    return {};
+  if (source == null) return {};
   var target = _object_without_properties_loose(source, excluded), key, i;
   if (Object.getOwnPropertySymbols) {
     var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
@@ -50,8 +49,7 @@ function _object_without_properties(source, excluded) {
   return target;
 }
 function _object_without_properties_loose(source, excluded) {
-  if (source == null)
-    return {};
+  if (source == null) return {};
   var target = {}, sourceKeys = Object.keys(source), key, i;
   for (i = 0; i < sourceKeys.length; i++)
     key = sourceKeys[i], !(excluded.indexOf(key) >= 0) && (target[key] = source[key]);

package/dist/esm/views/TamaguiProvider.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../src/views/Users/n8/tamagui/packages/web/src/views/TamaguiProvider.tsx"],
-  "mappings": ";AAAA,SAASA,gBAAgB;AACzB,YAAYC,WAAW;AAEvB,SAASC,wBAAwB;AACjC,SAASC,2BAA2B;AAEpC,SAASC,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEvB,SAASC,gBAAgB,QAAA;MAC9BC,WAD8B,OAC9BA,UACAC,mBAF8B,OAE9BA,kBACAC,SAH8B,OAG9BA,QACGC,qBAAAA,2BAJ2B,QAAA;IAC9BH;IACAC;IACAC;;AAGAL,sBAAAA,GAEIH,YAGFC,MAAMS,mBAAmB,WAAA;AACvB,QAAKF,WACAA,OAAOG,cAGNC,SAASC,gBAAgBC,UAAUC,SAAS,aAAA,KAC9CH,SAASC,gBAAgBC,UAAUE,OAAO,aAAA,GAI1C,CAACT,mBAAkB;AACrB,UAAMU,QAAQL,SAASM,cAAc,OAAA;AACrCD,mBAAME,YAAYP,SAASQ,eAAeZ,OAAOa,OAAM,CAAA,CAAA,GACvDT,SAASU,KAAKH,YAAYF,KAAAA,GACnB,WAAA;AACLL,iBAASU,KAAKC,YAAYN,KAAAA;MAC5B;IACF;EACF,GAAG;IAACT;IAAQD;GAAiB;MAUvBE;AAPR,SACE,qBAACP,iBAAiBsB,UAAQ;IAACC,iBAAiBjB,UAAAA,OAAAA,SAAAA,OAAQkB;cAClD,qBAACtB,eAAAA,qBAAAA,eAAAA;MACCuB,sBAAsBnB,UAAAA,OAAAA,SAAAA,OAAQmB;MAC9BC,uBAAuBpB,UAAAA,OAAAA,SAAAA,OAAQoB;OAC3BnB,kBAAAA,GAAAA;MACJoB,eACEpB,mCAAAA,mBAAmBoB,kBAAY,QAA/BpB,qCAAAA,SAAAA,mCAAoCD,SAASsB,OAAOC,KAAKvB,OAAOwB,MAAM,EAAE,CAAA,IAAK;;;;AAOvF;AAEA3B,gBAAgB,cAAiB;",
+  "mappings": ";AAAA,SAASA,gBAAgB;AACzB,YAAYC,WAAW;AAEvB,SAASC,wBAAwB;AACjC,SAASC,2BAA2B;AAEpC,SAASC,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEvB,SAASC,gBAAgB,QAAA;MAC9BC,WAD8B,OAC9BA,UACAC,mBAF8B,OAE9BA,kBACAC,SAH8B,OAG9BA,QACGC,qBAAAA,2BAJ2B,QAAA;IAC9BH;IACAC;IACAC;;AAGAL,sBAAAA,GAEIH,YAGFC,MAAMS,mBAAmB,WAAA;AACvB,QAAKF,WACAA,OAAOG,cAGNC,SAASC,gBAAgBC,UAAUC,SAAS,aAAA,KAC9CH,SAASC,gBAAgBC,UAAUE,OAAO,aAAA,GAI1C,CAACT,mBAAkB;AACrB,UAAMU,QAAQL,SAASM,cAAc,OAAA;AACrCD,mBAAME,YAAYP,SAASQ,eAAeZ,OAAOa,OAAM,CAAA,CAAA,GACvDT,SAASU,KAAKH,YAAYF,KAAAA,GACnB,WAAA;AACLL,iBAASU,KAAKC,YAAYN,KAAAA;MAC5B;IACF;EACF,GAAG;IAACT;IAAQD;GAAiB;MAUvBE;AAPR,SACE,qBAACP,iBAAiBsB,UAAQ;IAACC,iBAAiBjB,UAAAA,OAAAA,SAAAA,OAAQkB;cAClD,qBAACtB,eAAAA,qBAAAA,eAAAA;MACCuB,sBAAsBnB,UAAAA,OAAAA,SAAAA,OAAQmB;MAC9BC,uBAAuBpB,UAAAA,OAAAA,SAAAA,OAAQoB;OAC3BnB,kBAAAA,GAAAA;MACJoB,eACEpB,mCAAAA,mBAAmBoB,kBAAY,QAA/BpB,qCAAAA,SAAAA,mCAAoCD,SAASsB,OAAOC,KAAKvB,OAAOwB,MAAM,EAAE,CAAA,IAAK;;;;AAOvF;AAEA3B,gBAAgB,cAAiB;",
   "names": ["isClient", "React", "ComponentContext", "setupMediaListeners", "ThemeProvider", "TamaguiProvider", "children", "disableInjectCSS", "config", "themePropsProvider", "useInsertionEffect", "disableSSR", "document", "documentElement", "classList", "contains", "remove", "style", "createElement", "appendChild", "createTextNode", "getCSS", "head", "removeChild", "Provider", "animationDriver", "animations", "themeClassNameOnRoot", "disableRootThemeClass", "defaultTheme", "Object", "keys", "themes"]
 }

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

@@ -14,8 +14,7 @@ function _define_property(obj, key, value) {
   }) : obj[key] = value, obj;
 }
 function _object_without_properties(source, excluded) {
-  if (source == null)
-    return {};
+  if (source == null) return {};
   var target = _object_without_properties_loose(source, excluded), key, i;
   if (Object.getOwnPropertySymbols) {
     var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
@@ -25,8 +24,7 @@ function _object_without_properties(source, excluded) {
   return target;
 }
 function _object_without_properties_loose(source, excluded) {
-  if (source == null)
-    return {};
+  if (source == null) return {};
   var target = {}, sourceKeys = Object.keys(source), key, i;
   for (i = 0; i < sourceKeys.length; i++)
     key = sourceKeys[i], !(excluded.indexOf(key) >= 0) && (target[key] = source[key]);

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../src/views/Users/n8/tamagui/packages/web/src/views/Theme.tsx"],
-  "mappings": "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",
+  "mappings": "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",
   "names": ["isWeb", "React", "Children", "cloneElement", "forwardRef", "isValidElement", "useRef", "variableToString", "ThemeManagerIDContext", "useChangeThemeEffect", "ThemeDebug", "Theme", "ref", "children", "props", "disable", "isRoot", "themeState", "disableDirectChildTheme", "finalChildren", "map", "child", "only", "process", "env", "NODE_ENV", "debug", "themeProps", "stateRef", "hasEverThemed", "getThemedChildren", "themeManager", "isNewTheme", "Error", "shallow", "forceClassName", "shouldRenderChildrenWithTheme", "current", "next", "toArray", "undefined", "name", "state", "parentName", "elementsWithContext", "Provider", "value", "id", "wrapThemeElements", "inverse", "inversed", "requiresExtraWrapper", "getThemeClassNameAndStyle", "className", "style", "themedChildren", "span", "inverseClassName", "startsWith", "emptyObj", "themeColor", "theme", "color", "replace"]
 }

package/dist/esm/views/ThemeProvider.js

@@ -4,8 +4,7 @@ import { THEME_CLASSNAME_PREFIX } from "../constants/constants";
 import { Theme } from "./Theme";
 import { jsx } from "react/jsx-runtime";
 const ThemeProvider = (props) => (isClient && useLayoutEffect(() => {
-  if (props.disableRootThemeClass)
-    return;
+  if (props.disableRootThemeClass) return;
   const cn = `${THEME_CLASSNAME_PREFIX}${props.defaultTheme}`, target = props.themeClassNameOnRoot ? document.documentElement : document.body;
   return target.classList.add(cn), () => {
     target.classList.remove(cn);

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../src/views/ThemeProvider.tsx"],
-  "mappings": "AAAA,SAAS,gBAAgB;AACzB,SAAS,uBAAuB;AAEhC,SAAS,8BAA8B;AACvC,SAAS,aAAa;AA0BlB;AAfG,MAAM,gBAAgB,CAAC,WAExB,YACF,gBAAgB,MAAM;AACpB,MAAI,MAAM;AAAuB;AACjC,QAAM,KAAK,GAAG,sBAAsB,GAAG,MAAM,YAAY,IACnD,SAAS,MAAM,uBAAuB,SAAS,kBAAkB,SAAS;AAChF,gBAAO,UAAU,IAAI,EAAE,GAChB,MAAM;AACX,WAAO,UAAU,OAAO,EAAE;AAAA,EAC5B;AACF,GAAG,CAAC,MAAM,cAAc,MAAM,uBAAuB,MAAM,oBAAoB,CAAC,GAIhF;AAAA,EAAC;AAAA;AAAA,IACC,WAAW,MAAM;AAAA,IACjB,MAAM,MAAM;AAAA,IAEZ,gBAAgB,CAAC,MAAM;AAAA,IAEvB,SAAO;AAAA,IAEN,gBAAM;AAAA;AACT;",
+  "mappings": "AAAA,SAAS,gBAAgB;AACzB,SAAS,uBAAuB;AAEhC,SAAS,8BAA8B;AACvC,SAAS,aAAa;AA0BlB;AAfG,MAAM,gBAAgB,CAAC,WAExB,YACF,gBAAgB,MAAM;AACpB,MAAI,MAAM,sBAAuB;AACjC,QAAM,KAAK,GAAG,sBAAsB,GAAG,MAAM,YAAY,IACnD,SAAS,MAAM,uBAAuB,SAAS,kBAAkB,SAAS;AAChF,gBAAO,UAAU,IAAI,EAAE,GAChB,MAAM;AACX,WAAO,UAAU,OAAO,EAAE;AAAA,EAC5B;AACF,GAAG,CAAC,MAAM,cAAc,MAAM,uBAAuB,MAAM,oBAAoB,CAAC,GAIhF;AAAA,EAAC;AAAA;AAAA,IACC,WAAW,MAAM;AAAA,IACjB,MAAM,MAAM;AAAA,IAEZ,gBAAgB,CAAC,MAAM;AAAA,IAEvB,SAAO;AAAA,IAEN,gBAAM;AAAA;AACT;",
   "names": []
 }

package/package.json

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

package/src/createComponent.tsx

@@ -1,7 +1,6 @@
 import { composeRefs } from '@tamagui/compose-refs'
 import { isClient, isServer, isWeb } from '@tamagui/constants'
 import { composeEventHandlers, validStyles } from '@tamagui/helpers'
-import { useDidFinishSSR } from '@tamagui/use-did-finish-ssr'
 import React, {
   Children,
   Fragment,
@@ -18,6 +17,7 @@ import React, {
 
 import { devConfig, getConfig, onConfiguredOnce } from './config'
 import { stackDefaultStyles } from './constants/constants'
+import { isDevTools } from './constants/isDevTools'
 import { ComponentContext } from './contexts/ComponentContext'
 import { didGetVariableValue, setDidGetVariableValue } from './createVariable'
 import {
@@ -33,9 +33,13 @@ import { useSplitStyles } from './helpers/getSplitStyles'
 import { isObj } from './helpers/isObj'
 import { log } from './helpers/log'
 import { mergeProps } from './helpers/mergeProps'
+import { setElementProps } from './helpers/setElementProps'
 import { themeable } from './helpers/themeable'
 import { mediaKeyMatch, setMediaShouldUpdate, useMedia } from './hooks/useMedia'
 import { useThemeWithState } from './hooks/useTheme'
+import type { TamaguiComponentEvents } from './interfaces/TamaguiComponentEvents'
+import type { TamaguiComponentState } from './interfaces/TamaguiComponentState'
+import type { WebOnlyPressEvents } from './interfaces/WebOnlyPressEvents'
 import { hooks } from './setupHooks'
 import type {
   ComponentContextI,
@@ -61,14 +65,9 @@ import type {
   UseAnimationProps,
   UseThemeWithStateProps,
 } from './types'
-import type { WebOnlyPressEvents } from './interfaces/WebOnlyPressEvents'
-import type { TamaguiComponentState } from './interfaces/TamaguiComponentState'
-import type { TamaguiComponentEvents } from './interfaces/TamaguiComponentEvents'
 import { Slot } from './views/Slot'
 import { getThemedChildren } from './views/Theme'
 import { ThemeDebug } from './views/ThemeDebug'
-import { isDevTools } from './constants/isDevTools'
-import { setElementProps } from './helpers/setElementProps'
 
 /**
  * All things that need one-time setup after createTamagui is called
@@ -178,9 +177,6 @@ export const useComponentState = (
     curStateRef.hasAnimated = true
   }
 
-  // HOOK
-  const isHydrated = config?.disableSSR ? true : useDidFinishSSR()
-
   // HOOK
   const presence =
     (willBeAnimated &&
@@ -194,25 +190,17 @@ export const useComponentState = (
   const hasEnterStyle = !!props.enterStyle
   // finish animated logic, avoid isAnimated when unmounted
   const hasRNAnimation = hasAnimationProp && animationDriver?.isReactNative
-  const isReactNative = staticConfig.isReactNative
-
-  // only web server + initial client render run this when not hydrated:
-  let isAnimated = willBeAnimated
-  if (!isReactNative && hasRNAnimation && !staticConfig.isHOC && !isHydrated) {
-    isAnimated = false
-    curStateRef.willHydrate = true
-  }
 
   if (process.env.NODE_ENV === 'development' && time) time`pre-use-state`
 
   const hasEnterState = hasEnterStyle || isEntering
-  const needsToMount = !isHydrated || !curStateRef.host
 
-  const initialState = hasEnterState
-    ? needsToMount
-      ? defaultComponentStateShouldEnter
-      : defaultComponentState
-    : defaultComponentStateMounted
+  const initialState =
+    hasEnterState || hasRNAnimation
+      ? isWeb
+        ? defaultComponentState
+        : defaultComponentStateShouldEnter
+      : defaultComponentStateMounted
 
   // will be nice to deprecate half of these:
   const disabled = isDisabled(props)
@@ -227,6 +215,15 @@ export const useComponentState = (
   const state = props.forceStyle ? { ...states[0], [props.forceStyle]: true } : states[0]
   const setState = states[1]
 
+  const isHydrated = state.unmounted === false || state.unmounted === 'should-enter'
+
+  // only web server + initial client render run this when not hydrated:
+  let isAnimated = willBeAnimated
+  if (isWeb && hasRNAnimation && !staticConfig.isHOC && state.unmounted === true) {
+    isAnimated = false
+    curStateRef.willHydrate = true
+  }
+
   // immediately update disabled state and reset component state
   if (disabled !== state.disabled) {
     state.disabled = disabled
@@ -237,11 +234,11 @@ export const useComponentState = (
     setState({ ...state })
   }
 
-  let setStateShallow = createShallowSetState(setState, disabled, props.debug)
+  let setStateShallow = createShallowSetState(setState, disabled, false, props.debug)
 
-  if (isHydrated && state.unmounted === 'should-enter') {
-    state.unmounted = true
-  }
+  // if (isHydrated && state.unmounted === 'should-enter') {
+  //   state.unmounted = true
+  // }
 
   // set enter/exit variants onto our new props object
   if (presenceState && isAnimated && isHydrated && staticConfig.variants) {
@@ -815,12 +812,10 @@ export function createComponent<
     // once you set animation prop don't remove it, you can set to undefined/false
     // reason is animations are heavy - no way around it, and must be run inline here (🙅 loading as a sub-component)
     let animationStyles: any
-    if (
-      // if it supports css vars we run it on server too to get matching initial style
-      (supportsCSSVars ? willBeAnimatedClient : willBeAnimated) &&
-      useAnimations &&
-      !isHOC
-    ) {
+    const shouldUseAnimation = // if it supports css vars we run it on server too to get matching initial style
+      (supportsCSSVars ? willBeAnimatedClient : willBeAnimated) && useAnimations && !isHOC
+
+    if (shouldUseAnimation) {
       // HOOK 16... (depends on driver) (-1 if no animation, -1 if disableSSR, -1 if no context, -1 if production)
       const animations = useAnimations({
         props: propsWithAnimation,
@@ -917,6 +912,11 @@ export function createComponent<
         return
       }
 
+      if (state.unmounted === true) {
+        setStateShallow({ unmounted: 'should-enter' })
+        return
+      }
+
       if (state.unmounted) {
         setStateShallow({ unmounted: false })
         return
@@ -936,6 +936,7 @@ export function createComponent<
         componentSetStates.delete(setState)
       }
     }, [
+      state.unmounted,
       disabled,
       pseudoGroups ? Object.keys([...pseudoGroups]).join('') : 0,
       mediaGroups ? Object.keys([...mediaGroups]).join('') : 0,
@@ -1277,6 +1278,31 @@ export function createComponent<
       )
     }
 
+    // add in <style> tags inline
+    if (process.env.TAMAGUI_REACT_19) {
+      if (splitStyles.rulesToInsert.length) {
+        content = (
+          <>
+            {content}
+            {/* lets see if we can put a single style tag per rule for optimal de-duping */}
+            {splitStyles.rulesToInsert.map(({ rules, identifier }) => {
+              return (
+                <style
+                  key={identifier}
+                  // @ts-ignore
+                  href={`t_${identifier}`}
+                  // @ts-ignore
+                  precedence="default"
+                >
+                  {rules.join('\n')}
+                </style>
+              )
+            })}
+          </>
+        )
+      }
+    }
+
     if (process.env.NODE_ENV === 'development') {
       if (debugProp && debugProp !== 'profile') {
         const element = typeof elementType === 'string' ? elementType : 'Component'

package/src/createVariable.ts

@@ -2,16 +2,15 @@ import { isWeb } from '@tamagui/constants'
 import { simpleHash } from '@tamagui/helpers'
 
 import { getConfig } from './config'
+import type { TokenCategories } from './types'
 
 /**
  * Should rename this to Token
  * Moving to objects for React Server Components support
  */
 
-const IS_VAR = 'isVar'
-
 export interface Variable<A = any> {
-  [IS_VAR]?: true
+  isVar: true
   variable?: string
   val: A
   name: string
@@ -25,18 +24,18 @@ function constructCSSVariableName(name: string) {
 }
 
 type VariableIn<A = any> = Pick<Variable<A>, 'key' | 'name' | 'val'>
+
 export const createVariable = <A extends string | number | Variable = any>(
   props: VariableIn<A>,
   skipHash = false
 ): Variable<A> => {
   if (!skipHash && isVariable(props)) return props
-
   const { key, name, val } = props
   return {
-    [IS_VAR]: true,
-    key: key!,
-    name: skipHash ? '' : simpleHash(name, 40),
-    val: val as any,
+    isVar: true,
+    key,
+    name: skipHash ? name : simpleHash(name, 40),
+    val,
     variable: isWeb
       ? skipHash
         ? constructCSSVariableName(name)
@@ -57,27 +56,38 @@ export function variableToString(vrble?: any, getValue = false) {
 }
 
 export function isVariable(v: Variable | any): v is Variable {
-  return v && typeof v === 'object' && IS_VAR in v
+  return v && typeof v === 'object' && 'isVar' in v
 }
 
-export function getVariable(nameOrVariable: Variable | string | any) {
+export function getVariable(
+  nameOrVariable: Variable | string | any,
+  group: TokenCategories = 'size'
+) {
   setDidGetVariableValue(true)
   if (isVariable(nameOrVariable)) {
     return variableToString(nameOrVariable)
   }
   const tokens = getConfig().tokensParsed
-  return variableToString(tokens[nameOrVariable] ?? nameOrVariable)
+  return variableToString(tokens[group]?.[nameOrVariable] ?? nameOrVariable)
 }
 
 let accessed = false
 export const setDidGetVariableValue = (val: boolean) => (accessed = val)
 export const didGetVariableValue = () => accessed
 
-export function getVariableValue(v: Variable | any) {
+export function getVariableValue(v: Variable | any, group?: TokenCategories) {
   if (isVariable(v)) {
     setDidGetVariableValue(true)
     return v.val
   }
+  if (group) {
+    const tokens = getConfig().tokensParsed
+    const token = tokens[group]?.[v]
+    if (token) {
+      setDidGetVariableValue(true)
+      return token.val
+    }
+  }
   return v
 }
 

package/src/helpers/createShallowSetState.tsx

@@ -1,13 +1,21 @@
 import type React from 'react'
 import type { DebugProp } from '../types'
+import { startTransition } from 'react'
+
+const callImmediate = (cb) => cb()
 
 export function createShallowSetState<State extends Object>(
   setter: React.Dispatch<React.SetStateAction<State>>,
   isDisabled?: boolean,
+  transition?: boolean,
   debug?: DebugProp
 ) {
-  return (next?: Partial<State>) =>
-    setter((prev) => mergeIfNotShallowEqual(prev, next, isDisabled, debug))
+  return (next?: Partial<State>) => {
+    const wrap = transition ? startTransition : callImmediate
+    wrap(() => {
+      setter((prev) => mergeIfNotShallowEqual(prev, next, isDisabled, debug))
+    })
+  }
 }
 
 export function mergeIfNotShallowEqual(

package/src/helpers/getSplitStyles.tsx

@@ -739,11 +739,8 @@ export const getSplitStyles: StyleSplitter = (
           if (isExit) {
             isDisabled = !styleProps.isExiting
           }
-          if (isEnter) {
-            isDisabled =
-              componentState.unmounted === 'should-enter'
-                ? true
-                : !componentState.unmounted
+          if (isEnter && componentState.unmounted === false) {
+            isDisabled = true
           }
 
           if (process.env.NODE_ENV === 'development' && debug === 'verbose') {
@@ -1467,12 +1464,15 @@ const useInsertEffectCompat = isWeb
 
 // perf: ...args a bit expensive on native
 export const useSplitStyles: StyleSplitter = (a, b, c, d, e, f, g, h, i, j) => {
+  conf = conf || getConfig()
   const res = getSplitStyles(a, b, c, d, e, f, g, h, i, j)
 
   if (process.env.TAMAGUI_TARGET !== 'native') {
-    useInsertEffectCompat(() => {
-      insertStyleRules(res.rulesToInsert)
-    }, [res.rulesToInsert])
+    if (!process.env.TAMAGUI_REACT_19) {
+      useInsertEffectCompat(() => {
+        insertStyleRules(res.rulesToInsert)
+      }, [res.rulesToInsert])
+    }
   }
 
   return res
@@ -1483,7 +1483,9 @@ function addStyleToInsertRules(rulesToInsert: RulesToInsert, styleObject: StyleO
     if (!shouldInsertStyleRules(styleObject.identifier)) {
       return
     }
-    updateRules(styleObject.identifier, styleObject.rules)
+    if (!process.env.TAMAGUI_REACT_19) {
+      updateRules(styleObject.identifier, styleObject.rules)
+    }
     rulesToInsert.push(styleObject)
   }
 }

package/src/helpers/getVariantExtras.tsx

@@ -2,26 +2,33 @@ import { getVariableValue } from '../createVariable'
 import type { GenericFonts, GetStyleState } from '../types'
 import type { LanguageContextType } from '../views/FontLanguage.types'
 
-export function getVariantExtras(styleState: GetStyleState) {
+const cache = new WeakMap()
+
+export const getVariantExtras = (styleState: GetStyleState) => {
+  if (cache.has(styleState)) {
+    return cache.get(styleState)
+  }
+
   const { curProps, props, conf, context, theme } = styleState
   let fonts = conf.fontsParsed
   if (context?.language) {
     fonts = getFontsForLanguage(conf.fontsParsed, context.language)
   }
 
-  // should be able to just use styleState.fontFamily but no time to test for now
-  const fontFamily = getVariableValue(
-    styleState.fontFamily || styleState.curProps.fontFamily || styleState.conf.defaultFont
-  )
-
-  const font = fonts[fontFamily] || fonts[styleState.conf.defaultFont!]
-
   const next = {
     fonts,
     tokens: conf.tokensParsed,
     theme,
-    fontFamily,
-    font,
+    get fontFamily() {
+      return getVariableValue(
+        styleState.fontFamily ||
+          styleState.curProps.fontFamily ||
+          styleState.conf.defaultFont
+      )
+    },
+    get font() {
+      return fonts[this.fontFamily] || fonts[styleState.conf.defaultFont!]
+    },
     // TODO do this in splitstlye
     // we avoid passing in default props for media queries because that would confuse things like SizableText.size:
     props: new Proxy(props, {
@@ -36,6 +43,8 @@ export function getVariantExtras(styleState: GetStyleState) {
     }),
   }
 
+  cache.set(styleState, next)
+
   return next as any
 }