@tamagui/use-window-dimensions 1.130.7 → 1.131.0

package/dist/cjs/helpers.cjs

@@ -0,0 +1,57 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+    for (var name in all) __defProp(target, name, {
+      get: all[name],
+      enumerable: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  };
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var helpers_exports = {};
+__export(helpers_exports, {
+  getWindowSize: () => getWindowSize,
+  subscribe: () => subscribe
+});
+module.exports = __toCommonJS(helpers_exports);
+var import_constants = require("@tamagui/constants");
+function getWindowSize() {
+  if (!import_constants.isClient) return {
+    width: 800,
+    height: 600,
+    scale: 1,
+    fontScale: 1
+  };
+  const win = window,
+    docEl = win.document.documentElement;
+  return {
+    fontScale: 1,
+    height: docEl.clientHeight,
+    scale: win.devicePixelRatio || 1,
+    width: docEl.clientWidth
+  };
+}
+const cbs = /* @__PURE__ */new Set();
+let _raf = 0;
+if (import_constants.isClient) {
+  let frame = 0;
+  const onResize = () => {
+    cancelAnimationFrame(_raf), _raf = requestAnimationFrame(() => {
+      ++frame % 4 === 0 && cbs.forEach(cb => cb(getWindowSize()));
+    });
+  };
+  window.addEventListener("resize", onResize);
+}
+function subscribe(cb) {
+  return cbs.add(cb), () => cbs.delete(cb);
+}

package/dist/cjs/helpers.js

@@ -0,0 +1,52 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var helpers_exports = {};
+__export(helpers_exports, {
+  getWindowSize: () => getWindowSize,
+  subscribe: () => subscribe
+});
+module.exports = __toCommonJS(helpers_exports);
+var import_constants = require("@tamagui/constants");
+function getWindowSize() {
+  if (!import_constants.isClient)
+    return {
+      width: 800,
+      height: 600,
+      scale: 1,
+      fontScale: 1
+    };
+  const win = window, docEl = win.document.documentElement;
+  return {
+    fontScale: 1,
+    height: docEl.clientHeight,
+    scale: win.devicePixelRatio || 1,
+    width: docEl.clientWidth
+  };
+}
+const cbs = /* @__PURE__ */ new Set();
+let _raf = 0;
+if (import_constants.isClient) {
+  let frame = 0;
+  const onResize = () => {
+    cancelAnimationFrame(_raf), _raf = requestAnimationFrame(() => {
+      ++frame % 4 === 0 && cbs.forEach((cb) => cb(getWindowSize()));
+    });
+  };
+  window.addEventListener("resize", onResize);
+}
+function subscribe(cb) {
+  return cbs.add(cb), () => cbs.delete(cb);
+}
+//# sourceMappingURL=helpers.js.map

package/dist/cjs/helpers.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/helpers.ts"],
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAAyB;AAGlB,SAAS,gBAA4B;AAC1C,MAAI,CAAC;AACH,WAAO;AAAA,MACL,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,WAAW;AAAA,IACb;AAEF,QAAM,MAAM,QACN,QAAQ,IAAI,SAAS;AAC3B,SAAO;AAAA,IACL,WAAW;AAAA,IACX,QAAQ,MAAM;AAAA,IACd,OAAO,IAAI,oBAAoB;AAAA,IAC/B,OAAO,MAAM;AAAA,EACf;AACF;AAEA,MAAM,MAAM,oBAAI,IAAwB;AACxC,IAAI,OAAO;AAEX,IAAI,2BAAU;AACZ,MAAI,QAAQ;AACZ,QAAM,WAAW,MAAM;AACrB,yBAAqB,IAAI,GACzB,OAAO,sBAAsB,MAAM;AAEjC,MAAI,EAAE,QAAQ,MAAM,KAClB,IAAI,QAAQ,CAAC,OAAO,GAAG,cAAc,CAAC,CAAC;AAAA,IAE3C,CAAC;AAAA,EACH;AAEA,SAAO,iBAAiB,UAAU,QAAQ;AAC5C;AAEO,SAAS,UAAU,IAAoC;AAC5D,aAAI,IAAI,EAAE,GACH,MAAM,IAAI,OAAO,EAAE;AAC5B;",
+  "names": []
+}

package/dist/cjs/helpers.native.js

@@ -0,0 +1,43 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var helpers_native_exports = {};
+__export(helpers_native_exports, {
+  getWindowSize: () => getWindowSize,
+  subscribe: () => subscribe
+});
+module.exports = __toCommonJS(helpers_native_exports);
+var import_react_native = require("react-native");
+function getWindowSize() {
+  return import_react_native.Dimensions.get("window");
+}
+var cbs = /* @__PURE__ */ new Set();
+import_react_native.Dimensions.addEventListener("change", function(param) {
+  var { window } = param;
+  cbs.forEach(function(cb) {
+    return cb(window);
+  });
+});
+function subscribe(cb) {
+  return cbs.add(cb), function() {
+    return cbs.delete(cb);
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  getWindowSize,
+  subscribe
+});
+//# sourceMappingURL=helpers.native.js.map

package/dist/cjs/helpers.native.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/helpers.native.ts"],
+  "mappings": ";;;;;;;;;;;;;;;AAAA;;;;;;0BAA2B;AAGpB,SAASA,gBAAAA;AACd,SAAOC,+BAAWC,IAAI,QAAA;AACxB;AAEA,IAAMC,MAAM,oBAAIC,IAAAA;AAEhBH,+BAAWI,iBAAiB,UAAU,SAAA,OAAA;MAAC,EAAEC,OAAM,IAAE;AAC/CH,MAAII,QAAQ,SAACC,IAAAA;WAAOA,GAAGF,MAAAA;;AACzB,CAAA;AAEO,SAASG,UAAUD,IAAsB;AAC9CL,aAAIO,IAAIF,EAAAA,GACD,WAAA;WAAML,IAAIQ,OAAOH,EAAAA;;AAC1B;",
+  "names": ["getWindowSize", "Dimensions", "get", "cbs", "Set", "addEventListener", "window", "forEach", "cb", "subscribe", "add", "delete"]
+}

