@tamagui/web 2.7.7 → 3.0.0-beta.643.1

package/dist/esm/hooks/useMedia.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["isServer","isWeb","useEffect","useReducer","useRef","getSetting","resetMediaStyleCache","matchMedia","mediaObjectToString","getMedia","mediaKeys","mediaKeysOrdered","mediaQueryConfig","setMediaState","defaultMediaImportance","mediaKeyRegex","isMediaKey","key","has","test","getMediaKey","match","initState","getMediaKeyImportance","process","env","NODE_ENV","Error","indexOf","dispose","Set","mediaVersion","configureMedia","config","media","mediaQueryDefaultActive","resetMediaTouchTracker","add","Object","assign","length","push","keys","setupMediaListeners","unlisten","forEach","cb","clear","setupVersion","_loop","key2","str","getMatch","addListener","update","removeListener","next","matches","updateMediaListeners","IS_STATIC","listeners","States","WeakMap","touchTrackerProto","refSlot","Symbol","buildTouchTrackerProto","proto","_iteratorNormalCompletion","_didIteratorError","_iteratorError","fullKey","_step","value","slice","enumerable","configurable","get","slot","disableMediaTouch","proxyTarget","_iterator","iterator","done","err","return","create","getTouchTrackerProto","setMediaShouldUpdate","ref","enabled","cur","set","subscribe","subscriber","delete","useMedia","componentContext","debug","internalRef","current","initial","r","lastState","renderVersion","proxy","getSnapshot","tracker","_States_get","curKeys","pendingState","size","ms","_r_componentContext","console","warn","mediaEmit","forceUpdate","incReducer","state","shouldSubscribe","unsubscribe"],"sources":["../../../src/hooks/useMedia.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,QAAA,EAAUC,KAAA,QAAa;AAChC,SAASC,SAAA,EAAWC,UAAA,EAAYC,MAAA,QAAc;AAC9C,SAASC,UAAA,QAAkB;AAC3B,SAASC,oBAAA,QAA4B;AACrC,SAASC,UAAA,QAAkB;AAC3B,SAASC,mBAAA,QAA2B;AACpC,SAAAC,QAAA,EAAAC,SAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,aAAA;AAAA,SACEC,sBAAA;AAAA,IACAC,aAAA;AAAA,IACAC,UAAA,YAAAA,CAAAC,GAAA;EACA,IAAAA,GAAA;EACA,IAAAP,SAAA,CAAAQ,GAAA,CAAAD,GAAA;EAAA,IAAAF,aACK,CAAAI,IAAA,CAAAF,GAAA;EAWP,OAAS;AAET;AAEO,IAAAG,WAAM,YAAAA,CAAcH,GAAyB;EAClD,IAAIA,GAAA,CAAI,CAAC,MAAM,KAAK,OAAO;EAC3B,IAAIP,SAAA,CAAUQ,GAAA,CAAID,GAAG,GAAG,OAAO;EAC/B,IAAII,KAAA,GAAAJ,GAAA,CAAAI,KAAc,CAAAN,aAAW,CAAO;EACpC,IAAAM,KAAO,SAAAA,KAAA;EACT;AAEO;AACL,IAAAC,SAAS;AACT,IAAAC,qBAAwB,YAAAA,CAAON,GAAA;EAC/B,IAAAO,OAAM,CAAAC,GAAQ,CAAAC,QAAU,kBAAa,IAAAT,GAAA;IACrC,MAAI,IAAOU,KAAA,CAAO,eAAO;EACzB;EACF,OAAAhB,gBAAA,CAAAiB,OAAA,CAAAX,GAAA;AAGA;AAEO,IAAAY,OAAM,kBAAwB,IAACC,GAAA,EAAgB;AACpD,IAAAC,YAAY,GAAI;AACd,IAAAC,cAAU,GAAM,SAAAA,CAAAC,MAAe;EACjC;IAAAC;EAAA,IAAAD,MAAA;EAKA,IAAAE,uBAAwB,GAAA9B,UAAe;EACzC,KAAA6B,KAAA;EAEAH,YAAM,EAAU;EAEhBzB,oBAAmB;EAEZ8B,sBAAwB;EAC7B,SAAQnB,GAAA,IAAMiB,KAAI;IAClBzB,QAAM,GAAAQ,GAAA,KAAAkB,uBAAqC,aAAAA,uBAAyB,uBAAAA,uBAAA,CAAAlB,GAAA;IACpEP,SAAY,CAAA2B,GAAA,KAAApB,GAAA;EACZ;EAEAqB,MAAA,CAAAC,MAAA,CAAA3B,gBAAqB,EAAAsB,KAAA;EAErBZ,SAAA;IACA,GAAAb,QAAW;EACT;EACAE,gBAAc,CAAA6B,MAAO,GAAE;EACzB7B,gBAAA,CAAA8B,IAAA,IAAAH,MAAA,CAAAI,IAAA,CAAAR,KAAA;EACAS,mBAAc;AACd;AAGA,SAAAC,SAAA,EAAiB;EACjBf,OAAA,CAAAgB,OAAA,WAAyBC,EAAA;IACzB,OAAAA,EAAA;EACF;EAEAjB,OAAS,CAAAkB,KAAA;AACP;AACA,IAAAC,YAAc;AAChB,SAAAL,oBAAA;EAOA,IAAIM,KAAA,YAAAA,CAAeC,IAAA;IACZ,IAAAC,GAAS,GAAA3C,mBAAsB,CAAAI,gBAAA,CAAAsC,IAAA;IACpC,IAAIE,QAAS,YAAAA,CAAA,EAAU;MACnB,OAAA7C,UAAY,CAAA4C,GAAA,CAAW;IAG3B;IACA,IAAA9B,KAAA,GAAA+B,QAAe;IAGf,KAAA/B,KAAS;MAET,UAAWM,KAAO,wBAAkB;IAclC;IACEN,KAAA,CAAAgC,WAAe,CAAAC,MAAA;IACfzB,OAAI,CAAAQ,GAAA,aAAS;MACbhB,KAAA,CAAAkC,cAAmB,CAAAD,MAAA,CAAS;IAC5B;IACF,SAAAA,OAAA;MAlBA,IAAME,IAAA,GAAM,EAAAJ,QAAA,GAAAK,OAAoB;MAChC,IAAMD,IAAA,KAAA/C,QAAiB,GAAAyC,IAAA;MACvBrC,aAAc;QACV,GAACJ,QAAO;QACV,CAAAyC,IAAM,GAAIM;MACZ;MAGAE,oBAAkB,EAAM;IACxB;IACEJ,MAAA,EAAM;EAAqB;EAU7B,IAAArD,KAAO,IAAAD,QAAA;EACT,IAAAwB,OAAA,CAAAC,GAAA,CAAAkC,SAAA;EACF,IAAAX,YAAA,KAAAjB,YAAA;EAEAiB,YAAM,GAAAjB,YAAY;EAEXa,QAAS;EACd,SAAA3B,GAAU,IAAAL,gBAAmB,EAAAqC,KAAU,CAAChC,GAAA;AAC1C;AAOA,IAAA2C,SAAM,GAAS,mBAAI9B,GAAA;AAYnB,SAAI4B,oBAAmCA,CAAA;EACvCE,SAAM,CAAAf,OAAU,WAAAC,EAAA;IAEhB,OAASA,EAAA,CAAArC,QAAA;EACP;AACA;AACE,IAAAoD,MAAM,kBAAe,IAAMC,OAAM;AACjC,IAAAC,iBAAa;AAAA,IAAAC,OACX,kBAAYC,MAAA;AAAA,SACZC,sBAAcA,CAAA;EAAA,IACdC,KAAA,GAAuC;EACrC,IAAAC,yBAAkB,GAAO;IAAAC,iBAAA;IAAAC,cAAA;EACzB;IACE,IAAArB,KAAA,GAAK,SAAAA,CAAA,EAAY;MAAA,IACnBsB,OAAA,GAAAC,KAAA,CAAAC,KAAA;MACA,IAAAxD,GAAA,GAAOsD,OAAK,WAAY,GAAGA,OAAA,CAAAG,KAAA,MAAAH,OAAA;MAC7BJ,KAAA,CAAAlD,GAAA;QACF0D,UAAA;QACFC,YAAA;QACAC,GAAOA,CAAA;UACT,IAAAC,IAAA,QAAAd,OAAA;UAES,KAAAe,iBAA+B;YACjCD,IAAA,CAAApC,IAAA,CAAAL,GAAmB,CAAApB,GAAA;UACjB;UACT,OAAA6D,IAAA,CAAAE,WAAA,CAAA/D,GAAA;QAEA;MACE;IACF;IAEO,KAAS,IAAAgE,SAAA,GAAAvE,SACd,CACAuD,MAAA,CAAAiB,QAEA,KAAAV,KAAA,IAAAJ,yBAAA,IAAAI,KAAA,GAAAS,SAAA,CAAAzB,IAAA,IAAA2B,IAAA,GAAAf,yBAAA,SAAAnB,KAAA;EACA,SAAMmC,GAAM;IAEZf,iBAAgB;IACdC,cAAW,GAAKc,GAAA;EAAA,UACX;IAAA,IACH;MACA,KAAAhB,yBAAA,IAAAa,SAAA,CAAAI,MAAA;QACDJ,SAAA,CAAAI,MAAA;MACH;IACF;MAEA,IAAShB,iBAAU;QACjB,MAAUC,cAAc;MACxB;IACE;EACF;EACF,OAAAhC,MAAA,CAAAgD,MAAA,OAAAnB,KAAA;AAEO;AAIL,SAAAoB,qBAAA;EAmBA,KAAAxB,iBAAoB,EAAAA,iBAA4B,GAAAG,sBAAA;EAChD,OAAKH,iBAAY;AACf;AACA,SAAA3B,sBAAoBA,CAAA;EAAA2B,iBACZ;AAAgB;AACX,SACXyB,oBAAeA,CAAAC,GAAA,EAAAC,OAAA,EAAAhD,IAAA;EAAA,IACfiD,GAAA,GAAA9B,MAAA,CAAagB,GAAA,CAAAY,GAAA;EAAA,IACb,CAAAE,GAAA,IAAOA,GAAA,CAAAD,OAAA,KAAAA,OAAA,IAAAhD,IAAA;IAAAmB,MACP,CAAA+B,GAAA,CAAAH,GAAA,EAAa;MACb,GAAAE,GAAA;MACAD,OAAA;MACFhD;IAGA;EACA;AACA;AACA,SAAEmD,UAAAC,UAAoB;EACpBlC,SAAA,CAAMvB,GAAA,CAAAyD,UAAY;EAGlB,mBAAQ;IAERlC,SAAK,CAAAmC,MAAQ,CAAAD,UAAM;EACjB;AAAO;AAGT,SAAAE,QAAWA,CAAAC,gBAAS,EAAAC,KAAA;EACpB;;EACE,IAAAC,WAAO,GAAG/F,MAAO;EACf,KAAA+F,WAAI,CAAAC,OAAY;IACd,IAAAC,OAAA,GAAA5F,QAAa;IAAmD,IAAA6F,CAAA,GAClE;MAGA5D,IAAA,iBAAM,IAAAZ,GAAkB;MACtByE,SAAE,EAAAF,OAAA;MACFG,aAAE;MACFxB,WAAA,EAAOqB,OAAA;MAAAI,KACT;MAEAC,WAAE,OAAY;MAEdT,gBAAO;MAAAC;IACT;IAGF,IAAAS,OAAO,GAAArE,MAAA,CAAAgD,MAAA,CAAAC,oBAAA;IACToB,OAAA,CAAA3C,OAAA;MACAgB,WAAY,EAAAqB,OAAU;MACxB3D,IAAO,EAAA4D,CAAA,CAAA5D;IAEL;IACA4D,CAAA,CAAAG,KAAA,GAAAE,OAAY;IACdL,CAAA,CAAAI,WAAA;MAEA,IAAME,WAAM;MACR,IAAAC,OAAA,GAAAP,CAAA,CAAAL,gBAAA,KAAAW,WAAA,GAAA/C,MAAA,CAAAgB,GAAA,CAAAyB,CAAA,CAAAL,gBAAA,eAAAW,WAAA,uBAAAA,WAAA,CAAAlE,IAAA,KAAA4D,CAAA,CAAA5D,IAAA,GAAA4D,CAAA,CAAA5D,IAAA;MAGA,IAAI;QAAA6D,SAAA;QAAAO;MAAc,IAAAR,CAAA;MACpB,IAAI,CAAAO,OAAA,CAAAE,IAAY,EAAI;QAChB,OAAAR,SAAe;MACrB;MAGI,IAAIS,EAAA,GAAKvG,QAAM;MACjB,IAAI2D,yBAAW;QAAAC,iBAAA;QAAAC,cAAA;MACjB;QAMM,KAAG,IAAAW,SAAe,GAAA4B,OAAA,CAAW5C,MAAA,CAAAiB,QAAa,KAAAV,KAAA,IAAAJ,yBAAA,IAAAI,KAAA,GAAAS,SAAA,CAAAzB,IAAA,IAAA2B,IAAA,GAAAf,yBAAA;UAC1C,IAAAnD,GAAQ,GAAAuD,KAAA,CAAAC,KAAW;UACrB,IAAAuC,EAAA,CAAA/F,GAAc,OAAA6F,YAAA,IAAAP,SAAA,EAAAtF,GAAA;YACE,IAAAgG,mBAAuB;YAEjC,IAAAzF,OAAM,CAAAC,GAAA,CAAAC,QAAA,sBAAA4E,CAAA,CAAAJ,KAAA;cACRgB,OAAA,CAAAC,IAAgB,0BAAI,EAAAlG,GAAA,EAAAsF,SAAA,CAAAtF,GAAA,SAAA+F,EAAA,CAAA/F,GAAA;YACpB;YAGF,KAAAgG,mBAAiB,GAAAX,CAAA,CAAAL,gBAAA,cAAAgB,mBAAA,uBAAAA,mBAAA,CAAAG,SAAA;cACdd,CAAI,CAAAL,gBAAa,CAAAmB,SAAA,CAAAJ,EAAA;cAChBV,CAAA,CAAAQ,YAAc,GAAAE,EAAA;cAChB,OAAMT,SAAW;YACjB;YACED,CAAA,CAAAC,SAAI,GAAAS,EAAA;YACF,OAAIA,EAAA;UACN;QAAY;MACd,EACF,OAAC5B,GAAA;QACHf,iBAAA;QACFC,cAAe,GAAAc,GAAA;MACb,UAAI;QACJ,IAAI;UACN,KAAAhB,yBAAA,IAAAa,SAAA,CAAAI,MAAA;YAEOJ,SAAM,CAAAI,MAAA;UAIP;QACF,UAAI;UACJ,IAAIhB,iBAAc;YACpB,MAAAC,cAAA;UACF;QACD;MAED;MACF,OAAAiC,SAAA;IAEA;IAIIJ,WAAA,CAAAC,OAAA,GAAoBE,CAAA;EACjB,OAAS;IACdH,WAAA,CAAAC,OAAoB,CAAAH,gBAAA,GAAAA,gBAAA;IACtBE,WAAA,CAAAC,OAAA,CAAAF,KAAA,GAAAA,KAAA;EAEO;EACL,IAAAT,GAAA,GAAAU,WAAoB,CAAAC,OAAA;EACpBX,GAAA,CAAIe,aAAA;EACJ,IAAIf,GAAA,CAAAqB,YAAA;IACFrB,GAAA,CAAAc,SAAa,GAAAd,GAAA,CAAAqB,YAAA;IAAArB,GACV,CAAAqB,YAAG,GAAa,KAAK;EACpB;EAAwD,IAC1DrB,GAAC,CAAA/C,IAAA,CAAAqE,IAAA;IACHtB,GAAA,CAAA/C,IAAA,CAAAK,KAAA;EACF;EACE,OAAAsE,WAAA,IAAoBlH,UAAA,CAAAmH,UAAA;EACtB,IAAAC,KAAA,GAAAvH,QAAA,GAAAsB,SAAA,GAAAmE,GAAA,CAAAiB,WAAA;EACAjB,GAAA,CAAAT,WAAO,GAAAuC,KAAA;EACT9B,GAAA,CAAAgB,KAAA,CAAAzC,OAAA,EAAAgB,WAAA,GAAAuC,KAAA;EAEOrH,SAAM;IAMX,IAAM0G,WAAA;IAGN,IAAMJ,aAAW,GAAAf,GAAA,CAAAe,aAAW;IAC5B,IAAAgB,eAAoB,IAAK/B,GAAA,CAAAQ,gBAAa,IAAS,CAAG,GAAAW,WAAI,GAAa/C,MAAA,CAAAgB,GAAA,CAAAY,GAAA,CAAAQ,gBAAA,eAAAW,WAAA,uBAAAA,WAAA,CAAAlB,OAAA;IACrE,IAAA8B,eAAA;MAEM,KAAA/B,GAAA,CAAAgC,WAAA;QAEChC,GAAS,CAAAgC,WAAA,GAAgB5B,SAAa;UAEzC,IAAArC,IAAA,GAAAiC,GAAA,CAAAiB,WAAyB;UAG7B,IAAAlD,IAAA,KAAAiC,GAAA,CAAAT,WAAA;YAEgBS,GAAA,CAAAT,WACd,GACAxB,IAAA;YAEMiC,GAAA,CAAAgB,KAAA,CAAAzC,OAAe,EAAAgB,WAAiB,GAAGxB,IAAA;YACnC6D,WAAS,CAAO;UACd;QACN,EAAM;MACN;IACA,OAAM,IAAA5B,GAAA,CAAAgC,WAAW,EAAW;MAE5BhC,GAAA,CAAAgC,WAAe;MAChBhC,GAAA,CAAAgC,WAAA;IACD;IACF","ignoreList":[]}
+{"version":3,"file":"useMedia.native.js","names":[],"sources":["esm/hooks/useMedia.native.js"],"sourcesContent":["import { isServer, isWeb, useIsomorphicLayoutEffect } from \"@tamagui/constants\";\nimport { useEffect, useReducer, useRef } from \"react\";\nimport { getSetting } from \"../config\";\nimport { formatDiagnostic } from \"../helpers/formatDiagnostic\";\nimport { isOptimizedForFirstRender } from \"./isOptimizedForFirstRender\";\nimport { matchMedia } from \"../helpers/matchMedia\";\nimport { mediaObjectToString } from \"../helpers/mediaObjectToString\";\nimport { getMedia, mediaKeys, mediaQueryConfig, setMediaState } from \"../helpers/mediaState\";\nvar initState;\nvar dispose = /* @__PURE__ */ new Set();\nvar mediaVersion = 0;\nvar configureMedia = function(config) {\n  var { media } = config;\n  var mediaQueryDefaultActive = getSetting(\"mediaQueryDefaultActive\");\n  if (!media) return;\n  mediaVersion++;\n  resetMediaTouchTracker();\n  publishedState = null;\n  for (var key in media) {\n    getMedia()[key] = (mediaQueryDefaultActive === null || mediaQueryDefaultActive === void 0 ? void 0 : mediaQueryDefaultActive[key]) || false;\n    mediaKeys.add(key);\n  }\n  Object.assign(mediaQueryConfig, media);\n  initState = {\n    ...getMedia()\n  };\n  setupMediaListeners();\n};\nfunction unlisten() {\n  dispose.forEach(function(cb) {\n    return cb();\n  });\n  dispose.clear();\n}\nvar setupVersion = -1;\nfunction setupMediaListeners() {\n  var _loop = function(key2) {\n    var str = mediaObjectToString(mediaQueryConfig[key2]);\n    var getMatch = function() {\n      return matchMedia(str);\n    };\n    var match = getMatch();\n    if (!match) {\n      throw new Error(formatDiagnostic(\"TAMAGUI_MEDIA_MATCH\", \"useMedia\", \"matchMedia returned no MediaQueryList\", \"Provide a matchMedia implementation that returns a MediaQueryList\", \"key,query,platform\", {\n        key: key2,\n        query: str,\n        platform: isWeb ? \"web\" : \"native\"\n      }));\n    }\n    match.addListener(update);\n    dispose.add(function() {\n      match.removeListener(update);\n    });\n    function update() {\n      var next = !!getMatch().matches;\n      if (next === getMedia()[key2]) return;\n      setMediaState({\n        ...getMedia(),\n        [key2]: next\n      });\n      updateMediaListeners();\n    }\n    update();\n  };\n  if (isWeb && isServer) return;\n  if (process.env.IS_STATIC) return;\n  if (setupVersion === mediaVersion) return;\n  setupVersion = mediaVersion;\n  unlisten();\n  for (var key in mediaQueryConfig) _loop(key);\n}\nvar listenersByKey = /* @__PURE__ */ new Map();\nvar globalListeners = /* @__PURE__ */ new Set();\nvar publishedState = null;\nvar _mediaListenerStats = {\n  publishes: 0,\n  notified: 0\n};\nfunction updateMediaListeners() {\n  _mediaListenerStats.publishes++;\n  var media = getMedia();\n  var prev = publishedState;\n  publishedState = media;\n  if (listenersByKey.size) {\n    var woken = /* @__PURE__ */ new Set();\n    var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;\n    try {\n      for (var _iterator = mediaKeys[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {\n        var key = _step.value;\n        if (prev !== null && media[key] === prev[key]) continue;\n        var bucket = listenersByKey.get(key);\n        if (bucket) {\n          var _iteratorNormalCompletion1 = true, _didIteratorError1 = false, _iteratorError1 = void 0;\n          try {\n            for (var _iterator1 = bucket[Symbol.iterator](), _step1; !(_iteratorNormalCompletion1 = (_step1 = _iterator1.next()).done); _iteratorNormalCompletion1 = true) {\n              var cb = _step1.value;\n              woken.add(cb);\n            }\n          } catch (err) {\n            _didIteratorError1 = true;\n            _iteratorError1 = err;\n          } finally {\n            try {\n              if (!_iteratorNormalCompletion1 && _iterator1.return != null) {\n                _iterator1.return();\n              }\n            } finally {\n              if (_didIteratorError1) {\n                throw _iteratorError1;\n              }\n            }\n          }\n        }\n      }\n    } catch (err) {\n      _didIteratorError = true;\n      _iteratorError = err;\n    } finally {\n      try {\n        if (!_iteratorNormalCompletion && _iterator.return != null) {\n          _iterator.return();\n        }\n      } finally {\n        if (_didIteratorError) {\n          throw _iteratorError;\n        }\n      }\n    }\n    var _iteratorNormalCompletion2 = true, _didIteratorError2 = false, _iteratorError2 = void 0;\n    try {\n      for (var _iterator2 = woken[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) {\n        var cb1 = _step2.value;\n        _mediaListenerStats.notified++;\n        cb1(media);\n      }\n    } catch (err) {\n      _didIteratorError2 = true;\n      _iteratorError2 = err;\n    } finally {\n      try {\n        if (!_iteratorNormalCompletion2 && _iterator2.return != null) {\n          _iterator2.return();\n        }\n      } finally {\n        if (_didIteratorError2) {\n          throw _iteratorError2;\n        }\n      }\n    }\n  }\n  globalListeners.forEach(function(cb2) {\n    _mediaListenerStats.notified++;\n    cb2(media);\n  });\n}\nvar States = /* @__PURE__ */ new WeakMap();\nvar touchTrackerProto = null;\nvar refSlot = /* @__PURE__ */ Symbol(\"mediaRefSlot\");\nfunction buildTouchTrackerProto() {\n  var proto = {};\n  var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;\n  try {\n    var _loop = function() {\n      var key = _step.value;\n      proto[key] = {\n        enumerable: true,\n        configurable: true,\n        get() {\n          var slot = this[refSlot];\n          if (!disableMediaTouch) {\n            slot.keys.add(key);\n          }\n          return slot.proxyTarget[key];\n        }\n      };\n    };\n    for (var _iterator = mediaKeys[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) _loop();\n  } catch (err) {\n    _didIteratorError = true;\n    _iteratorError = err;\n  } finally {\n    try {\n      if (!_iteratorNormalCompletion && _iterator.return != null) {\n        _iterator.return();\n      }\n    } finally {\n      if (_didIteratorError) {\n        throw _iteratorError;\n      }\n    }\n  }\n  return Object.create(null, proto);\n}\nfunction getTouchTrackerProto() {\n  if (!touchTrackerProto) touchTrackerProto = buildTouchTrackerProto();\n  return touchTrackerProto;\n}\nfunction resetMediaTouchTracker() {\n  touchTrackerProto = null;\n}\nfunction setMediaShouldUpdate(ref, enabled, keys) {\n  var optimizeForFirstRender = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : false;\n  if (optimizeForFirstRender) return;\n  var cur = States.get(ref);\n  if (!cur || cur.enabled !== enabled || keys) {\n    States.set(ref, {\n      ...cur,\n      enabled,\n      keys\n    });\n  }\n}\nfunction mediaListenKeys(ref) {\n  var _States_get;\n  if (ref.optimizeForFirstRender) return null;\n  return (ref.uid ? (_States_get = States.get(ref.uid)) === null || _States_get === void 0 ? void 0 : _States_get.keys : void 0) || ref.keys;\n}\nfunction indexMediaListener(ref) {\n  var keys = mediaListenKeys(ref);\n  var cur = ref.listeningTo;\n  if (cur !== void 0 && sameMediaKeys(cur, keys)) return;\n  unindexMediaListener(ref);\n  var cb = ref.onChange;\n  if (keys === null) {\n    globalListeners.add(cb);\n    ref.listeningTo = null;\n    return;\n  }\n  ref.listeningTo = new Set(keys);\n  var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;\n  try {\n    for (var _iterator = keys[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {\n      var key = _step.value;\n      var bucket = listenersByKey.get(key);\n      if (!bucket) {\n        bucket = /* @__PURE__ */ new Set();\n        listenersByKey.set(key, bucket);\n      }\n      bucket.add(cb);\n    }\n  } catch (err) {\n    _didIteratorError = true;\n    _iteratorError = err;\n  } finally {\n    try {\n      if (!_iteratorNormalCompletion && _iterator.return != null) {\n        _iterator.return();\n      }\n    } finally {\n      if (_didIteratorError) {\n        throw _iteratorError;\n      }\n    }\n  }\n}\nfunction unindexMediaListener(ref) {\n  var keys = ref.listeningTo;\n  if (keys === void 0) return;\n  ref.listeningTo = void 0;\n  var cb = ref.onChange;\n  if (keys === null) {\n    globalListeners.delete(cb);\n    return;\n  }\n  var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;\n  try {\n    for (var _iterator = keys[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {\n      var key = _step.value;\n      var bucket = listenersByKey.get(key);\n      if (!bucket) continue;\n      bucket.delete(cb);\n      if (!bucket.size) listenersByKey.delete(key);\n    }\n  } catch (err) {\n    _didIteratorError = true;\n    _iteratorError = err;\n  } finally {\n    try {\n      if (!_iteratorNormalCompletion && _iterator.return != null) {\n        _iterator.return();\n      }\n    } finally {\n      if (_didIteratorError) {\n        throw _iteratorError;\n      }\n    }\n  }\n}\nfunction sameMediaKeys(a, b) {\n  if (a === null || b === null) return a === b;\n  if (a.size !== b.size) return false;\n  var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;\n  try {\n    for (var _iterator = b[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {\n      var key = _step.value;\n      if (!a.has(key)) return false;\n    }\n  } catch (err) {\n    _didIteratorError = true;\n    _iteratorError = err;\n  } finally {\n    try {\n      if (!_iteratorNormalCompletion && _iterator.return != null) {\n        _iterator.return();\n      }\n    } finally {\n      if (_didIteratorError) {\n        throw _iteratorError;\n      }\n    }\n  }\n  return true;\n}\nfunction useMedia(componentContext, debug, uid) {\n  \"use no memo\";\n  var _ref_keys;\n  var internalRef = useRef(null);\n  if (!internalRef.current) {\n    var initial = isWeb && !isServer && !getSetting(\"disableSSR\") ? initState : getMedia();\n    var optimizeForFirstRender = isOptimizedForFirstRender();\n    var r = {\n      keys: optimizeForFirstRender ? null : /* @__PURE__ */ new Set(),\n      lastState: initial,\n      renderVersion: 0,\n      proxyTarget: initial,\n      proxy: void 0,\n      getSnapshot: void 0,\n      componentContext,\n      uid,\n      debug,\n      optimizeForFirstRender\n    };\n    if (optimizeForFirstRender) {\n      r.proxy = initial;\n    } else {\n      var tracker = Object.create(getTouchTrackerProto());\n      tracker[refSlot] = {\n        proxyTarget: initial,\n        keys: r.keys\n      };\n      r.proxy = tracker;\n    }\n    r.getSnapshot = function() {\n      if (r.optimizeForFirstRender) {\n        var _r_componentContext;\n        var ms = getMedia();\n        if (ms === r.lastState) {\n          return r.lastState;\n        }\n        if ((_r_componentContext = r.componentContext) === null || _r_componentContext === void 0 ? void 0 : _r_componentContext.mediaEmit) {\n          r.componentContext.mediaEmit(ms);\n          r.pendingState = ms;\n          return r.lastState;\n        }\n        r.lastState = ms;\n        return ms;\n      }\n      var curKeys = mediaListenKeys(r);\n      var { lastState, pendingState } = r;\n      if (!curKeys.size) {\n        return lastState;\n      }\n      var ms1 = getMedia();\n      var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;\n      try {\n        for (var _iterator = curKeys[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {\n          var key = _step.value;\n          if (ms1[key] !== (pendingState || lastState)[key]) {\n            var _r_componentContext1;\n            if (process.env.NODE_ENV === \"development\" && r.debug) {\n              console.warn(`useMedia() \\u270D\\uFE0F`, key, lastState[key], \"=>\", ms1[key]);\n            }\n            if ((_r_componentContext1 = r.componentContext) === null || _r_componentContext1 === void 0 ? void 0 : _r_componentContext1.mediaEmit) {\n              r.componentContext.mediaEmit(ms1);\n              r.pendingState = ms1;\n              return lastState;\n            }\n            r.lastState = ms1;\n            return ms1;\n          }\n        }\n      } catch (err) {\n        _didIteratorError = true;\n        _iteratorError = err;\n      } finally {\n        try {\n          if (!_iteratorNormalCompletion && _iterator.return != null) {\n            _iterator.return();\n          }\n        } finally {\n          if (_didIteratorError) {\n            throw _iteratorError;\n          }\n        }\n      }\n      return lastState;\n    };\n    internalRef.current = r;\n  } else {\n    internalRef.current.componentContext = componentContext;\n    internalRef.current.uid = uid;\n    internalRef.current.debug = debug;\n  }\n  var ref = internalRef.current;\n  ref.renderVersion++;\n  if (ref.pendingState) {\n    ref.lastState = ref.pendingState;\n    ref.pendingState = void 0;\n  }\n  if ((_ref_keys = ref.keys) === null || _ref_keys === void 0 ? void 0 : _ref_keys.size) {\n    ref.keys.clear();\n  }\n  var [, forceUpdate] = useReducer(incReducer, 0);\n  var state = isServer ? initState : ref.optimizeForFirstRender && ref.renderVersion === 1 ? ref.lastState : ref.getSnapshot();\n  ref.proxyTarget = state;\n  if (!ref.optimizeForFirstRender) {\n    ;\n    ref.proxy[refSlot].proxyTarget = state;\n  }\n  useIsomorphicLayoutEffect(function() {\n    var synced = ref.getSnapshot();\n    if (synced !== ref.proxyTarget) {\n      ref.proxyTarget = synced;\n      if (!ref.optimizeForFirstRender) {\n        ;\n        ref.proxy[refSlot].proxyTarget = synced;\n      }\n      forceUpdate();\n    }\n  }, []);\n  useEffect(function() {\n    var _States_get;\n    var renderVersion = ref.renderVersion;\n    var shouldSubscribe = ref.optimizeForFirstRender || !ref.uid || !!((_States_get = States.get(ref.uid)) === null || _States_get === void 0 ? void 0 : _States_get.enabled);\n    if (shouldSubscribe) {\n      var _ref;\n      (_ref = ref).onChange || (_ref.onChange = function() {\n        var next = ref.getSnapshot();\n        if (next !== ref.proxyTarget) {\n          var _ref_uid_nativeMediaUpdate, _ref_uid;\n          ref.proxyTarget = next;\n          if (!ref.optimizeForFirstRender) {\n            ;\n            ref.proxy[refSlot].proxyTarget = next;\n          }\n          if ((_ref_uid = ref.uid) === null || _ref_uid === void 0 ? void 0 : (_ref_uid_nativeMediaUpdate = _ref_uid.nativeMediaUpdate) === null || _ref_uid_nativeMediaUpdate === void 0 ? void 0 : _ref_uid_nativeMediaUpdate.call(_ref_uid, forceUpdate)) return;\n          forceUpdate();\n        }\n      });\n      indexMediaListener(ref);\n    } else {\n      unindexMediaListener(ref);\n    }\n    return function() {\n      if (ref.renderVersion === renderVersion) {\n        unindexMediaListener(ref);\n      }\n    };\n  });\n  return ref.optimizeForFirstRender ? state : ref.proxy;\n}\nvar incReducer = function(c) {\n  return c + 1;\n};\nvar disableMediaTouch = false;\nfunction _disableMediaTouch(val) {\n  disableMediaTouch = val;\n}\nfunction getMediaState(mediaGroups, layout) {\n  disableMediaTouch = true;\n  var res;\n  try {\n    res = Object.fromEntries([\n      ...mediaGroups\n    ].map(function(mediaKey) {\n      return [\n        mediaKey,\n        mediaKeyMatch(mediaKey, layout)\n      ];\n    }));\n  } finally {\n    disableMediaTouch = false;\n  }\n  return res;\n}\nvar cachedMediaKeyToQuery = {};\nfunction mediaKeyToQuery(key) {\n  return cachedMediaKeyToQuery[key] || (cachedMediaKeyToQuery[key] = mediaObjectToString(mediaQueryConfig[key]));\n}\nfunction mediaKeyMatch(key, dimensions) {\n  var mediaQueries = mediaQueryConfig[key];\n  for (var query in mediaQueries) {\n    var expectedVal = +mediaQueries[query];\n    var isMax = query.startsWith(\"max\");\n    var isWidth = query.endsWith(\"Width\");\n    var givenVal = dimensions[isWidth ? \"width\" : \"height\"];\n    if (isMax ? givenVal >= expectedVal : givenVal <= expectedVal) {\n      return false;\n    }\n  }\n  return true;\n}\nexport {\n  _disableMediaTouch,\n  _mediaListenerStats,\n  configureMedia,\n  getMediaState,\n  mediaKeyMatch,\n  mediaKeyToQuery,\n  setMediaShouldUpdate,\n  setupMediaListeners,\n  updateMediaListeners,\n  useMedia\n};\n//# sourceMappingURL=useMedia.js.map\n"],"mappings":"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"}

