@tamagui/web 1.100.6 → 1.101.1

package/dist/esm/hooks/useDidHydrateOnce.mjs

@@ -1,17 +1,21 @@
-import { useEffect } from "react";
+import { useEffect, useSyncExternalStore } from "react";
 let didHydrateOnce = !1;
 function useDidHydrateOnceRoot() {
-  process.env.TAMAGUI_DISABLE_HYDRATION_OPTIMIZATION || useEffect(() => {
+  return process.env.TAMAGUI_REACT_19 && (process.env.TAMAGUI_DISABLE_HYDRATION_OPTIMIZATION || useEffect(() => {
     const tm = setInterval(() => {
-      Date.now() - last > 150 && (didHydrateOnce = !0, clearInterval(tm));
+      Date.now() - last > 50 && (didHydrateOnce = !0, clearInterval(tm));
     }, 16);
     return () => {
       clearInterval(tm);
     };
-  }, []);
+  }, [])), !0;
 }
 let last = Date.now();
 function useDidHydrateOnce() {
-  return process.env.TAMAGUI_DISABLE_HYDRATION_OPTIMIZATION ? !1 : (didHydrateOnce || (last = Date.now()), didHydrateOnce);
+  return process.env.TAMAGUI_REACT_19 ? (didHydrateOnce || (last = Date.now()), didHydrateOnce) : useDidHydrateSync();
 }
+const emptySubscribe = () => () => {},
+  getClientSnapshot = () => !0,
+  getServerSnapshot = () => !1,
+  useDidHydrateSync = () => useSyncExternalStore(emptySubscribe, getClientSnapshot, getServerSnapshot);
 export { useDidHydrateOnce, useDidHydrateOnceRoot };

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

@@ -1,12 +1,22 @@
-import { useEffect } from "react";
+import { useSyncExternalStore } from "react";
 var didHydrateOnce = !1;
 function useDidHydrateOnceRoot() {
-  return !0;
+  return process.env.TAMAGUI_REACT_19, !0;
 }
 var last = Date.now();
 function useDidHydrateOnce() {
   return !0;
 }
+var emptySubscribe = function() {
+  return function() {
+  };
+}, getClientSnapshot = function() {
+  return !0;
+}, getServerSnapshot = function() {
+  return !1;
+}, useDidHydrateSync = function() {
+  return useSyncExternalStore(emptySubscribe, getClientSnapshot, getServerSnapshot);
+};
 export {
   useDidHydrateOnce,
   useDidHydrateOnceRoot

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../src/hooks/Users/n8/tamagui/packages/web/src/hooks/useDidHydrateOnce.tsx"],
-  "mappings": "AAAA,SAASA,iBAAiB;AAE1B,IAAIC,iBAAiB;AAEd,SAASC,wBAAAA;AAEZ,SAAO;AAgBX;AAEA,IAAIC,OAAOC,KAAKC,IAAG;AAEZ,SAASC,oBAAAA;AAEZ,SAAO;AASX;",
-  "names": ["useEffect", "didHydrateOnce", "useDidHydrateOnceRoot", "last", "Date", "now", "useDidHydrateOnce"]
+  "mappings": "AAAA,SAAoBA,4BAA4B;AAEhD,IAAIC,iBAAiB;AAEd,SAASC,wBAAAA;AACVC,iBAAQC,IAAIC,kBAeT;AACT;AAEA,IAAIC,OAAOC,KAAKC,IAAG;AAEZ,SAASC,oBAAAA;AAEZ,SAAO;AASX;AAEA,IAAMC,iBAAiB,WAAA;SAAM,WAAA;EAAO;GAC9BC,oBAAoB,WAAA;SAAM;GAC1BC,oBAAoB,WAAA;SAAM;GAC1BC,oBAAoB,WAAA;SACxBb,qBAAqBU,gBAAgBC,mBAAmBC,iBAAAA;;",
+  "names": ["useSyncExternalStore", "didHydrateOnce", "useDidHydrateOnceRoot", "process", "env", "TAMAGUI_REACT_19", "last", "Date", "now", "useDidHydrateOnce", "emptySubscribe", "getClientSnapshot", "getServerSnapshot", "useDidHydrateSync"]
 }

