@tamagui/logo 1.129.6 → 1.129.7

package/dist/cjs/LogoWords.cjs

@@ -72,7 +72,8 @@ const rgb = ["#ED0F0F", "#6BCF1A", "#6252F8"],
       };
     }, [Tint]);
     const getColor = i => hovered ? hoveredTints[i] : tints[i],
-      x = Math.round(index * 18.5 + 18 / 2 * (index / tints.length) + 3 + (index === 6 ? -3 : 0));
+      x = Math.round(index * 18.5 + 18 / 2 * (index / tints.length) + 3 + (index === 6 ? -3 : 0)),
+      [layout, setLayout] = (0, import_react.useState)();
     return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
       onHoverIn: () => setHovered(!0),
       onHoverOut: () => setHovered(!1),
@@ -81,10 +82,13 @@ const rgb = ["#ED0F0F", "#6BCF1A", "#6252F8"],
       marginVertical: "$-2",
       position: "relative",
       className: "logo-words",
+      onLayout: e => {
+        setLayout(e.nativeEvent.layout);
+      },
       onMouseMove: e => {
-        const rect = e.currentTarget.getBoundingClientRect(),
-          x2 = e.clientX - rect.left,
-          sectionWidth = rect.width / 7,
+        if (!layout) return;
+        const x2 = e.clientX - layout.left,
+          sectionWidth = layout.width / 7,
           section = Math.min(6, Math.floor(x2 / sectionWidth));
         Tint.setTintIndex(section);
       },

package/dist/cjs/LogoWords.js

@@ -53,7 +53,7 @@ const rgb = ["#ED0F0F", "#6BCF1A", "#6252F8"], LogoWords = import_react.default.
   }, [Tint]);
   const getColor = (i) => hovered ? hoveredTints[i] : tints[i], x = Math.round(
     index * 18.5 + 18 / 2 * (index / tints.length) + 3 + (index === 6 ? -3 : 0)
-  );
+  ), [layout, setLayout] = (0, import_react.useState)();
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     import_tamagui.XStack,
     {
@@ -64,8 +64,12 @@ const rgb = ["#ED0F0F", "#6BCF1A", "#6252F8"], LogoWords = import_react.default.
       marginVertical: "$-2",
       position: "relative",
       className: "logo-words",
+      onLayout: (e) => {
+        setLayout(e.nativeEvent.layout);
+      },
       onMouseMove: (e) => {
-        const rect = e.currentTarget.getBoundingClientRect(), x2 = e.clientX - rect.left, sectionWidth = rect.width / 7, section = Math.min(6, Math.floor(x2 / sectionWidth));
+        if (!layout) return;
+        const x2 = e.clientX - layout.left, sectionWidth = layout.width / 7, section = Math.min(6, Math.floor(x2 / sectionWidth));
         Tint.setTintIndex(section);
       },
       ...props,

package/dist/cjs/LogoWords.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/LogoWords.tsx"],
-  "mappings": "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",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAA2C,8BAE3C,iBAA+B,oBAC/B,iBAAwB,sBAiGhB;AA/FR,MAAM,MAAM,CAAC,WAAW,WAAW,SAAS,GAE/B,YAST,aAAAA,QAAM,KAAK,CAAC,EAAE,YAAY,GAAG,UAAU,GAAG,MAAM,MAAM;AACxD,QAAM,WAAO,wBAAQ,GACf,CAAC,SAAS,UAAU,IAAI,aAAAA,QAAM,SAAS,EAAK,GAC5C,CAAC,SAAS,UAAU,IAAI,aAAAA,QAAM,SAAuC,OAAO,GAE5E,EAAE,WAAW,OAAO,KAAK,IAAI,MAC7B,eAAe,KAAK,MAAM,IAAI,CAACC,OAAM,GAAGA,EAAC,GAAG,EAAE,IAAI,CAAC,MAAM,SAAS,CAAC,GAAG,GAEtE,QAAQ;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,GAEM,cAAc,UAChB,KAAK,MAAM,IAAI,CAACA,OAAM,IAAIA,EAAC,GAAG,IAC9B,CAAC,YAAY,YAAY,YAAY,YAAY,GAAG,GAAG;AAE3D,8BAAU,MAAM;AAEd,KADa,OAAO,uBAAuB,YACtC,MAAM;AACT,iBAAW,MAAM;AACf,mBAAW,SAAS;AAAA,MACtB,GAAG,EAAE,GAEL,WAAW,MAAM;AACf,mBAAW,MAAM;AAAA,MACnB,GAAG,IAAI;AAAA,IACT,CAAC;AAAA,EACH,GAAG,CAAC,CAAC,OAEL,wBAAU,MAAM;AACd,UAAM,gBAAgB,CAAC,UAAyB;AAC9C,YAAMC,SAAQ,OAAO,SAAS,MAAM,KAAK,EAAE,IAAI;AAC/C,MAAI,CAAC,OAAO,MAAMA,MAAK,KAAKA,UAAS,KAAKA,SAAQ,KAAK,MAAM,UAC3D,KAAK,aAAaA,MAAK;AAAA,IAE3B;AAEA,kBAAO,iBAAiB,WAAW,aAAa,GAEzC,MAAM;AACX,aAAO,oBAAoB,WAAW,aAAa;AAAA,IACrD;AAAA,EACF,GAAG,CAAC,IAAI,CAAC;AAET,QAAM,WAAW,CAAC,MACZ,UAAgB,aAAa,CAAC,IAC3B,MAAM,CAAC,GAGV,IAAI,KAAK;AAAA,IACb,QAAQ,OAAQ,KAAK,KAAM,QAAQ,MAAM,UAAU,KAAK,UAAU,IAAI,KAAK;AAAA,EAC7E,GAEM,CAAC,QAAQ,SAAS,QAAI,uBAAsB;AAElD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,MAAM,WAAW,EAAI;AAAA,MAChC,YAAY,MAAM,WAAW,EAAK;AAAA,MAClC,iBAAgB;AAAA,MAChB,0BAAsB;AAAA,MACtB,gBAAe;AAAA,MACf,UAAS;AAAA,MACT,WAAU;AAAA,MACV,UAAU,CAAC,MAAM;AACf,kBAAU,EAAE,YAAY,MAAa;AAAA,MACvC;AAAA,MAEA,aAAa,CAAC,MAAkB;AAC9B,YAAI,CAAC,OAAQ;AACb,cAAMD,KAAI,EAAE,UAAU,OAAO,MAEvB,eAAe,OAAO,QAAQ,GAE9B,UAAU,KAAK,IAAI,GAAG,KAAK,MAAMA,KAAI,YAAY,CAAC;AACxD,aAAK,aAAa,OAAO;AAAA,MAC3B;AAAA,MACC,GAAG;AAAA,MAEH;AAAA,oBACC;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV,UAAS;AAAA,YACT,KAAK;AAAA,YACL,MAAM;AAAA,YACN,GAAG,YAAY,UAAU,MAAM;AAAA,YAE/B;AAAA,YACA,MAAM;AAAA,YACN,iBAAiB,YAAY,KAAK;AAAA;AAAA,QACpC;AAAA,QAGF;AAAA,UAAC;AAAA;AAAA,YACC,0BAAsB;AAAA,YACtB,OAAO,OAAO,IAAI,aAAa;AAAA,YAC/B,QAAQ,MAAM,IAAI,aAAa;AAAA,YAC/B,SAAQ;AAAA,YAER;AAAA;AAAA,gBAAC;AAAA;AAAA,kBACC,0BAAsB;AAAA,kBACtB,gBAAe;AAAA,kBACf,MAAM,SAAS,CAAC;AAAA,kBAChB,QAAO;AAAA;AAAA,cAET;AAAA,cAEA;AAAA,gBAAC;AAAA;AAAA,kBACC,gBAAe;AAAA,kBACf,MAAM,SAAS,CAAC;AAAA,kBAChB,GAAE;AAAA,kBACF,UAAS;AAAA;AAAA,cAEX;AAAA,cAEA;AAAA,gBAAC;AAAA;AAAA,kBACC,0BAAsB;AAAA,kBACtB,gBAAe;AAAA,kBACf,MAAM,SAAS,CAAC;AAAA,kBAChB,QAAO;AAAA;AAAA,cAET;AAAA,cAEA;AAAA,gBAAC;AAAA;AAAA,kBACC,MAAM,SAAS,CAAC;AAAA,kBAChB,GAAE;AAAA,kBACF,UAAS;AAAA;AAAA,cAEX;AAAA,cAEA;AAAA,gBAAC;AAAA;AAAA,kBACC,0BAAsB;AAAA,kBACtB,gBAAe;AAAA,kBACf,MAAM,SAAS,CAAC;AAAA,kBAChB,QAAO;AAAA;AAAA,cAET;AAAA,cAEA;AAAA,gBAAC;AAAA;AAAA,kBACC,0BAAsB;AAAA,kBACtB,gBAAe;AAAA,kBACf,MAAM,SAAS,CAAC;AAAA,kBAChB,QAAO;AAAA;AAAA,cAET;AAAA,cAEA;AAAA,gBAAC;AAAA;AAAA,kBACC,0BAAsB;AAAA,kBACtB,gBAAe;AAAA,kBACf,MAAM,SAAS,CAAC;AAAA,kBAChB,QAAO;AAAA;AAAA,cAET;AAAA;AAAA;AAAA,QACF;AAAA;AAAA;AAAA,EACF;AAEJ,CAAC;",
   "names": ["React", "x", "index"]
 }

package/dist/cjs/LogoWords.native.js