package/dist/esm/hooks/usePortalThemeState.mjs

@@ -0,0 +1,21 @@
+import { useContext } from "react";
+import { ThemeStateContext, getInlineThemeLayer, getThemeProviderParent } from "./useThemeState.mjs";
+import { useThemeName } from "./useThemeName.mjs";
+
+function usePortalThemeState() {
+	const name = useThemeName();
+	const layers = [];
+	let cursor = useContext(ThemeStateContext);
+	while (cursor) {
+		const layer = getInlineThemeLayer(cursor);
+		if (layer) layers.unshift(layer);
+		cursor = getThemeProviderParent(cursor);
+	}
+	return {
+		name,
+		layers
+	};
+}
+
+export { usePortalThemeState };
+//# sourceMappingURL=usePortalThemeState.mjs.map

package/dist/esm/hooks/usePortalThemeState.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePortalThemeState.js","names":[],"sources":["esm/hooks/usePortalThemeState.js"],"sourcesContent":["import { useContext } from \"react\";\nimport {\n  getInlineThemeLayer,\n  getThemeProviderParent,\n  ThemeStateContext\n} from \"./useThemeState\";\nimport { useThemeName } from \"./useThemeName\";\nfunction usePortalThemeState() {\n  const name = useThemeName();\n  const layers = [];\n  let cursor = useContext(ThemeStateContext);\n  while (cursor) {\n    const layer = getInlineThemeLayer(cursor);\n    if (layer) layers.unshift(layer);\n    cursor = getThemeProviderParent(cursor);\n  }\n  return { name, layers };\n}\nexport {\n  usePortalThemeState\n};\n//# sourceMappingURL=usePortalThemeState.js.map\n"],"mappings":";;;;;AAOA,SAAS,sBAAsB;CAC7B,MAAM,OAAO,aAAa;CAC1B,MAAM,SAAS,CAAC;CAChB,IAAI,SAAS,WAAW,iBAAiB;CACzC,OAAO,QAAQ;EACb,MAAM,QAAQ,oBAAoB,MAAM;EACxC,IAAI,OAAO,OAAO,QAAQ,KAAK;EAC/B,SAAS,uBAAuB,MAAM;CACxC;CACA,OAAO;EAAE;EAAM;CAAO;AACxB"}