package/dist/cjs/index.cjs

@@ -37,23 +37,18 @@ __export(index_exports, {
 module.exports = __toCommonJS(index_exports);
 var import_react = __toESM(require("react")),
   import_constants = require("@tamagui/constants"),
-  import_react_native = require("react-native-web");
+  import_helpers = require("./helpers.cjs");
 const initialValue = {
-  height: 800,
-  width: 600
+  width: 800,
+  height: 600,
+  scale: 1,
+  fontScale: 1
 };
 function configureInitialWindowDimensions(next) {
   Object.assign(initialValue, next);
 }
-import_react_native.Dimensions.addEventListener("change", () => {
-  cbs.forEach(cb => cb(window));
-});
-const cbs = /* @__PURE__ */new Set();
-function subscribe(cb) {
-  return cbs.add(cb), () => cbs.delete(cb);
-}
 function useWindowDimensions({
   serverValue = initialValue
 } = {}) {
-  return import_react.default.useSyncExternalStore(subscribe, () => import_react_native.Dimensions.get("window"), () => import_constants.isWeb ? serverValue : import_react_native.Dimensions.get("window"));
+  return import_react.default.useSyncExternalStore(import_helpers.subscribe, import_helpers.getWindowSize, () => import_constants.isWeb ? serverValue : (0, import_helpers.getWindowSize)());
 }

package/dist/cjs/index.js

@@ -26,28 +26,23 @@ __export(index_exports, {
   useWindowDimensions: () => useWindowDimensions
 });
 module.exports = __toCommonJS(index_exports);
-var import_react = __toESM(require("react")), import_constants = require("@tamagui/constants"), import_react_native = require("react-native-web");
+var import_react = __toESM(require("react")), import_constants = require("@tamagui/constants"), import_helpers = require("./helpers");
 const initialValue = {
-  height: 800,
-  width: 600
+  width: 800,
+  height: 600,
+  scale: 1,
+  fontScale: 1
 };
 function configureInitialWindowDimensions(next) {
   Object.assign(initialValue, next);
 }
-import_react_native.Dimensions.addEventListener("change", () => {
-  cbs.forEach((cb) => cb(window));
-});
-const cbs = /* @__PURE__ */ new Set();
-function subscribe(cb) {
-  return cbs.add(cb), () => cbs.delete(cb);
-}
 function useWindowDimensions({
   serverValue = initialValue
 } = {}) {
   return import_react.default.useSyncExternalStore(
-    subscribe,
-    () => import_react_native.Dimensions.get("window"),
-    () => import_constants.isWeb ? serverValue : import_react_native.Dimensions.get("window")
+    import_helpers.subscribe,
+    import_helpers.getWindowSize,
+    () => import_constants.isWeb ? serverValue : (0, import_helpers.getWindowSize)()
   );
 }
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/index.ts"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB,2BAClB,mBAAsB,+BAGtB,sBAA2B;AAW3B,MAAM,eAAqB;AAAA,EACzB,QAAQ;AAAA,EACR,OAAO;AACT;AAEO,SAAS,iCAAiC,MAAkB;AACjE,SAAO,OAAO,cAAc,IAAI;AAClC;AAEA,+BAAW,iBAAiB,UAAU,MAAM;AAC1C,MAAI,QAAQ,CAAC,OAAO,GAAG,MAAM,CAAC;AAChC,CAAC;AAED,MAAM,MAAM,oBAAI,IAAc;AAI9B,SAAS,UAAU,IAAwB;AACzC,aAAI,IAAI,EAAE,GACH,MAAM,IAAI,OAAO,EAAE;AAC5B;AAEO,SAAS,oBAAoB;AAAA,EAClC,cAAc;AAChB,IAA4B,CAAC,GAAS;AACpC,SAAO,aAAAA,QAAM;AAAA,IACX;AAAA,IACA,MAAM,+BAAW,IAAI,QAAQ;AAAA,IAC7B,MAAO,yBAAQ,cAAc,+BAAW,IAAI,QAAQ;AAAA,EACtD;AACF;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB,2BAClB,mBAAsB,+BAEtB,iBAAyC;AAOzC,MAAM,eAA2B;AAAA,EAC/B,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,WAAW;AACb;AAEO,SAAS,iCAAiC,MAAwB;AACvE,SAAO,OAAO,cAAc,IAAI;AAClC;AAEO,SAAS,oBAAoB;AAAA,EAClC,cAAc;AAChB,IAAkC,CAAC,GAAe;AAChD,SAAO,aAAAA,QAAM;AAAA,IAAqB;AAAA,IAAW;AAAA,IAAe,MAC1D,yBAAQ,kBAAc,8BAAc;AAAA,EACtC;AACF;",
   "names": ["React"]
 }

package/dist/cjs/index.native.js

@@ -27,30 +27,19 @@ __export(index_exports, {
   useWindowDimensions: () => useWindowDimensions
 });
 module.exports = __toCommonJS(index_exports);
-var import_react = __toESM(require("react")), import_constants = require("@tamagui/constants"), import_react_native = require("react-native"), initialValue = {
-  height: 800,
-  width: 600
+var import_react = __toESM(require("react")), import_constants = require("@tamagui/constants"), import_helpers = require("./helpers"), initialValue = {
+  width: 800,
+  height: 600,
+  scale: 1,
+  fontScale: 1
 };
 function configureInitialWindowDimensions(next) {
   Object.assign(initialValue, next);
 }
-import_react_native.Dimensions.addEventListener("change", function() {
-  cbs.forEach(function(cb) {
-    return cb(window);
-  });
-});
-var cbs = /* @__PURE__ */ new Set();
-function subscribe(cb) {
-  return cbs.add(cb), function() {
-    return cbs.delete(cb);
-  };
-}
 function useWindowDimensions() {
   var { serverValue = initialValue } = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-  return import_react.default.useSyncExternalStore(subscribe, function() {
-    return import_react_native.Dimensions.get("window");
-  }, function() {
-    return import_constants.isWeb ? serverValue : import_react_native.Dimensions.get("window");
+  return import_react.default.useSyncExternalStore(import_helpers.subscribe, import_helpers.getWindowSize, function() {
+    return import_constants.isWeb ? serverValue : (0, import_helpers.getWindowSize)();
   });
 }
 // Annotate the CommonJS export names for ESM import in node:

package/dist/cjs/index.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/index.ts"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;mBAAkB,2BAClB,mBAAsB,+BAGtB,sBAA2B,yBAWrBA,eAAqB;EACzBC,QAAQ;EACRC,OAAO;AACT;AAEO,SAASC,iCAAiCC,MAAU;AACzDC,SAAOC,OAAON,cAAcI,IAAAA;AAC9B;AAEAG,+BAAWC,iBAAiB,UAAU,WAAA;AACpCC,MAAIC,QAAQ,SAACC,IAAAA;WAAOA,GAAGC,MAAAA;;AACzB,CAAA;AAEA,IAAMH,MAAM,oBAAII,IAAAA;AAIhB,SAASC,UAAUH,IAAsB;AACvCF,aAAIM,IAAIJ,EAAAA,GACD,WAAA;WAAMF,IAAIO,OAAOL,EAAAA;;AAC1B;AAEO,SAASM,sBAAAA;MAAoB,EAClCC,cAAclB,aAAY,IADQ,UAAA,SAAA,KAAA,UAAA,CAAA,MAAA,SAAA,UAAA,CAAA,IAER,CAAC;AAC3B,SAAOmB,aAAAA,QAAMC,qBACXN,WACA,WAAA;WAAMP,+BAAWc,IAAI,QAAA;KACrB,WAAA;WAAOC,yBAAQJ,cAAcX,+BAAWc,IAAI,QAAA;;AAEhD;",
-  "names": ["initialValue", "height", "width", "configureInitialWindowDimensions", "next", "Object", "assign", "Dimensions", "addEventListener", "cbs", "forEach", "cb", "window", "Set", "subscribe", "add", "delete", "useWindowDimensions", "serverValue", "React", "useSyncExternalStore", "get", "isWeb"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;mBAAkB,2BAClB,mBAAsB,+BAEtB,iBAAyC,sBAOnCA,eAA2B;EAC/BC,OAAO;EACPC,QAAQ;EACRC,OAAO;EACPC,WAAW;AACb;AAEO,SAASC,iCAAiCC,MAAgB;AAC/DC,SAAOC,OAAOR,cAAcM,IAAAA;AAC9B;AAEO,SAASG,sBAAAA;MAAoB,EAClCC,cAAcV,aAAY,IADQ,UAAA,SAAA,KAAA,UAAA,CAAA,MAAA,SAAA,UAAA,CAAA,IAEF,CAAC;AACjC,SAAOW,aAAAA,QAAMC,qBAAqBC,0BAAWC,8BAAe,WAAA;WAC1DC,yBAAQL,kBAAcI,8BAAAA;;AAE1B;",
+  "names": ["initialValue", "width", "height", "scale", "fontScale", "configureInitialWindowDimensions", "next", "Object", "assign", "useWindowDimensions", "serverValue", "React", "useSyncExternalStore", "subscribe", "getWindowSize", "isWeb"]
 }

package/dist/cjs/types.cjs

@@ -0,0 +1,16 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+    get: () => from[key],
+    enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+  });
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var types_exports = {};
+module.exports = __toCommonJS(types_exports);

package/dist/cjs/types.js

@@ -0,0 +1,14 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var types_exports = {};
+module.exports = __toCommonJS(types_exports);
+//# sourceMappingURL=types.js.map

package/dist/cjs/types.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/types.ts"],
+  "mappings": ";;;;;;;;;;;AAAA;AAAA;",
+  "names": []
+}

package/dist/cjs/types.native.js

@@ -0,0 +1,15 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var types_exports = {};
+module.exports = __toCommonJS(types_exports);
+//# sourceMappingURL=types.js.map

package/dist/cjs/types.native.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/types.ts"],
+  "mappings": ";;;;;;;;;;;;AASA;;",
+  "names": []
+}

