@tamagui/web 1.108.0 → 1.108.2

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

@@ -1 +1 @@
-{"version":3,"names":["isClient","isWeb","useIsomorphicLayoutEffect","useEffect","useState","ComponentContext","useDidHydrateOnceRoot","setupMediaListeners","ThemeProvider","getSetting","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","display","displayName"],"sources":["../../../src/views/TamaguiProvider.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,QAAA,EAAUC,KAAA,EAAOC,yBAAA,QAAiC;AAC3D,SAASC,SAAA,EAAWC,QAAA,QAAgB;AACpC,SAASC,gBAAA,QAAwB;AACjC,SAASC,qBAAA,QAA6B;AACtC,SAASC,mBAAA,QAA2B;AAEpC,SAASC,aAAA,QAAqB;AAC9B,SAASC,UAAA,QAAkB;AAkCnB,SAAAC,GAAA;AAhCD,SAASC,gBAAgB;EAC9BC,QAAA;EACAC,gBAAA;EACAC,MAAA;EACAC,SAAA;EACAC,YAAA;EACAC,qBAAA;EACAC,KAAA;EACAC;AACF,GAAyB;EACvB,OAAAZ,mBAAA,CAAoB,GAEhBP,QAAA,KAEFM,qBAAA,CAAsB,GAEtBJ,yBAAA,CAA0B,MAAM;IAC9B,IAAKY,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,IAI7B,eAAAH,GAAA,CAACkB,kBAAA;IACChB,QAAA,iBAAAF,GAAA,CAACL,gBAAA,CAAiBwB,QAAA,EAAjB;MAA0BC,eAAA,EAAiBhB,MAAA,EAAQiB,UAAA;MAClDnB,QAAA,iBAAAF,GAAA,CAACF,aAAA;QACCW,oBAAA,EACEA,oBAAA,IAAwBV,UAAA,CAAW,sBAAsB;QAE3DQ,qBAAA,EACEA,qBAAA,IAAyBR,UAAA,CAAW,uBAAuB;QAE7DO,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,IAAIjC,QAAA,CAAS,EAAK;EAM5C,OAJAD,SAAA,CAAU,MAAM;IACdkC,UAAA,CAAW,EAAI;EACjB,GAAG,EAAE,GAEApC,KAAA,GAKH,eAAAS,GAAA,CAAC;IAAKU,KAAA,EAAO;MAAEkB,OAAA,EAAS;IAAW;IAAGvB,SAAA,EAAWqB,OAAA,GAAU,KAAK;IAC7DxB,QAAA,EAAAuB,KAAA,CAAMvB;EAAA,CACT,IANOuB,KAAA,CAAMvB,QAAA;AAQjB;AAEAD,eAAA,CAAgB4B,WAAA,GAAiB","ignoreList":[]}
+{"version":3,"names":["React","isClient","isWeb","useIsomorphicLayoutEffect","ComponentContext","useDidHydrateOnceRoot","setupMediaListeners","ThemeProvider","getSetting","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,OAAOA,KAAA,MAAW;AAClB,SAASC,QAAA,EAAUC,KAAA,EAAOC,yBAAA,QAAiC;AAE3D,SAASC,gBAAA,QAAwB;AACjC,SAASC,qBAAA,QAA6B;AACtC,SAASC,mBAAA,QAA2B;AAEpC,SAASC,aAAA,QAAqB;AAC9B,SAASC,UAAA,QAAkB;AAkCnB,SAAAC,GAAA;AAhCD,SAASC,gBAAgB;EAC9BC,QAAA;EACAC,gBAAA;EACAC,MAAA;EACAC,SAAA;EACAC,YAAA;EACAC,qBAAA;EACAC,KAAA;EACAC;AACF,GAAyB;EACvB,OAAAZ,mBAAA,CAAoB,GAEhBL,QAAA,KAEFI,qBAAA,CAAsB,GAEtBF,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,IAI7B,eAAAH,GAAA,CAACkB,kBAAA;IACChB,QAAA,iBAAAF,GAAA,CAACL,gBAAA,CAAiBwB,QAAA,EAAjB;MAA0BC,eAAA,EAAiBhB,MAAA,EAAQiB,UAAA;MAClDnB,QAAA,iBAAAF,GAAA,CAACF,aAAA;QACCW,oBAAA,EACEA,oBAAA,IAAwBV,UAAA,CAAW,sBAAsB;QAE3DQ,qBAAA,EACEA,qBAAA,IAAyBR,UAAA,CAAW,uBAAuB;QAE7DO,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,IAAIpC,KAAA,CAAMqC,QAAA,CAAS,EAAK;EAMlD,OAJArC,KAAA,CAAMsC,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":[]}

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

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import React from "react";
 import { isClient, isWeb, useIsomorphicLayoutEffect } from "@tamagui/constants";
-import { useEffect, useState } from "react";
 import { ComponentContext } from "../contexts/ComponentContext";
 import { useDidHydrateOnceRoot } from "../hooks/useDidHydrateOnce";
 import { setupMediaListeners } from "../hooks/useMedia";
@@ -74,8 +74,8 @@ function TamaguiProvider(param) {
   });
 }
 function UnmountedClassName(props) {
-  var _useState = _sliced_to_array(useState(!1), 2), mounted = _useState[0], setMounted = _useState[1];
-  return useEffect(function() {
+  var _React_useState = _sliced_to_array(React.useState(!1), 2), mounted = _React_useState[0], setMounted = _React_useState[1];
+  return React.useEffect(function() {
     setMounted(!0);
   }, []), isWeb ? /* @__PURE__ */ _jsx("span", {
     style: {

package/dist/esm/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": ";AAAA,SAASA,UAAUC,OAAOC,iCAAiC;AAC3D,SAASC,WAAWC,gBAAgB;AACpC,SAASC,wBAAwB;AACjC,SAASC,6BAA6B;AACtC,SAASC,2BAA2B;AAEpC,SAASC,qBAAqB;AAC9B,SAASC,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEpB,SAASC,gBAAgB,OAST;MARrBC,WAD8B,MAC9BA,UACAC,mBAF8B,MAE9BA,kBACAC,SAH8B,MAG9BA,QACAC,YAJ8B,MAI9BA,WACAC,eAL8B,MAK9BA,cACAC,wBAN8B,MAM9BA,uBACAC,QAP8B,MAO9BA,OACAC,uBAR8B,MAQ9BA;AAEAX,6BAAAA,GAEIP,aAEFM,sBAAAA,GAEAJ,0BAA0B,WAAA;AACxB,QAAKW,UACD,CAACD,kBAAkB;AACrB,UAAMO,QAAQC,SAASC,cAAc,OAAA;AACrCF,mBAAMG,YAAYF,SAASG,eAAeV,OAAOW,OAAM,CAAA,CAAA,GACvDJ,SAASK,KAAKH,YAAYH,KAAAA,GACnB,WAAA;AACLC,iBAASK,KAAKC,YAAYP,KAAAA;MAC5B;IACF;EACF,GAAG;IAACN;IAAQD;GAAiB,IAI7B,qBAACe,oBAAAA;cACC,qBAACtB,iBAAiBuB,UAAQ;MAACC,iBAAiBhB,UAAAA,OAAAA,SAAAA,OAAQiB;gBAClD,qBAACtB,eAAAA;QACCU,sBACEA,wBAAwBT,WAAW,sBAAA;QAErCO,uBACEA,yBAAyBP,WAAW,uBAAA;QAEtCM,cAAcA,iBAAiBF,SAASkB,OAAOC,KAAKnB,OAAOoB,MAAM,EAAE,CAAA,IAAK;QACxEhB;QACAH;;;;;AAOV;AAGA,SAASa,mBAAmBO,OAAoC;AAC9D,MAA8B9B,YAAAA,iBAAAA,SAAS,EAAA,GAAA,CAAA,GAAhC+B,UAAuB/B,UAAAA,CAAAA,GAAdgC,aAAchC,UAAAA,CAAAA;AAM9B,SAJAD,UAAU,WAAA;AACRiC,eAAW,EAAA;EACb,GAAG,CAAA,CAAE,GAEAnC,QAKH,qBAACoC,QAAAA;IAAKlB,OAAO;MAAEmB,SAAS;IAAW;IAAGxB,WAAWqB,UAAU,KAAK;cAC7DD,MAAMvB;OALFuB,MAAMvB;AAQjB;AAEAD,gBAAgB,cAAiB;",
-  "names": ["isClient", "isWeb", "useIsomorphicLayoutEffect", "useEffect", "useState", "ComponentContext", "useDidHydrateOnceRoot", "setupMediaListeners", "ThemeProvider", "getSetting", "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", "span", "display"]
+  "mappings": ";AAAA,OAAOA,WAAW;AAClB,SAASC,UAAUC,OAAOC,iCAAiC;AAE3D,SAASC,wBAAwB;AACjC,SAASC,6BAA6B;AACtC,SAASC,2BAA2B;AAEpC,SAASC,qBAAqB;AAC9B,SAASC,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEpB,SAASC,gBAAgB,OAST;MARrBC,WAD8B,MAC9BA,UACAC,mBAF8B,MAE9BA,kBACAC,SAH8B,MAG9BA,QACAC,YAJ8B,MAI9BA,WACAC,eAL8B,MAK9BA,cACAC,wBAN8B,MAM9BA,uBACAC,QAP8B,MAO9BA,OACAC,uBAR8B,MAQ9BA;AAEAX,6BAAAA,GAEIL,aAEFI,sBAAAA,GAEAF,0BAA0B,WAAA;AACxB,QAAKS,UACD,CAACD,kBAAkB;AACrB,UAAMO,QAAQC,SAASC,cAAc,OAAA;AACrCF,mBAAMG,YAAYF,SAASG,eAAeV,OAAOW,OAAM,CAAA,CAAA,GACvDJ,SAASK,KAAKH,YAAYH,KAAAA,GACnB,WAAA;AACLC,iBAASK,KAAKC,YAAYP,KAAAA;MAC5B;IACF;EACF,GAAG;IAACN;IAAQD;GAAiB,IAI7B,qBAACe,oBAAAA;cACC,qBAACtB,iBAAiBuB,UAAQ;MAACC,iBAAiBhB,UAAAA,OAAAA,SAAAA,OAAQiB;gBAClD,qBAACtB,eAAAA;QACCU,sBACEA,wBAAwBT,WAAW,sBAAA;QAErCO,uBACEA,yBAAyBP,WAAW,uBAAA;QAEtCM,cAAcA,iBAAiBF,SAASkB,OAAOC,KAAKnB,OAAOoB,MAAM,EAAE,CAAA,IAAK;QACxEhB;QACAH;;;;;AAOV;AAGA,SAASa,mBAAmBO,OAAoC;AAC9D,MAA8BjC,kBAAAA,iBAAAA,MAAMkC,SAAS,EAAA,GAAA,CAAA,GAAtCC,UAAuBnC,gBAAAA,CAAAA,GAAdoC,aAAcpC,gBAAAA,CAAAA;AAM9B,SAJAA,MAAMqC,UAAU,WAAA;AACdD,eAAW,EAAA;EACb,GAAG,CAAA,CAAE,GAEAlC,QAKH,qBAACoC,QAAAA;IAAKpB,OAAO;MAAEqB,SAAS;IAAW;IAAG1B,WAAWsB,UAAU,KAAK;cAC7DF,MAAMvB;OALFuB,MAAMvB;AAQjB;AAEAD,gBAAgB,cAAiB;",
+  "names": ["React", "isClient", "isWeb", "useIsomorphicLayoutEffect", "ComponentContext", "useDidHydrateOnceRoot", "setupMediaListeners", "ThemeProvider", "getSetting", "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", "useState", "mounted", "setMounted", "useEffect", "span", "display"]
 }

package/dist/esm/views/ThemeDebug.js

@@ -1,6 +1,6 @@
+import React from "react";
 import { useDidFinishSSR } from "@tamagui/use-did-finish-ssr";
 import { useForceUpdate } from "@tamagui/use-force-update";
-import { useEffect, useId, useState } from "react";
 import { createPortal } from "react-dom";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 let node;
@@ -10,15 +10,15 @@ function ThemeDebug({
   children
 }) {
   if (process.env.NODE_ENV === "development") {
-    const isHydrated = useDidFinishSSR(), [onChangeCount, setOnChangeCount] = useState(0), rerender = useForceUpdate(), id = useId();
-    return process.env.NODE_ENV === "development" && typeof document < "u" && (node || (node = document.createElement("div"), node.style.height = "200px", node.style.overflowY = "scroll", node.style.position = "fixed", node.style.zIndex = 1e7, node.style.bottom = "30px", node.style.left = "30px", node.style.right = "30px", node.style.display = "flex", node.style.border = "1px solid #888", node.style.flexDirection = "row", node.style.background = "var(--background)", document.body.appendChild(node))), useEffect(() => {
+    const isHydrated = useDidFinishSSR(), [onChangeCount, setOnChangeCount] = React.useState(0), rerender = useForceUpdate(), id = React.useId();
+    return process.env.NODE_ENV === "development" && typeof document < "u" && (node || (node = document.createElement("div"), node.style.height = "200px", node.style.overflowY = "scroll", node.style.position = "fixed", node.style.zIndex = 1e7, node.style.bottom = "30px", node.style.left = "30px", node.style.right = "30px", node.style.display = "flex", node.style.border = "1px solid #888", node.style.flexDirection = "row", node.style.background = "var(--background)", document.body.appendChild(node))), React.useEffect(() => {
       themeState.themeManager?.parentManager?.onChangeTheme((name, manager) => {
         setOnChangeCount((p) => ++p), console.warn(
           `theme changed for ${themeState.themeManager?.id} from parent ${themeState.themeManager?.parentManager?.id} to new name`,
           name
         );
       });
-    }, [themeState.themeManager]), useEffect(() => {
+    }, [themeState.themeManager]), React.useEffect(() => {
       const tm = setInterval(rerender, 1e3);
       return () => clearTimeout(tm);
     }, []), themeProps["disable-child-theme"] || !isHydrated ? children : /* @__PURE__ */ jsxs(Fragment, { children: [

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../src/views/ThemeDebug.tsx"],
-  "mappings": "AAAA,SAAS,uBAAuB;AAChC,SAAS,sBAAsB;AAC/B,SAAS,WAAW,OAAO,gBAAgB;AAC3C,SAAS,oBAAoB;AA6DvB,mBAmCE,KAjCE,YAFJ;AAxDN,IAAI;AAEG,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,MAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,UAAM,aAAa,gBAAgB,GAC7B,CAAC,eAAe,gBAAgB,IAAI,SAAS,CAAC,GAC9C,WAAW,eAAe,GAC1B,KAAK,MAAM;AAoCjB,WAlCI,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,GAED,WAAW,qBAAqB,KAAK,CAAC,aACjC,WAIP,iCACG;AAAA;AAAA,QACC;AAAA,UAAC;AAAA;AAAA,YACC,OAAO;AAAA,cACL,YAAY;AAAA,cACZ,UAAU;AAAA,cACV,UAAU;AAAA,cACV,SAAS;AAAA,YACX;AAAA,YACD;AAAA;AAAA,cACY;AAAA,cAAG;AAAA,cACb,KAAK;AAAA,gBACJ;AAAA,kBACE,WAAW,WAAW;AAAA,kBACtB,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;AAEA,WAAW,cAAiB;",
+  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,uBAAuB;AAChC,SAAS,sBAAsB;AAE/B,SAAS,oBAAoB;AAyDvB,mBAmCE,KAjCE,YAFJ;AApDN,IAAI;AAEG,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AACF,GAAgF;AAC9E,MAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,UAAM,aAAa,gBAAgB,GAC7B,CAAC,eAAe,gBAAgB,IAAI,MAAM,SAAS,CAAC,GACpD,WAAW,eAAe,GAC1B,KAAK,MAAM,MAAM;AAoCvB,WAlCI,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,MAAM,UAAU,MAAM;AACpB,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,MAAM,UAAU,MAAM;AAEpB,YAAM,KAAK,YAAY,UAAU,GAAI;AACrC,aAAO,MAAM,aAAa,EAAS;AAAA,IACrC,GAAG,CAAC,CAAC,GAED,WAAW,qBAAqB,KAAK,CAAC,aACjC,WAIP,iCACG;AAAA;AAAA,QACC;AAAA,UAAC;AAAA;AAAA,YACC,OAAO;AAAA,cACL,YAAY;AAAA,cACZ,UAAU;AAAA,cACV,UAAU;AAAA,cACV,SAAS;AAAA,YACX;AAAA,YACD;AAAA;AAAA,cACY;AAAA,cAAG;AAAA,cACb,KAAK;AAAA,gBACJ;AAAA,kBACE,WAAW,WAAW;AAAA,kBACtB,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;AAEA,WAAW,cAAiB;",
   "names": []
 }

package/dist/esm/views/ThemeDebug.mjs

@@ -1,6 +1,6 @@
+import React from "react";
 import { useDidFinishSSR } from "@tamagui/use-did-finish-ssr";
 import { useForceUpdate } from "@tamagui/use-force-update";
-import { useEffect, useId, useState } from "react";
 import { createPortal } from "react-dom";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 let node;
@@ -11,14 +11,14 @@ function ThemeDebug({
 }) {
   if (process.env.NODE_ENV === "development") {
     const isHydrated = useDidFinishSSR(),
-      [onChangeCount, setOnChangeCount] = useState(0),
+      [onChangeCount, setOnChangeCount] = React.useState(0),
       rerender = useForceUpdate(),
-      id = useId();
-    return process.env.NODE_ENV === "development" && typeof document < "u" && (node || (node = document.createElement("div"), node.style.height = "200px", node.style.overflowY = "scroll", node.style.position = "fixed", node.style.zIndex = 1e7, node.style.bottom = "30px", node.style.left = "30px", node.style.right = "30px", node.style.display = "flex", node.style.border = "1px solid #888", node.style.flexDirection = "row", node.style.background = "var(--background)", document.body.appendChild(node))), useEffect(() => {
+      id = React.useId();
+    return process.env.NODE_ENV === "development" && typeof document < "u" && (node || (node = document.createElement("div"), node.style.height = "200px", node.style.overflowY = "scroll", node.style.position = "fixed", node.style.zIndex = 1e7, node.style.bottom = "30px", node.style.left = "30px", node.style.right = "30px", node.style.display = "flex", node.style.border = "1px solid #888", node.style.flexDirection = "row", node.style.background = "var(--background)", document.body.appendChild(node))), React.useEffect(() => {
       themeState.themeManager?.parentManager?.onChangeTheme((name, manager) => {
         setOnChangeCount(p => ++p), console.warn(`theme changed for ${themeState.themeManager?.id} from parent ${themeState.themeManager?.parentManager?.id} to new name`, name);
       });
-    }, [themeState.themeManager]), useEffect(() => {
+    }, [themeState.themeManager]), React.useEffect(() => {
       const tm = setInterval(rerender, 1e3);
       return () => clearTimeout(tm);
     }, []), themeProps["disable-child-theme"] || !isHydrated ? children : /* @__PURE__ */jsxs(Fragment, {

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

@@ -1 +1 @@
-{"version":3,"names":["useDidFinishSSR","useForceUpdate","useEffect","useId","useState","createPortal","Fragment","jsx","jsxs","node","ThemeDebug","themeState","themeProps","children","process","env","NODE_ENV","isHydrated","onChangeCount","setOnChangeCount","rerender","id","document","createElement","style","height","overflowY","position","zIndex","bottom","left","right","display","border","flexDirection","background","body","appendChild","themeManager","parentManager","onChangeTheme","name","manager","p","console","warn","tm","setInterval","clearTimeout","whiteSpace","maxWidth","overflow","padding","JSON","stringify","propsName","state","className","inverse","forceClassName","parent","parentName","parentId","isNew","isNewTheme","listening","_listeningIds","join","_numChangeEventsSent","color","displayName"],"sources":["../../../src/views/ThemeDebug.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useDidFinishSSR","useForceUpdate","createPortal","Fragment","jsx","jsxs","node","ThemeDebug","themeState","themeProps","children","process","env","NODE_ENV","isHydrated","onChangeCount","setOnChangeCount","useState","rerender","id","useId","document","createElement","style","height","overflowY","position","zIndex","bottom","left","right","display","border","flexDirection","background","body","appendChild","useEffect","themeManager","parentManager","onChangeTheme","name","manager","p","console","warn","tm","setInterval","clearTimeout","whiteSpace","maxWidth","overflow","padding","JSON","stringify","propsName","state","className","inverse","forceClassName","parent","parentName","parentId","isNew","isNewTheme","listening","_listeningIds","join","_numChangeEventsSent","color","displayName"],"sources":["../../../src/views/ThemeDebug.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/views/ThemeProvider.js

@@ -1,10 +1,10 @@
+import React from "react";
 import { isClient } from "@tamagui/constants";
-import { useLayoutEffect } from "react";
 import { THEME_CLASSNAME_PREFIX } from "../constants/constants";
 import { Theme } from "./Theme";
 import { getSetting } from "../config";
 import { jsx } from "react/jsx-runtime";
-const ThemeProvider = (props) => (isClient && useLayoutEffect(() => {
+const ThemeProvider = (props) => (isClient && React.useLayoutEffect(() => {
   if (props.disableRootThemeClass) return;
   const cn = `${THEME_CLASSNAME_PREFIX}${props.defaultTheme}`, target = props.themeClassNameOnRoot ?? getSetting("themeClassNameOnRoot") ? document.documentElement : document.body;
   return target.classList.add(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;AACtB,SAAS,kBAAkB;AA8BvB;AAlBG,MAAM,gBAAgB,CAAC,WAExB,YACF,gBAAgB,MAAM;AACpB,MAAI,MAAM,sBAAuB;AACjC,QAAM,KAAK,GAAG,sBAAsB,GAAG,MAAM,YAAY,IACnD,SACJ,MAAM,wBAAwB,WAAW,sBAAsB,IAC3D,SAAS,kBACT,SAAS;AACf,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,OAAO,WAAW;AAClB,SAAS,gBAAgB;AAEzB,SAAS,8BAA8B;AACvC,SAAS,aAAa;AACtB,SAAS,kBAAkB;AA8BvB;AAlBG,MAAM,gBAAgB,CAAC,WAExB,YACF,MAAM,gBAAgB,MAAM;AAC1B,MAAI,MAAM,sBAAuB;AACjC,QAAM,KAAK,GAAG,sBAAsB,GAAG,MAAM,YAAY,IACnD,SACJ,MAAM,wBAAwB,WAAW,sBAAsB,IAC3D,SAAS,kBACT,SAAS;AACf,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/dist/esm/views/ThemeProvider.mjs

@@ -1,10 +1,10 @@
+import React from "react";
 import { isClient } from "@tamagui/constants";
-import { useLayoutEffect } from "react";
 import { THEME_CLASSNAME_PREFIX } from "../constants/constants.mjs";
 import { Theme } from "./Theme.mjs";
 import { getSetting } from "../config.mjs";
 import { jsx } from "react/jsx-runtime";
-const ThemeProvider = props => (isClient && useLayoutEffect(() => {
+const ThemeProvider = props => (isClient && React.useLayoutEffect(() => {
   if (props.disableRootThemeClass) return;
   const cn = `${THEME_CLASSNAME_PREFIX}${props.defaultTheme}`,
     target = props.themeClassNameOnRoot ?? getSetting("themeClassNameOnRoot") ? document.documentElement : document.body;

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

@@ -1 +1 @@
-{"version":3,"names":["isClient","useLayoutEffect","THEME_CLASSNAME_PREFIX","Theme","getSetting","jsx","ThemeProvider","props","disableRootThemeClass","cn","defaultTheme","target","themeClassNameOnRoot","document","documentElement","body","classList","add","remove","className","name","forceClassName","_isRoot","children"],"sources":["../../../src/views/ThemeProvider.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,QAAA,QAAgB;AACzB,SAASC,eAAA,QAAuB;AAEhC,SAASC,sBAAA,QAA8B;AACvC,SAASC,KAAA,QAAa;AACtB,SAASC,UAAA,QAAkB;AA8BvB,SAAAC,GAAA;AAlBG,MAAMC,aAAA,GAAiBC,KAAA,KAExBP,QAAA,IACFC,eAAA,CAAgB,MAAM;EACpB,IAAIM,KAAA,CAAMC,qBAAA,EAAuB;EACjC,MAAMC,EAAA,GAAK,GAAGP,sBAAsB,GAAGK,KAAA,CAAMG,YAAY;IACnDC,MAAA,GACJJ,KAAA,CAAMK,oBAAA,IAAwBR,UAAA,CAAW,sBAAsB,IAC3DS,QAAA,CAASC,eAAA,GACTD,QAAA,CAASE,IAAA;EACf,OAAAJ,MAAA,CAAOK,SAAA,CAAUC,GAAA,CAAIR,EAAE,GAChB,MAAM;IACXE,MAAA,CAAOK,SAAA,CAAUE,MAAA,CAAOT,EAAE;EAC5B;AACF,GAAG,CAACF,KAAA,CAAMG,YAAA,EAAcH,KAAA,CAAMC,qBAAA,EAAuBD,KAAA,CAAMK,oBAAoB,CAAC,GAIhF,eAAAP,GAAA,CAACF,KAAA;EACCgB,SAAA,EAAWZ,KAAA,CAAMY,SAAA;EACjBC,IAAA,EAAMb,KAAA,CAAMG,YAAA;EAEZW,cAAA,EAAgB,CAACd,KAAA,CAAMC,qBAAA;EAEvBc,OAAA,EAAO;EAENC,QAAA,EAAAhB,KAAA,CAAMgB;AAAA,CACT","ignoreList":[]}
+{"version":3,"names":["React","isClient","THEME_CLASSNAME_PREFIX","Theme","getSetting","jsx","ThemeProvider","props","useLayoutEffect","disableRootThemeClass","cn","defaultTheme","target","themeClassNameOnRoot","document","documentElement","body","classList","add","remove","className","name","forceClassName","_isRoot","children"],"sources":["../../../src/views/ThemeProvider.tsx"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,MAAW;AAClB,SAASC,QAAA,QAAgB;AAEzB,SAASC,sBAAA,QAA8B;AACvC,SAASC,KAAA,QAAa;AACtB,SAASC,UAAA,QAAkB;AA8BvB,SAAAC,GAAA;AAlBG,MAAMC,aAAA,GAAiBC,KAAA,KAExBN,QAAA,IACFD,KAAA,CAAMQ,eAAA,CAAgB,MAAM;EAC1B,IAAID,KAAA,CAAME,qBAAA,EAAuB;EACjC,MAAMC,EAAA,GAAK,GAAGR,sBAAsB,GAAGK,KAAA,CAAMI,YAAY;IACnDC,MAAA,GACJL,KAAA,CAAMM,oBAAA,IAAwBT,UAAA,CAAW,sBAAsB,IAC3DU,QAAA,CAASC,eAAA,GACTD,QAAA,CAASE,IAAA;EACf,OAAAJ,MAAA,CAAOK,SAAA,CAAUC,GAAA,CAAIR,EAAE,GAChB,MAAM;IACXE,MAAA,CAAOK,SAAA,CAAUE,MAAA,CAAOT,EAAE;EAC5B;AACF,GAAG,CAACH,KAAA,CAAMI,YAAA,EAAcJ,KAAA,CAAME,qBAAA,EAAuBF,KAAA,CAAMM,oBAAoB,CAAC,GAIhF,eAAAR,GAAA,CAACF,KAAA;EACCiB,SAAA,EAAWb,KAAA,CAAMa,SAAA;EACjBC,IAAA,EAAMd,KAAA,CAAMI,YAAA;EAEZW,cAAA,EAAgB,CAACf,KAAA,CAAME,qBAAA;EAEvBc,OAAA,EAAO;EAENC,QAAA,EAAAjB,KAAA,CAAMiB;AAAA,CACT","ignoreList":[]}

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

@@ -1,11 +1,11 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import React from "react";
 import { isClient } from "@tamagui/constants";
-import { useLayoutEffect } from "react";
 import { THEME_CLASSNAME_PREFIX } from "../constants/constants";
 import { Theme } from "./Theme";
 import { getSetting } from "../config";
 var ThemeProvider = function(props) {
-  return isClient && useLayoutEffect(function() {
+  return isClient && React.useLayoutEffect(function() {
     if (!props.disableRootThemeClass) {
       var cn = "".concat(THEME_CLASSNAME_PREFIX).concat(props.defaultTheme), _props_themeClassNameOnRoot, target = ((_props_themeClassNameOnRoot = props.themeClassNameOnRoot) !== null && _props_themeClassNameOnRoot !== void 0 ? _props_themeClassNameOnRoot : getSetting("themeClassNameOnRoot")) ? document.documentElement : document.body;
       return target.classList.add(cn), function() {

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../src/views/Users/n8/tamagui/code/core/web/src/views/ThemeProvider.tsx"],
-  "mappings": ";AAAA,SAASA,gBAAgB;AACzB,SAASC,uBAAuB;AAEhC,SAASC,8BAA8B;AACvC,SAASC,aAAa;AACtB,SAASC,kBAAkB;AAYpB,IAAMC,gBAAgB,SAACC,OAAAA;AAE5B,SAAIN,YACFC,gBAAgB,WAAA;AACd,QAAIK,OAAMC,uBACV;UAAMC,KAAM,GAA2BF,OAAzBJ,sBAAAA,EAA4C,OAAnBI,MAAMG,YAAY,GAEvDH,6BADII,WACJJ,8BAAAA,MAAMK,0BAAoB,QAA1BL,gCAAAA,SAAAA,8BAA8BF,WAAW,sBAAA,KACrCQ,SAASC,kBACTD,SAASE;AACfJ,oBAAOK,UAAUC,IAAIR,EAAAA,GACd,WAAA;AACLE,eAAOK,UAAUE,OAAOT,EAAAA;MAC1B;;EACF,GAAG;IAACF,MAAMG;IAAcH,MAAMC;IAAuBD,MAAMK;GAAqB,GAIhF,qBAACR,OAAAA;IACCe,WAAWZ,MAAMY;IACjBC,MAAMb,MAAMG;;IAEZW,gBAAgB,CAACd,MAAMC;;IAEvBc,SAAO;cAENf,MAAMgB;;AAGb;",
-  "names": ["isClient", "useLayoutEffect", "THEME_CLASSNAME_PREFIX", "Theme", "getSetting", "ThemeProvider", "props", "disableRootThemeClass", "cn", "defaultTheme", "target", "themeClassNameOnRoot", "document", "documentElement", "body", "classList", "add", "remove", "className", "name", "forceClassName", "_isRoot", "children"]
+  "mappings": ";AAAA,OAAOA,WAAW;AAClB,SAASC,gBAAgB;AAEzB,SAASC,8BAA8B;AACvC,SAASC,aAAa;AACtB,SAASC,kBAAkB;AAYpB,IAAMC,gBAAgB,SAACC,OAAAA;AAE5B,SAAIL,YACFD,MAAMO,gBAAgB,WAAA;AACpB,QAAID,OAAME,uBACV;UAAMC,KAAM,GAA2BH,OAAzBJ,sBAAAA,EAA4C,OAAnBI,MAAMI,YAAY,GAEvDJ,6BADIK,WACJL,8BAAAA,MAAMM,0BAAoB,QAA1BN,gCAAAA,SAAAA,8BAA8BF,WAAW,sBAAA,KACrCS,SAASC,kBACTD,SAASE;AACfJ,oBAAOK,UAAUC,IAAIR,EAAAA,GACd,WAAA;AACLE,eAAOK,UAAUE,OAAOT,EAAAA;MAC1B;;EACF,GAAG;IAACH,MAAMI;IAAcJ,MAAME;IAAuBF,MAAMM;GAAqB,GAIhF,qBAACT,OAAAA;IACCgB,WAAWb,MAAMa;IACjBC,MAAMd,MAAMI;;IAEZW,gBAAgB,CAACf,MAAME;;IAEvBc,SAAO;cAENhB,MAAMiB;;AAGb;",
+  "names": ["React", "isClient", "THEME_CLASSNAME_PREFIX", "Theme", "getSetting", "ThemeProvider", "props", "useLayoutEffect", "disableRootThemeClass", "cn", "defaultTheme", "target", "themeClassNameOnRoot", "document", "documentElement", "body", "classList", "add", "remove", "className", "name", "forceClassName", "_isRoot", "children"]
 }

package/package.json

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

package/src/_withStableStyle.tsx

@@ -1,4 +1,4 @@
-import { forwardRef } from 'react'
+import React from 'react'
 import { useTheme } from './hooks/useTheme'
 
 /** internal: this is for tamagui babel plugin usage only */
@@ -7,7 +7,7 @@ export const _withStableStyle = (
   Component: any,
   styleProvider: (theme: any, expressions: any[]) => Object
 ) =>
-  forwardRef((props: any, ref) => {
+  React.forwardRef((props: any, ref) => {
     const { _expressions = [], ...rest } = props
     const theme = useTheme()
     return <Component ref={ref} style={styleProvider(theme, _expressions)} {...rest} />

package/src/createComponent.tsx

@@ -1,3 +1,4 @@
+import React from 'react'
 import { composeRefs } from '@tamagui/compose-refs'
 import { isClient, isServer, isWeb, useIsomorphicLayoutEffect } from '@tamagui/constants'
 import {
@@ -6,19 +7,6 @@ import {
   composeEventHandlers,
   validStyles,
 } from '@tamagui/helpers'
-import React, {
-  Children,
-  Fragment,
-  createElement,
-  forwardRef,
-  memo,
-  useContext,
-  useEffect,
-  useId,
-  useMemo,
-  useRef,
-  useState,
-} from 'react'
 
 import { devConfig, getConfig, onConfiguredOnce } from './config'
 import { stackDefaultStyles } from './constants/constants'
@@ -160,7 +148,7 @@ export const useComponentState = (
 ) => {
   const useAnimations = animationDriver?.useAnimations as UseAnimationHook | undefined
 
-  const stateRef = useRef<TamaguiComponentStateRef>(
+  const stateRef = React.useRef<TamaguiComponentStateRef>(
     undefined as any as TamaguiComponentStateRef
   )
   if (!stateRef.current) {
@@ -230,7 +218,7 @@ export const useComponentState = (
   }
 
   // HOOK
-  const states = useState<TamaguiComponentState>(initialState)
+  const states = React.useState<TamaguiComponentState>(initialState)
 
   const state = props.forceStyle ? { ...states[0], [props.forceStyle]: true } : states[0]
   const setState = states[1]
@@ -437,9 +425,9 @@ export function createComponent<
     }
   }
 
-  const component = forwardRef<Ref, ComponentPropTypes>((propsIn, forwardedRef) => {
+  const component = React.forwardRef<Ref, ComponentPropTypes>((propsIn, forwardedRef) => {
     // HOOK
-    const internalID = process.env.NODE_ENV === 'development' ? useId() : ''
+    const internalID = process.env.NODE_ENV === 'development' ? React.useId() : ''
 
     if (process.env.NODE_ENV === 'development') {
       if (startVisualizer) {
@@ -469,7 +457,7 @@ export function createComponent<
     }
 
     // HOOK
-    const componentContext = useContext(ComponentContext)
+    const componentContext = React.useContext(ComponentContext)
 
     // set variants through context
     // order is after default props but before props
@@ -480,7 +468,7 @@ export function createComponent<
 
     if (context) {
       // HOOK 3 (-1 if production)
-      contextValue = useContext(context)
+      contextValue = React.useContext(context)
       const { inverseShorthands } = getConfig()
       for (const key in context.props) {
         const propVal =
@@ -524,7 +512,7 @@ export function createComponent<
 
     if (process.env.NODE_ENV === 'development' && isClient) {
       // HOOK
-      useEffect(() => {
+      React.useEffect(() => {
         let overlay: HTMLSpanElement | null = null
 
         const debugVisualizerHandler = (show = false) => {
@@ -686,6 +674,7 @@ export function createComponent<
           Component?.name ||
           '[Unnamed Component]'
         }`
+
         const type =
           (hasEnterStyle ? '(hasEnter)' : ' ') +
           (isAnimated ? '(animated)' : ' ') +
@@ -936,7 +925,7 @@ export function createComponent<
 
     if (process.env.NODE_ENV === 'development') {
       if (!isReactNative && !isText && isWeb && !isHOC) {
-        Children.toArray(props.children).forEach((item) => {
+        React.Children.toArray(props.children).forEach((item) => {
           // allow newlines because why not its annoying with mdx
           if (typeof item === 'string' && item !== '\n') {
             console.error(
@@ -967,7 +956,7 @@ export function createComponent<
       })
     }
 
-    useEffect(() => {
+    React.useEffect(() => {
       if (disabled) {
         return
       }
@@ -1251,7 +1240,7 @@ export function createComponent<
     if (useChildrenResult) {
       content = useChildrenResult
     } else {
-      content = createElement(elementType, viewProps, content)
+      content = React.createElement(elementType, viewProps, content)
     }
 
     // needs to reset the presence state for nested children
@@ -1270,7 +1259,7 @@ export function createComponent<
 
     // must override context so siblings don't clobber initial state
     const groupState = curStateRef.group
-    const subGroupContext = useMemo(() => {
+    const subGroupContext = React.useMemo(() => {
       if (!groupState || !groupName) return
       groupState.listeners.clear()
       // change reference so context value updates
@@ -1475,7 +1464,7 @@ export function createComponent<
   let res: ComponentType = component as any
 
   if (process.env.TAMAGUI_FORCE_MEMO || staticConfig.memo) {
-    res = memo(res) as any
+    res = React.memo(res) as any
   }
 
   res.staticConfig = staticConfig
@@ -1499,14 +1488,16 @@ export function createComponent<
   function styleable(Component: any, options?: StyleableOptions) {
     const isForwardedRefAlready = Component.render?.length === 2
 
-    let out = isForwardedRefAlready ? (Component as any) : forwardRef(Component as any)
+    let out = isForwardedRefAlready
+      ? (Component as any)
+      : React.forwardRef(Component as any)
 
     const extendedConfig = extendStyledConfig(options?.staticConfig)
 
     out = options?.disableTheme ? out : (themeable(out, extendedConfig) as any)
 
     if (process.env.TAMAGUI_MEMOIZE_STYLEABLE) {
-      out = memo(out)
+      out = React.memo(out)
     }
 
     out.staticConfig = extendedConfig
@@ -1521,9 +1512,7 @@ export function createComponent<
 }
 
 type EventKeys = keyof (TamaguiComponentEvents & WebOnlyPressEvents)
-type EventLikeObject = {
-  [key in EventKeys]?: any
-}
+type EventLikeObject = { [key in EventKeys]?: any }
 
 function getWebEvents<E extends EventLikeObject>(events: E, webStyle = true) {
   return {
@@ -1623,7 +1612,9 @@ export function spacedChildren(props: SpacedChildrenProps) {
     return children
   }
 
-  const childrenList = areChildrenArray ? (children as any[]) : Children.toArray(children)
+  const childrenList = areChildrenArray
+    ? (children as any[])
+    : React.Children.toArray(children)
 
   const len = childrenList.length
   if (len <= 1 && !isZStack && !childrenList[0]?.['type']?.['shouldForwardSpace']) {
@@ -1652,9 +1643,9 @@ export function spacedChildren(props: SpacedChildrenProps) {
       final.push(child)
     } else {
       final.push(
-        <Fragment key={`${index}0t`}>
+        <React.Fragment key={`${index}0t`}>
           {isZStack ? <AbsoluteFill>{child}</AbsoluteFill> : child}
-        </Fragment>
+        </React.Fragment>
       )
     }
 
@@ -1677,7 +1668,7 @@ export function spacedChildren(props: SpacedChildrenProps) {
             })
           )
         }
-        final.push(<Fragment key={`${index}03t`}>{separator}</Fragment>)
+        final.push(<React.Fragment key={`${index}03t`}>{separator}</React.Fragment>)
         if (hasSpace) {
           final.push(
             createSpacer({

package/src/helpers/ThemeManagerContext.tsx

@@ -1,3 +1,3 @@
-import { createContext } from 'react'
+import React from 'react'
 
-export const ThemeManagerIDContext = createContext<number>(1)
+export const ThemeManagerIDContext = React.createContext<number>(1)

package/src/helpers/createStyledContext.tsx

@@ -1,11 +1,5 @@
-import {
-  createContext,
-  useContext,
-  useMemo,
-  type Context,
-  type ProviderExoticComponent,
-  type ReactNode,
-} from 'react'
+import React from 'react'
+import type { Context, ProviderExoticComponent, ReactNode } from 'react'
 
 import { objectIdentityKey } from './objectIdentityKey'
 
@@ -21,13 +15,14 @@ export type StyledContext<Props extends Object = any> = Omit<
       scope?: string
     }
   >
+
   useStyledContext: (scope?: string) => Props
 }
 
 export function createStyledContext<VariantProps extends Record<string, any>>(
   defaultValues?: VariantProps
 ): StyledContext<VariantProps> {
-  const OGContext = createContext<VariantProps | undefined>(defaultValues)
+  const OGContext = React.createContext<VariantProps | undefined>(defaultValues)
   const OGProvider = OGContext.Provider
   const Context = OGContext as any as StyledContext<VariantProps>
   const scopedContexts = new Map<string, Context<VariantProps | undefined>>()
@@ -37,7 +32,7 @@ export function createStyledContext<VariantProps extends Record<string, any>>(
     scope,
     ...values
   }: VariantProps & { children?: ReactNode; scope: string }) => {
-    const next = useMemo(() => {
+    const next = React.useMemo(() => {
       return {
         // this ! is a workaround for ts error
         ...defaultValues!,
@@ -48,7 +43,7 @@ export function createStyledContext<VariantProps extends Record<string, any>>(
     if (scope) {
       let ScopedContext = scopedContexts.get(scope)
       if (!ScopedContext) {
-        ScopedContext = createContext<VariantProps | undefined>(defaultValues)
+        ScopedContext = React.createContext<VariantProps | undefined>(defaultValues)
         scopedContexts.set(scope, ScopedContext)
       }
       Provider = ScopedContext.Provider
@@ -59,7 +54,7 @@ export function createStyledContext<VariantProps extends Record<string, any>>(
   // use consumerComponent just to give a better error message
   const useStyledContext = (scope?: string) => {
     const context = scope ? scopedContexts.get(scope) : OGContext
-    return useContext(context!) as VariantProps
+    return React.useContext(context!) as VariantProps
   }
 
   // @ts-ignore

package/src/helpers/getSplitStyles.tsx

@@ -1,3 +1,4 @@
+import React from 'react'
 import {
   isAndroid,
   isClient,
@@ -16,7 +17,6 @@ import {
   validPseudoKeys,
   validStyles,
 } from '@tamagui/helpers'
-import { useInsertionEffect } from 'react'
 
 import { getConfig, getFont } from '../config'
 import { accessibilityDirectMap } from '../constants/accessibilityDirectMap'
@@ -904,6 +904,7 @@ export const getSplitStyles: StyleSplitter = (
             const fullKey = `${style[StyleObjectProperty]}${PROP_SPLIT}${mediaKeyShort}${
               style[StyleObjectPseudo] || ''
             }`
+
             if (fullKey in usedKeys) continue
             addStyleToInsertRules(rulesToInsert, out as any)
             mergeClassName(
@@ -1526,7 +1527,7 @@ export const getSubStyle = (
 
 // on native no need to insert any css
 const useInsertEffectCompat = isWeb
-  ? useInsertionEffect || useIsomorphicLayoutEffect
+  ? React.useInsertionEffect || useIsomorphicLayoutEffect
   : () => {}
 
 // perf: ...args a bit expensive on native

package/src/helpers/isTamaguiElement.tsx

@@ -1,4 +1,4 @@
-import { isValidElement } from 'react'
+import React from 'react'
 
 import type { StaticConfig } from '../types'
 import { isTamaguiComponent } from './isTamaguiComponent'
@@ -7,5 +7,5 @@ export const isTamaguiElement = (
   child: any,
   name?: string
 ): child is React.ReactElement<any> & { type: { staticConfig: StaticConfig } } => {
-  return isValidElement(child) && isTamaguiComponent(child.type, name)
+  return React.isValidElement(child) && isTamaguiComponent(child.type, name)
 }

package/src/helpers/themeable.tsx

@@ -1,4 +1,4 @@
-import { forwardRef } from 'react'
+import React from 'react'
 
 import type { StaticConfig, ThemeableProps } from '../types'
 import { Theme } from '../views/Theme'
@@ -7,7 +7,10 @@ export function themeable<ComponentType extends (props: any) => any>(
   Component: ComponentType,
   staticConfig?: Partial<StaticConfig>
 ) {
-  const withThemeComponent = forwardRef(function WithTheme(props: ThemeableProps, ref) {
+  const withThemeComponent = React.forwardRef(function WithTheme(
+    props: ThemeableProps,
+    ref
+  ) {
     const { themeInverse, theme, componentName, themeReset, ...rest } = props
 
     const element = (

package/src/hooks/useConfiguration.tsx

@@ -1,10 +1,11 @@
-import { useContext } from 'react'
+import React from 'react'
 
 import { getConfig } from '../config'
 import { ComponentContext } from '../contexts/ComponentContext'
 
 export const useConfiguration = () => {
-  const { groups, animationDriver, ...restComponentConfig } = useContext(ComponentContext)
+  const { groups, animationDriver, ...restComponentConfig } =
+    React.useContext(ComponentContext)
   const { animations, ...restConfig } = getConfig()
   return {
     ...restConfig,

package/src/hooks/useDidHydrateOnce.tsx

@@ -1,4 +1,4 @@
-import { useEffect, useSyncExternalStore } from 'react'
+import React from 'react'
 
 let didHydrateOnce = false
 
@@ -35,4 +35,4 @@ const emptySubscribe = () => () => {}
 const getClientSnapshot = () => true
 const getServerSnapshot = () => false
 const useDidHydrateSync = () =>
-  useSyncExternalStore(emptySubscribe, getClientSnapshot, getServerSnapshot)
+  React.useSyncExternalStore(emptySubscribe, getClientSnapshot, getServerSnapshot)