package/dist/esm/hooks/usePortalThemeState.native.js

@@ -0,0 +1,21 @@
+import { useContext } from "react";
+import { ThemeStateContext, getInlineThemeLayer, getThemeProviderParent } from "./useThemeState.native.js";
+import { useThemeName } from "./useThemeName.native.js";
+
+function usePortalThemeState() {
+	var name = useThemeName();
+	var layers = [];
+	var cursor = useContext(ThemeStateContext);
+	while (cursor) {
+		var layer = getInlineThemeLayer(cursor);
+		if (layer) layers.unshift(layer);
+		cursor = getThemeProviderParent(cursor);
+	}
+	return {
+		name,
+		layers
+	};
+}
+
+export { usePortalThemeState };
+//# sourceMappingURL=usePortalThemeState.native.js.map

package/dist/esm/hooks/usePortalThemeState.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePortalThemeState.native.js","names":[],"sources":["esm/hooks/usePortalThemeState.native.js"],"sourcesContent":["import { useContext } from \"react\";\nimport { getInlineThemeLayer, getThemeProviderParent, ThemeStateContext } from \"./useThemeState\";\nimport { useThemeName } from \"./useThemeName\";\nfunction usePortalThemeState() {\n  var name = useThemeName();\n  var layers = [];\n  var cursor = useContext(ThemeStateContext);\n  while (cursor) {\n    var layer = getInlineThemeLayer(cursor);\n    if (layer) layers.unshift(layer);\n    cursor = getThemeProviderParent(cursor);\n  }\n  return {\n    name,\n    layers\n  };\n}\nexport {\n  usePortalThemeState\n};\n//# sourceMappingURL=usePortalThemeState.js.map\n"],"mappings":";;;;;AAGA,SAAS,sBAAsB;CAC7B,IAAI,OAAO,aAAa;CACxB,IAAI,SAAS,CAAC;CACd,IAAI,SAAS,WAAW,iBAAiB;CACzC,OAAO,QAAQ;EACb,IAAI,QAAQ,oBAAoB,MAAM;EACtC,IAAI,OAAO,OAAO,QAAQ,KAAK;EAC/B,SAAS,uBAAuB,MAAM;CACxC;CACA,OAAO;EACL;EACA;CACF;AACF"}