package/dist/esm/hooks/useMedia.js

@@ -3,8 +3,8 @@ import { useRef, useState } from "react";
 import { getConfig } from "../config";
 import { matchMedia } from "../helpers/matchMedia";
 import { pseudoDescriptors } from "../helpers/pseudoDescriptors";
-import { getDisableSSR } from "./useDisableSSR";
 import { useDidHydrateOnce } from "./useDidHydrateOnce";
+import { getDisableSSR } from "./useDisableSSR";
 let mediaState = (
   // development only safeguard
   process.env.NODE_ENV === "development" ? new Proxy(
@@ -19,12 +19,11 @@ let mediaState = (
     }
   ) : {}
 );
-const mediaQueryConfig = {}, getMedia = () => mediaState, mediaKeys = /* @__PURE__ */ new Set(), isMediaKey = (key) => {
+const mediaQueryConfig = {}, getMedia = () => mediaState, mediaKeys = /* @__PURE__ */ new Set(), mediaKeyRegex = /\$(platform|theme|group)-/, isMediaKey = (key) => {
   if (mediaKeys.has(key)) return !0;
   if (key[0] === "$") {
-    if (key.startsWith("$platform-")) return "platform";
-    if (key.startsWith("$theme-")) return "theme";
-    if (key.startsWith("$group-")) return "group";
+    const match = key.match(mediaKeyRegex);
+    if (match) return match[1];
   }
   return !1;
 };
@@ -81,21 +80,26 @@ function setMediaShouldUpdate(ref, props) {
     ...props
   });
 }