package/dist/esm/helpers.js

@@ -0,0 +1,36 @@
+import { isClient } from "@tamagui/constants";
+function getWindowSize() {
+  if (!isClient)
+    return {
+      width: 800,
+      height: 600,
+      scale: 1,
+      fontScale: 1
+    };
+  const win = window, docEl = win.document.documentElement;
+  return {
+    fontScale: 1,
+    height: docEl.clientHeight,
+    scale: win.devicePixelRatio || 1,
+    width: docEl.clientWidth
+  };
+}
+const cbs = /* @__PURE__ */ new Set();
+let _raf = 0;
+if (isClient) {
+  let frame = 0;
+  const onResize = () => {
+    cancelAnimationFrame(_raf), _raf = requestAnimationFrame(() => {
+      ++frame % 4 === 0 && cbs.forEach((cb) => cb(getWindowSize()));
+    });
+  };
+  window.addEventListener("resize", onResize);
+}
+function subscribe(cb) {
+  return cbs.add(cb), () => cbs.delete(cb);
+}
+export {
+  getWindowSize,
+  subscribe
+};
+//# sourceMappingURL=helpers.js.map

package/dist/esm/helpers.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/helpers.ts"],
+  "mappings": "AAAA,SAAS,gBAAgB;AAGlB,SAAS,gBAA4B;AAC1C,MAAI,CAAC;AACH,WAAO;AAAA,MACL,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,WAAW;AAAA,IACb;AAEF,QAAM,MAAM,QACN,QAAQ,IAAI,SAAS;AAC3B,SAAO;AAAA,IACL,WAAW;AAAA,IACX,QAAQ,MAAM;AAAA,IACd,OAAO,IAAI,oBAAoB;AAAA,IAC/B,OAAO,MAAM;AAAA,EACf;AACF;AAEA,MAAM,MAAM,oBAAI,IAAwB;AACxC,IAAI,OAAO;AAEX,IAAI,UAAU;AACZ,MAAI,QAAQ;AACZ,QAAM,WAAW,MAAM;AACrB,yBAAqB,IAAI,GACzB,OAAO,sBAAsB,MAAM;AAEjC,MAAI,EAAE,QAAQ,MAAM,KAClB,IAAI,QAAQ,CAAC,OAAO,GAAG,cAAc,CAAC,CAAC;AAAA,IAE3C,CAAC;AAAA,EACH;AAEA,SAAO,iBAAiB,UAAU,QAAQ;AAC5C;AAEO,SAAS,UAAU,IAAoC;AAC5D,aAAI,IAAI,EAAE,GACH,MAAM,IAAI,OAAO,EAAE;AAC5B;",
+  "names": []
+}