@@ -72,7 +72,7 @@ var import_jsx_runtime = require("react/jsx-runtime"), import_react = __toESM(re
   ]);
   var getColor = function(i) {
     return hovered ? hoveredTints[i] : tints[i];
-  }, x = Math.round(index * 18.5 + 18 / 2 * (index / tints.length) + 3 + (index === 6 ? -3 : 0));
+  }, x = Math.round(index * 18.5 + 18 / 2 * (index / tints.length) + 3 + (index === 6 ? -3 : 0)), [layout, setLayout] = (0, import_react.useState)();
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
     onHoverIn: function() {
       return setHovered(!0);
@@ -85,10 +85,15 @@ var import_jsx_runtime = require("react/jsx-runtime"), import_react = __toESM(re
     marginVertical: "$-2",
     position: "relative",
     className: "logo-words",
+    onLayout: function(e) {
+      setLayout(e.nativeEvent.layout);
+    },
     // @ts-ignore
     onMouseMove: function(e) {
-      var rect = e.currentTarget.getBoundingClientRect(), x2 = e.clientX - rect.left, sectionWidth = rect.width / 7, section = Math.min(6, Math.floor(x2 / sectionWidth));
-      Tint.setTintIndex(section);
+      if (layout) {
+        var x2 = e.clientX - layout.left, sectionWidth = layout.width / 7, section = Math.min(6, Math.floor(x2 / sectionWidth));
+        Tint.setTintIndex(section);
+      }
     },
     ...props,
     children: [

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/LogoWords.tsx"],
-  "mappings": "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",
-  "names": ["rgb", "LogoWords", "React", "memo", "downscale", "animated", "props", "Tint", "useTint", "hovered", "setHovered", "useState", "mounted", "setMounted", "tintIndex", "index", "tint", "hoveredTints", "tints", "map", "x", "t", "circleTints", "useEffect", "idle", "window", "requestIdleCallback", "setTimeout", "handleKeyDown", "event", "Number", "parseInt", "key", "isNaN", "length", "setTintIndex", "addEventListener", "removeEventListener", "getColor", "i", "Math", "round", "_jsxs", "XStack", "onHoverIn", "onHoverOut", "paddingVertical", "data-tauri-drag-region", "marginVertical", "position", "className", "onMouseMove", "e", "rect", "currentTarget", "getBoundingClientRect", "clientX", "left", "sectionWidth", "width", "section", "min", "floor", "_jsx", "Circle", "animation", "top", "y", "size", "backgroundColor", "svg", "height", "viewBox", "polygon", "shapeRendering", "fill", "points", "path", "d", "fillRule"]
+  "mappings": "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",
+  "names": ["rgb", "LogoWords", "React", "memo", "downscale", "animated", "props", "Tint", "useTint", "hovered", "setHovered", "useState", "mounted", "setMounted", "tintIndex", "index", "tint", "hoveredTints", "tints", "map", "x", "t", "circleTints", "useEffect", "idle", "window", "requestIdleCallback", "setTimeout", "handleKeyDown", "event", "Number", "parseInt", "key", "isNaN", "length", "setTintIndex", "addEventListener", "removeEventListener", "getColor", "i", "Math", "round", "layout", "setLayout", "_jsxs", "XStack", "onHoverIn", "onHoverOut", "paddingVertical", "data-tauri-drag-region", "marginVertical", "position", "className", "onLayout", "e", "nativeEvent", "onMouseMove", "clientX", "left", "sectionWidth", "width", "section", "min", "floor", "_jsx", "Circle", "animation", "top", "y", "size", "backgroundColor", "svg", "height", "viewBox", "polygon", "shapeRendering", "fill", "points", "path", "d", "fillRule"]
 }

package/dist/cjs/useTint.cjs

@@ -39,6 +39,7 @@ __export(useTint_exports, {
 });
 module.exports = __toCommonJS(useTint_exports);
 var import_react = __toESM(require("react"), 1),
+  import_tamagui = require("tamagui"),
   import_tints = require("./tints.cjs");
 let current = 3;
 const listeners = /* @__PURE__ */new Set(),
@@ -56,13 +57,16 @@ function getDocsSection(pathname) {
 const InitialPathContext = (0, import_react.createContext)(3),
   useTint = (altOffset = -1) => {
     const initial = (0, import_react.useContext)(InitialPathContext),
-      index = import_react.default.useSyncExternalStore(onTintChange, () => current, () => initial),
+      didHydrate = (0, import_tamagui.useDidFinishSSR)(),
+      [index, setIndex] = (0, import_react.useState)(didHydrate ? current : initial),
       tintsContext = (0, import_tints.useTints)(),
       {
         tints
       } = tintsContext,
       tintAltIndex = Math.abs((index + altOffset) % tints.length);
-    return {
+    return (0, import_react.useEffect)(() => onTintChange(cur => {
+      setIndex(cur);
+    }), []), {
       ...tintsContext,
       tints: tintsContext.tints,
       tintIndex: index,

package/dist/cjs/useTint.js

@@ -29,7 +29,7 @@ __export(useTint_exports, {
   useTint: () => useTint
 });
 module.exports = __toCommonJS(useTint_exports);
-var import_react = __toESM(require("react"), 1), import_tints = require("./tints");
+var import_react = __toESM(require("react"), 1), import_tamagui = require("tamagui"), import_tints = require("./tints");
 let current = 3;
 const listeners = /* @__PURE__ */ new Set(), onTintChange = (listener) => (listeners.add(listener), () => {
   listeners.delete(listener);
@@ -41,12 +41,10 @@ function getDocsSection(pathname) {
   return pathname === "/docs/intro/compiler-install" || pathname === "/docs/intro/benchmarks" || pathname === "/docs/intro/why-a-compiler" ? "compiler" : pathname.startsWith("/ui/") ? "ui" : pathname.startsWith("/docs/") ? "core" : null;
 }
 const InitialPathContext = (0, import_react.createContext)(3), useTint = (altOffset = -1) => {
-  const initial = (0, import_react.useContext)(InitialPathContext), index = import_react.default.useSyncExternalStore(
-    onTintChange,
-    () => current,
-    () => initial
-  ), tintsContext = (0, import_tints.useTints)(), { tints } = tintsContext, tintAltIndex = Math.abs((index + altOffset) % tints.length);
-  return {
+  const initial = (0, import_react.useContext)(InitialPathContext), didHydrate = (0, import_tamagui.useDidFinishSSR)(), [index, setIndex] = (0, import_react.useState)(didHydrate ? current : initial), tintsContext = (0, import_tints.useTints)(), { tints } = tintsContext, tintAltIndex = Math.abs((index + altOffset) % tints.length);
+  return (0, import_react.useEffect)(() => onTintChange((cur) => {
+    setIndex(cur);
+  }), []), {
     ...tintsContext,
     tints: tintsContext.tints,
     tintIndex: index,

package/dist/cjs/useTint.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/useTint.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAiD,8BAEjD,eAAsD;AAEtD,IAAI,UAAU;AAEd,MAAM,YAAY,oBAAI,IAAc,GAEvB,eAAe,CAAC,cAC3B,UAAU,IAAI,QAAQ,GACf,MAAY;AACjB,YAAU,OAAO,QAAQ;AAC3B,IAGI,eAAW,uBAAS,EAAE,MAAM,QAErB,eAAe,CAAC,SAAuB;AAClD,QAAM,MAAM,KAAK,IAAI,GAAG,OAAO,QAAQ;AACvC,EAAI,QAAQ,YACZ,UAAU,KACV,UAAU,QAAQ,CAAC,MAAM,EAAE,GAAG,CAAC;AACjC;AAEO,SAAS,eAAe,UAAqD;AAClF,SAAO,aAAa,kCAClB,aAAa,4BACb,aAAa,+BACX,aACA,SAAS,WAAW,MAAM,IACxB,OACA,SAAS,WAAW,QAAQ,IAC1B,SACA;AACV;AAEO,MAAM,yBAA4C,4BAAc,CAAC,GAE3D,UAAU,CACrB,YAAY,OAmBT;AACH,QAAM,cAAU,yBAAW,kBAAkB,GACvC,QAAQ,aAAAA,QAAM;AAAA,IAClB;AAAA,IACA,MAAM;AAAA,IACN,MAAM;AAAA,EACR,GACM,mBAAe,uBAAS,GACxB,EAAE,MAAM,IAAI,cACZ,eAAe,KAAK,KAAK,QAAQ,aAAa,MAAM,MAAM;AAEhE,SAAO;AAAA,IACL,GAAG;AAAA,IACH,OAAO,aAAa;AAAA,IACpB,WAAW;AAAA,IACX;AAAA,IACA,MAAM,MAAM,KAAK;AAAA,IACjB,SAAS,MAAM,YAAY;AAAA,IAC3B;AAAA,IACA;AAAA,IACA,aAAa,MAAM;AACjB,mBAAAA,QAAM,gBAAgB,MAAM;AAC1B,qBAAa,QAAQ,CAAC;AAAA,MACxB,CAAC;AAAA,IACH;AAAA,EACF;AACF;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAsE,8BACtE,iBAAgD,oBAChD,eAAsD;AAEtD,IAAI,UAAU;AAEd,MAAM,YAAY,oBAAI,IAAc,GAEvB,eAAe,CAAC,cAC3B,UAAU,IAAI,QAAQ,GACf,MAAY;AACjB,YAAU,OAAO,QAAQ;AAC3B,IAGI,eAAW,uBAAS,EAAE,MAAM,QAErB,eAAe,CAAC,SAAuB;AAClD,QAAM,MAAM,KAAK,IAAI,GAAG,OAAO,QAAQ;AACvC,EAAI,QAAQ,YACZ,UAAU,KACV,UAAU,QAAQ,CAAC,MAAM,EAAE,GAAG,CAAC;AACjC;AAEO,SAAS,eAAe,UAAqD;AAClF,SAAO,aAAa,kCAClB,aAAa,4BACb,aAAa,+BACX,aACA,SAAS,WAAW,MAAM,IACxB,OACA,SAAS,WAAW,QAAQ,IAC1B,SACA;AACV;AAEO,MAAM,yBAA4C,4BAAc,CAAC,GAE3D,UAAU,CACrB,YAAY,OAmBT;AACH,QAAM,cAAU,yBAAW,kBAAkB,GACvC,iBAAa,gCAAgB,GAC7B,CAAC,OAAO,QAAQ,QAAI,uBAAS,aAAa,UAAU,OAAO,GAC3D,mBAAe,uBAAS,GACxB,EAAE,MAAM,IAAI,cACZ,eAAe,KAAK,KAAK,QAAQ,aAAa,MAAM,MAAM;AAEhE,qCAAU,MACD,aAAa,CAAC,QAAQ;AAC3B,aAAS,GAAG;AAAA,EACd,CAAC,GACA,CAAC,CAAC,GAEE;AAAA,IACL,GAAG;AAAA,IACH,OAAO,aAAa;AAAA,IACpB,WAAW;AAAA,IACX;AAAA,IACA,MAAM,MAAM,KAAK;AAAA,IACjB,SAAS,MAAM,YAAY;AAAA,IAC3B;AAAA,IACA;AAAA,IACA,aAAa,MAAM;AACjB,mBAAAA,QAAM,gBAAgB,MAAM;AAC1B,qBAAa,QAAQ,CAAC;AAAA,MACxB,CAAC;AAAA,IACH;AAAA,EACF;AACF;",
   "names": ["React"]
 }

package/dist/cjs/useTint.native.js

@@ -30,7 +30,7 @@ __export(useTint_exports, {
   useTint: () => useTint
 });
 module.exports = __toCommonJS(useTint_exports);
-var import_react = __toESM(require("react"), 1), import_tints = require("./tints"), current = 3, listeners = /* @__PURE__ */ new Set(), onTintChange = function(listener) {
+var import_react = __toESM(require("react"), 1), import_tamagui = require("tamagui"), import_tints = require("./tints"), current = 3, listeners = /* @__PURE__ */ new Set(), onTintChange = function(listener) {
   return listeners.add(listener), function() {
     listeners.delete(listener);
   };
@@ -44,12 +44,12 @@ function getDocsSection(pathname) {
   return pathname === "/docs/intro/compiler-install" || pathname === "/docs/intro/benchmarks" || pathname === "/docs/intro/why-a-compiler" ? "compiler" : pathname.startsWith("/ui/") ? "ui" : pathname.startsWith("/docs/") ? "core" : null;
 }
 var InitialPathContext = /* @__PURE__ */ (0, import_react.createContext)(3), useTint = function() {
-  var altOffset = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : -1, initial = (0, import_react.useContext)(InitialPathContext), index = import_react.default.useSyncExternalStore(onTintChange, function() {
-    return current;
-  }, function() {
-    return initial;
-  }), tintsContext = (0, import_tints.useTints)(), { tints } = tintsContext, tintAltIndex = Math.abs((index + altOffset) % tints.length);
-  return {
+  var altOffset = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : -1, initial = (0, import_react.useContext)(InitialPathContext), didHydrate = (0, import_tamagui.useDidFinishSSR)(), [index, setIndex] = (0, import_react.useState)(didHydrate ? current : initial), tintsContext = (0, import_tints.useTints)(), { tints } = tintsContext, tintAltIndex = Math.abs((index + altOffset) % tints.length);
+  return (0, import_react.useEffect)(function() {
+    return onTintChange(function(cur) {
+      setIndex(cur);
+    });
+  }, []), {
     ...tintsContext,
     tints: tintsContext.tints,
     tintIndex: index,

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/useTint.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;mBAAiD,8BAEjD,eAAsD,oBAElDA,UAAU,GAERC,YAAY,oBAAIC,IAAAA,GAETC,eAAe,SAACC,UAAAA;AAC3BH,mBAAUI,IAAID,QAAAA,GACP,WAAA;AACLH,cAAUK,OAAOF,QAAAA;EACnB;AACF,GAEMG,eAAWC,uBAAAA,EAAWC,MAAMC,QAErBC,eAAe,SAACC,MAAAA;AAC3B,MAAMC,MAAMC,KAAKC,IAAI,GAAGH,OAAOL,QAAAA;AAC/B,EAAIM,QAAQb,YACZA,UAAUa,KACVZ,UAAUe,QAAQ,SAACC,GAAAA;WAAMA,EAAEJ,GAAAA;;AAC7B;AAEO,SAASK,eAAeC,UAAgB;AAC7C,SAAOA,aAAa,kCAClBA,aAAa,4BACbA,aAAa,+BACX,aACAA,SAASC,WAAW,MAAA,IAClB,OACAD,SAASC,WAAW,QAAA,IAClB,SACA;AACV;AAEO,IAAMC,qBAA4CC,gDAAc,CAAA,GAE1DC,UAAU,WAAA;MACrBC,YAAAA,UAAAA,SAAAA,KAAAA,UAAAA,CAAAA,MAAAA,SAAAA,UAAAA,CAAAA,IAAY,IAoBNC,cAAUC,yBAAWL,kBAAAA,GACrBM,QAAQC,aAAAA,QAAMC,qBAClB1B,cACA,WAAA;WAAMH;KACN,WAAA;WAAMyB;MAEFK,mBAAeC,uBAAAA,GACf,EAAEtB,MAAK,IAAKqB,cACZE,eAAelB,KAAKmB,KAAKN,QAAQH,aAAaf,MAAMC,MAAM;AAEhE,SAAO;IACL,GAAGoB;IACHrB,OAAOqB,aAAarB;IACpByB,WAAWP;IACXK;IACAG,MAAM1B,MAAMkB,KAAAA;IACZS,SAAS3B,MAAMuB,YAAAA;IACfrB;IACA0B;IACAC,aAAa,WAAA;AACXV,mBAAAA,QAAMW,gBAAgB,WAAA;AACpB5B,qBAAagB,QAAQ,CAAA;MACvB,CAAA;IACF;EACF;AACF;",
-  "names": ["current", "listeners", "Set", "onTintChange", "listener", "add", "delete", "numTints", "getTints", "tints", "length", "setTintIndex", "next", "val", "Math", "max", "forEach", "x", "getDocsSection", "pathname", "startsWith", "InitialPathContext", "createContext", "useTint", "altOffset", "initial", "useContext", "index", "React", "useSyncExternalStore", "tintsContext", "useTints", "tintAltIndex", "abs", "tintIndex", "tint", "tintAlt", "setNextTintFamily", "setNextTint", "startTransition"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;mBAAsE,8BACtE,iBAAgD,oBAChD,eAAsD,oBAElDA,UAAU,GAERC,YAAY,oBAAIC,IAAAA,GAETC,eAAe,SAACC,UAAAA;AAC3BH,mBAAUI,IAAID,QAAAA,GACP,WAAA;AACLH,cAAUK,OAAOF,QAAAA;EACnB;AACF,GAEMG,eAAWC,uBAAAA,EAAWC,MAAMC,QAErBC,eAAe,SAACC,MAAAA;AAC3B,MAAMC,MAAMC,KAAKC,IAAI,GAAGH,OAAOL,QAAAA;AAC/B,EAAIM,QAAQb,YACZA,UAAUa,KACVZ,UAAUe,QAAQ,SAACC,GAAAA;WAAMA,EAAEJ,GAAAA;;AAC7B;AAEO,SAASK,eAAeC,UAAgB;AAC7C,SAAOA,aAAa,kCAClBA,aAAa,4BACbA,aAAa,+BACX,aACAA,SAASC,WAAW,MAAA,IAClB,OACAD,SAASC,WAAW,QAAA,IAClB,SACA;AACV;AAEO,IAAMC,qBAA4CC,gDAAc,CAAA,GAE1DC,UAAU,WAAA;MACrBC,YAAAA,UAAAA,SAAAA,KAAAA,UAAAA,CAAAA,MAAAA,SAAAA,UAAAA,CAAAA,IAAY,IAoBNC,cAAUC,yBAAWL,kBAAAA,GACrBM,iBAAaC,gCAAAA,GACb,CAACC,OAAOC,QAAAA,QAAYC,uBAASJ,aAAa3B,UAAUyB,OAAAA,GACpDO,mBAAeC,uBAAAA,GACf,EAAExB,MAAK,IAAKuB,cACZE,eAAepB,KAAKqB,KAAKN,QAAQL,aAAaf,MAAMC,MAAM;AAEhE0B,qCAAU,WAAA;AACR,WAAOjC,aAAa,SAACkC,KAAAA;AACnBP,eAASO,GAAAA;IACX,CAAA;EACF,GAAG,CAAA,CAAE,GAEE;IACL,GAAGL;IACHvB,OAAOuB,aAAavB;IACpB6B,WAAWT;IACXK;IACAK,MAAM9B,MAAMoB,KAAAA;IACZW,SAAS/B,MAAMyB,YAAAA;IACfvB;IACA8B;IACAC,aAAa,WAAA;AACXC,mBAAAA,QAAMC,gBAAgB,WAAA;AACpBjC,qBAAakB,QAAQ,CAAA;MACvB,CAAA;IACF;EACF;AACF;",
+  "names": ["current", "listeners", "Set", "onTintChange", "listener", "add", "delete", "numTints", "getTints", "tints", "length", "setTintIndex", "next", "val", "Math", "max", "forEach", "x", "getDocsSection", "pathname", "startsWith", "InitialPathContext", "createContext", "useTint", "altOffset", "initial", "useContext", "didHydrate", "useDidFinishSSR", "index", "setIndex", "useState", "tintsContext", "useTints", "tintAltIndex", "abs", "useEffect", "cur", "tintIndex", "tint", "tintAlt", "setNextTintFamily", "setNextTint", "React", "startTransition"]
 }

package/dist/esm/LogoWords.js

@@ -1,4 +1,4 @@
-import React, { useEffect } from "react";
+import React, { useEffect, useState } from "react";
 import { Circle, XStack } from "tamagui";
 import { useTint } from "./useTint";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -29,7 +29,7 @@ const rgb = ["#ED0F0F", "#6BCF1A", "#6252F8"], LogoWords = React.memo(({ downsca
   }, [Tint]);
   const getColor = (i) => hovered ? hoveredTints[i] : tints[i], x = Math.round(
     index * 18.5 + 18 / 2 * (index / tints.length) + 3 + (index === 6 ? -3 : 0)
-  );
+  ), [layout, setLayout] = useState();
   return /* @__PURE__ */ jsxs(
     XStack,
     {
@@ -40,8 +40,12 @@ const rgb = ["#ED0F0F", "#6BCF1A", "#6252F8"], LogoWords = React.memo(({ downsca
       marginVertical: "$-2",
       position: "relative",
       className: "logo-words",
+      onLayout: (e) => {
+        setLayout(e.nativeEvent.layout);
+      },
       onMouseMove: (e) => {
-        const rect = e.currentTarget.getBoundingClientRect(), x2 = e.clientX - rect.left, sectionWidth = rect.width / 7, section = Math.min(6, Math.floor(x2 / sectionWidth));
+        if (!layout) return;
+        const x2 = e.clientX - layout.left, sectionWidth = layout.width / 7, section = Math.min(6, Math.floor(x2 / sectionWidth));
         Tint.setTintIndex(section);
       },
       ...props,

package/dist/esm/LogoWords.js.map

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

package/dist/esm/LogoWords.mjs

@@ -1,4 +1,4 @@
-import React, { useEffect } from "react";
+import React, { useEffect, useState } from "react";
 import { Circle, XStack } from "tamagui";
 import { useTint } from "./useTint.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -36,7 +36,8 @@ const rgb = ["#ED0F0F", "#6BCF1A", "#6252F8"],
       };
     }, [Tint]);
     const getColor = i => hovered ? hoveredTints[i] : tints[i],
-      x = Math.round(index * 18.5 + 18 / 2 * (index / tints.length) + 3 + (index === 6 ? -3 : 0));
+      x = Math.round(index * 18.5 + 18 / 2 * (index / tints.length) + 3 + (index === 6 ? -3 : 0)),
+      [layout, setLayout] = useState();
     return /* @__PURE__ */jsxs(XStack, {
       onHoverIn: () => setHovered(!0),
       onHoverOut: () => setHovered(!1),
@@ -45,10 +46,13 @@ const rgb = ["#ED0F0F", "#6BCF1A", "#6252F8"],
       marginVertical: "$-2",
       position: "relative",
       className: "logo-words",
+      onLayout: e => {
+        setLayout(e.nativeEvent.layout);
+      },
       onMouseMove: e => {
-        const rect = e.currentTarget.getBoundingClientRect(),
-          x2 = e.clientX - rect.left,
-          sectionWidth = rect.width / 7,
+        if (!layout) return;
+        const x2 = e.clientX - layout.left,
+          sectionWidth = layout.width / 7,
           section = Math.min(6, Math.floor(x2 / sectionWidth));
         Tint.setTintIndex(section);
       },

package/dist/esm/LogoWords.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","Circle","XStack","useTint","jsx","jsxs","rgb","LogoWords","memo","downscale","animated","props","Tint","hovered","setHovered","useState","mounted","setMounted","tintIndex","index","tint","hoveredTints","tints","map","x2","t","circleTints","window","requestIdleCallback","setTimeout","handleKeyDown","event","index2","Number","parseInt","key","isNaN","length","setTintIndex","addEventListener","removeEventListener","getColor","i","x","Math","round","onHoverIn","onHoverOut","paddingVertical","marginVertical","position","className","onMouseMove","e","rect","currentTarget","getBoundingClientRect","clientX","left","sectionWidth","width","section","min","floor","children","animation","top","y","size","backgroundColor","height","viewBox","shapeRendering","fill","points","d","fillRule"],"sources":["../../src/LogoWords.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useEffect","useState","Circle","XStack","useTint","jsx","jsxs","rgb","LogoWords","memo","downscale","animated","props","Tint","hovered","setHovered","mounted","setMounted","tintIndex","index","tint","hoveredTints","tints","map","x2","t","circleTints","window","requestIdleCallback","setTimeout","handleKeyDown","event","index2","Number","parseInt","key","isNaN","length","setTintIndex","addEventListener","removeEventListener","getColor","i","x","Math","round","layout","setLayout","onHoverIn","onHoverOut","paddingVertical","marginVertical","position","className","onLayout","e","nativeEvent","onMouseMove","clientX","left","sectionWidth","width","section","min","floor","children","animation","top","y","size","backgroundColor","height","viewBox","shapeRendering","fill","points","d","fillRule"],"sources":["../../src/LogoWords.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/LogoWords.native.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { useEffect } from "react";
+import React, { useEffect, useState } from "react";
 import { Circle, XStack } from "tamagui";
 import { useTint } from "./useTint.native.js";
 var rgb = ["#ED0F0F", "#6BCF1A", "#6252F8"],
@@ -46,7 +46,8 @@ var rgb = ["#ED0F0F", "#6BCF1A", "#6252F8"],
     var getColor = function (i) {
         return hovered ? hoveredTints[i] : tints[i];
       },
-      x = Math.round(index * 18.5 + 18 / 2 * (index / tints.length) + 3 + (index === 6 ? -3 : 0));
+      x = Math.round(index * 18.5 + 18 / 2 * (index / tints.length) + 3 + (index === 6 ? -3 : 0)),
+      [layout, setLayout] = useState();
     return /* @__PURE__ */_jsxs(XStack, {
       onHoverIn: function () {
         return setHovered(!0);
@@ -59,13 +60,17 @@ var rgb = ["#ED0F0F", "#6BCF1A", "#6252F8"],
       marginVertical: "$-2",
       position: "relative",
       className: "logo-words",
+      onLayout: function (e) {
+        setLayout(e.nativeEvent.layout);
+      },
       // @ts-ignore
       onMouseMove: function (e) {
-        var rect = e.currentTarget.getBoundingClientRect(),
-          x2 = e.clientX - rect.left,
-          sectionWidth = rect.width / 7,
-          section = Math.min(6, Math.floor(x2 / sectionWidth));
-        Tint.setTintIndex(section);
+        if (layout) {
+          var x2 = e.clientX - layout.left,
+            sectionWidth = layout.width / 7,
+            section = Math.min(6, Math.floor(x2 / sectionWidth));
+          Tint.setTintIndex(section);
+        }
       },
       ...props,
       children: [animated && /* @__PURE__ */_jsx(Circle, {

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

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","React","useEffect","Circle","XStack","useTint","rgb","LogoWords","memo","param","downscale","animated","props","Tint","hovered","setHovered","useState","mounted","setMounted","tintIndex","index","tint","hoveredTints","tints","map","x2","t","circleTints","idle","window","requestIdleCallback","setTimeout","handleKeyDown","event","index2","Number","parseInt","key","isNaN","length","setTintIndex","addEventListener","removeEventListener","getColor","i","x","Math","round","onHoverIn","onHoverOut","paddingVertical","marginVertical","position","className","onMouseMove","e","rect","currentTarget","getBoundingClientRect","clientX","left","sectionWidth","width","section","min","floor","children","animation","top","y","size","backgroundColor","height","viewBox","shapeRendering","fill","points","d","fillRule"],"sources":["../../src/LogoWords.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","React","useEffect","useState","Circle","XStack","useTint","rgb","LogoWords","memo","param","downscale","animated","props","Tint","hovered","setHovered","mounted","setMounted","tintIndex","index","tint","hoveredTints","tints","map","x2","t","circleTints","idle","window","requestIdleCallback","setTimeout","handleKeyDown","event","index2","Number","parseInt","key","isNaN","length","setTintIndex","addEventListener","removeEventListener","getColor","i","x","Math","round","layout","setLayout","onHoverIn","onHoverOut","paddingVertical","marginVertical","position","className","onLayout","e","nativeEvent","onMouseMove","clientX","left","sectionWidth","width","section","min","floor","children","animation","top","y","size","backgroundColor","height","viewBox","shapeRendering","fill","points","d","fillRule"],"sources":["../../src/LogoWords.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/useTint.js

@@ -1,4 +1,5 @@
-import React, { createContext, useContext } from "react";
+import React, { createContext, useContext, useEffect, useState } from "react";
+import { useDidFinishSSR } from "tamagui";
 import { getTints, setNextTintFamily, useTints } from "./tints";
 let current = 3;
 const listeners = /* @__PURE__ */ new Set(), onTintChange = (listener) => (listeners.add(listener), () => {
@@ -11,12 +12,10 @@ function getDocsSection(pathname) {
   return pathname === "/docs/intro/compiler-install" || pathname === "/docs/intro/benchmarks" || pathname === "/docs/intro/why-a-compiler" ? "compiler" : pathname.startsWith("/ui/") ? "ui" : pathname.startsWith("/docs/") ? "core" : null;
 }
 const InitialPathContext = createContext(3), useTint = (altOffset = -1) => {
-  const initial = useContext(InitialPathContext), index = React.useSyncExternalStore(
-    onTintChange,
-    () => current,
-    () => initial
-  ), tintsContext = useTints(), { tints } = tintsContext, tintAltIndex = Math.abs((index + altOffset) % tints.length);
-  return {
+  const initial = useContext(InitialPathContext), didHydrate = useDidFinishSSR(), [index, setIndex] = useState(didHydrate ? current : initial), tintsContext = useTints(), { tints } = tintsContext, tintAltIndex = Math.abs((index + altOffset) % tints.length);
+  return useEffect(() => onTintChange((cur) => {
+    setIndex(cur);
+  }), []), {
     ...tintsContext,
     tints: tintsContext.tints,
     tintIndex: index,

package/dist/esm/useTint.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/useTint.tsx"],
-  "mappings": "AAAA,OAAO,SAAS,eAAe,kBAAkB;AAEjD,SAAS,UAAU,mBAAmB,gBAAgB;AAEtD,IAAI,UAAU;AAEd,MAAM,YAAY,oBAAI,IAAc,GAEvB,eAAe,CAAC,cAC3B,UAAU,IAAI,QAAQ,GACf,MAAY;AACjB,YAAU,OAAO,QAAQ;AAC3B,IAGI,WAAW,SAAS,EAAE,MAAM,QAErB,eAAe,CAAC,SAAuB;AAClD,QAAM,MAAM,KAAK,IAAI,GAAG,OAAO,QAAQ;AACvC,EAAI,QAAQ,YACZ,UAAU,KACV,UAAU,QAAQ,CAAC,MAAM,EAAE,GAAG,CAAC;AACjC;AAEO,SAAS,eAAe,UAAqD;AAClF,SAAO,aAAa,kCAClB,aAAa,4BACb,aAAa,+BACX,aACA,SAAS,WAAW,MAAM,IACxB,OACA,SAAS,WAAW,QAAQ,IAC1B,SACA;AACV;AAEO,MAAM,qBAA4C,cAAc,CAAC,GAE3D,UAAU,CACrB,YAAY,OAmBT;AACH,QAAM,UAAU,WAAW,kBAAkB,GACvC,QAAQ,MAAM;AAAA,IAClB;AAAA,IACA,MAAM;AAAA,IACN,MAAM;AAAA,EACR,GACM,eAAe,SAAS,GACxB,EAAE,MAAM,IAAI,cACZ,eAAe,KAAK,KAAK,QAAQ,aAAa,MAAM,MAAM;AAEhE,SAAO;AAAA,IACL,GAAG;AAAA,IACH,OAAO,aAAa;AAAA,IACpB,WAAW;AAAA,IACX;AAAA,IACA,MAAM,MAAM,KAAK;AAAA,IACjB,SAAS,MAAM,YAAY;AAAA,IAC3B;AAAA,IACA;AAAA,IACA,aAAa,MAAM;AACjB,YAAM,gBAAgB,MAAM;AAC1B,qBAAa,QAAQ,CAAC;AAAA,MACxB,CAAC;AAAA,IACH;AAAA,EACF;AACF;",
+  "mappings": "AAAA,OAAO,SAAS,eAAe,YAAY,WAAW,gBAAgB;AACtE,SAAS,uBAAuC;AAChD,SAAS,UAAU,mBAAmB,gBAAgB;AAEtD,IAAI,UAAU;AAEd,MAAM,YAAY,oBAAI,IAAc,GAEvB,eAAe,CAAC,cAC3B,UAAU,IAAI,QAAQ,GACf,MAAY;AACjB,YAAU,OAAO,QAAQ;AAC3B,IAGI,WAAW,SAAS,EAAE,MAAM,QAErB,eAAe,CAAC,SAAuB;AAClD,QAAM,MAAM,KAAK,IAAI,GAAG,OAAO,QAAQ;AACvC,EAAI,QAAQ,YACZ,UAAU,KACV,UAAU,QAAQ,CAAC,MAAM,EAAE,GAAG,CAAC;AACjC;AAEO,SAAS,eAAe,UAAqD;AAClF,SAAO,aAAa,kCAClB,aAAa,4BACb,aAAa,+BACX,aACA,SAAS,WAAW,MAAM,IACxB,OACA,SAAS,WAAW,QAAQ,IAC1B,SACA;AACV;AAEO,MAAM,qBAA4C,cAAc,CAAC,GAE3D,UAAU,CACrB,YAAY,OAmBT;AACH,QAAM,UAAU,WAAW,kBAAkB,GACvC,aAAa,gBAAgB,GAC7B,CAAC,OAAO,QAAQ,IAAI,SAAS,aAAa,UAAU,OAAO,GAC3D,eAAe,SAAS,GACxB,EAAE,MAAM,IAAI,cACZ,eAAe,KAAK,KAAK,QAAQ,aAAa,MAAM,MAAM;AAEhE,mBAAU,MACD,aAAa,CAAC,QAAQ;AAC3B,aAAS,GAAG;AAAA,EACd,CAAC,GACA,CAAC,CAAC,GAEE;AAAA,IACL,GAAG;AAAA,IACH,OAAO,aAAa;AAAA,IACpB,WAAW;AAAA,IACX;AAAA,IACA,MAAM,MAAM,KAAK;AAAA,IACjB,SAAS,MAAM,YAAY;AAAA,IAC3B;AAAA,IACA;AAAA,IACA,aAAa,MAAM;AACjB,YAAM,gBAAgB,MAAM;AAC1B,qBAAa,QAAQ,CAAC;AAAA,MACxB,CAAC;AAAA,IACH;AAAA,EACF;AACF;",
   "names": []
 }

package/dist/esm/useTint.mjs

@@ -1,4 +1,5 @@
-import React, { createContext, useContext } from "react";
+import React, { createContext, useContext, useEffect, useState } from "react";
+import { useDidFinishSSR } from "tamagui";
 import { getTints, setNextTintFamily, useTints } from "./tints.mjs";
 let current = 3;
 const listeners = /* @__PURE__ */new Set(),
@@ -16,13 +17,16 @@ function getDocsSection(pathname) {
 const InitialPathContext = createContext(3),
   useTint = (altOffset = -1) => {
     const initial = useContext(InitialPathContext),
-      index = React.useSyncExternalStore(onTintChange, () => current, () => initial),
+      didHydrate = useDidFinishSSR(),
+      [index, setIndex] = useState(didHydrate ? current : initial),
       tintsContext = useTints(),
       {
         tints
       } = tintsContext,
       tintAltIndex = Math.abs((index + altOffset) % tints.length);
-    return {
+    return useEffect(() => onTintChange(cur => {
+      setIndex(cur);
+    }), []), {
       ...tintsContext,
       tints: tintsContext.tints,
       tintIndex: index,

package/dist/esm/useTint.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["React","createContext","useContext","getTints","setNextTintFamily","useTints","current","listeners","Set","onTintChange","listener","add","delete","numTints","tints","length","setTintIndex","next","val","Math","max","forEach","x","getDocsSection","pathname","startsWith","InitialPathContext","useTint","altOffset","initial","index","useSyncExternalStore","tintsContext","tintAltIndex","abs","tintIndex","tint","tintAlt","setNextTint","startTransition"],"sources":["../../src/useTint.tsx"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,IAASC,aAAA,EAAeC,UAAA,QAAkB;AAEjD,SAASC,QAAA,EAAUC,iBAAA,EAAmBC,QAAA,QAAgB;AAEtD,IAAIC,OAAA,GAAU;AAEd,MAAMC,SAAA,GAAY,mBAAIC,GAAA,CAAc;EAEvBC,YAAA,GAAgBC,QAAA,KAC3BH,SAAA,CAAUI,GAAA,CAAID,QAAQ,GACf,MAAY;IACjBH,SAAA,CAAUK,MAAA,CAAOF,QAAQ;EAC3B;EAGIG,QAAA,GAAWV,QAAA,CAAS,EAAEW,KAAA,CAAMC,MAAA;EAErBC,YAAA,GAAgBC,IAAA,IAAuB;IAClD,MAAMC,GAAA,GAAMC,IAAA,CAAKC,GAAA,CAAI,GAAGH,IAAA,GAAOJ,QAAQ;IACnCK,GAAA,KAAQZ,OAAA,KACZA,OAAA,GAAUY,GAAA,EACVX,SAAA,CAAUc,OAAA,CAASC,CAAA,IAAMA,CAAA,CAAEJ,GAAG,CAAC;EACjC;AAEO,SAASK,eAAeC,QAAA,EAAqD;EAClF,OAAOA,QAAA,KAAa,kCAClBA,QAAA,KAAa,4BACbA,QAAA,KAAa,+BACX,aACAA,QAAA,CAASC,UAAA,CAAW,MAAM,IACxB,OACAD,QAAA,CAASC,UAAA,CAAW,QAAQ,IAC1B,SACA;AACV;AAEO,MAAMC,kBAAA,GAA4CzB,aAAA,CAAc,CAAC;EAE3D0B,OAAA,GAAUA,CACrBC,SAAA,GAAY,OAmBT;IACH,MAAMC,OAAA,GAAU3B,UAAA,CAAWwB,kBAAkB;MACvCI,KAAA,GAAQ9B,KAAA,CAAM+B,oBAAA,CAClBtB,YAAA,EACA,MAAMH,OAAA,EACN,MAAMuB,OACR;MACMG,YAAA,GAAe3B,QAAA,CAAS;MACxB;QAAES;MAAM,IAAIkB,YAAA;MACZC,YAAA,GAAed,IAAA,CAAKe,GAAA,EAAKJ,KAAA,GAAQF,SAAA,IAAad,KAAA,CAAMC,MAAM;IAEhE,OAAO;MACL,GAAGiB,YAAA;MACHlB,KAAA,EAAOkB,YAAA,CAAalB,KAAA;MACpBqB,SAAA,EAAWL,KAAA;MACXG,YAAA;MACAG,IAAA,EAAMtB,KAAA,CAAMgB,KAAK;MACjBO,OAAA,EAASvB,KAAA,CAAMmB,YAAY;MAC3BjB,YAAA;MACAZ,iBAAA;MACAkC,WAAA,EAAaA,CAAA,KAAM;QACjBtC,KAAA,CAAMuC,eAAA,CAAgB,MAAM;UAC1BvB,YAAA,CAAac,KAAA,GAAQ,CAAC;QACxB,CAAC;MACH;IACF;EACF","ignoreList":[]}
+{"version":3,"names":["React","createContext","useContext","useEffect","useState","useDidFinishSSR","getTints","setNextTintFamily","useTints","current","listeners","Set","onTintChange","listener","add","delete","numTints","tints","length","setTintIndex","next","val","Math","max","forEach","x","getDocsSection","pathname","startsWith","InitialPathContext","useTint","altOffset","initial","didHydrate","index","setIndex","tintsContext","tintAltIndex","abs","cur","tintIndex","tint","tintAlt","setNextTint","startTransition"],"sources":["../../src/useTint.tsx"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,IAASC,aAAA,EAAeC,UAAA,EAAYC,SAAA,EAAWC,QAAA,QAAgB;AACtE,SAASC,eAAA,QAAuC;AAChD,SAASC,QAAA,EAAUC,iBAAA,EAAmBC,QAAA,QAAgB;AAEtD,IAAIC,OAAA,GAAU;AAEd,MAAMC,SAAA,GAAY,mBAAIC,GAAA,CAAc;EAEvBC,YAAA,GAAgBC,QAAA,KAC3BH,SAAA,CAAUI,GAAA,CAAID,QAAQ,GACf,MAAY;IACjBH,SAAA,CAAUK,MAAA,CAAOF,QAAQ;EAC3B;EAGIG,QAAA,GAAWV,QAAA,CAAS,EAAEW,KAAA,CAAMC,MAAA;EAErBC,YAAA,GAAgBC,IAAA,IAAuB;IAClD,MAAMC,GAAA,GAAMC,IAAA,CAAKC,GAAA,CAAI,GAAGH,IAAA,GAAOJ,QAAQ;IACnCK,GAAA,KAAQZ,OAAA,KACZA,OAAA,GAAUY,GAAA,EACVX,SAAA,CAAUc,OAAA,CAASC,CAAA,IAAMA,CAAA,CAAEJ,GAAG,CAAC;EACjC;AAEO,SAASK,eAAeC,QAAA,EAAqD;EAClF,OAAOA,QAAA,KAAa,kCAClBA,QAAA,KAAa,4BACbA,QAAA,KAAa,+BACX,aACAA,QAAA,CAASC,UAAA,CAAW,MAAM,IACxB,OACAD,QAAA,CAASC,UAAA,CAAW,QAAQ,IAC1B,SACA;AACV;AAEO,MAAMC,kBAAA,GAA4C5B,aAAA,CAAc,CAAC;EAE3D6B,OAAA,GAAUA,CACrBC,SAAA,GAAY,OAmBT;IACH,MAAMC,OAAA,GAAU9B,UAAA,CAAW2B,kBAAkB;MACvCI,UAAA,GAAa5B,eAAA,CAAgB;MAC7B,CAAC6B,KAAA,EAAOC,QAAQ,IAAI/B,QAAA,CAAS6B,UAAA,GAAaxB,OAAA,GAAUuB,OAAO;MAC3DI,YAAA,GAAe5B,QAAA,CAAS;MACxB;QAAES;MAAM,IAAImB,YAAA;MACZC,YAAA,GAAef,IAAA,CAAKgB,GAAA,EAAKJ,KAAA,GAAQH,SAAA,IAAad,KAAA,CAAMC,MAAM;IAEhE,OAAAf,SAAA,CAAU,MACDS,YAAA,CAAc2B,GAAA,IAAQ;MAC3BJ,QAAA,CAASI,GAAG;IACd,CAAC,GACA,EAAE,GAEE;MACL,GAAGH,YAAA;MACHnB,KAAA,EAAOmB,YAAA,CAAanB,KAAA;MACpBuB,SAAA,EAAWN,KAAA;MACXG,YAAA;MACAI,IAAA,EAAMxB,KAAA,CAAMiB,KAAK;MACjBQ,OAAA,EAASzB,KAAA,CAAMoB,YAAY;MAC3BlB,YAAA;MACAZ,iBAAA;MACAoC,WAAA,EAAaA,CAAA,KAAM;QACjB3C,KAAA,CAAM4C,eAAA,CAAgB,MAAM;UAC1BzB,YAAA,CAAae,KAAA,GAAQ,CAAC;QACxB,CAAC;MACH;IACF;EACF","ignoreList":[]}

package/dist/esm/useTint.native.js

@@ -1,4 +1,5 @@
-import React, { createContext, useContext } from "react";
+import React, { createContext, useContext, useEffect, useState } from "react";
+import { useDidFinishSSR } from "tamagui";
 import { getTints, setNextTintFamily, useTints } from "./tints.native.js";
 var current = 3,
   listeners = /* @__PURE__ */new Set(),
@@ -21,17 +22,18 @@ var InitialPathContext = /* @__PURE__ */createContext(3),
   useTint = function () {
     var altOffset = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : -1,
       initial = useContext(InitialPathContext),
-      index = React.useSyncExternalStore(onTintChange, function () {
-        return current;
-      }, function () {
-        return initial;
-      }),
+      didHydrate = useDidFinishSSR(),
+      [index, setIndex] = useState(didHydrate ? current : initial),
       tintsContext = useTints(),
       {
         tints
       } = tintsContext,
       tintAltIndex = Math.abs((index + altOffset) % tints.length);
-    return {
+    return useEffect(function () {
+      return onTintChange(function (cur) {
+        setIndex(cur);
+      });
+    }, []), {
       ...tintsContext,
       tints: tintsContext.tints,
       tintIndex: index,

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

@@ -1 +1 @@
-{"version":3,"names":["React","createContext","useContext","getTints","setNextTintFamily","useTints","current","listeners","Set","onTintChange","listener","add","delete","numTints","tints","length","setTintIndex","next","val","Math","max","forEach","x","getDocsSection","pathname","startsWith","InitialPathContext","useTint","altOffset","arguments","initial","index","useSyncExternalStore","tintsContext","tintAltIndex","abs","tintIndex","tint","tintAlt","setNextTint","startTransition"],"sources":["../../src/useTint.tsx"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,IAASC,aAAA,EAAeC,UAAA,QAAkB;AAEjD,SAASC,QAAA,EAAUC,iBAAA,EAAmBC,QAAA,QAAgB;AAEtD,IAAIC,OAAA,GAAU;EAAAC,SAAA,sBAAAC,GAAA;EAAAC,YAAA,YAAAA,CAAAC,QAAA;IAEd,OAAMH,SAAY,CAAAI,GAAA,CAAAD,QAAA,eAEL;MAGTH,SAAU,CAAAK,MAAO,CAAAF,QAAQ;IAC3B;EAMA;EAAAG,QAAM,GAAMV,QAAK,CAAI,EAAAW,KAAG,CAAAC,MAAO;EAAAC,YAAQ,YAAAA,CAAAC,IAAA;IACnC,IAAAC,GAAA,GAAQC,IAAA,CAAAC,GAAA,EACZ,EAAAH,IAAA,GAAAJ,QACA;IACFK,GAAA,KAAAZ,OAAA,KAAAA,OAAA,GAAAY,GAAA,EAAAX,SAAA,CAAAc,OAAA,WAAAC,CAAA;MAEO,OAASA,CAAA,CAAAJ,GAAA;IACd;EASF;AAEO,SAAMK,eAAAC,QAA4C;EAuBvD,OAAMA,QAAA,KAAU,8BACV,IAAAA,QAAc,iCAAAA,QAAA,iDAAAA,QAAA,CAAAC,UAAA,kBAAAD,QAAA,CAAAC,UAAA;AAAA;AAClB,IACAC,kBAAM,kBAAAzB,aAAA;EAAA0B,OAAA,YAAAA,CAAA;IAAA,IACNC,SAAM,GAAAC,SAAA,CAAAd,MAAA,QAAAc,SAAA,iBAAAA,SAAA;MAAAC,OAAA,GAAA5B,UAAA,CAAAwB,kBAAA;MAAAK,KAAA,GAAA/B,KAAA,CAAAgC,oBAAA,CAAAvB,YAAA;QACR,OACMH,OAAA;MAIN,eAAO;QACL,OAAGwB,OAAA;MAAA,EACH;MAAAG,YAAO,GAAA5B,QAAa;MAAA;QAAAS;MAAA,IAAAmB,YAAA;MAAAC,YAAA,GAAAf,IAAA,CAAAgB,GAAA,EAAAJ,KAAA,GAAAH,SAAA,IAAAd,KAAA,CAAAC,MAAA;IAAA,OACpB;MACA,GAAAkB,YAAA;MACAnB,KAAA,EAAMmB,YAAW,CAAAnB,KAAA;MACjBsB,SAAS,EAAAL,KAAM;MACfG,YAAA;MACAG,IAAA,EAAAvB,KAAA,CAAAiB,KAAA;MACAO,OAAA,EAAAxB,KAAa,CAAAoB,YAAM;MACjBlB,YAAM;MACJZ,iBAAa;MAASmC,WACvB,WAAAA,CAAA;QACHvC,KAAA,CAAAwC,eAAA;UACFxB,YAAA,CAAAe,KAAA;QACF","ignoreList":[]}
+{"version":3,"names":["React","createContext","useContext","useEffect","useState","useDidFinishSSR","getTints","setNextTintFamily","useTints","current","listeners","Set","onTintChange","listener","add","delete","numTints","tints","length","setTintIndex","next","val","Math","max","forEach","x","getDocsSection","pathname","startsWith","InitialPathContext","useTint","altOffset","arguments","initial","didHydrate","index","setIndex","tintsContext","tintAltIndex","abs","cur","tintIndex","tint","tintAlt","setNextTint","startTransition"],"sources":["../../src/useTint.tsx"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,IAASC,aAAA,EAAeC,UAAA,EAAYC,SAAA,EAAWC,QAAA,QAAgB;AACtE,SAASC,eAAA,QAAuC;AAChD,SAASC,QAAA,EAAUC,iBAAA,EAAmBC,QAAA,QAAgB;AAEtD,IAAIC,OAAA,GAAU;EAAAC,SAAA,sBAAAC,GAAA;EAAAC,YAAA,YAAAA,CAAAC,QAAA;IAEd,OAAMH,SAAY,CAAAI,GAAA,CAAAD,QAAA,eAEL;MAGTH,SAAU,CAAAK,MAAO,CAAAF,QAAQ;IAC3B;EAMA;EAAAG,QAAM,GAAMV,QAAK,CAAI,EAAAW,KAAG,CAAAC,MAAO;EAAAC,YAAQ,YAAAA,CAAAC,IAAA;IACnC,IAAAC,GAAA,GAAQC,IAAA,CAAAC,GAAA,EACZ,EAAAH,IAAA,GAAAJ,QACA;IACFK,GAAA,KAAAZ,OAAA,KAAAA,OAAA,GAAAY,GAAA,EAAAX,SAAA,CAAAc,OAAA,WAAAC,CAAA;MAEO,OAASA,CAAA,CAAAJ,GAAA;IACd;EASF;AAEO,SAAMK,eAAAC,QAA4C;EAuBvD,OAAMA,QAAA,KAAU,8BACV,IAAAA,QAAa,6BACL,IAAAA,QAAY,iCAAgC,GAAO,UAC3D,GAAAA,QAAe,CAAAC,UACb,OAAM,IAAI,OAAAD,QACZ,CAAAC,UAAA,SAAoB,IAAK,SAAQ;AAEvC;AAEI,IAAAC,kBAAY,kBAAA5B,aAAA;EAAA6B,OAAA,YAAAA,CAAA;IACd,IACCC,SAEI,GAAAC,SAAA,CAAAd,MAAA,QAAAc,SAAA,iBAAAA,SAAA;MAAAC,OAAA,GAAA/B,UAAA,CAAA2B,kBAAA;MAAAK,UAAA,GAAA7B,eAAA;MAAA,CAAA8B,KAAA,EAAAC,QAAA,IAAAhC,QAAA,CAAA8B,UAAA,GAAAzB,OAAA,GAAAwB,OAAA;MAAAI,YAAA,GAAA7B,QAAA;MAAA;QAAAS;MAAA,IAAAoB,YAAA;MAAAC,YAAA,GAAAhB,IAAA,CAAAiB,GAAA,EAAAJ,KAAA,GAAAJ,SAAA,IAAAd,KAAA,CAAAC,MAAA;IAAA,OACFf,SAAA;MACH,OAAOS,YAAA,CAAa,UAAA4B,GAAA;QACpBJ,QAAA,CAAWI,GAAA;MACX;IAAA,GACA,KAAM;MACN,GAAAH,YAAe;MACfpB,KAAA,EAAAoB,YAAA,CAAApB,KAAA;MACAwB,SAAA,EAAAN,KAAA;MACAG,YAAA;MACEI,IAAA,EAAAzB,KAAM,CAAAkB,KAAA;MACJQ,OAAA,EAAA1B,KAAA,CAAAqB,YAAsB;MAAAnB,YACvB;MACHZ,iBAAA;MACFqC,WAAA,WAAAA,CAAA;QACF5C,KAAA,CAAA6C,eAAA","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/logo",
-  "version": "1.129.6",
+  "version": "1.129.7",
   "sideEffects": false,
   "source": "src/index.tsx",
   "types": "./types/index.d.ts",
@@ -45,10 +45,10 @@
   },
   "dependencies": {
     "one": "1.1.502",
-    "tamagui": "1.129.6"
+    "tamagui": "1.129.7"
   },
   "devDependencies": {
-    "@tamagui/build": "1.129.6",
+    "@tamagui/build": "1.129.7",
     "react": "*"
   },
   "peerDependencies": {

package/src/LogoWords.tsx

@@ -1,7 +1,7 @@
-import React, { useEffect } from 'react'
+import type { LayoutValue } from '@tamagui/use-element-layout'
+import React, { useEffect, useState } from 'react'
 import type { XStackProps } from 'tamagui'
 import { Circle, XStack } from 'tamagui'
-
 import { useTint } from './useTint'
 
 const rgb = ['#ED0F0F', '#6BCF1A', '#6252F8']
@@ -72,6 +72,8 @@ export const LogoWords: React.MemoExoticComponent<
     index * 18.5 + (18 / 2) * (index / tints.length) + 3 + (index === 6 ? -3 : 0)
   )
 
+  const [layout, setLayout] = useState<LayoutValue>()
+
   return (
     <XStack
       onHoverIn={() => setHovered(true)}
@@ -81,13 +83,15 @@ export const LogoWords: React.MemoExoticComponent<
       marginVertical="$-2"
       position="relative"
       className="logo-words"
+      onLayout={(e) => {
+        setLayout(e.nativeEvent.layout as any)
+      }}
       // @ts-ignore
-      onMouseMove={(e) => {
-        // Get mouse position relative to the element
-        const rect = e.currentTarget.getBoundingClientRect()
-        const x = e.clientX - rect.left
+      onMouseMove={(e: MouseEvent) => {
+        if (!layout) return
+        const x = e.clientX - layout.left
         // Total width divided into 7 sections (one for each letter)
-        const sectionWidth = rect.width / 7
+        const sectionWidth = layout.width / 7
         // Calculate which section we're in (0-6)
         const section = Math.min(6, Math.floor(x / sectionWidth))
         Tint.setTintIndex(section)

package/src/useTint.tsx

@@ -1,5 +1,5 @@
-import React, { createContext, useContext } from 'react'
-import type { ThemeName } from 'tamagui'
+import React, { createContext, useContext, useEffect, useState } from 'react'
+import { useDidFinishSSR, type ThemeName } from 'tamagui'
 import { getTints, setNextTintFamily, useTints } from './tints'
 
 let current = 3
@@ -58,15 +58,18 @@ export const useTint = (
   }
 } => {
   const initial = useContext(InitialPathContext)
-  const index = React.useSyncExternalStore(
-    onTintChange,
-    () => current,
-    () => initial
-  )
+  const didHydrate = useDidFinishSSR()
+  const [index, setIndex] = useState(didHydrate ? current : initial)
   const tintsContext = useTints()
   const { tints } = tintsContext
   const tintAltIndex = Math.abs((index + altOffset) % tints.length)
 
+  useEffect(() => {
+    return onTintChange((cur) => {
+      setIndex(cur)
+    })
+  }, [])
+
   return {
     ...tintsContext,
     tints: tintsContext.tints as ThemeName[],

package/types/LogoWords.d.ts.map

@@ -1,5 +1,5 @@
 {
-  "mappings": "AAAA,OAAO,WAA0B,OAAO;AACxC,cAAc,mBAAmB,SAAS;AAO1C,OAAO,cAAMA,WAAW,MAAM,qBAC3B,EACC,WACA,SACA,GAAG,OAIJ,EAHE,cAAc;CACf;CACA;AACD,aAAY,qBAAqB,IAAI",
+  "mappings": "AACA,OAAO,WAAoC,OAAO;AAClD,cAAc,mBAAmB,SAAS;AAM1C,OAAO,cAAMA,WAAW,MAAM,qBAC3B,EACC,WACA,SACA,GAAG,OAIJ,EAHE,cAAc;CACf;CACA;AACD,aAAY,qBAAqB,IAAI",
   "names": [
     "LogoWords: React.MemoExoticComponent<\n  ({\n    downscale,\n    animated,\n    ...props\n  }: XStackProps & {\n    downscale?: number\n    animated?: boolean\n  }) => import('react/jsx-runtime').JSX.Element\n>"
   ],
@@ -7,7 +7,7 @@
     "src/LogoWords.tsx"
   ],
   "sourcesContent": [
-    "import React, { useEffect } from 'react'\nimport type { XStackProps } from 'tamagui'\nimport { Circle, XStack } from 'tamagui'\n\nimport { useTint } from './useTint'\n\nconst rgb = ['#ED0F0F', '#6BCF1A', '#6252F8']\n\nexport const LogoWords: React.MemoExoticComponent<\n  ({\n    downscale,\n    animated,\n    ...props\n  }: XStackProps & {\n    downscale?: number\n    animated?: boolean\n  }) => import('react/jsx-runtime').JSX.Element\n> = React.memo(({ downscale = 1, animated, ...props }) => {\n  const Tint = useTint()\n  const [hovered, setHovered] = React.useState(false)\n  const [mounted, setMounted] = React.useState<'start' | 'animate' | 'done'>('start')\n\n  const { tintIndex: index, tint } = Tint\n  const hoveredTints = Tint.tints.map((x) => `${x}9`).map((t) => `var(--${t})`)\n\n  const tints = [\n    'var(--accent1)',\n    'var(--accent1)',\n    'var(--accent1)',\n    'var(--accent1)',\n    ...rgb,\n  ]\n\n  const circleTints = hovered\n    ? Tint.tints.map((x) => `$${x}9`)\n    : ['$accent1', '$accent1', '$accent1', '$accent1', ...rgb]\n\n  useEffect(() => {\n    const idle = window.requestIdleCallback || setTimeout\n    idle(() => {\n      setTimeout(() => {\n        setMounted('animate')\n      }, 50)\n\n      setTimeout(() => {\n        setMounted('done')\n      }, 1500)\n    })\n  }, [])\n\n  useEffect(() => {\n    const handleKeyDown = (event: KeyboardEvent) => {\n      const index = Number.parseInt(event.key, 10) - 1 // Convert key to index (0-based)\n      if (!Number.isNaN(index) && index >= 0 && index < Tint.tints.length) {\n        Tint.setTintIndex(index)\n      }\n    }\n\n    window.addEventListener('keydown', handleKeyDown)\n\n    return () => {\n      window.removeEventListener('keydown', handleKeyDown)\n    }\n  }, [Tint])\n\n  const getColor = (i: number) => {\n    if (hovered) return hoveredTints[i]\n    return tints[i]\n  }\n\n  const x = Math.round(\n    index * 18.5 + (18 / 2) * (index / tints.length) + 3 + (index === 6 ? -3 : 0)\n  )\n\n  return (\n    <XStack\n      onHoverIn={() => setHovered(true)}\n      onHoverOut={() => setHovered(false)}\n      paddingVertical=\"$2\"\n      data-tauri-drag-region\n      marginVertical=\"$-2\"\n      position=\"relative\"\n      className=\"logo-words\"\n      // @ts-ignore\n      onMouseMove={(e) => {\n        // Get mouse position relative to the element\n        const rect = e.currentTarget.getBoundingClientRect()\n        const x = e.clientX - rect.left\n        // Total width divided into 7 sections (one for each letter)\n        const sectionWidth = rect.width / 7\n        // Calculate which section we're in (0-6)\n        const section = Math.min(6, Math.floor(x / sectionWidth))\n        Tint.setTintIndex(section)\n      }}\n      {...props}\n    >\n      {animated && (\n        <Circle\n          animation=\"quicker\"\n          position=\"absolute\"\n          top={0}\n          left={0}\n          y={mounted === 'start' ? -30 : -3}\n          // the last i is less wide\n          x={x}\n          size={4}\n          backgroundColor={circleTints[index]}\n        />\n      )}\n\n      <svg\n        data-tauri-drag-region\n        width={373 * (1 / downscale) * 0.3333333}\n        height={41 * (1 / downscale) * 0.3333333}\n        viewBox=\"0 0 373 41\"\n      >\n        <polygon\n          data-tauri-drag-region\n          shapeRendering=\"crispEdges\"\n          fill={getColor(0)}\n          points=\"24.3870968 40.1612903 24.3870968 8.67741935 32.2580645 8.67741935 32.2580645 0.806451613 0.774193548 0.806451613 0.774193548 8.67741935 8.64516129 8.67741935 8.64516129 40.1612903\"\n          // onMouseEnter={() => Tint.setTintIndex(0)}\n        />\n\n        <path\n          shapeRendering=\"crispEdges\"\n          fill={getColor(1)}\n          d=\"M87.3548387,0.806451613 L87.3548387,8.67741935 L95.2258065,8.67741935 L95.2258065,40.1612903 L79.483871,40.1612903 L79.483871,24.4193548 L71.6129032,24.4193548 L71.6129032,40.1612903 L55.8709677,40.1612903 L55.8709677,8.67741935 L63.7419355,8.67741935 L63.7419355,0.806451613 L87.3548387,0.806451613 Z M79.483871,8.67741935 L71.6129032,8.67741935 L71.6129032,16.5483871 L79.483871,16.5483871 L79.483871,8.67741935 Z\"\n          fillRule=\"nonzero\"\n          // onMouseEnter={() => Tint.setTintIndex(1)}\n        />\n\n        <polygon\n          data-tauri-drag-region\n          shapeRendering=\"crispEdges\"\n          fill={getColor(2)}\n          points=\"130.645161 40.1612903 130.645161 22.4516129 138.516129 22.4516129 138.516129 40.1612903 154.258065 40.1612903 154.258065 0.806451613 142.451613 0.806451613 142.451613 8.67741935 126.709677 8.67741935 126.709677 0.806451613 114.903226 0.806451613 114.903226 40.1612903\"\n          // onMouseEnter={() => Tint.setTintIndex(2)}\n        />\n\n        <path\n          fill={getColor(3)}\n          d=\"M205.419355,0.806451613 L205.419355,8.67741935 L213.290323,8.67741935 L213.290323,40.1612903 L197.548387,40.1612903 L197.548387,24.4193548 L189.677419,24.4193548 L189.677419,40.1612903 L173.935484,40.1612903 L173.935484,8.67741935 L181.806452,8.67741935 L181.806452,0.806451613 L205.419355,0.806451613 Z M197.548387,8.67741935 L189.677419,8.67741935 L189.677419,16.5483871 L197.548387,16.5483871 L197.548387,8.67741935 Z\"\n          fillRule=\"nonzero\"\n          // onMouseEnter={() => Tint.setTintIndex(3)}\n        />\n\n        <polygon\n          data-tauri-drag-region\n          shapeRendering=\"crispEdges\"\n          fill={getColor(4)}\n          points=\"264.451613 40.1612903 264.451613 32.2903226 272.322581 32.2903226 272.322581 16.5483871 256.580645 16.5483871 256.580645 32.2903226 248.709677 32.2903226 248.709677 8.67741935 272.322581 8.67741935 272.322581 0.806451613 240.83871 0.806451613 240.83871 8.67741935 232.967742 8.67741935 232.967742 32.2903226 240.83871 32.2903226 240.83871 40.1612903\"\n          // onMouseEnter={() => Tint.setTintIndex(4)}\n        />\n\n        <polygon\n          data-tauri-drag-region\n          shapeRendering=\"crispEdges\"\n          fill={getColor(5)}\n          points=\"323.483871 40.1612903 323.483871 32.2903226 331.354839 32.2903226 331.354839 0.806451613 315.612903 0.806451613 315.612903 32.2903226 307.741935 32.2903226 307.741935 0.806451613 292 0.806451613 292 32.2903226 299.870968 32.2903226 299.870968 40.1612903\"\n          // onMouseEnter={() => Tint.setTintIndex(5)}\n        />\n\n        <polygon\n          data-tauri-drag-region\n          shapeRendering=\"crispEdges\"\n          fill={getColor(6)}\n          points=\"372.677419 40.1612903 372.677419 0.806451613 356.935484 0.806451613 356.935484 40.1612903\"\n          // onMouseEnter={() => Tint.setTintIndex(6)}\n        />\n      </svg>\n    </XStack>\n  )\n})\n"
+    "import type { LayoutValue } from '@tamagui/use-element-layout'\nimport React, { useEffect, useState } from 'react'\nimport type { XStackProps } from 'tamagui'\nimport { Circle, XStack } from 'tamagui'\nimport { useTint } from './useTint'\n\nconst rgb = ['#ED0F0F', '#6BCF1A', '#6252F8']\n\nexport const LogoWords: React.MemoExoticComponent<\n  ({\n    downscale,\n    animated,\n    ...props\n  }: XStackProps & {\n    downscale?: number\n    animated?: boolean\n  }) => import('react/jsx-runtime').JSX.Element\n> = React.memo(({ downscale = 1, animated, ...props }) => {\n  const Tint = useTint()\n  const [hovered, setHovered] = React.useState(false)\n  const [mounted, setMounted] = React.useState<'start' | 'animate' | 'done'>('start')\n\n  const { tintIndex: index, tint } = Tint\n  const hoveredTints = Tint.tints.map((x) => `${x}9`).map((t) => `var(--${t})`)\n\n  const tints = [\n    'var(--accent1)',\n    'var(--accent1)',\n    'var(--accent1)',\n    'var(--accent1)',\n    ...rgb,\n  ]\n\n  const circleTints = hovered\n    ? Tint.tints.map((x) => `$${x}9`)\n    : ['$accent1', '$accent1', '$accent1', '$accent1', ...rgb]\n\n  useEffect(() => {\n    const idle = window.requestIdleCallback || setTimeout\n    idle(() => {\n      setTimeout(() => {\n        setMounted('animate')\n      }, 50)\n\n      setTimeout(() => {\n        setMounted('done')\n      }, 1500)\n    })\n  }, [])\n\n  useEffect(() => {\n    const handleKeyDown = (event: KeyboardEvent) => {\n      const index = Number.parseInt(event.key, 10) - 1 // Convert key to index (0-based)\n      if (!Number.isNaN(index) && index >= 0 && index < Tint.tints.length) {\n        Tint.setTintIndex(index)\n      }\n    }\n\n    window.addEventListener('keydown', handleKeyDown)\n\n    return () => {\n      window.removeEventListener('keydown', handleKeyDown)\n    }\n  }, [Tint])\n\n  const getColor = (i: number) => {\n    if (hovered) return hoveredTints[i]\n    return tints[i]\n  }\n\n  const x = Math.round(\n    index * 18.5 + (18 / 2) * (index / tints.length) + 3 + (index === 6 ? -3 : 0)\n  )\n\n  const [layout, setLayout] = useState<LayoutValue>()\n\n  return (\n    <XStack\n      onHoverIn={() => setHovered(true)}\n      onHoverOut={() => setHovered(false)}\n      paddingVertical=\"$2\"\n      data-tauri-drag-region\n      marginVertical=\"$-2\"\n      position=\"relative\"\n      className=\"logo-words\"\n      onLayout={(e) => {\n        setLayout(e.nativeEvent.layout as any)\n      }}\n      // @ts-ignore\n      onMouseMove={(e: MouseEvent) => {\n        if (!layout) return\n        const x = e.clientX - layout.left\n        // Total width divided into 7 sections (one for each letter)\n        const sectionWidth = layout.width / 7\n        // Calculate which section we're in (0-6)\n        const section = Math.min(6, Math.floor(x / sectionWidth))\n        Tint.setTintIndex(section)\n      }}\n      {...props}\n    >\n      {animated && (\n        <Circle\n          animation=\"quicker\"\n          position=\"absolute\"\n          top={0}\n          left={0}\n          y={mounted === 'start' ? -30 : -3}\n          // the last i is less wide\n          x={x}\n          size={4}\n          backgroundColor={circleTints[index]}\n        />\n      )}\n\n      <svg\n        data-tauri-drag-region\n        width={373 * (1 / downscale) * 0.3333333}\n        height={41 * (1 / downscale) * 0.3333333}\n        viewBox=\"0 0 373 41\"\n      >\n        <polygon\n          data-tauri-drag-region\n          shapeRendering=\"crispEdges\"\n          fill={getColor(0)}\n          points=\"24.3870968 40.1612903 24.3870968 8.67741935 32.2580645 8.67741935 32.2580645 0.806451613 0.774193548 0.806451613 0.774193548 8.67741935 8.64516129 8.67741935 8.64516129 40.1612903\"\n          // onMouseEnter={() => Tint.setTintIndex(0)}\n        />\n\n        <path\n          shapeRendering=\"crispEdges\"\n          fill={getColor(1)}\n          d=\"M87.3548387,0.806451613 L87.3548387,8.67741935 L95.2258065,8.67741935 L95.2258065,40.1612903 L79.483871,40.1612903 L79.483871,24.4193548 L71.6129032,24.4193548 L71.6129032,40.1612903 L55.8709677,40.1612903 L55.8709677,8.67741935 L63.7419355,8.67741935 L63.7419355,0.806451613 L87.3548387,0.806451613 Z M79.483871,8.67741935 L71.6129032,8.67741935 L71.6129032,16.5483871 L79.483871,16.5483871 L79.483871,8.67741935 Z\"\n          fillRule=\"nonzero\"\n          // onMouseEnter={() => Tint.setTintIndex(1)}\n        />\n\n        <polygon\n          data-tauri-drag-region\n          shapeRendering=\"crispEdges\"\n          fill={getColor(2)}\n          points=\"130.645161 40.1612903 130.645161 22.4516129 138.516129 22.4516129 138.516129 40.1612903 154.258065 40.1612903 154.258065 0.806451613 142.451613 0.806451613 142.451613 8.67741935 126.709677 8.67741935 126.709677 0.806451613 114.903226 0.806451613 114.903226 40.1612903\"\n          // onMouseEnter={() => Tint.setTintIndex(2)}\n        />\n\n        <path\n          fill={getColor(3)}\n          d=\"M205.419355,0.806451613 L205.419355,8.67741935 L213.290323,8.67741935 L213.290323,40.1612903 L197.548387,40.1612903 L197.548387,24.4193548 L189.677419,24.4193548 L189.677419,40.1612903 L173.935484,40.1612903 L173.935484,8.67741935 L181.806452,8.67741935 L181.806452,0.806451613 L205.419355,0.806451613 Z M197.548387,8.67741935 L189.677419,8.67741935 L189.677419,16.5483871 L197.548387,16.5483871 L197.548387,8.67741935 Z\"\n          fillRule=\"nonzero\"\n          // onMouseEnter={() => Tint.setTintIndex(3)}\n        />\n\n        <polygon\n          data-tauri-drag-region\n          shapeRendering=\"crispEdges\"\n          fill={getColor(4)}\n          points=\"264.451613 40.1612903 264.451613 32.2903226 272.322581 32.2903226 272.322581 16.5483871 256.580645 16.5483871 256.580645 32.2903226 248.709677 32.2903226 248.709677 8.67741935 272.322581 8.67741935 272.322581 0.806451613 240.83871 0.806451613 240.83871 8.67741935 232.967742 8.67741935 232.967742 32.2903226 240.83871 32.2903226 240.83871 40.1612903\"\n          // onMouseEnter={() => Tint.setTintIndex(4)}\n        />\n\n        <polygon\n          data-tauri-drag-region\n          shapeRendering=\"crispEdges\"\n          fill={getColor(5)}\n          points=\"323.483871 40.1612903 323.483871 32.2903226 331.354839 32.2903226 331.354839 0.806451613 315.612903 0.806451613 315.612903 32.2903226 307.741935 32.2903226 307.741935 0.806451613 292 0.806451613 292 32.2903226 299.870968 32.2903226 299.870968 40.1612903\"\n          // onMouseEnter={() => Tint.setTintIndex(5)}\n        />\n\n        <polygon\n          data-tauri-drag-region\n          shapeRendering=\"crispEdges\"\n          fill={getColor(6)}\n          points=\"372.677419 40.1612903 372.677419 0.806451613 356.935484 0.806451613 356.935484 40.1612903\"\n          // onMouseEnter={() => Tint.setTintIndex(6)}\n        />\n      </svg>\n    </XStack>\n  )\n})\n"
   ],
   "version": 3
 }

package/types/useTint.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import type { ThemeName } from "tamagui";
+import { type ThemeName } from "tamagui";
 export declare const onTintChange: (listener: (cur: number) => void) => () => void;
 export declare const setTintIndex: (next: number) => void;
 export declare function getDocsSection(pathname: string): "compiler" | "ui" | "core" | null;

package/types/useTint.d.ts.map

@@ -1,5 +1,5 @@
 {
-  "mappings": "AAAA,OAAO,WAA0C,OAAO;AACxD,cAAc,iBAAiB,SAAS;AAOxC,OAAO,cAAM,eAAgBA,WAAWC;AASxC,OAAO,cAAM,eAAgBC;AAO7B,OAAO,iBAAS,eAAeC,mBAAmB,aAAa,OAAO;AAYtE,OAAO,cAAMC,oBAAoB,MAAM;AAEvC,OAAO,cAAM,UACX,uBACC;CACD,OAAO;CACP;CACA;CACA,MAAM;CACN,SAAS;CACT,eAAeF;CACf;CACA;CACA;CACA,UAAU;EACR;EACA;EACA;EACA;EACA;EACA;CACD;AACF",
+  "mappings": "AAAA,OAAO,WAA+D,OAAO;AAC7E,cAA+B,iBAAiB,SAAS;AAOzD,OAAO,cAAM,eAAgBA,WAAWC;AASxC,OAAO,cAAM,eAAgBC;AAO7B,OAAO,iBAAS,eAAeC,mBAAmB,aAAa,OAAO;AAYtE,OAAO,cAAMC,oBAAoB,MAAM;AAEvC,OAAO,cAAM,UACX,uBACC;CACD,OAAO;CACP;CACA;CACA,MAAM;CACN,SAAS;CACT,eAAeF;CACf;CACA;CACA;CACA,UAAU;EACR;EACA;EACA;EACA;EACA;EACA;CACD;AACF",
   "names": [
     "listener: (cur: number) => void",
     "cur: number",
@@ -11,7 +11,7 @@
     "src/useTint.tsx"
   ],
   "sourcesContent": [
-    "import React, { createContext, useContext } from 'react'\nimport type { ThemeName } from 'tamagui'\nimport { getTints, setNextTintFamily, useTints } from './tints'\n\nlet current = 3\n\nconst listeners = new Set<Function>()\n\nexport const onTintChange = (listener: (cur: number) => void) => {\n  listeners.add(listener)\n  return (): void => {\n    listeners.delete(listener)\n  }\n}\n\nconst numTints = getTints().tints.length\n\nexport const setTintIndex = (next: number): void => {\n  const val = Math.max(0, next % numTints)\n  if (val === current) return\n  current = val\n  listeners.forEach((x) => x(val))\n}\n\nexport function getDocsSection(pathname: string): 'compiler' | 'ui' | 'core' | null {\n  return pathname === '/docs/intro/compiler-install' ||\n    pathname === '/docs/intro/benchmarks' ||\n    pathname === '/docs/intro/why-a-compiler'\n    ? 'compiler'\n    : pathname.startsWith('/ui/')\n      ? 'ui'\n      : pathname.startsWith('/docs/')\n        ? 'core'\n        : null\n}\n\nexport const InitialPathContext: React.Context<number> = createContext(3)\n\nexport const useTint = (\n  altOffset = -1\n): {\n  tints: ThemeName[]\n  tintIndex: number\n  tintAltIndex: number\n  tint: ThemeName\n  tintAlt: ThemeName\n  setTintIndex: (next: number) => void\n  setNextTintFamily: () => void\n  setNextTint: () => void\n  name: string\n  families: {\n    tamagui: string[]\n    xmas: string[]\n    easter: string[]\n    halloween: string[]\n    valentine: string[]\n    lunar: string[]\n  }\n} => {\n  const initial = useContext(InitialPathContext)\n  const index = React.useSyncExternalStore(\n    onTintChange,\n    () => current,\n    () => initial\n  )\n  const tintsContext = useTints()\n  const { tints } = tintsContext\n  const tintAltIndex = Math.abs((index + altOffset) % tints.length)\n\n  return {\n    ...tintsContext,\n    tints: tintsContext.tints as ThemeName[],\n    tintIndex: index,\n    tintAltIndex,\n    tint: tints[index] as ThemeName,\n    tintAlt: tints[tintAltIndex] as ThemeName,\n    setTintIndex,\n    setNextTintFamily,\n    setNextTint: () => {\n      React.startTransition(() => {\n        setTintIndex(index + 1)\n      })\n    },\n  } as const\n}\n"
+    "import React, { createContext, useContext, useEffect, useState } from 'react'\nimport { useDidFinishSSR, type ThemeName } from 'tamagui'\nimport { getTints, setNextTintFamily, useTints } from './tints'\n\nlet current = 3\n\nconst listeners = new Set<Function>()\n\nexport const onTintChange = (listener: (cur: number) => void) => {\n  listeners.add(listener)\n  return (): void => {\n    listeners.delete(listener)\n  }\n}\n\nconst numTints = getTints().tints.length\n\nexport const setTintIndex = (next: number): void => {\n  const val = Math.max(0, next % numTints)\n  if (val === current) return\n  current = val\n  listeners.forEach((x) => x(val))\n}\n\nexport function getDocsSection(pathname: string): 'compiler' | 'ui' | 'core' | null {\n  return pathname === '/docs/intro/compiler-install' ||\n    pathname === '/docs/intro/benchmarks' ||\n    pathname === '/docs/intro/why-a-compiler'\n    ? 'compiler'\n    : pathname.startsWith('/ui/')\n      ? 'ui'\n      : pathname.startsWith('/docs/')\n        ? 'core'\n        : null\n}\n\nexport const InitialPathContext: React.Context<number> = createContext(3)\n\nexport const useTint = (\n  altOffset = -1\n): {\n  tints: ThemeName[]\n  tintIndex: number\n  tintAltIndex: number\n  tint: ThemeName\n  tintAlt: ThemeName\n  setTintIndex: (next: number) => void\n  setNextTintFamily: () => void\n  setNextTint: () => void\n  name: string\n  families: {\n    tamagui: string[]\n    xmas: string[]\n    easter: string[]\n    halloween: string[]\n    valentine: string[]\n    lunar: string[]\n  }\n} => {\n  const initial = useContext(InitialPathContext)\n  const didHydrate = useDidFinishSSR()\n  const [index, setIndex] = useState(didHydrate ? current : initial)\n  const tintsContext = useTints()\n  const { tints } = tintsContext\n  const tintAltIndex = Math.abs((index + altOffset) % tints.length)\n\n  useEffect(() => {\n    return onTintChange((cur) => {\n      setIndex(cur)\n    })\n  }, [])\n\n  return {\n    ...tintsContext,\n    tints: tintsContext.tints as ThemeName[],\n    tintIndex: index,\n    tintAltIndex,\n    tint: tints[index] as ThemeName,\n    tintAlt: tints[tintAltIndex] as ThemeName,\n    setTintIndex,\n    setNextTintFamily,\n    setNextTint: () => {\n      React.startTransition(() => {\n        setTintIndex(index + 1)\n      })\n    },\n  } as const\n}\n"
   ],
   "version": 3
 }