package/dist/esm/hooks/useProps.mjs

@@ -4,79 +4,95 @@ import { getConfig } from "../config.mjs";
 import { ComponentContext } from "../contexts/ComponentContext.mjs";
 import { GroupContext } from "../contexts/GroupContext.mjs";
 import { useSplitStyles } from "../helpers/getSplitStyles.mjs";
+import { subscribeToSafeArea } from "../helpers/resolveSafeAreaVariable.mjs";
 import { subscribeToContextGroup } from "../helpers/subscribeToContextGroup.mjs";
 import { View } from "../views/View.mjs";
 import { useComponentState } from "./useComponentState.mjs";
 import { mediaState } from "../helpers/mediaState.mjs";
 import { useMedia } from "./useMedia.mjs";
 import { useThemeWithState } from "./useTheme.mjs";
+
 function useProps(props, opts) {
-  const [propsOut, styleOut] = usePropsAndStyle(props, {
-    ...opts,
-    noExpand: true,
-    noNormalize: true,
-    resolveValues: "none"
-  });
-  return {
-    ...propsOut,
-    ...styleOut
-  };
+	const [propsOut, styleOut] = usePropsAndStyle(props, {
+		...opts,
+		noExpand: true,
+		noNormalize: true,
+		resolveValues: "none"
+	});
+	return {
+		...propsOut,
+		...styleOut
+	};
 }
 function useStyle(props, opts) {
-  return usePropsAndStyle(props, opts)[1] || {};
+	return usePropsAndStyle(props, opts)[1] || {};
 }
 function usePropsAndStyle(props, opts) {
-  const staticConfig = opts?.forComponent?.staticConfig ?? View.staticConfig;
-  const [theme, themeState] = useThemeWithState({
-    componentName: staticConfig.componentName,
-    name: "theme" in props ? props.theme : void 0,
-    needsUpdate() {
-      return true;
-    }
-  });
-  const componentContext = React.useContext(ComponentContext);
-  const groupContext = React.useContext(GroupContext);
-  const {
-    state,
-    disabled,
-    setStateShallow
-  } = useComponentState(props, componentContext.animationDriver, staticConfig, getConfig());
-  const mediaStateNow = opts?.noMedia ?
-  // not safe to use mediaState but really marginal to hit this
-  mediaState : useMedia();
-  const splitStyles = useSplitStyles(props, staticConfig, theme, themeState?.name || "", state, {
-    isAnimated: false,
-    mediaState: mediaStateNow,
-    noSkip: true,
-    noMergeStyle: true,
-    noClass: true,
-    resolveValues: "auto",
-    ...opts
-  }, null, componentContext, groupContext);
-  const {
-    mediaGroups,
-    pseudoGroups
-  } = splitStyles || {};
-  useIsomorphicLayoutEffect(() => {
-    if (disabled) {
-      return;
-    }
-    if (state.unmounted) {
-      setStateShallow({
-        unmounted: false
-      });
-      return;
-    }
-    if (groupContext) {
-      return subscribeToContextGroup({
-        groupContext,
-        setStateShallow,
-        mediaGroups,
-        pseudoGroups
-      });
-    }
-  }, [disabled, groupContext, pseudoGroups ? Object.keys([...pseudoGroups]).join("") : 0, mediaGroups ? Object.keys([...mediaGroups]).join("") : 0]);
-  return [splitStyles?.viewProps || {}, splitStyles?.style || {}, theme, mediaState];
+	const staticConfig = opts?.forComponent?.staticConfig ?? View.staticConfig;
+	const [theme, themeState] = useThemeWithState({
+		name: "theme" in props ? props.theme : void 0,
+		needsUpdate() {
+			return true;
+		}
+	});
+	const componentContext = React.useContext(ComponentContext);
+	const groupContext = React.useContext(GroupContext);
+	const { props: statefulProps, state, disabled, setState, setStateShallow } = useComponentState(props, componentContext.animationDriver, staticConfig, getConfig());
+	const mediaStateNow = opts?.noMedia ? mediaState : useMedia();
+	const splitStyles = useSplitStyles(statefulProps, staticConfig, theme, themeState?.name || "", state, {
+		isAnimated: false,
+		mediaState: mediaStateNow,
+		noSkip: true,
+		noMergeStyle: true,
+		noClass: true,
+		resolveValues: "auto",
+		...opts
+	}, null, componentContext, groupContext);
+	const { mediaGroups, pseudoGroups } = splitStyles || {};
+	useIsomorphicLayoutEffect(() => {
+		let disposeSafeArea;
+		if (splitStyles?.usesSafeArea) {
+			const updateSafeArea = () => {
+				setState((previous) => ({ ...previous }));
+			};
+			disposeSafeArea = subscribeToSafeArea(updateSafeArea);
+			updateSafeArea();
+		}
+		if (disabled) {
+			return disposeSafeArea;
+		}
+		if (state.unmounted) {
+			setStateShallow({ unmounted: false });
+			return disposeSafeArea;
+		}
+		if (groupContext) {
+			const disposeGroup = subscribeToContextGroup({
+				groupContext,
+				setStateShallow,
+				mediaGroups,
+				pseudoGroups
+			});
+			if (!disposeSafeArea) return disposeGroup;
+			return () => {
+				disposeSafeArea();
+				disposeGroup?.();
+			};
+		}
+		return disposeSafeArea;
+	}, [
+		disabled,
+		groupContext,
+		splitStyles?.usesSafeArea,
+		pseudoGroups ? Object.keys([...pseudoGroups]).join("") : 0,
+		mediaGroups ? Object.keys([...mediaGroups]).join("") : 0
+	]);
+	return [
+		splitStyles?.viewProps || {},
+		splitStyles?.style || {},
+		theme,
+		mediaState
+	];
 }