package/dist/esm/helpers.mjs

@@ -0,0 +1,33 @@
+import { isClient } from "@tamagui/constants";
+function getWindowSize() {
+  if (!isClient) return {
+    width: 800,
+    height: 600,
+    scale: 1,
+    fontScale: 1
+  };
+  const win = window,
+    docEl = win.document.documentElement;
+  return {
+    fontScale: 1,
+    height: docEl.clientHeight,
+    scale: win.devicePixelRatio || 1,
+    width: docEl.clientWidth
+  };
+}
+const cbs = /* @__PURE__ */new Set();
+let _raf = 0;
+if (isClient) {
+  let frame = 0;
+  const onResize = () => {
+    cancelAnimationFrame(_raf), _raf = requestAnimationFrame(() => {
+      ++frame % 4 === 0 && cbs.forEach(cb => cb(getWindowSize()));
+    });
+  };
+  window.addEventListener("resize", onResize);
+}
+function subscribe(cb) {
+  return cbs.add(cb), () => cbs.delete(cb);
+}
+export { getWindowSize, subscribe };
+//# sourceMappingURL=helpers.mjs.map

package/dist/esm/helpers.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["isClient","getWindowSize","width","height","scale","fontScale","win","window","docEl","document","documentElement","clientHeight","devicePixelRatio","clientWidth","cbs","Set","_raf","frame","onResize","cancelAnimationFrame","requestAnimationFrame","forEach","cb","addEventListener","subscribe","add","delete"],"sources":["../../src/helpers.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,QAAA,QAAgB;AAGlB,SAASC,cAAA,EAA4B;EAC1C,IAAI,CAACD,QAAA,EACH,OAAO;IACLE,KAAA,EAAO;IACPC,MAAA,EAAQ;IACRC,KAAA,EAAO;IACPC,SAAA,EAAW;EACb;EAEF,MAAMC,GAAA,GAAMC,MAAA;IACNC,KAAA,GAAQF,GAAA,CAAIG,QAAA,CAASC,eAAA;EAC3B,OAAO;IACLL,SAAA,EAAW;IACXF,MAAA,EAAQK,KAAA,CAAMG,YAAA;IACdP,KAAA,EAAOE,GAAA,CAAIM,gBAAA,IAAoB;IAC/BV,KAAA,EAAOM,KAAA,CAAMK;EACf;AACF;AAEA,MAAMC,GAAA,GAAM,mBAAIC,GAAA,CAAwB;AACxC,IAAIC,IAAA,GAAO;AAEX,IAAIhB,QAAA,EAAU;EACZ,IAAIiB,KAAA,GAAQ;EACZ,MAAMC,QAAA,GAAWA,CAAA,KAAM;IACrBC,oBAAA,CAAqBH,IAAI,GACzBA,IAAA,GAAOI,qBAAA,CAAsB,MAAM;MAE7B,EAAEH,KAAA,GAAQ,MAAM,KAClBH,GAAA,CAAIO,OAAA,CAASC,EAAA,IAAOA,EAAA,CAAGrB,aAAA,CAAc,CAAC,CAAC;IAE3C,CAAC;EACH;EAEAM,MAAA,CAAOgB,gBAAA,CAAiB,UAAUL,QAAQ;AAC5C;AAEO,SAASM,UAAUF,EAAA,EAAoC;EAC5D,OAAAR,GAAA,CAAIW,GAAA,CAAIH,EAAE,GACH,MAAMR,GAAA,CAAIY,MAAA,CAAOJ,EAAE;AAC5B","ignoreList":[]}

package/dist/esm/helpers.native.js

@@ -0,0 +1,20 @@
+import { Dimensions } from "react-native";
+function getWindowSize() {
+  return Dimensions.get("window");
+}
+var cbs = /* @__PURE__ */new Set();
+Dimensions.addEventListener("change", function (param) {
+  var {
+    window
+  } = param;
+  cbs.forEach(function (cb) {
+    return cb(window);
+  });
+});
+function subscribe(cb) {
+  return cbs.add(cb), function () {
+    return cbs.delete(cb);
+  };
+}
+export { getWindowSize, subscribe };
+//# sourceMappingURL=helpers.native.js.map

package/dist/esm/helpers.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Dimensions","getWindowSize","get","cbs","Set","addEventListener","param","window","forEach","cb","subscribe","add","delete"],"sources":["../../src/helpers.native.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,UAAA,QAAkB;AAGpB,SAASC,cAAA;EACd,OAAOD,UAAA,CAAWE,GAAA,CAAI;AACxB;AAEA,IAAMC,GAAA,GAAM,mBAAIC,GAAA;AAEhBJ,UAAA,CAAWK,gBAAA,CAAiB,UAAU,UAAAC,KAAA;MAAC;IAAEC;EAAM,IAAED,KAAA;EAC/CH,GAAA,CAAIK,OAAA,CAAQ,UAACC,EAAA;WAAOA,EAAA,CAAGF,MAAA;;AACzB;AAEO,SAASG,UAAUD,EAAA,EAAsB;EAC9C,OAAAN,GAAA,CAAIQ,GAAA,CAAIF,EAAA,GACD;WAAMN,GAAA,CAAIS,MAAA,CAAOH,EAAA;;AAC1B","ignoreList":[]}

package/dist/esm/index.js

@@ -1,27 +1,22 @@
 import React from "react";
 import { isWeb } from "@tamagui/constants";
-import { Dimensions } from "react-native-web";
+import { getWindowSize, subscribe } from "./helpers";
 const initialValue = {
-  height: 800,
-  width: 600
+  width: 800,
+  height: 600,
+  scale: 1,
+  fontScale: 1
 };
 function configureInitialWindowDimensions(next) {
   Object.assign(initialValue, next);
 }
