@tamagui/web 1.112.3 → 1.112.4

package/dist/cjs/views/TamaguiProvider.js

@@ -36,24 +36,35 @@ function TamaguiProvider({
   reset,
   themeClassNameOnRoot
 }) {
-  return (0, import_useMedia.setupMediaListeners)(), import_constants.isClient && (0, import_constants.useIsomorphicLayoutEffect)(() => {
+  return (0, import_useMedia.setupMediaListeners)(), process.env.TAMAGUI_REACT_19 || import_constants.isClient && (0, import_constants.useIsomorphicLayoutEffect)(() => {
     if (config && !disableInjectCSS) {
       const style = document.createElement("style");
       return style.appendChild(document.createTextNode(config.getCSS())), document.head.appendChild(style), () => {
         document.head.removeChild(style);
       };
     }
-  }, [config, disableInjectCSS]), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(UnmountedClassName, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ComponentContext.ComponentContext.Provider, { animationDriver: config?.animations, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_ThemeProvider.ThemeProvider,
-    {
-      themeClassNameOnRoot: themeClassNameOnRoot ?? (0, import_config.getSetting)("themeClassNameOnRoot"),
-      disableRootThemeClass: disableRootThemeClass ?? (0, import_config.getSetting)("disableRootThemeClass"),
-      defaultTheme: defaultTheme ?? (config ? Object.keys(config.themes)[0] : ""),
-      reset,
-      className,
-      children
-    }
-  ) }) });
+  }, [config, disableInjectCSS]), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(UnmountedClassName, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ComponentContext.ComponentContext.Provider, { animationDriver: config?.animations, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_ThemeProvider.ThemeProvider,
+      {
+        themeClassNameOnRoot: themeClassNameOnRoot ?? (0, import_config.getSetting)("themeClassNameOnRoot"),
+        disableRootThemeClass: disableRootThemeClass ?? (0, import_config.getSetting)("disableRootThemeClass"),
+        defaultTheme: defaultTheme ?? (config ? Object.keys(config.themes)[0] : ""),
+        reset,
+        className,
+        children
+      }
+    ) }) }),
+    process.env.TAMAGUI_REACT_19 && config && !disableInjectCSS && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "style",
+      {
+        precedence: "default",
+        href: "tamagui-css",
+        children: config.getCSS()
+      },
+      "tamagui-css"
+    )
+  ] });
 }
 function UnmountedClassName(props) {
   const [mounted, setMounted] = import_react.default.useState(!1);

package/dist/cjs/views/TamaguiProvider.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../src/views/TamaguiProvider.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAA2D,+BAC3D,eAAkB,2BAElB,gBAA2B,sBAC3B,0BAAiC,yCACjC,kBAAoC,8BAEpC,uBAA8B,4BAgCtB;AA9BD,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAyB;AACvB,kDAAoB,GAEhB,iCAEF,4CAA0B,MAAM;AAC9B,QAAK,UACD,CAAC,kBAAkB;AACrB,YAAM,QAAQ,SAAS,cAAc,OAAO;AAC5C,mBAAM,YAAY,SAAS,eAAe,OAAO,OAAO,CAAC,CAAC,GAC1D,SAAS,KAAK,YAAY,KAAK,GACxB,MAAM;AACX,iBAAS,KAAK,YAAY,KAAK;AAAA,MACjC;AAAA,IACF;AAAA,EACF,GAAG,CAAC,QAAQ,gBAAgB,CAAC,GAI7B,4CAAC,sBACC,sDAAC,yCAAiB,UAAjB,EAA0B,iBAAiB,QAAQ,YAClD;AAAA,IAAC;AAAA;AAAA,MACC,sBACE,4BAAwB,0BAAW,sBAAsB;AAAA,MAE3D,uBACE,6BAAyB,0BAAW,uBAAuB;AAAA,MAE7D,cAAc,iBAAiB,SAAS,OAAO,KAAK,OAAO,MAAM,EAAE,CAAC,IAAI;AAAA,MACxE;AAAA,MACA;AAAA,MAEC;AAAA;AAAA,EACH,GACF,GACF;AAEJ;AAGA,SAAS,mBAAmB,OAAsC;AAChE,QAAM,CAAC,SAAS,UAAU,IAAI,aAAAA,QAAM,SAAS,EAAK;AAMlD,SAJA,aAAAA,QAAM,UAAU,MAAM;AACpB,eAAW,EAAI;AAAA,EACjB,GAAG,CAAC,CAAC,GAEA,yBAKH,4CAAC,UAAK,OAAO,EAAE,SAAS,WAAW,GAAG,WAAW,UAAU,KAAK,eAC7D,gBAAM,UACT,IANO,MAAM;AAQjB;AAEA,gBAAgB,cAAiB;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAA2D,+BAC3D,eAAkB,2BAElB,gBAA2B,sBAC3B,0BAAiC,yCACjC,kBAAoC,8BAEpC,uBAA8B,4BAgC1B;AA9BG,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAyB;AACvB,kDAAoB,GAEf,QAAQ,IAAI,oBACX,iCAEF,4CAA0B,MAAM;AAC9B,QAAK,UACD,CAAC,kBAAkB;AACrB,YAAM,QAAQ,SAAS,cAAc,OAAO;AAC5C,mBAAM,YAAY,SAAS,eAAe,OAAO,OAAO,CAAC,CAAC,GAC1D,SAAS,KAAK,YAAY,KAAK,GACxB,MAAM;AACX,iBAAS,KAAK,YAAY,KAAK;AAAA,MACjC;AAAA,IACF;AAAA,EACF,GAAG,CAAC,QAAQ,gBAAgB,CAAC,GAK/B,4EACE;AAAA,gDAAC,sBACC,sDAAC,yCAAiB,UAAjB,EAA0B,iBAAiB,QAAQ,YAClD;AAAA,MAAC;AAAA;AAAA,QACC,sBACE,4BAAwB,0BAAW,sBAAsB;AAAA,QAE3D,uBACE,6BAAyB,0BAAW,uBAAuB;AAAA,QAE7D,cAAc,iBAAiB,SAAS,OAAO,KAAK,OAAO,MAAM,EAAE,CAAC,IAAI;AAAA,QACxE;AAAA,QACA;AAAA,QAEC;AAAA;AAAA,IACH,GACF,GACF;AAAA,IAEC,QAAQ,IAAI,oBAAoB,UAAU,CAAC,oBAC1C;AAAA,MAAC;AAAA;AAAA,QAIC,YAAW;AAAA,QACX,MAAK;AAAA,QAGJ,iBAAO,OAAO;AAAA;AAAA,MAFX;AAAA,IAGN;AAAA,KAEJ;AAEJ;AAGA,SAAS,mBAAmB,OAAsC;AAChE,QAAM,CAAC,SAAS,UAAU,IAAI,aAAAA,QAAM,SAAS,EAAK;AAMlD,SAJA,aAAAA,QAAM,UAAU,MAAM;AACpB,eAAW,EAAI;AAAA,EACjB,GAAG,CAAC,CAAC,GAEA,yBAKH,4CAAC,UAAK,OAAO,EAAE,SAAS,WAAW,GAAG,WAAW,UAAU,KAAK,eAC7D,gBAAM,UACT,IANO,MAAM;AAQjB;AAEA,gBAAgB,cAAiB;",
   "names": ["React"]
 }

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