+
 export { useProps, usePropsAndStyle, useStyle };
 //# sourceMappingURL=useProps.mjs.map

package/dist/esm/hooks/useProps.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["useIsomorphicLayoutEffect","React","getConfig","ComponentContext","GroupContext","useSplitStyles","subscribeToContextGroup","View","useComponentState","mediaState","useMedia","useThemeWithState","useProps","props","opts","propsOut","styleOut","usePropsAndStyle","noExpand","noNormalize","resolveValues","useStyle","staticConfig","forComponent","theme","themeState","componentName","name","needsUpdate","componentContext","useContext","groupContext","state","disabled","setStateShallow","animationDriver","mediaStateNow","noMedia","splitStyles","isAnimated","noSkip","noMergeStyle","noClass","mediaGroups","pseudoGroups","unmounted","Object","keys","join","viewProps","style"],"sources":["../../../src/hooks/useProps.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"useProps.js","names":[],"sources":["esm/hooks/useProps.js"],"sourcesContent":["import { useIsomorphicLayoutEffect } from \"@tamagui/constants\";\nimport React from \"react\";\nimport { getConfig } from \"../config\";\nimport { ComponentContext } from \"../contexts/ComponentContext\";\nimport { GroupContext } from \"../contexts/GroupContext\";\nimport { useSplitStyles } from \"../helpers/getSplitStyles\";\nimport { subscribeToSafeArea } from \"../helpers/resolveSafeAreaVariable\";\nimport { subscribeToContextGroup } from \"../helpers/subscribeToContextGroup\";\nimport { View } from \"../views/View\";\nimport { useComponentState } from \"./useComponentState\";\nimport { mediaState } from \"../helpers/mediaState\";\nimport { useMedia } from \"./useMedia\";\nimport { useThemeWithState } from \"./useTheme\";\nfunction useProps(props, opts) {\n  const [propsOut, styleOut] = usePropsAndStyle(props, {\n    ...opts,\n    noExpand: true,\n    noNormalize: true,\n    resolveValues: \"none\"\n  });\n  return {\n    ...propsOut,\n    ...styleOut\n  };\n}\nfunction useStyle(props, opts) {\n  return usePropsAndStyle(props, opts)[1] || {};\n}\nfunction usePropsAndStyle(props, opts) {\n  const staticConfig = opts?.forComponent?.staticConfig ?? View.staticConfig;\n  const [theme, themeState] = useThemeWithState({\n    name: \"theme\" in props ? props.theme : void 0,\n    needsUpdate() {\n      return true;\n    }\n  });\n  const componentContext = React.useContext(ComponentContext);\n  const groupContext = React.useContext(GroupContext);\n  const {\n    props: statefulProps,\n    state,\n    disabled,\n    setState,\n    setStateShallow\n  } = useComponentState(\n    props,\n    componentContext.animationDriver,\n    staticConfig,\n    getConfig()\n  );\n  const mediaStateNow = opts?.noMedia ? (\n    // not safe to use mediaState but really marginal to hit this\n    mediaState\n  ) : useMedia();\n  const splitStyles = useSplitStyles(\n    statefulProps,\n    staticConfig,\n    theme,\n    themeState?.name || \"\",\n    state,\n    {\n      isAnimated: false,\n      mediaState: mediaStateNow,\n      noSkip: true,\n      noMergeStyle: true,\n      noClass: true,\n      resolveValues: \"auto\",\n      ...opts\n    },\n    null,\n    componentContext,\n    groupContext\n  );\n  const { mediaGroups, pseudoGroups } = splitStyles || {};\n  useIsomorphicLayoutEffect(() => {\n    let disposeSafeArea;\n    if (splitStyles?.usesSafeArea) {\n      const updateSafeArea = () => {\n        setState((previous) => ({ ...previous }));\n      };\n      disposeSafeArea = subscribeToSafeArea(updateSafeArea);\n      updateSafeArea();\n    }\n    if (disabled) {\n      return disposeSafeArea;\n    }\n    if (state.unmounted) {\n      setStateShallow({ unmounted: false });\n      return disposeSafeArea;\n    }\n    if (groupContext) {\n      const disposeGroup = subscribeToContextGroup({\n        groupContext,\n        setStateShallow,\n        mediaGroups,\n        pseudoGroups\n      });\n      if (!disposeSafeArea) return disposeGroup;\n      return () => {\n        disposeSafeArea();\n        disposeGroup?.();\n      };\n    }\n    return disposeSafeArea;\n  }, [\n    disabled,\n    groupContext,\n    splitStyles?.usesSafeArea,\n    pseudoGroups ? Object.keys([...pseudoGroups]).join(\"\") : 0,\n    mediaGroups ? Object.keys([...mediaGroups]).join(\"\") : 0\n  ]);\n  return [\n    splitStyles?.viewProps || {},\n    splitStyles?.style || {},\n    theme,\n    mediaState\n  ];\n}\nexport {\n  useProps,\n  usePropsAndStyle,\n  useStyle\n};\n//# sourceMappingURL=useProps.js.map\n"],"mappings":";;;;;;;;;;;;;;;AAaA,SAAS,SAAS,OAAO,MAAM;CAC7B,MAAM,CAAC,UAAU,YAAY,iBAAiB,OAAO;EACnD,GAAG;EACH,UAAU;EACV,aAAa;EACb,eAAe;CACjB,CAAC;CACD,OAAO;EACL,GAAG;EACH,GAAG;CACL;AACF;AACA,SAAS,SAAS,OAAO,MAAM;CAC7B,OAAO,iBAAiB,OAAO,IAAI,EAAE,MAAM,CAAC;AAC9C;AACA,SAAS,iBAAiB,OAAO,MAAM;CACrC,MAAM,eAAe,MAAM,cAAc,gBAAgB,KAAK;CAC9D,MAAM,CAAC,OAAO,cAAc,kBAAkB;EAC5C,MAAM,WAAW,QAAQ,MAAM,QAAQ,KAAK;EAC5C,cAAc;GACZ,OAAO;EACT;CACF,CAAC;CACD,MAAM,mBAAmB,MAAM,WAAW,gBAAgB;CAC1D,MAAM,eAAe,MAAM,WAAW,YAAY;CAClD,MAAM,EACJ,OAAO,eACP,OACA,UACA,UACA,oBACE,kBACF,OACA,iBAAiB,iBACjB,cACA,UAAU,CACZ;CACA,MAAM,gBAAgB,MAAM,UAE1B,aACE,SAAS;CACb,MAAM,cAAc,eAClB,eACA,cACA,OACA,YAAY,QAAQ,IACpB,OACA;EACE,YAAY;EACZ,YAAY;EACZ,QAAQ;EACR,cAAc;EACd,SAAS;EACT,eAAe;EACf,GAAG;CACL,GACA,MACA,kBACA,YACF;CACA,MAAM,EAAE,aAAa,iBAAiB,eAAe,CAAC;CACtD,gCAAgC;EAC9B,IAAI;EACJ,IAAI,aAAa,cAAc;GAC7B,MAAM,uBAAuB;IAC3B,UAAU,cAAc,EAAE,GAAG,SAAS,EAAE;GAC1C;GACA,kBAAkB,oBAAoB,cAAc;GACpD,eAAe;EACjB;EACA,IAAI,UAAU;GACZ,OAAO;EACT;EACA,IAAI,MAAM,WAAW;GACnB,gBAAgB,EAAE,WAAW,MAAM,CAAC;GACpC,OAAO;EACT;EACA,IAAI,cAAc;GAChB,MAAM,eAAe,wBAAwB;IAC3C;IACA;IACA;IACA;GACF,CAAC;GACD,IAAI,CAAC,iBAAiB,OAAO;GAC7B,aAAa;IACX,gBAAgB;IAChB,eAAe;GACjB;EACF;EACA,OAAO;CACT,GAAG;EACD;EACA;EACA,aAAa;EACb,eAAe,OAAO,KAAK,CAAC,GAAG,YAAY,CAAC,EAAE,KAAK,EAAE,IAAI;EACzD,cAAc,OAAO,KAAK,CAAC,GAAG,WAAW,CAAC,EAAE,KAAK,EAAE,IAAI;CACzD,CAAC;CACD,OAAO;EACL,aAAa,aAAa,CAAC;EAC3B,aAAa,SAAS,CAAC;EACvB;EACA;CACF;AACF"}