-Dimensions.addEventListener("change", () => {
-  cbs.forEach((cb) => cb(window));
-});
-const cbs = /* @__PURE__ */ new Set();
-function subscribe(cb) {
-  return cbs.add(cb), () => cbs.delete(cb);
-}
 function useWindowDimensions({
   serverValue = initialValue
 } = {}) {
   return React.useSyncExternalStore(
     subscribe,
-    () => Dimensions.get("window"),
-    () => isWeb ? serverValue : Dimensions.get("window")
+    getWindowSize,
+    () => isWeb ? serverValue : getWindowSize()
   );
 }
 export {

package/dist/esm/index.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/index.ts"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,aAAa;AAGtB,SAAS,kBAAkB;AAW3B,MAAM,eAAqB;AAAA,EACzB,QAAQ;AAAA,EACR,OAAO;AACT;AAEO,SAAS,iCAAiC,MAAkB;AACjE,SAAO,OAAO,cAAc,IAAI;AAClC;AAEA,WAAW,iBAAiB,UAAU,MAAM;AAC1C,MAAI,QAAQ,CAAC,OAAO,GAAG,MAAM,CAAC;AAChC,CAAC;AAED,MAAM,MAAM,oBAAI,IAAc;AAI9B,SAAS,UAAU,IAAwB;AACzC,aAAI,IAAI,EAAE,GACH,MAAM,IAAI,OAAO,EAAE;AAC5B;AAEO,SAAS,oBAAoB;AAAA,EAClC,cAAc;AAChB,IAA4B,CAAC,GAAS;AACpC,SAAO,MAAM;AAAA,IACX;AAAA,IACA,MAAM,WAAW,IAAI,QAAQ;AAAA,IAC7B,MAAO,QAAQ,cAAc,WAAW,IAAI,QAAQ;AAAA,EACtD;AACF;",
+  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,aAAa;AAEtB,SAAS,eAAe,iBAAiB;AAOzC,MAAM,eAA2B;AAAA,EAC/B,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,WAAW;AACb;AAEO,SAAS,iCAAiC,MAAwB;AACvE,SAAO,OAAO,cAAc,IAAI;AAClC;AAEO,SAAS,oBAAoB;AAAA,EAClC,cAAc;AAChB,IAAkC,CAAC,GAAe;AAChD,SAAO,MAAM;AAAA,IAAqB;AAAA,IAAW;AAAA,IAAe,MAC1D,QAAQ,cAAc,cAAc;AAAA,EACtC;AACF;",
   "names": []
 }

package/dist/esm/index.mjs

@@ -1,24 +1,19 @@
 import React from "react";
 import { isWeb } from "@tamagui/constants";
-import { Dimensions } from "react-native-web";
+import { getWindowSize, subscribe } from "./helpers.mjs";
 const initialValue = {
-  height: 800,
-  width: 600
+  width: 800,
+  height: 600,
+  scale: 1,
+  fontScale: 1
 };
 function configureInitialWindowDimensions(next) {
   Object.assign(initialValue, next);
 }
-Dimensions.addEventListener("change", () => {
-  cbs.forEach(cb => cb(window));
-});
-const cbs = /* @__PURE__ */new Set();
-function subscribe(cb) {
-  return cbs.add(cb), () => cbs.delete(cb);
-}
 function useWindowDimensions({
   serverValue = initialValue
 } = {}) {
-  return React.useSyncExternalStore(subscribe, () => Dimensions.get("window"), () => isWeb ? serverValue : Dimensions.get("window"));
+  return React.useSyncExternalStore(subscribe, getWindowSize, () => isWeb ? serverValue : getWindowSize());
 }
 export { configureInitialWindowDimensions, useWindowDimensions };
 //# sourceMappingURL=index.mjs.map