-function getSnapshot({ touched, prev, enabled, keys }) {
-  if (enabled === !1)
-    return prev;
-  const testKeys = keys || touched ? [...keys || [], ...touched || []] : null;
-  return !testKeys || testKeys?.every((key) => mediaState[key] === prev[key]) ? prev : mediaState;
+function getSnapshot({ touched, prev, enabled }) {
+  return enabled === !1 || !touched || touched.every((key) => mediaState[key] === prev[key]) ? prev : mediaState;
 }
-function useMedia(uidIn, componentContext) {
+function useMedia(uidIn, componentContext, debug = !1) {
   const uid = uidIn ?? useRef(), hasHydrated = useDidHydrateOnce(), initialState = !isWeb || getDisableSSR(componentContext) || hasHydrated ? mediaState : initState;
   let componentState = States.get(uid);
-  componentState || (componentState = { prev: initialState }, States.set(uid, componentState)), componentState.touched = void 0;
+  componentState || (componentState = { prev: initialState }, States.set(uid, componentState));
   const [state, setState] = useState(initialState);
   return useIsomorphicLayoutEffect(() => {
     function update() {
       setState((prev) => {
-        const componentState2 = States.get(uid), next = getSnapshot(componentState2);
+        const componentState2 = States.get(uid);
+        process.env.NODE_ENV === "development" && debug && console.info("useMedia() update?", getSnapshot(componentState2) !== prev, {
+          componentState: componentState2,
+          touched: [...componentState2.touched || []],
+          prev: { ...componentState2.prev },
+          next: getSnapshot(componentState2),
+          mediaState: { ...mediaState }
+        });
+        const next = getSnapshot(componentState2);
         return next !== prev ? (componentState2.prev = next, next) : prev;
       });
     }
@@ -104,7 +108,7 @@ function useMedia(uidIn, componentContext) {
     };
   }, [uid]), new Proxy(state, {
     get(_, key) {
-      return typeof key == "string" && (componentState.touched ||= /* @__PURE__ */ new Set(), componentState.touched.add(key)), Reflect.get(state, key);
+      return typeof key == "string" && (componentState.touched ||= [], componentState.touched.includes(key) || componentState.touched.push(key), process.env.NODE_ENV === "development" && debug && console.info("useMedia() TOUCH", key)), Reflect.get(state, key);
     }
   });
 }

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../src/hooks/useMedia.tsx"],
-  "mappings": "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",
+  "mappings": "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",
   "names": ["componentState"]
 }

package/dist/esm/hooks/useMedia.mjs

@@ -3,8 +3,8 @@ import { useRef, useState } from "react";
 import { getConfig } from "../config.mjs";
 import { matchMedia } from "../helpers/matchMedia.mjs";
 import { pseudoDescriptors } from "../helpers/pseudoDescriptors.mjs";
-import { getDisableSSR } from "./useDisableSSR.mjs";
 import { useDidHydrateOnce } from "./useDidHydrateOnce.mjs";
+import { getDisableSSR } from "./useDisableSSR.mjs";
 let mediaState =
 // development only safeguard
 process.env.NODE_ENV === "development" ? new Proxy({}, {
@@ -18,12 +18,12 @@ process.env.NODE_ENV === "development" ? new Proxy({}, {
 const mediaQueryConfig = {},
   getMedia = () => mediaState,
   mediaKeys = /* @__PURE__ */new Set(),
+  mediaKeyRegex = /\$(platform|theme|group)-/,
   isMediaKey = key => {
     if (mediaKeys.has(key)) return !0;
     if (key[0] === "$") {
-      if (key.startsWith("$platform-")) return "platform";
-      if (key.startsWith("$theme-")) return "theme";
-      if (key.startsWith("$group-")) return "group";
+      const match = key.match(mediaKeyRegex);
+      if (match) return match[1];
     }
     return !1;
   };
@@ -92,27 +92,35 @@ function setMediaShouldUpdate(ref, props) {
 function getSnapshot({
   touched,
   prev,
-  enabled,
-  keys
+  enabled
 }) {
-  if (enabled === !1) return prev;
-  const testKeys = keys || touched ? [...(keys || []), ...(touched || [])] : null;
-  return !testKeys || testKeys?.every(key => mediaState[key] === prev[key]) ? prev : mediaState;
+  return enabled === !1 || !touched || touched.every(key => mediaState[key] === prev[key]) ? prev : mediaState;
 }
-function useMedia(uidIn, componentContext) {
+function useMedia(uidIn, componentContext, debug = !1) {
   const uid = uidIn ?? useRef(),
     hasHydrated = useDidHydrateOnce(),
     initialState = !isWeb || getDisableSSR(componentContext) || hasHydrated ? mediaState : initState;
   let componentState = States.get(uid);
   componentState || (componentState = {
     prev: initialState
-  }, States.set(uid, componentState)), componentState.touched = void 0;
+  }, States.set(uid, componentState));
   const [state, setState] = useState(initialState);
   return useIsomorphicLayoutEffect(() => {
     function update() {
       setState(prev => {
-        const componentState2 = States.get(uid),
-          next = getSnapshot(componentState2);
+        const componentState2 = States.get(uid);
+        process.env.NODE_ENV === "development" && debug && console.info("useMedia() update?", getSnapshot(componentState2) !== prev, {
+          componentState: componentState2,
+          touched: [...(componentState2.touched || [])],
+          prev: {
+            ...componentState2.prev
+          },
+          next: getSnapshot(componentState2),
+          mediaState: {
+            ...mediaState
+          }
+        });
+        const next = getSnapshot(componentState2);
         return next !== prev ? (componentState2.prev = next, next) : prev;
       });
     }
@@ -121,7 +129,7 @@ function useMedia(uidIn, componentContext) {
     };
   }, [uid]), new Proxy(state, {
     get(_, key) {
-      return typeof key == "string" && (componentState.touched ||= /* @__PURE__ */new Set(), componentState.touched.add(key)), Reflect.get(state, key);
+      return typeof key == "string" && (componentState.touched ||= [], componentState.touched.includes(key) || componentState.touched.push(key), process.env.NODE_ENV === "development" && debug && console.info("useMedia() TOUCH", key)), Reflect.get(state, key);
     }
   });
 }

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

@@ -3,8 +3,8 @@ import { useRef, useState } from "react";
 import { getConfig } from "../config";
 import { matchMedia } from "../helpers/matchMedia";
 import { pseudoDescriptors } from "../helpers/pseudoDescriptors";
-import { getDisableSSR } from "./useDisableSSR";
 import { useDidHydrateOnce } from "./useDidHydrateOnce";
+import { getDisableSSR } from "./useDisableSSR";
 function _array_like_to_array(arr, len) {
   (len == null || len > arr.length) && (len = arr.length);
   for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
@@ -104,12 +104,11 @@ var mediaState = (
   }) : {}
 ), mediaQueryConfig = {}, getMedia = function() {
   return mediaState;
-}, mediaKeys = /* @__PURE__ */ new Set(), isMediaKey = function(key) {
+}, mediaKeys = /* @__PURE__ */ new Set(), mediaKeyRegex = /\$(platform|theme|group)-/, isMediaKey = function(key) {
   if (mediaKeys.has(key)) return !0;
   if (key[0] === "$") {
-    if (key.startsWith("$platform-")) return "platform";
-    if (key.startsWith("$theme-")) return "theme";
-    if (key.startsWith("$group-")) return "group";
+    var match = key.match(mediaKeyRegex);
+    if (match) return match[1];
   }
   return !1;
 }, initState, defaultMediaImportance = Object.keys(pseudoDescriptors).length, mediaKeysOrdered, getMediaKeyImportance = function(key) {
@@ -164,24 +163,32 @@ function setMediaShouldUpdate(ref, props) {
   return States.set(ref, _object_spread({}, States.get(ref), props));
 }
 function getSnapshot(param) {
-  var touched = param.touched, prev = param.prev, enabled = param.enabled, keys = param.keys, isDisabled = enabled === !1;
-  if (isDisabled)
+  var touched = param.touched, prev = param.prev, enabled = param.enabled;
+  if (enabled === !1)
     return prev;
-  var testKeys = keys || touched ? _to_consumable_array(keys || []).concat(_to_consumable_array(touched || [])) : null, hasntUpdated = !testKeys || (testKeys == null ? void 0 : testKeys.every(function(key) {
+  var hasntUpdated = !touched || touched.every(function(key) {
     return mediaState[key] === prev[key];
-  }));
+  });
   return hasntUpdated ? prev : mediaState;
 }
 function useMedia(uidIn, componentContext) {
-  var uid = uidIn ?? useRef(), hasHydrated = useDidHydrateOnce(), isHydrated = !isWeb || getDisableSSR(componentContext) || hasHydrated, initialState = isHydrated ? mediaState : initState, componentState = States.get(uid);
+  var debug = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : !1, uid = uidIn ?? useRef(), hasHydrated = useDidHydrateOnce(), isHydrated = !isWeb || getDisableSSR(componentContext) || hasHydrated, initialState = isHydrated ? mediaState : initState, componentState = States.get(uid);
   componentState || (componentState = {
     prev: initialState
-  }, States.set(uid, componentState)), componentState.touched = void 0;
+  }, States.set(uid, componentState));
   var _useState = _sliced_to_array(useState(initialState), 2), state = _useState[0], setState = _useState[1];
   return useIsomorphicLayoutEffect(function() {
     var update = function() {
       setState(function(prev) {
-        var componentState2 = States.get(uid), next = getSnapshot(componentState2);
+        var componentState2 = States.get(uid);
+        process.env.NODE_ENV === "development" && debug && console.info("useMedia() update?", getSnapshot(componentState2) !== prev, {
+          componentState: componentState2,
+          touched: _to_consumable_array(componentState2.touched || []),
+          prev: _object_spread({}, componentState2.prev),
+          next: getSnapshot(componentState2),
+          mediaState: _object_spread({}, mediaState)
+        });
+        var next = getSnapshot(componentState2);
         return next !== prev ? (componentState2.prev = next, next) : prev;
       });
     };
@@ -194,7 +201,7 @@ function useMedia(uidIn, componentContext) {
     get: function(_, key) {
       if (typeof key == "string") {
         var _componentState;
-        (_componentState = componentState).touched || (_componentState.touched = /* @__PURE__ */ new Set()), componentState.touched.add(key);
+        (_componentState = componentState).touched || (_componentState.touched = []), componentState.touched.includes(key) || componentState.touched.push(key), process.env.NODE_ENV === "development" && debug && console.info("useMedia() TOUCH", key);
       }
       return Reflect.get(state, key);
     }

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../src/hooks/Users/n8/tamagui/packages/web/src/hooks/useMedia.tsx"],
-  "mappings": "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",
-  "names": ["isServer", "isWeb", "useIsomorphicLayoutEffect", "useRef", "useState", "getConfig", "matchMedia", "pseudoDescriptors", "getDisableSSR", "useDidHydrateOnce", "mediaState", "process", "env", "NODE_ENV", "Proxy", "get", "target", "key", "Error", "Reflect", "mediaQueryConfig", "getMedia", "mediaKeys", "Set", "isMediaKey", "has", "startsWith", "initState", "defaultMediaImportance", "Object", "keys", "length", "mediaKeysOrdered", "getMediaKeyImportance", "conf", "settings", "mediaPropOrder", "indexOf", "dispose", "mediaVersion", "configureMedia", "config", "media", "mediaQueryDefaultActive", "add", "assign", "disableSSR", "setupMediaListeners", "updateCurrentState", "unlisten", "forEach", "cb", "clear", "setupVersion", "update", "next", "getMatch", "matches", "str", "mediaObjectToString", "match", "addListener", "removeListener", "listeners", "flushing", "flushVersion", "Promise", "resolve", "then", "States", "WeakMap", "setMediaShouldUpdate", "ref", "props", "set", "getSnapshot", "touched", "prev", "enabled", "isDisabled", "testKeys", "hasntUpdated", "every", "useMedia", "uidIn", "componentContext", "uid", "hasHydrated", "isHydrated", "initialState", "componentState", "undefined", "state", "setState", "delete", "_", "getMediaImportanceIfMoreImportant", "mediaKey", "importancesUsed", "isSizeMedia", "importance", "camelToHyphen", "replace", "m", "toLowerCase", "cache", "cachedMediaKeyToQuery", "query", "res", "entries", "map", "feature", "value", "test", "join", "mediaKeyToQuery", "mediaKeyMatch", "dimensions", "mediaQueries", "result", "expectedVal", "isMax", "isWidth", "endsWith", "givenVal"]
+  "mappings": "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",
+  "names": ["isServer", "isWeb", "useIsomorphicLayoutEffect", "useRef", "useState", "getConfig", "matchMedia", "pseudoDescriptors", "useDidHydrateOnce", "getDisableSSR", "mediaState", "process", "env", "NODE_ENV", "Proxy", "get", "target", "key", "Error", "Reflect", "mediaQueryConfig", "getMedia", "mediaKeys", "Set", "mediaKeyRegex", "isMediaKey", "has", "match", "initState", "defaultMediaImportance", "Object", "keys", "length", "mediaKeysOrdered", "getMediaKeyImportance", "conf", "settings", "mediaPropOrder", "indexOf", "dispose", "mediaVersion", "configureMedia", "config", "media", "mediaQueryDefaultActive", "add", "assign", "disableSSR", "setupMediaListeners", "updateCurrentState", "unlisten", "forEach", "cb", "clear", "setupVersion", "update", "next", "getMatch", "matches", "str", "mediaObjectToString", "addListener", "removeListener", "listeners", "flushing", "flushVersion", "Promise", "resolve", "then", "States", "WeakMap", "setMediaShouldUpdate", "ref", "props", "set", "getSnapshot", "touched", "prev", "enabled", "hasntUpdated", "every", "useMedia", "uidIn", "componentContext", "debug", "uid", "hasHydrated", "isHydrated", "initialState", "componentState", "state", "setState", "console", "info", "delete", "_", "includes", "push", "getMediaImportanceIfMoreImportant", "mediaKey", "importancesUsed", "isSizeMedia", "importance", "camelToHyphen", "replace", "m", "toLowerCase", "cache", "cachedMediaKeyToQuery", "query", "res", "entries", "map", "feature", "value", "test", "join", "mediaKeyToQuery", "mediaKeyMatch", "dimensions", "mediaQueries", "result", "expectedVal", "isMax", "startsWith", "isWidth", "endsWith", "givenVal"]
 }

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../src/views/TamaguiProvider.tsx"],
-  "mappings": "AAAA,SAAS,gBAAgB;AACzB,YAAY,WAAW;AAEvB,SAAS,wBAAwB;AACjC,SAAS,2BAA2B;AAEpC,SAAS,qBAAqB;AAC9B,SAAS,6BAA6B;AAsChC;AApCC,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAyB;AACvB,6BAAoB,GAEhB,aAGF,sBAAsB,GAEtB,MAAM,mBAAmB,MAAM;AAC7B,QAAK,WACA,OAAO,cAGN,SAAS,gBAAgB,UAAU,SAAS,aAAa,KAC3D,SAAS,gBAAgB,UAAU,OAAO,aAAa,GAIvD,CAAC,mBAAkB;AACrB,YAAM,QAAQ,SAAS,cAAc,OAAO;AAC5C,mBAAM,YAAY,SAAS,eAAe,OAAO,OAAO,CAAC,CAAC,GAC1D,SAAS,KAAK,YAAY,KAAK,GACxB,MAAM;AACX,iBAAS,KAAK,YAAY,KAAK;AAAA,MACjC;AAAA,IACF;AAAA,EACF,GAAG,CAAC,QAAQ,gBAAgB,CAAC,IAI7B,oBAAC,iBAAiB,UAAjB,EAA0B,iBAAiB,QAAQ,YAClD;AAAA,IAAC;AAAA;AAAA,MACC,sBAAsB,QAAQ;AAAA,MAC9B,uBAAuB,QAAQ;AAAA,MAC9B,GAAG;AAAA,MACJ,cACE,mBAAmB,iBAAiB,SAAS,OAAO,KAAK,OAAO,MAAM,EAAE,CAAC,IAAI;AAAA,MAG9E;AAAA;AAAA,EACH,GACF;AAEJ;AAEA,gBAAgB,cAAiB;",
+  "mappings": "AAAA,SAAS,gBAAgB;AACzB,YAAY,WAAW;AAEvB,SAAS,wBAAwB;AACjC,SAAS,2BAA2B;AAEpC,SAAS,qBAAqB;AAC9B,SAAS,6BAA6B;AAqChC;AAnCC,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAyB;AACvB,6BAAoB,GAEhB,aAEF,sBAAsB,GAEtB,MAAM,mBAAmB,MAAM;AAC7B,QAAK,WACA,OAAO,cAGN,SAAS,gBAAgB,UAAU,SAAS,aAAa,KAC3D,SAAS,gBAAgB,UAAU,OAAO,aAAa,GAIvD,CAAC,mBAAkB;AACrB,YAAM,QAAQ,SAAS,cAAc,OAAO;AAC5C,mBAAM,YAAY,SAAS,eAAe,OAAO,OAAO,CAAC,CAAC,GAC1D,SAAS,KAAK,YAAY,KAAK,GACxB,MAAM;AACX,iBAAS,KAAK,YAAY,KAAK;AAAA,MACjC;AAAA,IACF;AAAA,EACF,GAAG,CAAC,QAAQ,gBAAgB,CAAC,IAI7B,oBAAC,iBAAiB,UAAjB,EAA0B,iBAAiB,QAAQ,YAClD;AAAA,IAAC;AAAA;AAAA,MACC,sBAAsB,QAAQ;AAAA,MAC9B,uBAAuB,QAAQ;AAAA,MAC9B,GAAG;AAAA,MACJ,cACE,mBAAmB,iBAAiB,SAAS,OAAO,KAAK,OAAO,MAAM,EAAE,CAAC,IAAI;AAAA,MAG9E;AAAA;AAAA,EACH,GACF;AAEJ;AAEA,gBAAgB,cAAiB;",
   "names": []
 }

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

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

package/package.json

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

package/src/createComponent.tsx

@@ -1,6 +1,11 @@
 import { composeRefs } from '@tamagui/compose-refs'
 import { isClient, isServer, isWeb } from '@tamagui/constants'
-import { composeEventHandlers, validStyles } from '@tamagui/helpers'
+import {
+  StyleObjectIdentifier,
+  StyleObjectRules,
+  composeEventHandlers,
+  validStyles,
+} from '@tamagui/helpers'
 import React, {
   Children,
   Fragment,
@@ -10,7 +15,6 @@ import React, {
   useContext,
   useEffect,
   useId,
-  useLayoutEffect,
   useMemo,
   useRef,
   useState,
@@ -36,6 +40,7 @@ import { log } from './helpers/log'
 import { mergeProps } from './helpers/mergeProps'
 import { setElementProps } from './helpers/setElementProps'
 import { themeable } from './helpers/themeable'
+import { useDidHydrateOnce } from './hooks/useDidHydrateOnce'
 import { mediaKeyMatch, setMediaShouldUpdate, useMedia } from './hooks/useMedia'
 import { useThemeWithState } from './hooks/useTheme'
 import type { TamaguiComponentEvents } from './interfaces/TamaguiComponentEvents'
@@ -69,7 +74,6 @@ import type {
 import { Slot } from './views/Slot'
 import { getThemedChildren } from './views/Theme'
 import { ThemeDebug } from './views/ThemeDebug'
-import { useDidHydrateOnce } from './hooks/useDidHydrateOnce'
 
 /**
  * All things that need one-time setup after createTamagui is called
@@ -156,7 +160,12 @@ export const useComponentState = (
 ) => {
   const useAnimations = animationDriver?.useAnimations as UseAnimationHook | undefined
 
-  const stateRef = useRef<TamaguiComponentStateRef>({})
+  const stateRef = useRef<TamaguiComponentStateRef>(
+    undefined as any as TamaguiComponentStateRef
+  )
+  if (!stateRef.current) {
+    stateRef.current = {}
+  }
 
   // after we get states mount we need to turn off isAnimated for server side
   const hasAnimationProp = Boolean(
@@ -197,19 +206,21 @@ export const useComponentState = (
 
   const hasEnterState = hasEnterStyle || isEntering
 
-  const didHydrateOnce = useDidHydrateOnce()
-
-  const initialState =
-    hasEnterState || (!didHydrateOnce && hasRNAnimation)
-      ? // on the very first render we switch all spring animation drivers to css rendering
-        // this is because we need to use css variables, which they don't support to do proper SSR
-        // without flickers of the wrong colors.
-        // but once we do that initial hydration and we are in client side rendering mode,
-        // we can avoid the extra re-render on mount
-        isWeb && !didHydrateOnce
-        ? defaultComponentState
-        : defaultComponentStateShouldEnter
-      : defaultComponentStateMounted
+  // this can be conditional because its only ever needed with animations
+  const didHydrateOnce = willBeAnimated ? useDidHydrateOnce() : true
+  const shouldEnter = hasEnterState || (!didHydrateOnce && hasRNAnimation)
+  const shouldEnterFromUnhydrated = isWeb && !didHydrateOnce
+
+  const initialState = shouldEnter
+    ? // on the very first render we switch all spring animation drivers to css rendering
+      // this is because we need to use css variables, which they don't support to do proper SSR
+      // without flickers of the wrong colors.
+      // but once we do that initial hydration and we are in client side rendering mode,
+      // we can avoid the extra re-render on mount
+      shouldEnterFromUnhydrated
+      ? defaultComponentState
+      : defaultComponentStateShouldEnter
+    : defaultComponentStateMounted
 
   // will be nice to deprecate half of these:
   const disabled = isDisabled(props)
@@ -706,7 +717,7 @@ export function createComponent<
     if (process.env.NODE_ENV === 'development' && time) time`theme`
 
     // HOOK 14 (-1 if no animation, -1 if disableSSR, -1 if no context, -1 if production)
-    const mediaState = useMedia(stateRef, componentContext)
+    const mediaState = useMedia(stateRef, componentContext, debugProp)
 
     setDidGetVariableValue(false)
 
@@ -725,6 +736,7 @@ export function createComponent<
       resolveValues,
       isExiting,
       isAnimated,
+      willBeAnimated,
     } as const
 
     // HOOK 15 (-1 if no animation, -1 if disableSSR, -1 if no context, -1 if production)
@@ -758,11 +770,15 @@ export function createComponent<
       didGetVariableValue() ||
       isMediaArray ||
       (noClassNames && splitStyles.hasMedia === true)
-    const mediaListeningKeys = isMediaArray ? (splitStyles.hasMedia as any) : null
+
+    const mediaListeningKeys = isMediaArray ? (splitStyles.hasMedia as string[]) : null
+    if (process.env.NODE_ENV === 'development' && debugProp) {
+      console.info(`useMedia() createComponent`, shouldListenForMedia, mediaListeningKeys)
+    }
 
     setMediaShouldUpdate(stateRef, {
       enabled: shouldListenForMedia,
-      keys: mediaListeningKeys,
+      touched: mediaListeningKeys,
     })
 
     const {
@@ -1296,7 +1312,8 @@ export function createComponent<
           <>
             {content}
             {/* lets see if we can put a single style tag per rule for optimal de-duping */}
-            {splitStyles.rulesToInsert.map(({ rules, identifier }) => {
+            {splitStyles.rulesToInsert.map((styleObject) => {
+              const identifier = styleObject[StyleObjectIdentifier]
               return (
                 <style
                   key={identifier}
@@ -1305,7 +1322,7 @@ export function createComponent<
                   // @ts-ignore
                   precedence="default"
                 >
-                  {rules.join('\n')}
+                  {styleObject[StyleObjectRules].join('\n')}
                 </style>
               )
             })}

package/src/createTokens.ts

@@ -2,20 +2,14 @@ import type { Variable } from './createVariable'
 import { createVariables } from './createVariables'
 import type { CreateTokens } from './types'
 
-// tokens.color.dark.red ===> { var: `color-dark-red`, val: '' }
 export function createTokens<T extends CreateTokens>(tokens: T): MakeTokens<T> {
   return createVariables(tokens) as any
 }
 
 type NormalizeTokens<A, Type = A[keyof A]> = {
-  // removes $ prefix allowing for defining either as $1: or 1:,
-  // which is important because Chrome re-orders numerical-seeming keys :/
-  [Key in keyof A extends `$${infer X}` ? X : keyof A]: Variable<Type>
+  [Key in keyof A extends number ? `${keyof A}` : keyof A]: Variable<Type>
 }
 
-// verbose but gives us nice types...
-// removes $ prefix allowing for defining either as $1: or 1:,
-// which is important because Chrome re-orders numerical-seeming keys :/
 type MakeTokens<T extends CreateTokens> = T extends {
   color?: infer E
   space?: infer F
@@ -36,17 +30,3 @@ type MakeTokens<T extends CreateTokens> = T extends {
       'color' | 'space' | 'size' | 'radius' | 'zIndex'
     >
   : never
-
-// // test
-// // TODO move to tests
-// const tokens = createTokens({
-//   size: { 0: 1 },
-//   space: { 0: 1 },
-//   radius: { 0: 1 },
-//   zIndex: { 0: 1 },
-//   color: { 0: 'hi' },
-//   arbitrary: { abc: '123' },
-// })
-
-// tokens.arbitrary.abc
-// tokens.size['0']