package/dist/esm/hooks/useProps.native.js

@@ -4,81 +4,99 @@ import { getConfig } from "../config.native.js";
 import { ComponentContext } from "../contexts/ComponentContext.native.js";
 import { GroupContext } from "../contexts/GroupContext.native.js";
 import { useSplitStyles } from "../helpers/getSplitStyles.native.js";
+import { subscribeToSafeArea } from "../helpers/resolveSafeAreaVariable.native.js";
 import { subscribeToContextGroup } from "../helpers/subscribeToContextGroup.native.js";
 import { View } from "../views/View.native.js";
 import { useComponentState } from "./useComponentState.native.js";
 import { mediaState } from "../helpers/mediaState.native.js";
 import { useMedia } from "./useMedia.native.js";
 import { useThemeWithState } from "./useTheme.native.js";
+
 function useProps(props, opts) {
-  var [propsOut, styleOut] = usePropsAndStyle(props, {
-    ...opts,
-    noExpand: true,
-    noNormalize: true,
-    resolveValues: "none"
-  });
-  return {
-    ...propsOut,
-    ...styleOut
-  };
+	var [propsOut, styleOut] = usePropsAndStyle(props, {
+		...opts,
+		noExpand: true,
+		noNormalize: true,
+		resolveValues: "none"
+	});
+	return {
+		...propsOut,
+		...styleOut
+	};
 }
 function useStyle(props, opts) {
-  return usePropsAndStyle(props, opts)[1] || {};
+	return usePropsAndStyle(props, opts)[1] || {};
 }
 function usePropsAndStyle(props, opts) {
-  var _opts_forComponent;
-  var _opts_forComponent_staticConfig;
-  var staticConfig = (_opts_forComponent_staticConfig = opts === null || opts === void 0 ? void 0 : (_opts_forComponent = opts.forComponent) === null || _opts_forComponent === void 0 ? void 0 : _opts_forComponent.staticConfig) !== null && _opts_forComponent_staticConfig !== void 0 ? _opts_forComponent_staticConfig : View.staticConfig;
-  var [theme, themeState] = useThemeWithState({
-    componentName: staticConfig.componentName,
-    name: "theme" in props ? props.theme : void 0,
-    needsUpdate() {
-      return true;
-    }
-  });
-  var componentContext = React.useContext(ComponentContext);
-  var groupContext = React.useContext(GroupContext);
-  var {
-    state,
-    disabled,
-    setStateShallow
-  } = useComponentState(props, componentContext.animationDriver, staticConfig, getConfig());
-  var mediaStateNow = (opts === null || opts === void 0 ? void 0 : opts.noMedia) ?
-  // not safe to use mediaState but really marginal to hit this
-  mediaState : useMedia();
-  var splitStyles = useSplitStyles(props, staticConfig, theme, (themeState === null || themeState === void 0 ? void 0 : themeState.name) || "", state, {
-    isAnimated: false,
-    mediaState: mediaStateNow,
-    noSkip: true,
-    noMergeStyle: true,
-    noClass: true,
-    resolveValues: "auto",
-    ...opts
-  }, null, componentContext, groupContext);
-  var {
-    mediaGroups,
-    pseudoGroups
-  } = splitStyles || {};
-  useIsomorphicLayoutEffect(function () {
-    if (disabled) {
-      return;
-    }
-    if (state.unmounted) {
-      setStateShallow({
-        unmounted: false
-      });
-      return;
-    }
-    if (groupContext) {
-      return subscribeToContextGroup({
-        groupContext,
-        setStateShallow,
-        mediaGroups,
-        pseudoGroups
-      });
-    }
-  }, [disabled, groupContext, pseudoGroups ? Object.keys([...pseudoGroups]).join("") : 0, mediaGroups ? Object.keys([...mediaGroups]).join("") : 0]);
-  return [(splitStyles === null || splitStyles === void 0 ? void 0 : splitStyles.viewProps) || {}, (splitStyles === null || splitStyles === void 0 ? void 0 : splitStyles.style) || {}, theme, mediaState];
+	var _opts_forComponent;
+	var _opts_forComponent_staticConfig;
+	var staticConfig = (_opts_forComponent_staticConfig = opts === null || opts === void 0 ? void 0 : (_opts_forComponent = opts.forComponent) === null || _opts_forComponent === void 0 ? void 0 : _opts_forComponent.staticConfig) !== null && _opts_forComponent_staticConfig !== void 0 ? _opts_forComponent_staticConfig : View.staticConfig;
+	var [theme, themeState] = useThemeWithState({
+		name: "theme" in props ? props.theme : void 0,
+		needsUpdate() {
+			return true;
+		}
+	});
+	var componentContext = React.useContext(ComponentContext);
+	var groupContext = React.useContext(GroupContext);
+	var { props: statefulProps, state, disabled, setState, setStateShallow } = useComponentState(props, componentContext.animationDriver, staticConfig, getConfig());
+	var mediaStateNow = (opts === null || opts === void 0 ? void 0 : opts.noMedia) ? mediaState : useMedia();
+	var splitStyles = useSplitStyles(statefulProps, staticConfig, theme, (themeState === null || themeState === void 0 ? void 0 : themeState.name) || "", state, {
+		isAnimated: false,
+		mediaState: mediaStateNow,
+		noSkip: true,
+		noMergeStyle: true,
+		noClass: true,
+		resolveValues: "auto",
+		...opts
+	}, null, componentContext, groupContext);
+	var { mediaGroups, pseudoGroups } = splitStyles || {};
+	useIsomorphicLayoutEffect(function() {
+		var disposeSafeArea;
+		if (splitStyles === null || splitStyles === void 0 ? void 0 : splitStyles.usesSafeArea) {
+			var updateSafeArea = function() {
+				setState(function(previous) {
+					return { ...previous };
+				});
+			};
+			disposeSafeArea = subscribeToSafeArea(updateSafeArea);
+			updateSafeArea();
+		}
+		if (disabled) {
+			return disposeSafeArea;
+		}
+		if (state.unmounted) {
+			setStateShallow({ unmounted: false });
+			return disposeSafeArea;
+		}
+		if (groupContext) {
+			var disposeGroup = subscribeToContextGroup({
+				groupContext,
+				setStateShallow,
+				mediaGroups,
+				pseudoGroups
+			});
+			if (!disposeSafeArea) return disposeGroup;
+			return function() {
+				disposeSafeArea();
+				disposeGroup === null || disposeGroup === void 0 ? void 0 : disposeGroup();
+			};
+		}
+		return disposeSafeArea;
+	}, [
+		disabled,
+		groupContext,
+		splitStyles === null || splitStyles === void 0 ? void 0 : splitStyles.usesSafeArea,
+		pseudoGroups ? Object.keys([...pseudoGroups]).join("") : 0,
+		mediaGroups ? Object.keys([...mediaGroups]).join("") : 0
+	]);
+	return [
+		(splitStyles === null || splitStyles === void 0 ? void 0 : splitStyles.viewProps) || {},
+		(splitStyles === null || splitStyles === void 0 ? void 0 : splitStyles.style) || {},
+		theme,
+		mediaState
+	];
 }