package/dist/esm/index.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["React","isWeb","Dimensions","initialValue","height","width","configureInitialWindowDimensions","next","Object","assign","addEventListener","cbs","forEach","cb","window","Set","subscribe","add","delete","useWindowDimensions","serverValue","useSyncExternalStore","get"],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,MAAW;AAClB,SAASC,KAAA,QAAa;AAGtB,SAASC,UAAA,QAAkB;AAW3B,MAAMC,YAAA,GAAqB;EACzBC,MAAA,EAAQ;EACRC,KAAA,EAAO;AACT;AAEO,SAASC,iCAAiCC,IAAA,EAAkB;EACjEC,MAAA,CAAOC,MAAA,CAAON,YAAA,EAAcI,IAAI;AAClC;AAEAL,UAAA,CAAWQ,gBAAA,CAAiB,UAAU,MAAM;EAC1CC,GAAA,CAAIC,OAAA,CAASC,EAAA,IAAOA,EAAA,CAAGC,MAAM,CAAC;AAChC,CAAC;AAED,MAAMH,GAAA,GAAM,mBAAII,GAAA,CAAc;AAI9B,SAASC,UAAUH,EAAA,EAAwB;EACzC,OAAAF,GAAA,CAAIM,GAAA,CAAIJ,EAAE,GACH,MAAMF,GAAA,CAAIO,MAAA,CAAOL,EAAE;AAC5B;AAEO,SAASM,oBAAoB;EAClCC,WAAA,GAAcjB;AAChB,IAA4B,CAAC,GAAS;EACpC,OAAOH,KAAA,CAAMqB,oBAAA,CACXL,SAAA,EACA,MAAMd,UAAA,CAAWoB,GAAA,CAAI,QAAQ,GAC7B,MAAOrB,KAAA,GAAQmB,WAAA,GAAclB,UAAA,CAAWoB,GAAA,CAAI,QAAQ,CACtD;AACF","ignoreList":[]}
+{"version":3,"names":["React","isWeb","getWindowSize","subscribe","initialValue","width","height","scale","fontScale","configureInitialWindowDimensions","next","Object","assign","useWindowDimensions","serverValue","useSyncExternalStore"],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,MAAW;AAClB,SAASC,KAAA,QAAa;AAEtB,SAASC,aAAA,EAAeC,SAAA,QAAiB;AAOzC,MAAMC,YAAA,GAA2B;EAC/BC,KAAA,EAAO;EACPC,MAAA,EAAQ;EACRC,KAAA,EAAO;EACPC,SAAA,EAAW;AACb;AAEO,SAASC,iCAAiCC,IAAA,EAAwB;EACvEC,MAAA,CAAOC,MAAA,CAAOR,YAAA,EAAcM,IAAI;AAClC;AAEO,SAASG,oBAAoB;EAClCC,WAAA,GAAcV;AAChB,IAAkC,CAAC,GAAe;EAChD,OAAOJ,KAAA,CAAMe,oBAAA,CAAqBZ,SAAA,EAAWD,aAAA,EAAe,MAC1DD,KAAA,GAAQa,WAAA,GAAcZ,aAAA,CAAc,CACtC;AACF","ignoreList":[]}

package/dist/esm/index.native.js

@@ -1,32 +1,21 @@
 import React from "react";
 import { isWeb } from "@tamagui/constants";
-import { Dimensions } from "react-native";
+import { getWindowSize, subscribe } from "./helpers.native.js";
 var initialValue = {
-  height: 800,
-  width: 600
+  width: 800,
+  height: 600,
+  scale: 1,
+  fontScale: 1
 };
 function configureInitialWindowDimensions(next) {
   Object.assign(initialValue, next);
 }
-Dimensions.addEventListener("change", function () {
-  cbs.forEach(function (cb) {
-    return cb(window);
-  });
-});
-var cbs = /* @__PURE__ */new Set();
-function subscribe(cb) {
-  return cbs.add(cb), function () {
-    return cbs.delete(cb);
-  };
-}
 function useWindowDimensions() {
   var {
     serverValue = initialValue
   } = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-  return React.useSyncExternalStore(subscribe, function () {
-    return Dimensions.get("window");
-  }, function () {
-    return isWeb ? serverValue : Dimensions.get("window");
+  return React.useSyncExternalStore(subscribe, getWindowSize, function () {
+    return isWeb ? serverValue : getWindowSize();
   });
 }
 export { configureInitialWindowDimensions, useWindowDimensions };

package/dist/esm/index.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","isWeb","Dimensions","initialValue","height","width","configureInitialWindowDimensions","next","Object","assign","addEventListener","cbs","forEach","cb","window","Set","subscribe","add","delete","useWindowDimensions","serverValue","arguments","length","useSyncExternalStore","get"],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,MAAW;AAClB,SAASC,KAAA,QAAa;AAGtB,SAASC,UAAA,QAAkB;AAW3B,IAAAC,YAAM;EACJC,MAAA,EAAQ;EACRC,KAAA,EAAO;AACT;AAEO,SAASC,iCAAiCC,IAAA,EAAkB;EACjEC,MAAA,CAAOC,MAAA,CAAON,YAAA,EAAcI,IAAI;AAClC;AAEAL,UAAA,CAAWQ,gBAAA,CAAiB,UAAU,YAAM;EAC1CC,GAAA,CAAIC,OAAA,CAAQ,UAAQC,EAAG;IACxB,OAAAA,EAAA,CAAAC,MAAA;EAED;AAIA;AACE,IAAAH,GAAA,kBACO,IAAMI,GAAI;AACnB,SAAAC,UAAAH,EAAA;EAEO,OAASF,GAAA,CAAAM,GAAA,CAAAJ,EAAA,eAAoB;IAClC,OAAAF,GAAA,CAAAO,MAAc,CAAAL,EAAA;EAChB;AACE;AAAa,SACXM,oBAAA;EAAA,IACA;IAAAC,WAAM,GAAWjB;EAAY,IAAAkB,SAAA,CAAAC,MAAA,QAAAD,SAAA,iBAAAA,SAAA;EAAA,OAC7BrB,KAAO,CAAAuB,oBAAsB,CAAAP,SAAW,EAAI,YAAQ;IACtD,OAAAd,UAAA,CAAAsB,GAAA;EACF","ignoreList":[]}
+{"version":3,"names":["React","isWeb","getWindowSize","subscribe","initialValue","width","height","scale","fontScale","configureInitialWindowDimensions","next","Object","assign","useWindowDimensions","serverValue","arguments","length","useSyncExternalStore"],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,MAAW;AAClB,SAASC,KAAA,QAAa;AAEtB,SAASC,aAAA,EAAeC,SAAA,QAAiB;AAOzC,IAAAC,YAAM;EACJC,KAAA,EAAO;EACPC,MAAA,EAAQ;EACRC,KAAA,EAAO;EACPC,SAAA,EAAW;AACb;AAEO,SAASC,iCAAiCC,IAAA,EAAwB;EACvEC,MAAA,CAAOC,MAAA,CAAOR,YAAA,EAAcM,IAAI;AAClC;AAEO,SAASG,oBAAA,EAAoB;EAClC;IAAAC,WAAc,GAAAV;EAAA,IAAAW,SAAA,CAAAC,MAAA,QAAAD,SAAA,iBAAAA,SAAA;EAChB,OAAkDf,KAAA,CAAAiB,oBAAA,CAAAd,SAAA,EAAAD,aAAA;IAChD,OAAOD,KAAM,GAAAa,WAAA,GAAAZ,aAAA;EAAA,EAAqB;AAAA;AAAW,SAE7CO,gCAAA,EACFI,mBAAA","ignoreList":[]}

package/dist/esm/types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=types.js.map

package/dist/esm/types.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": [],
+  "mappings": "",
+  "names": []
+}

package/dist/esm/types.mjs

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=types.mjs.map

package/dist/esm/types.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":[],"sourcesContent":[],"mappings":"","ignoreList":[]}

package/dist/esm/types.native.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=types.native.js.map

package/dist/esm/types.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":[],"sourcesContent":[],"mappings":"","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/use-window-dimensions",
-  "version": "1.130.7",
+  "version": "1.131.0",
   "types": "./types/index.d.ts",
   "main": "dist/cjs",
   "module": "dist/esm",
@@ -31,10 +31,10 @@
     }
   },
   "dependencies": {
-    "@tamagui/constants": "1.130.7"
+    "@tamagui/constants": "1.131.0"
   },
   "devDependencies": {
-    "@tamagui/build": "1.130.7",
+    "@tamagui/build": "1.131.0",
     "react": "*",
     "react-native": "^0.79.2"
   },