@@ -29,7 +29,7 @@ module.exports = __toCommonJS(TamaguiProvider_exports);
 var import_jsx_runtime = require("react/jsx-runtime"), import_constants = require("@tamagui/constants"), import_react = __toESM(require("react")), import_config = require("../config"), import_ComponentContext = require("../contexts/ComponentContext"), import_useMedia = require("../hooks/useMedia"), import_ThemeProvider = require("./ThemeProvider");
 function TamaguiProvider(param) {
   var { children, disableInjectCSS, config, className, defaultTheme, disableRootThemeClass, reset, themeClassNameOnRoot } = param;
-  return (0, import_useMedia.setupMediaListeners)(), import_constants.isClient && (0, import_constants.useIsomorphicLayoutEffect)(function() {
+  return (0, import_useMedia.setupMediaListeners)(), process.env.TAMAGUI_REACT_19 || import_constants.isClient && (0, import_constants.useIsomorphicLayoutEffect)(function() {
     if (config && !disableInjectCSS) {
       var style = document.createElement("style");
       return style.appendChild(document.createTextNode(config.getCSS())), document.head.appendChild(style), function() {
@@ -39,18 +39,30 @@ function TamaguiProvider(param) {
   }, [
     config,
     disableInjectCSS
-  ]), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(UnmountedClassName, {
-    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ComponentContext.ComponentContext.Provider, {
-      animationDriver: config == null ? void 0 : config.animations,
-      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ThemeProvider.ThemeProvider, {
-        themeClassNameOnRoot: themeClassNameOnRoot ?? (0, import_config.getSetting)("themeClassNameOnRoot"),
-        disableRootThemeClass: disableRootThemeClass ?? (0, import_config.getSetting)("disableRootThemeClass"),
-        defaultTheme: defaultTheme ?? (config ? Object.keys(config.themes)[0] : ""),
-        reset,
-        className,
-        children
-      })
-    })
+  ]), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(UnmountedClassName, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ComponentContext.ComponentContext.Provider, {
+          animationDriver: config == null ? void 0 : config.animations,
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ThemeProvider.ThemeProvider, {
+            themeClassNameOnRoot: themeClassNameOnRoot ?? (0, import_config.getSetting)("themeClassNameOnRoot"),
+            disableRootThemeClass: disableRootThemeClass ?? (0, import_config.getSetting)("disableRootThemeClass"),
+            defaultTheme: defaultTheme ?? (config ? Object.keys(config.themes)[0] : ""),
+            reset,
+            className,
+            children
+          })
+        })
+      }),
+      process.env.TAMAGUI_REACT_19 && config && !disableInjectCSS && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("style", {
+        // react 19 feature to hoist style tags to header:
+        // https://react.dev/reference/react-dom/components/style
+        // @ts-ignore
+        precedence: "default",
+        href: "tamagui-css",
+        children: config.getCSS()
+      }, "tamagui-css")
+    ]
   });
 }
 function UnmountedClassName(props) {

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../src/views/Users/n8/tamagui/code/core/web/src/views/TamaguiProvider.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;uDAAA,mBAA2D,+BAC3D,eAAkB,2BAElB,gBAA2B,sBAC3B,0BAAiC,yCACjC,kBAAoC,8BAEpC,uBAA8B;AAEvB,SAASA,gBAAgB,OAST;MATS,EAC9BC,UACAC,kBACAC,QACAC,WACAC,cACAC,uBACAC,OACAC,qBAAoB,IARU;AAU9BC,kDAAAA,GAEIC,iCAEFC,4CAA0B,WAAA;AACxB,QAAKR,UACD,CAACD,kBAAkB;AACrB,UAAMU,QAAQC,SAASC,cAAc,OAAA;AACrCF,mBAAMG,YAAYF,SAASG,eAAeb,OAAOc,OAAM,CAAA,CAAA,GACvDJ,SAASK,KAAKH,YAAYH,KAAAA,GACnB,WAAA;AACLC,iBAASK,KAAKC,YAAYP,KAAAA;MAC5B;IACF;EACF,GAAG;IAACT;IAAQD;GAAiB,GAI7B,uCAAAkB,KAACC,oBAAAA;cACC,uCAAAD,KAACE,yCAAiBC,UAAQ;MAACC,iBAAiBrB,UAAAA,OAAAA,SAAAA,OAAQsB;gBAClD,uCAAAL,KAACM,oCAAAA;QACClB,sBACEA,4BAAwBmB,0BAAW,sBAAA;QAErCrB,uBACEA,6BAAyBqB,0BAAW,uBAAA;QAEtCtB,cAAcA,iBAAiBF,SAASyB,OAAOC,KAAK1B,OAAO2B,MAAM,EAAE,CAAA,IAAK;QACxEvB;QACAH;;;;;AAOV;AAGA,SAASiB,mBAAmBU,OAAoC;AAC9D,MAAM,CAACC,SAASC,UAAAA,IAAcC,aAAAA,QAAMC,SAAS,EAAA;AAM7C,SAJAD,aAAAA,QAAME,UAAU,WAAA;AACdH,eAAW,EAAA;EACb,GAAG,CAAA,CAAE,GAEAI,yBAKH,uCAAAjB,KAACkB,QAAAA;IAAK1B,OAAO;MAAE2B,SAAS;IAAW;IAAGnC,WAAW4B,UAAU,KAAK;cAC7DD,MAAM9B;OALF8B,MAAM9B;AAQjB;AAEAD,gBAAgB,cAAiB;",
-  "names": ["TamaguiProvider", "children", "disableInjectCSS", "config", "className", "defaultTheme", "disableRootThemeClass", "reset", "themeClassNameOnRoot", "setupMediaListeners", "isClient", "useIsomorphicLayoutEffect", "style", "document", "createElement", "appendChild", "createTextNode", "getCSS", "head", "removeChild", "_jsx", "UnmountedClassName", "ComponentContext", "Provider", "animationDriver", "animations", "ThemeProvider", "getSetting", "Object", "keys", "themes", "props", "mounted", "setMounted", "React", "useState", "useEffect", "isWeb", "span", "display"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;uDAAA,mBAA2D,+BAC3D,eAAkB,2BAElB,gBAA2B,sBAC3B,0BAAiC,yCACjC,kBAAoC,8BAEpC,uBAA8B;AAEvB,SAASA,gBAAgB,OAST;MATS,EAC9BC,UACAC,kBACAC,QACAC,WACAC,cACAC,uBACAC,OACAC,qBAAoB,IARU;AAU9BC,kDAAAA,GAEKC,QAAQC,IAAIC,oBACXC,iCAEFC,4CAA0B,WAAA;AACxB,QAAKX,UACD,CAACD,kBAAkB;AACrB,UAAMa,QAAQC,SAASC,cAAc,OAAA;AACrCF,mBAAMG,YAAYF,SAASG,eAAehB,OAAOiB,OAAM,CAAA,CAAA,GACvDJ,SAASK,KAAKH,YAAYH,KAAAA,GACnB,WAAA;AACLC,iBAASK,KAAKC,YAAYP,KAAAA;MAC5B;IACF;EACF,GAAG;IAACZ;IAAQD;GAAiB,GAK/B,uCAAAqB,MAAA,mBAAAC,UAAA;;MACE,uCAAAC,KAACC,oBAAAA;kBACC,uCAAAD,KAACE,yCAAiBC,UAAQ;UAACC,iBAAiB1B,UAAAA,OAAAA,SAAAA,OAAQ2B;oBAClD,uCAAAL,KAACM,oCAAAA;YACCvB,sBACEA,4BAAwBwB,0BAAW,sBAAA;YAErC1B,uBACEA,6BAAyB0B,0BAAW,uBAAA;YAEtC3B,cAAcA,iBAAiBF,SAAS8B,OAAOC,KAAK/B,OAAOgC,MAAM,EAAE,CAAA,IAAK;YACxE5B;YACAH;;;;;MAOLM,QAAQC,IAAIC,oBAAoBT,UAAU,CAACD,oBAC1C,uCAAAuB,KAACV,SAAAA;;;;QAICqB,YAAW;QACXC,MAAK;kBAGJlC,OAAOiB,OAAM;SAFV,aAAA;;;AAOd;AAGA,SAASM,mBAAmBY,OAAoC;AAC9D,MAAM,CAACC,SAASC,UAAAA,IAAcC,aAAAA,QAAMC,SAAS,EAAA;AAM7C,SAJAD,aAAAA,QAAME,UAAU,WAAA;AACdH,eAAW,EAAA;EACb,GAAG,CAAA,CAAE,GAEAI,yBAKH,uCAAAnB,KAACoB,QAAAA;IAAK9B,OAAO;MAAE+B,SAAS;IAAW;IAAG1C,WAAWmC,UAAU,KAAK;cAC7DD,MAAMrC;OALFqC,MAAMrC;AAQjB;AAEAD,gBAAgB,cAAiB;",
+  "names": ["TamaguiProvider", "children", "disableInjectCSS", "config", "className", "defaultTheme", "disableRootThemeClass", "reset", "themeClassNameOnRoot", "setupMediaListeners", "process", "env", "TAMAGUI_REACT_19", "isClient", "useIsomorphicLayoutEffect", "style", "document", "createElement", "appendChild", "createTextNode", "getCSS", "head", "removeChild", "_jsxs", "_Fragment", "_jsx", "UnmountedClassName", "ComponentContext", "Provider", "animationDriver", "animations", "ThemeProvider", "getSetting", "Object", "keys", "themes", "precedence", "href", "props", "mounted", "setMounted", "React", "useState", "useEffect", "isWeb", "span", "display"]
 }

package/dist/esm/views/TamaguiProvider.js

@@ -4,7 +4,7 @@ import { getSetting } from "../config";
 import { ComponentContext } from "../contexts/ComponentContext";
 import { setupMediaListeners } from "../hooks/useMedia";
 import { ThemeProvider } from "./ThemeProvider";
-import { jsx } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 function TamaguiProvider({
   children,
   disableInjectCSS,
@@ -15,24 +15,35 @@ function TamaguiProvider({
   reset,
   themeClassNameOnRoot
 }) {
-  return setupMediaListeners(), isClient && useIsomorphicLayoutEffect(() => {
+  return setupMediaListeners(), process.env.TAMAGUI_REACT_19 || isClient && useIsomorphicLayoutEffect(() => {
     if (config && !disableInjectCSS) {
       const style = document.createElement("style");
       return style.appendChild(document.createTextNode(config.getCSS())), document.head.appendChild(style), () => {
         document.head.removeChild(style);
       };
     }
-  }, [config, disableInjectCSS]), /* @__PURE__ */ jsx(UnmountedClassName, { children: /* @__PURE__ */ jsx(ComponentContext.Provider, { animationDriver: config?.animations, children: /* @__PURE__ */ jsx(
-    ThemeProvider,
-    {
-      themeClassNameOnRoot: themeClassNameOnRoot ?? getSetting("themeClassNameOnRoot"),
-      disableRootThemeClass: disableRootThemeClass ?? getSetting("disableRootThemeClass"),
-      defaultTheme: defaultTheme ?? (config ? Object.keys(config.themes)[0] : ""),
-      reset,
-      className,
-      children
-    }
-  ) }) });
+  }, [config, disableInjectCSS]), /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(UnmountedClassName, { children: /* @__PURE__ */ jsx(ComponentContext.Provider, { animationDriver: config?.animations, children: /* @__PURE__ */ jsx(
+      ThemeProvider,
+      {
+        themeClassNameOnRoot: themeClassNameOnRoot ?? getSetting("themeClassNameOnRoot"),
+        disableRootThemeClass: disableRootThemeClass ?? getSetting("disableRootThemeClass"),
+        defaultTheme: defaultTheme ?? (config ? Object.keys(config.themes)[0] : ""),
+        reset,
+        className,
+        children
+      }
+    ) }) }),
+    process.env.TAMAGUI_REACT_19 && config && !disableInjectCSS && /* @__PURE__ */ jsx(
+      "style",
+      {
+        precedence: "default",
+        href: "tamagui-css",
+        children: config.getCSS()
+      },
+      "tamagui-css"
+    )
+  ] });
 }
 function UnmountedClassName(props) {
   const [mounted, setMounted] = React.useState(!1);

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../src/views/TamaguiProvider.tsx"],
-  "mappings": "AAAA,SAAS,UAAU,OAAO,iCAAiC;AAC3D,OAAO,WAAW;AAElB,SAAS,kBAAkB;AAC3B,SAAS,wBAAwB;AACjC,SAAS,2BAA2B;AAEpC,SAAS,qBAAqB;AAgCtB;AA9BD,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAyB;AACvB,6BAAoB,GAEhB,YAEF,0BAA0B,MAAM;AAC9B,QAAK,UACD,CAAC,kBAAkB;AACrB,YAAM,QAAQ,SAAS,cAAc,OAAO;AAC5C,mBAAM,YAAY,SAAS,eAAe,OAAO,OAAO,CAAC,CAAC,GAC1D,SAAS,KAAK,YAAY,KAAK,GACxB,MAAM;AACX,iBAAS,KAAK,YAAY,KAAK;AAAA,MACjC;AAAA,IACF;AAAA,EACF,GAAG,CAAC,QAAQ,gBAAgB,CAAC,GAI7B,oBAAC,sBACC,8BAAC,iBAAiB,UAAjB,EAA0B,iBAAiB,QAAQ,YAClD;AAAA,IAAC;AAAA;AAAA,MACC,sBACE,wBAAwB,WAAW,sBAAsB;AAAA,MAE3D,uBACE,yBAAyB,WAAW,uBAAuB;AAAA,MAE7D,cAAc,iBAAiB,SAAS,OAAO,KAAK,OAAO,MAAM,EAAE,CAAC,IAAI;AAAA,MACxE;AAAA,MACA;AAAA,MAEC;AAAA;AAAA,EACH,GACF,GACF;AAEJ;AAGA,SAAS,mBAAmB,OAAsC;AAChE,QAAM,CAAC,SAAS,UAAU,IAAI,MAAM,SAAS,EAAK;AAMlD,SAJA,MAAM,UAAU,MAAM;AACpB,eAAW,EAAI;AAAA,EACjB,GAAG,CAAC,CAAC,GAEA,QAKH,oBAAC,UAAK,OAAO,EAAE,SAAS,WAAW,GAAG,WAAW,UAAU,KAAK,eAC7D,gBAAM,UACT,IANO,MAAM;AAQjB;AAEA,gBAAgB,cAAiB;",
+  "mappings": "AAAA,SAAS,UAAU,OAAO,iCAAiC;AAC3D,OAAO,WAAW;AAElB,SAAS,kBAAkB;AAC3B,SAAS,wBAAwB;AACjC,SAAS,2BAA2B;AAEpC,SAAS,qBAAqB;AAgC1B,mBAGM,KAHN;AA9BG,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAyB;AACvB,6BAAoB,GAEf,QAAQ,IAAI,oBACX,YAEF,0BAA0B,MAAM;AAC9B,QAAK,UACD,CAAC,kBAAkB;AACrB,YAAM,QAAQ,SAAS,cAAc,OAAO;AAC5C,mBAAM,YAAY,SAAS,eAAe,OAAO,OAAO,CAAC,CAAC,GAC1D,SAAS,KAAK,YAAY,KAAK,GACxB,MAAM;AACX,iBAAS,KAAK,YAAY,KAAK;AAAA,MACjC;AAAA,IACF;AAAA,EACF,GAAG,CAAC,QAAQ,gBAAgB,CAAC,GAK/B,iCACE;AAAA,wBAAC,sBACC,8BAAC,iBAAiB,UAAjB,EAA0B,iBAAiB,QAAQ,YAClD;AAAA,MAAC;AAAA;AAAA,QACC,sBACE,wBAAwB,WAAW,sBAAsB;AAAA,QAE3D,uBACE,yBAAyB,WAAW,uBAAuB;AAAA,QAE7D,cAAc,iBAAiB,SAAS,OAAO,KAAK,OAAO,MAAM,EAAE,CAAC,IAAI;AAAA,QACxE;AAAA,QACA;AAAA,QAEC;AAAA;AAAA,IACH,GACF,GACF;AAAA,IAEC,QAAQ,IAAI,oBAAoB,UAAU,CAAC,oBAC1C;AAAA,MAAC;AAAA;AAAA,QAIC,YAAW;AAAA,QACX,MAAK;AAAA,QAGJ,iBAAO,OAAO;AAAA;AAAA,MAFX;AAAA,IAGN;AAAA,KAEJ;AAEJ;AAGA,SAAS,mBAAmB,OAAsC;AAChE,QAAM,CAAC,SAAS,UAAU,IAAI,MAAM,SAAS,EAAK;AAMlD,SAJA,MAAM,UAAU,MAAM;AACpB,eAAW,EAAI;AAAA,EACjB,GAAG,CAAC,CAAC,GAEA,QAKH,oBAAC,UAAK,OAAO,EAAE,SAAS,WAAW,GAAG,WAAW,UAAU,KAAK,eAC7D,gBAAM,UACT,IANO,MAAM;AAQjB;AAEA,gBAAgB,cAAiB;",
   "names": []
 }