+
 export { useProps, usePropsAndStyle, useStyle };
 //# sourceMappingURL=useProps.native.js.map

package/dist/esm/hooks/useProps.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["useIsomorphicLayoutEffect","React","getConfig","ComponentContext","GroupContext","useSplitStyles","subscribeToContextGroup","View","useComponentState","mediaState","useMedia","useThemeWithState","useProps","props","opts","propsOut","styleOut","usePropsAndStyle","noExpand","noNormalize","resolveValues","useStyle","_opts_forComponent","_opts_forComponent_staticConfig","staticConfig","forComponent","theme","themeState","componentName","name","needsUpdate","componentContext","useContext","groupContext","state","disabled","setStateShallow","animationDriver","mediaStateNow","noMedia","splitStyles","isAnimated","noSkip","noMergeStyle","noClass","mediaGroups","pseudoGroups","unmounted","Object","keys","join","viewProps","style"],"sources":["../../../src/hooks/useProps.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"useProps.native.js","names":[],"sources":["esm/hooks/useProps.native.js"],"sourcesContent":["import { useIsomorphicLayoutEffect } from \"@tamagui/constants\";\nimport React from \"react\";\nimport { getConfig } from \"../config\";\nimport { ComponentContext } from \"../contexts/ComponentContext\";\nimport { GroupContext } from \"../contexts/GroupContext\";\nimport { useSplitStyles } from \"../helpers/getSplitStyles\";\nimport { subscribeToSafeArea } from \"../helpers/resolveSafeAreaVariable\";\nimport { subscribeToContextGroup } from \"../helpers/subscribeToContextGroup\";\nimport { View } from \"../views/View\";\nimport { useComponentState } from \"./useComponentState\";\nimport { mediaState } from \"../helpers/mediaState\";\nimport { useMedia } from \"./useMedia\";\nimport { useThemeWithState } from \"./useTheme\";\nfunction useProps(props, opts) {\n  var [propsOut, styleOut] = usePropsAndStyle(props, {\n    ...opts,\n    noExpand: true,\n    noNormalize: true,\n    resolveValues: \"none\"\n  });\n  return {\n    ...propsOut,\n    ...styleOut\n  };\n}\nfunction useStyle(props, opts) {\n  return usePropsAndStyle(props, opts)[1] || {};\n}\nfunction usePropsAndStyle(props, opts) {\n  var _opts_forComponent;\n  var _opts_forComponent_staticConfig;\n  var staticConfig = (_opts_forComponent_staticConfig = opts === null || opts === void 0 ? void 0 : (_opts_forComponent = opts.forComponent) === null || _opts_forComponent === void 0 ? void 0 : _opts_forComponent.staticConfig) !== null && _opts_forComponent_staticConfig !== void 0 ? _opts_forComponent_staticConfig : View.staticConfig;\n  var [theme, themeState] = useThemeWithState({\n    name: \"theme\" in props ? props.theme : void 0,\n    needsUpdate() {\n      return true;\n    }\n  });\n  var componentContext = React.useContext(ComponentContext);\n  var groupContext = React.useContext(GroupContext);\n  var { props: statefulProps, state, disabled, setState, setStateShallow } = useComponentState(props, componentContext.animationDriver, staticConfig, getConfig());\n  var mediaStateNow = (opts === null || opts === void 0 ? void 0 : opts.noMedia) ? (\n    // not safe to use mediaState but really marginal to hit this\n    mediaState\n  ) : useMedia();\n  var splitStyles = useSplitStyles(statefulProps, staticConfig, theme, (themeState === null || themeState === void 0 ? void 0 : themeState.name) || \"\", state, {\n    isAnimated: false,\n    mediaState: mediaStateNow,\n    noSkip: true,\n    noMergeStyle: true,\n    noClass: true,\n    resolveValues: \"auto\",\n    ...opts\n  }, null, componentContext, groupContext);\n  var { mediaGroups, pseudoGroups } = splitStyles || {};\n  useIsomorphicLayoutEffect(function() {\n    var disposeSafeArea;\n    if (splitStyles === null || splitStyles === void 0 ? void 0 : splitStyles.usesSafeArea) {\n      var updateSafeArea = function() {\n        setState(function(previous) {\n          return {\n            ...previous\n          };\n        });\n      };\n      disposeSafeArea = subscribeToSafeArea(updateSafeArea);\n      updateSafeArea();\n    }\n    if (disabled) {\n      return disposeSafeArea;\n    }\n    if (state.unmounted) {\n      setStateShallow({\n        unmounted: false\n      });\n      return disposeSafeArea;\n    }\n    if (groupContext) {\n      var disposeGroup = subscribeToContextGroup({\n        groupContext,\n        setStateShallow,\n        mediaGroups,\n        pseudoGroups\n      });\n      if (!disposeSafeArea) return disposeGroup;\n      return function() {\n        disposeSafeArea();\n        disposeGroup === null || disposeGroup === void 0 ? void 0 : disposeGroup();\n      };\n    }\n    return disposeSafeArea;\n  }, [\n    disabled,\n    groupContext,\n    splitStyles === null || splitStyles === void 0 ? void 0 : splitStyles.usesSafeArea,\n    pseudoGroups ? Object.keys([\n      ...pseudoGroups\n    ]).join(\"\") : 0,\n    mediaGroups ? Object.keys([\n      ...mediaGroups\n    ]).join(\"\") : 0\n  ]);\n  return [\n    (splitStyles === null || splitStyles === void 0 ? void 0 : splitStyles.viewProps) || {},\n    (splitStyles === null || splitStyles === void 0 ? void 0 : splitStyles.style) || {},\n    theme,\n    mediaState\n  ];\n}\nexport {\n  useProps,\n  usePropsAndStyle,\n  useStyle\n};\n//# sourceMappingURL=useProps.js.map\n"],"mappings":";;;;;;;;;;;;;;;AAaA,SAAS,SAAS,OAAO,MAAM;CAC7B,IAAI,CAAC,UAAU,YAAY,iBAAiB,OAAO;EACjD,GAAG;EACH,UAAU;EACV,aAAa;EACb,eAAe;CACjB,CAAC;CACD,OAAO;EACL,GAAG;EACH,GAAG;CACL;AACF;AACA,SAAS,SAAS,OAAO,MAAM;CAC7B,OAAO,iBAAiB,OAAO,IAAI,EAAE,MAAM,CAAC;AAC9C;AACA,SAAS,iBAAiB,OAAO,MAAM;CACrC,IAAI;CACJ,IAAI;CACJ,IAAI,gBAAgB,kCAAkC,SAAS,QAAQ,SAAS,KAAK,IAAI,KAAK,KAAK,qBAAqB,KAAK,kBAAkB,QAAQ,uBAAuB,KAAK,IAAI,KAAK,IAAI,mBAAmB,kBAAkB,QAAQ,oCAAoC,KAAK,IAAI,kCAAkC,KAAK;CACjU,IAAI,CAAC,OAAO,cAAc,kBAAkB;EAC1C,MAAM,WAAW,QAAQ,MAAM,QAAQ,KAAK;EAC5C,cAAc;GACZ,OAAO;EACT;CACF,CAAC;CACD,IAAI,mBAAmB,MAAM,WAAW,gBAAgB;CACxD,IAAI,eAAe,MAAM,WAAW,YAAY;CAChD,IAAI,EAAE,OAAO,eAAe,OAAO,UAAU,UAAU,oBAAoB,kBAAkB,OAAO,iBAAiB,iBAAiB,cAAc,UAAU,CAAC;CAC/J,IAAI,iBAAiB,SAAS,QAAQ,SAAS,KAAK,IAAI,KAAK,IAAI,KAAK,WAEpE,aACE,SAAS;CACb,IAAI,cAAc,eAAe,eAAe,cAAc,QAAQ,eAAe,QAAQ,eAAe,KAAK,IAAI,KAAK,IAAI,WAAW,SAAS,IAAI,OAAO;EAC3J,YAAY;EACZ,YAAY;EACZ,QAAQ;EACR,cAAc;EACd,SAAS;EACT,eAAe;EACf,GAAG;CACL,GAAG,MAAM,kBAAkB,YAAY;CACvC,IAAI,EAAE,aAAa,iBAAiB,eAAe,CAAC;CACpD,0BAA0B,WAAW;EACnC,IAAI;EACJ,IAAI,gBAAgB,QAAQ,gBAAgB,KAAK,IAAI,KAAK,IAAI,YAAY,cAAc;GACtF,IAAI,iBAAiB,WAAW;IAC9B,SAAS,SAAS,UAAU;KAC1B,OAAO,EACL,GAAG,SACL;IACF,CAAC;GACH;GACA,kBAAkB,oBAAoB,cAAc;GACpD,eAAe;EACjB;EACA,IAAI,UAAU;GACZ,OAAO;EACT;EACA,IAAI,MAAM,WAAW;GACnB,gBAAgB,EACd,WAAW,MACb,CAAC;GACD,OAAO;EACT;EACA,IAAI,cAAc;GAChB,IAAI,eAAe,wBAAwB;IACzC;IACA;IACA;IACA;GACF,CAAC;GACD,IAAI,CAAC,iBAAiB,OAAO;GAC7B,OAAO,WAAW;IAChB,gBAAgB;IAChB,iBAAiB,QAAQ,iBAAiB,KAAK,IAAI,KAAK,IAAI,aAAa;GAC3E;EACF;EACA,OAAO;CACT,GAAG;EACD;EACA;EACA,gBAAgB,QAAQ,gBAAgB,KAAK,IAAI,KAAK,IAAI,YAAY;EACtE,eAAe,OAAO,KAAK,CACzB,GAAG,YACL,CAAC,EAAE,KAAK,EAAE,IAAI;EACd,cAAc,OAAO,KAAK,CACxB,GAAG,WACL,CAAC,EAAE,KAAK,EAAE,IAAI;CAChB,CAAC;CACD,OAAO;GACJ,gBAAgB,QAAQ,gBAAgB,KAAK,IAAI,KAAK,IAAI,YAAY,cAAc,CAAC;GACrF,gBAAgB,QAAQ,gBAAgB,KAAK,IAAI,KAAK,IAAI,YAAY,UAAU,CAAC;EAClF;EACA;CACF;AACF"}