package/src/helpers.native.ts

@@ -0,0 +1,17 @@
+import { Dimensions } from 'react-native'
+import type { WindowSize, WindowSizeListener } from './types'
+
+export function getWindowSize(): WindowSize {
+  return Dimensions.get('window')
+}
+
+const cbs = new Set<WindowSizeListener>()
+
+Dimensions.addEventListener('change', ({ window }) => {
+  cbs.forEach((cb) => cb(window))
+})
+
+export function subscribe(cb: WindowSizeListener): () => void {
+  cbs.add(cb)
+  return () => cbs.delete(cb)
+}

package/src/helpers.ts

@@ -0,0 +1,44 @@
+import { isClient } from '@tamagui/constants'
+import type { WindowSize, WindowSizeListener } from './types'
+
+export function getWindowSize(): WindowSize {
+  if (!isClient) {
+    return {
+      width: 800,
+      height: 600,
+      scale: 1,
+      fontScale: 1,
+    }
+  }
+  const win = window
+  const docEl = win.document.documentElement
+  return {
+    fontScale: 1,
+    height: docEl.clientHeight,
+    scale: win.devicePixelRatio || 1,
+    width: docEl.clientWidth,
+  }
+}
+
+const cbs = new Set<WindowSizeListener>()
+let _raf = 0
+
+if (isClient) {
+  let frame = 0
+  const onResize = () => {
+    cancelAnimationFrame(_raf)
+    _raf = requestAnimationFrame(() => {
+      // throttle to every 4 frames
+      if (++frame % 4 === 0) {
+        cbs.forEach((cb) => cb(getWindowSize()))
+      }
+    })
+  }
+
+  window.addEventListener('resize', onResize)
+}
+
+export function subscribe(cb: WindowSizeListener): () => void {
+  cbs.add(cb)
+  return () => cbs.delete(cb)
+}

package/src/index.ts

@@ -1,46 +1,28 @@
 import React from 'react'
 import { isWeb } from '@tamagui/constants'
 
-import type { ScaledSize } from 'react-native'
-import { Dimensions } from 'react-native'
+import { getWindowSize, subscribe } from './helpers'
+import type { WindowSize } from './types'
 
 /**
  * SSR safe useWindowDimensions
  */
 
-type Size = {
-  width: number
-  height: number
+const initialValue: WindowSize = {
+  width: 800,
+  height: 600,
+  scale: 1,
+  fontScale: 1,
 }
 
-const initialValue: Size = {
-  height: 800,
-  width: 600,
-}
-
-export function configureInitialWindowDimensions(next: Size): void {
+export function configureInitialWindowDimensions(next: WindowSize): void {
   Object.assign(initialValue, next)
 }
 
-Dimensions.addEventListener('change', () => {
-  cbs.forEach((cb) => cb(window))
-})
-
-const cbs = new Set<Function>()
-
-type WindowSizeListener = ({ window }: { window: ScaledSize }) => void
-
-function subscribe(cb: WindowSizeListener) {
-  cbs.add(cb)
-  return () => cbs.delete(cb)
-}
-
 export function useWindowDimensions({
   serverValue = initialValue,
-}: { serverValue?: Size } = {}): Size {
-  return React.useSyncExternalStore(
-    subscribe,
-    () => Dimensions.get('window'),
-    () => (isWeb ? serverValue : Dimensions.get('window'))
+}: { serverValue?: WindowSize } = {}): WindowSize {
+  return React.useSyncExternalStore(subscribe, getWindowSize, () =>
+    isWeb ? serverValue : getWindowSize()
   )
 }

package/src/types.ts

@@ -0,0 +1,10 @@
+import type { ScaledSize } from 'react-native'
+
+export type Size = {
+  width: number
+  height: number
+}
+
+export type WindowSize = ScaledSize
+
+export type WindowSizeListener = (size: WindowSize) => void

package/types/helpers.d.ts

@@ -0,0 +1,5 @@
+import type { WindowSize, WindowSizeListener } from "./types";
+export declare function getWindowSize(): WindowSize;
+export declare function subscribe(cb: WindowSizeListener): () => void;
+
+//# sourceMappingURL=helpers.d.ts.map

package/types/helpers.d.ts.map

@@ -0,0 +1,13 @@
+{
+  "mappings": "AACA,cAAc,YAAY,0BAA0B,SAAS;AAE7D,OAAO,iBAAS,iBAAiB;AAqCjC,OAAO,iBAAS,UAAUA,IAAI",
+  "names": [
+    "cb: WindowSizeListener"
+  ],
+  "sources": [
+    "src/helpers.ts"
+  ],
+  "sourcesContent": [
+    "import { isClient } from '@tamagui/constants'\nimport type { WindowSize, WindowSizeListener } from './types'\n\nexport function getWindowSize(): WindowSize {\n  if (!isClient) {\n    return {\n      width: 800,\n      height: 600,\n      scale: 1,\n      fontScale: 1,\n    }\n  }\n  const win = window\n  const docEl = win.document.documentElement\n  return {\n    fontScale: 1,\n    height: docEl.clientHeight,\n    scale: win.devicePixelRatio || 1,\n    width: docEl.clientWidth,\n  }\n}\n\nconst cbs = new Set<WindowSizeListener>()\nlet _raf = 0\n\nif (isClient) {\n  let frame = 0\n  const onResize = () => {\n    cancelAnimationFrame(_raf)\n    _raf = requestAnimationFrame(() => {\n      // throttle to every 4 frames\n      if (++frame % 4 === 0) {\n        cbs.forEach((cb) => cb(getWindowSize()))\n      }\n    })\n  }\n\n  window.addEventListener('resize', onResize)\n}\n\nexport function subscribe(cb: WindowSizeListener): () => void {\n  cbs.add(cb)\n  return () => cbs.delete(cb)\n}\n"
+  ],
+  "version": 3
+}

package/types/helpers.native.d.ts

@@ -0,0 +1,5 @@
+import type { WindowSize, WindowSizeListener } from "./types";
+export declare function getWindowSize(): WindowSize;
+export declare function subscribe(cb: WindowSizeListener): () => void;
+
+//# sourceMappingURL=helpers.native.d.ts.map

package/types/helpers.native.d.ts.map

@@ -0,0 +1,13 @@
+{
+  "mappings": "AACA,cAAc,YAAY,0BAA0B,SAAS;AAE7D,OAAO,iBAAS,iBAAiB;AAUjC,OAAO,iBAAS,UAAUA,IAAI",
+  "names": [
+    "cb: WindowSizeListener"
+  ],
+  "sources": [
+    "src/helpers.native.ts"
+  ],
+  "sourcesContent": [
+    "import { Dimensions } from 'react-native'\nimport type { WindowSize, WindowSizeListener } from './types'\n\nexport function getWindowSize(): WindowSize {\n  return Dimensions.get('window')\n}\n\nconst cbs = new Set<WindowSizeListener>()\n\nDimensions.addEventListener('change', ({ window }) => {\n  cbs.forEach((cb) => cb(window))\n})\n\nexport function subscribe(cb: WindowSizeListener): () => void {\n  cbs.add(cb)\n  return () => cbs.delete(cb)\n}\n"
+  ],
+  "version": 3
+}

package/types/index.d.ts

@@ -1,14 +1,7 @@
-/**
-* SSR safe useWindowDimensions
-*/
-type Size = {
-	width: number;
-	height: number;
-};
-export declare function configureInitialWindowDimensions(next: Size): void;
+import type { WindowSize } from "./types";
+export declare function configureInitialWindowDimensions(next: WindowSize): void;
 export declare function useWindowDimensions({ serverValue }?: {
-	serverValue?: Size;
-}): Size;
-export {};
+	serverValue?: WindowSize;
+}): WindowSize;
 
 //# sourceMappingURL=index.d.ts.map