package/dist/esm/views/TamaguiProvider.mjs

@@ -4,7 +4,7 @@ import { getSetting } from "../config.mjs";
 import { ComponentContext } from "../contexts/ComponentContext.mjs";
 import { setupMediaListeners } from "../hooks/useMedia.mjs";
 import { ThemeProvider } from "./ThemeProvider.mjs";
-import { jsx } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 function TamaguiProvider({
   children,
   disableInjectCSS,
@@ -15,25 +15,31 @@ function TamaguiProvider({
   reset,
   themeClassNameOnRoot
 }) {
-  return setupMediaListeners(), isClient && useIsomorphicLayoutEffect(() => {
+  return setupMediaListeners(), process.env.TAMAGUI_REACT_19 || isClient && useIsomorphicLayoutEffect(() => {
     if (config && !disableInjectCSS) {
       const style = document.createElement("style");
       return style.appendChild(document.createTextNode(config.getCSS())), document.head.appendChild(style), () => {
         document.head.removeChild(style);
       };
     }
-  }, [config, disableInjectCSS]), /* @__PURE__ */jsx(UnmountedClassName, {
-    children: /* @__PURE__ */jsx(ComponentContext.Provider, {
-      animationDriver: config?.animations,
-      children: /* @__PURE__ */jsx(ThemeProvider, {
-        themeClassNameOnRoot: themeClassNameOnRoot ?? getSetting("themeClassNameOnRoot"),
-        disableRootThemeClass: disableRootThemeClass ?? getSetting("disableRootThemeClass"),
-        defaultTheme: defaultTheme ?? (config ? Object.keys(config.themes)[0] : ""),
-        reset,
-        className,
-        children
+  }, [config, disableInjectCSS]), /* @__PURE__ */jsxs(Fragment, {
+    children: [/* @__PURE__ */jsx(UnmountedClassName, {
+      children: /* @__PURE__ */jsx(ComponentContext.Provider, {
+        animationDriver: config?.animations,
+        children: /* @__PURE__ */jsx(ThemeProvider, {
+          themeClassNameOnRoot: themeClassNameOnRoot ?? getSetting("themeClassNameOnRoot"),
+          disableRootThemeClass: disableRootThemeClass ?? getSetting("disableRootThemeClass"),
+          defaultTheme: defaultTheme ?? (config ? Object.keys(config.themes)[0] : ""),
+          reset,
+          className,
+          children
+        })
       })
-    })
+    }), process.env.TAMAGUI_REACT_19 && config && !disableInjectCSS && /* @__PURE__ */jsx("style", {
+      precedence: "default",
+      href: "tamagui-css",
+      children: config.getCSS()
+    }, "tamagui-css")]
   });
 }
 function UnmountedClassName(props) {

package/dist/esm/views/TamaguiProvider.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["isClient","isWeb","useIsomorphicLayoutEffect","React","getSetting","ComponentContext","setupMediaListeners","ThemeProvider","jsx","TamaguiProvider","children","disableInjectCSS","config","className","defaultTheme","disableRootThemeClass","reset","themeClassNameOnRoot","style","document","createElement","appendChild","createTextNode","getCSS","head","removeChild","UnmountedClassName","Provider","animationDriver","animations","Object","keys","themes","props","mounted","setMounted","useState","useEffect","display","displayName"],"sources":["../../../src/views/TamaguiProvider.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,QAAA,EAAUC,KAAA,EAAOC,yBAAA,QAAiC;AAC3D,OAAOC,KAAA,MAAW;AAElB,SAASC,UAAA,QAAkB;AAC3B,SAASC,gBAAA,QAAwB;AACjC,SAASC,mBAAA,QAA2B;AAEpC,SAASC,aAAA,QAAqB;AAgCtB,SAAAC,GAAA;AA9BD,SAASC,gBAAgB;EAC9BC,QAAA;EACAC,gBAAA;EACAC,MAAA;EACAC,SAAA;EACAC,YAAA;EACAC,qBAAA;EACAC,KAAA;EACAC;AACF,GAAyB;EACvB,OAAAX,mBAAA,CAAoB,GAEhBN,QAAA,IAEFE,yBAAA,CAA0B,MAAM;IAC9B,IAAKU,MAAA,IACD,CAACD,gBAAA,EAAkB;MACrB,MAAMO,KAAA,GAAQC,QAAA,CAASC,aAAA,CAAc,OAAO;MAC5C,OAAAF,KAAA,CAAMG,WAAA,CAAYF,QAAA,CAASG,cAAA,CAAeV,MAAA,CAAOW,MAAA,CAAO,CAAC,CAAC,GAC1DJ,QAAA,CAASK,IAAA,CAAKH,WAAA,CAAYH,KAAK,GACxB,MAAM;QACXC,QAAA,CAASK,IAAA,CAAKC,WAAA,CAAYP,KAAK;MACjC;IACF;EACF,GAAG,CAACN,MAAA,EAAQD,gBAAgB,CAAC,GAI7B,eAAAH,GAAA,CAACkB,kBAAA;IACChB,QAAA,iBAAAF,GAAA,CAACH,gBAAA,CAAiBsB,QAAA,EAAjB;MAA0BC,eAAA,EAAiBhB,MAAA,EAAQiB,UAAA;MAClDnB,QAAA,iBAAAF,GAAA,CAACD,aAAA;QACCU,oBAAA,EACEA,oBAAA,IAAwBb,UAAA,CAAW,sBAAsB;QAE3DW,qBAAA,EACEA,qBAAA,IAAyBX,UAAA,CAAW,uBAAuB;QAE7DU,YAAA,EAAcA,YAAA,KAAiBF,MAAA,GAASkB,MAAA,CAAOC,IAAA,CAAKnB,MAAA,CAAOoB,MAAM,EAAE,CAAC,IAAI;QACxEhB,KAAA;QACAH,SAAA;QAECH;MAAA,CACH;IAAA,CACF;EAAA,CACF;AAEJ;AAGA,SAASgB,mBAAmBO,KAAA,EAAsC;EAChE,MAAM,CAACC,OAAA,EAASC,UAAU,IAAIhC,KAAA,CAAMiC,QAAA,CAAS,EAAK;EAMlD,OAJAjC,KAAA,CAAMkC,SAAA,CAAU,MAAM;IACpBF,UAAA,CAAW,EAAI;EACjB,GAAG,EAAE,GAEAlC,KAAA,GAKH,eAAAO,GAAA,CAAC;IAAKU,KAAA,EAAO;MAAEoB,OAAA,EAAS;IAAW;IAAGzB,SAAA,EAAWqB,OAAA,GAAU,KAAK;IAC7DxB,QAAA,EAAAuB,KAAA,CAAMvB;EAAA,CACT,IANOuB,KAAA,CAAMvB,QAAA;AAQjB;AAEAD,eAAA,CAAgB8B,WAAA,GAAiB","ignoreList":[]}
+{"version":3,"names":["isClient","isWeb","useIsomorphicLayoutEffect","React","getSetting","ComponentContext","setupMediaListeners","ThemeProvider","Fragment","jsx","jsxs","TamaguiProvider","children","disableInjectCSS","config","className","defaultTheme","disableRootThemeClass","reset","themeClassNameOnRoot","process","env","TAMAGUI_REACT_19","style","document","createElement","appendChild","createTextNode","getCSS","head","removeChild","UnmountedClassName","Provider","animationDriver","animations","Object","keys","themes","precedence","href","props","mounted","setMounted","useState","useEffect","display","displayName"],"sources":["../../../src/views/TamaguiProvider.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,QAAA,EAAUC,KAAA,EAAOC,yBAAA,QAAiC;AAC3D,OAAOC,KAAA,MAAW;AAElB,SAASC,UAAA,QAAkB;AAC3B,SAASC,gBAAA,QAAwB;AACjC,SAASC,mBAAA,QAA2B;AAEpC,SAASC,aAAA,QAAqB;AAgC1B,SAAAC,QAAA,EAGMC,GAAA,EAHNC,IAAA;AA9BG,SAASC,gBAAgB;EAC9BC,QAAA;EACAC,gBAAA;EACAC,MAAA;EACAC,SAAA;EACAC,YAAA;EACAC,qBAAA;EACAC,KAAA;EACAC;AACF,GAAyB;EACvB,OAAAb,mBAAA,CAAoB,GAEfc,OAAA,CAAQC,GAAA,CAAIC,gBAAA,IACXtB,QAAA,IAEFE,yBAAA,CAA0B,MAAM;IAC9B,IAAKY,MAAA,IACD,CAACD,gBAAA,EAAkB;MACrB,MAAMU,KAAA,GAAQC,QAAA,CAASC,aAAA,CAAc,OAAO;MAC5C,OAAAF,KAAA,CAAMG,WAAA,CAAYF,QAAA,CAASG,cAAA,CAAeb,MAAA,CAAOc,MAAA,CAAO,CAAC,CAAC,GAC1DJ,QAAA,CAASK,IAAA,CAAKH,WAAA,CAAYH,KAAK,GACxB,MAAM;QACXC,QAAA,CAASK,IAAA,CAAKC,WAAA,CAAYP,KAAK;MACjC;IACF;EACF,GAAG,CAACT,MAAA,EAAQD,gBAAgB,CAAC,GAK/B,eAAAH,IAAA,CAAAF,QAAA;IACEI,QAAA,kBAAAH,GAAA,CAACsB,kBAAA;MACCnB,QAAA,iBAAAH,GAAA,CAACJ,gBAAA,CAAiB2B,QAAA,EAAjB;QAA0BC,eAAA,EAAiBnB,MAAA,EAAQoB,UAAA;QAClDtB,QAAA,iBAAAH,GAAA,CAACF,aAAA;UACCY,oBAAA,EACEA,oBAAA,IAAwBf,UAAA,CAAW,sBAAsB;UAE3Da,qBAAA,EACEA,qBAAA,IAAyBb,UAAA,CAAW,uBAAuB;UAE7DY,YAAA,EAAcA,YAAA,KAAiBF,MAAA,GAASqB,MAAA,CAAOC,IAAA,CAAKtB,MAAA,CAAOuB,MAAM,EAAE,CAAC,IAAI;UACxEnB,KAAA;UACAH,SAAA;UAECH;QAAA,CACH;MAAA,CACF;IAAA,CACF,GAECQ,OAAA,CAAQC,GAAA,CAAIC,gBAAA,IAAoBR,MAAA,IAAU,CAACD,gBAAA,IAC1C,eAAAJ,GAAA,CAAC;MAIC6B,UAAA,EAAW;MACXC,IAAA,EAAK;MAGJ3B,QAAA,EAAAE,MAAA,CAAOc,MAAA,CAAO;IAAA,GAFX,aAGN;EAAA,CAEJ;AAEJ;AAGA,SAASG,mBAAmBS,KAAA,EAAsC;EAChE,MAAM,CAACC,OAAA,EAASC,UAAU,IAAIvC,KAAA,CAAMwC,QAAA,CAAS,EAAK;EAMlD,OAJAxC,KAAA,CAAMyC,SAAA,CAAU,MAAM;IACpBF,UAAA,CAAW,EAAI;EACjB,GAAG,EAAE,GAEAzC,KAAA,GAKH,eAAAQ,GAAA,CAAC;IAAKc,KAAA,EAAO;MAAEsB,OAAA,EAAS;IAAW;IAAG9B,SAAA,EAAW0B,OAAA,GAAU,KAAK;IAC7D7B,QAAA,EAAA4B,KAAA,CAAM5B;EAAA,CACT,IANO4B,KAAA,CAAM5B,QAAA;AAQjB;AAEAD,eAAA,CAAgBmC,WAAA,GAAiB","ignoreList":[]}

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

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { isClient, isWeb, useIsomorphicLayoutEffect } from "@tamagui/constants";
 import React from "react";
 import { getSetting } from "../config.native.js";
@@ -16,25 +16,34 @@ function TamaguiProvider(param) {
     reset,
     themeClassNameOnRoot
   } = param;
-  return setupMediaListeners(), isClient && useIsomorphicLayoutEffect(function () {
+  return setupMediaListeners(), process.env.TAMAGUI_REACT_19 || isClient && useIsomorphicLayoutEffect(function () {
     if (config && !disableInjectCSS) {
       var style = document.createElement("style");
       return style.appendChild(document.createTextNode(config.getCSS())), document.head.appendChild(style), function () {
         document.head.removeChild(style);
       };
     }
-  }, [config, disableInjectCSS]), /* @__PURE__ */_jsx(UnmountedClassName, {
-    children: /* @__PURE__ */_jsx(ComponentContext.Provider, {
-      animationDriver: config?.animations,
-      children: /* @__PURE__ */_jsx(ThemeProvider, {
-        themeClassNameOnRoot: themeClassNameOnRoot ?? getSetting("themeClassNameOnRoot"),
-        disableRootThemeClass: disableRootThemeClass ?? getSetting("disableRootThemeClass"),
-        defaultTheme: defaultTheme ?? (config ? Object.keys(config.themes)[0] : ""),
-        reset,
-        className,
-        children
+  }, [config, disableInjectCSS]), /* @__PURE__ */_jsxs(_Fragment, {
+    children: [/* @__PURE__ */_jsx(UnmountedClassName, {
+      children: /* @__PURE__ */_jsx(ComponentContext.Provider, {
+        animationDriver: config?.animations,
+        children: /* @__PURE__ */_jsx(ThemeProvider, {
+          themeClassNameOnRoot: themeClassNameOnRoot ?? getSetting("themeClassNameOnRoot"),
+          disableRootThemeClass: disableRootThemeClass ?? getSetting("disableRootThemeClass"),
+          defaultTheme: defaultTheme ?? (config ? Object.keys(config.themes)[0] : ""),
+          reset,
+          className,
+          children
+        })
       })
-    })
+    }), process.env.TAMAGUI_REACT_19 && config && !disableInjectCSS && /* @__PURE__ */_jsx("style", {
+      // react 19 feature to hoist style tags to header:
+      // https://react.dev/reference/react-dom/components/style
+      // @ts-ignore
+      precedence: "default",
+      href: "tamagui-css",
+      children: config.getCSS()
+    }, "tamagui-css")]
   });
 }
 function UnmountedClassName(props) {

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

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","isClient","isWeb","useIsomorphicLayoutEffect","React","getSetting","ComponentContext","setupMediaListeners","ThemeProvider","TamaguiProvider","param","children","disableInjectCSS","config","className","defaultTheme","disableRootThemeClass","reset","themeClassNameOnRoot","style","document","createElement","appendChild","createTextNode","getCSS","head","removeChild","UnmountedClassName","Provider","animationDriver","animations","Object","keys","themes","props","mounted","setMounted","useState","useEffect","display"],"sources":["../../../src/views/TamaguiProvider.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAU,QAAO;AAC1B,SAAOC,QAAA,EAAWC,KAAA,EAAAC,yBAAA;AAElB,OAAAC,KAAS;AACT,SAASC,UAAA,6BAAwB;AACjC,SAASC,gBAAA,gDAA2B;AAEpC,SAASC,mBAAA,QAAqB;AAgCtB,SAAAC,aAAA;AA9BD,SAASC,gBAAgBC,KAAA;EAC9B;IAAAC,QAAA;IAAAC,gBAAA;IAAAC,MAAA;IAAAC,SAAA;IAAAC,YAAA;IAAAC,qBAAA;IAAAC,KAAA;IAAAC;EAAA,IAAAR,KAAA;EACA,OAAAH,mBAAA,IAAAN,QAAA,IAAAE,yBAAA;IACA,IAAAU,MAAA,KAAAD,gBAAA;MACA,IAAAO,KAAA,GAAAC,QAAA,CAAAC,aAAA;MACA,OAAAF,KAAA,CAAAG,WAAA,CAAAF,QAAA,CAAAG,cAAA,CAAAV,MAAA,CAAAW,MAAA,MAAAJ,QAAA,CAAAK,IAAA,CAAAH,WAAA,CAAAH,KAAA;QACAC,QAAA,CAAAK,IAAA,CAAAC,WAAA,CAAAP,KAAA;MACA;IACA;EACF,CAAyB,GACvBN,MAAA,EAKID,gBACK,CACH,kBAAcZ,IAAA,CAAA2B,kBAAuB;IACrChB,QAAA,iBAAMX,IAAY,CAAAM,gBAAS,CAAAsB,QAAe,EAAO;MAG/CC,eAAS,EAAKhB,MAAA,EAAAiB,UAAiB;MACjCnB,QAAA,iBAAAX,IAAA,CAAAQ,aAAA;QACFU,oBAAA,EAAAA,oBAAA,IAAAb,UAAA;QACEW,qBAAQ,EAAiBA,qBAI7B,IAACX,UAAA,wBACC;QACGU,YAAA,EAAAA,YAAA,KAAAF,MAAA,GAAAkB,MAAA,CAAAC,IAAA,CAAAnB,MAAA,CAAAoB,MAAA;QAAAhB,KAAA;QACCH,SAAA;QAGAH;MAGA;IAAwE;EACxE;AACA;AAEC,SAAAgB,mBAAAO,KAAA;EACH,IACF,CAAAC,OACF,EAAAC,UAAA,IAAAhC,KAAA,CAAAiC,QAAA;EAEJ,OAAAjC,KAAA,CAAAkC,SAAA;IAGAF,UAAS;EACP,MAAM,EAAClC,KAAA,GAAS,eAAcF,IAAM,SAAS;IAM7CmB,KAJA;MACEoB,OAAA,EAAW;IACb,CAAG;IAWLzB,SAAA,EAAAqB,OAAA;IAEAxB,QAAA,EAAAuB,KAAgB,CAAAvB","ignoreList":[]}
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","isClient","isWeb","useIsomorphicLayoutEffect","React","getSetting","ComponentContext","setupMediaListeners","ThemeProvider","TamaguiProvider","param","children","disableInjectCSS","config","className","defaultTheme","disableRootThemeClass","reset","themeClassNameOnRoot","process","env","TAMAGUI_REACT_19","style","document","createElement","appendChild","createTextNode","getCSS","head","removeChild","UnmountedClassName","Provider","animationDriver","animations","Object","keys","themes","precedence","href","props","mounted","setMounted","useState","useEffect","display"],"sources":["../../../src/views/TamaguiProvider.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAU,EAAAC,IAAO,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA,QAAiC;AAC3D,SAAOC,QAAA,EAAWC,KAAA,EAAAC,yBAAA;AAElB,OAAAC,KAAS;AACT,SAASC,UAAA,6BAAwB;AACjC,SAASC,gBAAA,gDAA2B;AAEpC,SAASC,mBAAA,QAAqB;AAgC1B,SAAAC,aAGM,QAHN;AA9BG,SAASC,gBAAgBC,KAAA;EAC9B;IAAAC,QAAA;IAAAC,gBAAA;IAAAC,MAAA;IAAAC,SAAA;IAAAC,YAAA;IAAAC,qBAAA;IAAAC,KAAA;IAAAC;EAAA,IAAAR,KAAA;EACA,OAAAH,mBAAA,IAAAY,OAAA,CAAAC,GAAA,CAAAC,gBAAA,IAAApB,QAAA,IAAAE,yBAAA;IACA,IAAAU,MAAA,KAAAD,gBAAA;MACA,IAAAU,KAAA,GAAAC,QAAA,CAAAC,aAAA;MACA,OAAAF,KAAA,CAAAG,WAAA,CAAAF,QAAA,CAAAG,cAAA,CAAAb,MAAA,CAAAc,MAAA,MAAAJ,QAAA,CAAAK,IAAA,CAAAH,WAAA,CAAAH,KAAA;QACAC,QAAA,CAAAK,IAAA,CAAAC,WAAA,CAAAP,KAAA;MACA;IACA;EACF,CAAyB,GACvBT,MAAA,EAMMD,gBACK,CACH,kBAAcd,KAAA,CAAAE,SAAS;IACvBW,QAAA,GAGE,eAAcf,IAAA,CAAAkC,kBAAiB;MACjCnB,QAAA,iBAAAf,IAAA,CAAAU,gBAAA,CAAAyB,QAAA;QACFC,eAAA,EAAAnB,MAAA,EAAAoB,UAAA;QACEtB,QAAQ,iBAKdf,IAAA,CAAAY,aAAA;UACEU,oBAAC,EAAAA,oBACC,IAAAb,UAAA,uBAAC;UACEW,qBAAA,EAAAA,qBAAA,IAAAX,UAAA;UAAAU,YAAA,EAAAA,YAAA,KAAAF,MAAA,GAAAqB,MAAA,CAAAC,IAAA,CAAAtB,MAAA,CAAAuB,MAAA;UACCnB,KAAA;UAGAH,SAAA;UAGAH;QACA;MACA;IAAA,EAEC,EAAAQ,OAAA,CAAAC,GAAA,CAAAC,gBAAA,IAAAR,MAAA,KAAAD,gBAAA,mBAAAhB,IAAA;MAEL;MAGD;MACE;MAAAyC,UAAA;MAICC,IAAA,eAAW;MACX3B,QAAK,EAAAE,MAAA,CAAAc,MAAA;IAAA,GAGJ;EAAc;AAFX;AAGN,SAEJG,mBAAAS,KAAA;EAEJ,KAAAC,OAAA,EAAAC,UAAA,IAAArC,KAAA,CAAAsC,QAAA;EAGA,OAAStC,KAAA,CAAAuC,SAAA,aAAyD;IAChEF,UAAO,IAAS;EAMhB,QAJAvC,KAAM,kBAAgBN,IAAA;IACpB0B,KAAA;MACEsB,OAEC;IASP;IAEA9B,SAAA,EAAA0B,OAAgB,QAAiB","ignoreList":[]}

package/package.json

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

package/src/views/TamaguiProvider.tsx

@@ -19,39 +19,56 @@ export function TamaguiProvider({
 }: TamaguiProviderProps) {
   setupMediaListeners()
 
-  if (isClient) {
-    // inject CSS if asked to (not SSR compliant)
-    useIsomorphicLayoutEffect(() => {
-      if (!config) return
-      if (!disableInjectCSS) {
-        const style = document.createElement('style')
-        style.appendChild(document.createTextNode(config.getCSS()))
-        document.head.appendChild(style)
-        return () => {
-          document.head.removeChild(style)
+  if (!process.env.TAMAGUI_REACT_19) {
+    if (isClient) {
+      // inject CSS if asked to (not SSR compliant)
+      useIsomorphicLayoutEffect(() => {
+        if (!config) return
+        if (!disableInjectCSS) {
+          const style = document.createElement('style')
+          style.appendChild(document.createTextNode(config.getCSS()))
+          document.head.appendChild(style)
+          return () => {
+            document.head.removeChild(style)
+          }
         }
-      }
-    }, [config, disableInjectCSS])
+      }, [config, disableInjectCSS])
+    }
   }
 
   return (
-    <UnmountedClassName>
-      <ComponentContext.Provider animationDriver={config?.animations}>
-        <ThemeProvider
-          themeClassNameOnRoot={
-            themeClassNameOnRoot ?? getSetting('themeClassNameOnRoot')
-          }
-          disableRootThemeClass={
-            disableRootThemeClass ?? getSetting('disableRootThemeClass')
-          }
-          defaultTheme={defaultTheme ?? (config ? Object.keys(config.themes)[0] : '')}
-          reset={reset}
-          className={className}
+    <>
+      <UnmountedClassName>
+        <ComponentContext.Provider animationDriver={config?.animations}>
+          <ThemeProvider
+            themeClassNameOnRoot={
+              themeClassNameOnRoot ?? getSetting('themeClassNameOnRoot')
+            }
+            disableRootThemeClass={
+              disableRootThemeClass ?? getSetting('disableRootThemeClass')
+            }
+            defaultTheme={defaultTheme ?? (config ? Object.keys(config.themes)[0] : '')}
+            reset={reset}
+            className={className}
+          >
+            {children}
+          </ThemeProvider>
+        </ComponentContext.Provider>
+      </UnmountedClassName>
+
+      {process.env.TAMAGUI_REACT_19 && config && !disableInjectCSS && (
+        <style
+          // react 19 feature to hoist style tags to header:
+          // https://react.dev/reference/react-dom/components/style
+          // @ts-ignore
+          precedence="default"
+          href="tamagui-css"
+          key="tamagui-css"
         >
-          {children}
-        </ThemeProvider>
-      </ComponentContext.Provider>
-    </UnmountedClassName>
+          {config.getCSS()}
+        </style>
+      )}
+    </>
   )
 }
 

package/types/views/TamaguiProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TamaguiProvider.d.ts","sourceRoot":"","sources":["../../src/views/TamaguiProvider.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAA;AAGpD,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,gBAAgB,EAChB,MAAM,EACN,SAAS,EACT,YAAY,EACZ,qBAAqB,EACrB,KAAK,EACL,oBAAoB,GACrB,EAAE,oBAAoB,2CAqCtB;yBA9Ce,eAAe"}
+{"version":3,"file":"TamaguiProvider.d.ts","sourceRoot":"","sources":["../../src/views/TamaguiProvider.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAA;AAGpD,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,gBAAgB,EAChB,MAAM,EACN,SAAS,EACT,YAAY,EACZ,qBAAqB,EACrB,KAAK,EACL,oBAAoB,GACrB,EAAE,oBAAoB,2CAsDtB;yBA/De,eAAe"}