package/dist/esm/hooks/useTheme.mjs

@@ -1,44 +1,39 @@
 import { useRef } from "react";
+import { isOptimizedForFirstRender } from "./isOptimizedForFirstRender.mjs";
 import { getThemeProxied } from "./getThemeProxied.mjs";
 import { useThemeState } from "./useThemeState.mjs";
+
 const EMPTY = {};
 const useTheme = () => {
-  "use no memo";
-
-  const [theme] = useThemeWithState(EMPTY);
-  const res = theme;
-  return res;
+	"use no memo";
+	const [theme] = useThemeWithState(EMPTY);
+	const res = theme;
+	return res;
 };
 const useThemeWithState = (props, isRoot = false, forThemeView = false) => {
-  "use no memo";
-
-  const bag = useRef(null);
-  if (!bag.current) {
-    bag.current = {
-      keys: {
-        current: null
-      },
-      schemeKeys: {
-        current: null
-      }
-    };
-  }
-  const {
-    keys,
-    schemeKeys
-  } = bag.current;
-  const themeState = useThemeState(props, isRoot, keys, schemeKeys, forThemeView);
-  if (process.env.NODE_ENV === "development") {
-    if (!props.passThrough && !themeState?.theme) {
-      if (process.env.TAMAGUI_DISABLE_NO_THEME_WARNING !== "1") {
-        console.error(`[tamagui] No theme found, this could be due to an invalid theme name (given theme props ${JSON.stringify(props)}).
+	"use no memo";
+	const bag = useRef(null);
+	if (!bag.current) {
+		bag.current = {
+			keys: { current: null },
+			schemeKeys: { current: null },
+			optimizeForFirstRender: isOptimizedForFirstRender()
+		};
+	}
+	const { keys, schemeKeys, optimizeForFirstRender } = bag.current;
+	const themeState = useThemeState(props, isRoot, keys, schemeKeys, forThemeView, optimizeForFirstRender);
+	if (process.env.NODE_ENV === "development") {
+		if (!props.passThrough && !themeState?.theme) {
+			if (process.env.TAMAGUI_DISABLE_NO_THEME_WARNING !== "1") {
+				console.error(`[tamagui] No theme found, this could be due to an invalid theme name (given theme name ${JSON.stringify(props.name)}).
 
 If this is intended and you are using Tamagui without any themes, you can disable this warning by setting the environment variable TAMAGUI_DISABLE_NO_THEME_WARNING=1`);
-      }
-    }
-  }
-  const themeProxied = props.passThrough ? {} : getThemeProxied(props, themeState, keys, schemeKeys);
-  return [themeProxied, themeState];
+			}
+		}
+	}
+	const themeProxied = props.passThrough ? {} : getThemeProxied(props, themeState, keys, schemeKeys, optimizeForFirstRender);
+	return [themeProxied, themeState];
 };
+
 export { useTheme, useThemeWithState };
 //# sourceMappingURL=useTheme.mjs.map