package/types/index.d.ts.map

@@ -1,13 +1,13 @@
 {
-  "mappings": ";;;KAUK,OAAO;CACV;CACA;AACD;AAOD,OAAO,iBAAS,iCAAiCA,MAAM;AAiBvD,OAAO,iBAAS,oBAAoB,EAClC,aACuB,GAAtB;CAAE,cAAc;AAAM,IAAQ",
+  "mappings": "AAIA,cAAc,kBAAkB,SAAS;AAazC,OAAO,iBAAS,iCAAiCA,MAAM;AAIvD,OAAO,iBAAS,oBAAoB,EAClC,aAC6B,GAA5B;CAAE,cAAc;AAAY,IAAQ",
   "names": [
-    "next: Size"
+    "next: WindowSize"
   ],
   "sources": [
     "src/index.ts"
   ],
   "sourcesContent": [
-    "import React from 'react'\nimport { isWeb } from '@tamagui/constants'\n\nimport type { ScaledSize } from 'react-native'\nimport { Dimensions } from 'react-native'\n\n/**\n * SSR safe useWindowDimensions\n */\n\ntype Size = {\n  width: number\n  height: number\n}\n\nconst initialValue: Size = {\n  height: 800,\n  width: 600,\n}\n\nexport function configureInitialWindowDimensions(next: Size): void {\n  Object.assign(initialValue, next)\n}\n\nDimensions.addEventListener('change', () => {\n  cbs.forEach((cb) => cb(window))\n})\n\nconst cbs = new Set<Function>()\n\ntype WindowSizeListener = ({ window }: { window: ScaledSize }) => void\n\nfunction subscribe(cb: WindowSizeListener) {\n  cbs.add(cb)\n  return () => cbs.delete(cb)\n}\n\nexport function useWindowDimensions({\n  serverValue = initialValue,\n}: { serverValue?: Size } = {}): Size {\n  return React.useSyncExternalStore(\n    subscribe,\n    () => Dimensions.get('window'),\n    () => (isWeb ? serverValue : Dimensions.get('window'))\n  )\n}\n"
+    "import React from 'react'\nimport { isWeb } from '@tamagui/constants'\n\nimport { getWindowSize, subscribe } from './helpers'\nimport type { WindowSize } from './types'\n\n/**\n * SSR safe useWindowDimensions\n */\n\nconst initialValue: WindowSize = {\n  width: 800,\n  height: 600,\n  scale: 1,\n  fontScale: 1,\n}\n\nexport function configureInitialWindowDimensions(next: WindowSize): void {\n  Object.assign(initialValue, next)\n}\n\nexport function useWindowDimensions({\n  serverValue = initialValue,\n}: { serverValue?: WindowSize } = {}): WindowSize {\n  return React.useSyncExternalStore(subscribe, getWindowSize, () =>\n    isWeb ? serverValue : getWindowSize()\n  )\n}\n"
   ],
   "version": 3
 }

package/types/types.d.ts

@@ -0,0 +1,9 @@
+import type { ScaledSize } from "react-native";
+export type Size = {
+	width: number;
+	height: number;
+};
+export type WindowSize = ScaledSize;
+export type WindowSizeListener = (size: WindowSize) => void;
+
+//# sourceMappingURL=types.d.ts.map

package/types/types.d.ts.map

@@ -0,0 +1,13 @@
+{
+  "mappings": "AAAA,cAAc,kBAAkB,cAAc;AAE9C,YAAY,OAAO;CACjB;CACA;AACD;AAED,YAAY,aAAa;AAEzB,YAAY,sBAAsBA,MAAM",
+  "names": [
+    "size: WindowSize"
+  ],
+  "sources": [
+    "src/types.ts"
+  ],
+  "sourcesContent": [
+    "import type { ScaledSize } from 'react-native'\n\nexport type Size = {\n  width: number\n  height: number\n}\n\nexport type WindowSize = ScaledSize\n\nexport type WindowSizeListener = (size: WindowSize) => void\n"
+  ],
+  "version": 3
+}