@tamagui/logo 2.7.7 → 3.0.0-beta.643.1

package/dist/esm/tints.native.js

@@ -1,64 +1,122 @@
 import React from "react";
-var listeners = /* @__PURE__ */new Set();
+
+var listeners = /* @__PURE__ */ new Set();
 var familiesValues = {
-  tamagui: ["yellow", "yellow", "yellow", "gray", "red", "green", "blue"],
-  xmas: ["red", "green", "red", "green", "red", "green", "red"],
-  easter: ["yellow", "yellow", "yellow", "yellow", "yellow", "yellow", "yellow"],
-  halloween: ["yellow", "gray", "yellow", "gray", "yellow", "gray", "yellow"],
-  valentine: ["red", "red", "red", "red", "red", "red", "red"],
-  lunar: ["yellow", "red", "red", "red", "red", "red", "yellow"],
-  stpatricks: ["green", "yellow", "green", "yellow", "green", "yellow", "green"]
+	tamagui: [
+		"yellow",
+		"yellow",
+		"yellow",
+		"gray",
+		"red",
+		"green",
+		"blue"
+	],
+	xmas: [
+		"red",
+		"green",
+		"red",
+		"green",
+		"red",
+		"green",
+		"red"
+	],
+	easter: [
+		"yellow",
+		"yellow",
+		"yellow",
+		"yellow",
+		"yellow",
+		"yellow",
+		"yellow"
+	],
+	halloween: [
+		"yellow",
+		"gray",
+		"yellow",
+		"gray",
+		"yellow",
+		"gray",
+		"yellow"
+	],
+	valentine: [
+		"red",
+		"red",
+		"red",
+		"red",
+		"red",
+		"red",
+		"red"
+	],
+	lunar: [
+		"yellow",
+		"red",
+		"red",
+		"red",
+		"red",
+		"red",
+		"yellow"
+	],
+	stpatricks: [
+		"green",
+		"yellow",
+		"green",
+		"yellow",
+		"green",
+		"yellow",
+		"green"
+	]
 };
 var DEFAULT_FAMILY = "tamagui";
 var familiesNames = Object.keys(familiesValues);
 var families = familiesValues;
 var fam = DEFAULT_FAMILY;
 function getTints() {
-  return {
-    name: fam || DEFAULT_FAMILY,
-    tints: families[fam] || families.tamagui,
-    families
-  };
+	return {
+		name: fam || DEFAULT_FAMILY,
+		tints: families[fam] || families.tamagui,
+		families
+	};
 }
 function useTints() {
-  var [val, setVal] = React.useState(getTints());
-  React.useEffect(function () {
-    return onTintFamilyChange(function () {
-      React.startTransition(function () {
-        setVal(getTints());
-      });
-    });
-  }, []);
-  return val;
+	var [val, setVal] = React.useState(getTints());
+	React.useEffect(function() {
+		return onTintFamilyChange(function() {
+			React.startTransition(function() {
+				setVal(getTints());
+			});
+		});
+	}, []);
+	return val;
 }
 function setTintFamily(next) {
-  if (!families[next]) throw `impossible`;
-  fam = next;
-  if (typeof document !== "undefined") {
-    var root = document.documentElement.classList;
-    familiesNames.forEach(function (s) {
-      if (s !== "tamagui") {
-        root.remove(`${s}-season`);
-      }
-    });
-    if (next !== "tamagui") {
-      root.add(`${next}-season`);
-    }
-  }
-  React.startTransition(function () {
-    listeners.forEach(function (l) {
-      return l(next);
-    });
-  });
+	if (!families[next]) throw `impossible`;
+	fam = next;
+	if (typeof document !== "undefined") {
+		var root = document.documentElement.classList;
+		familiesNames.forEach(function(s) {
+			if (s !== "tamagui") {
+				root.remove(`${s}-season`);
+			}
+		});
+		if (next !== "tamagui") {
+			root.add(`${next}-season`);
+		}
+	}
+	React.startTransition(function() {
+		listeners.forEach(function(l) {
+			return l(next);
+		});
+	});
 }
-var setNextTintFamily = function () {
-  setTintFamily(familiesNames[(familiesNames.indexOf(fam) + 1) % familiesNames.length]);
+var setNextTintFamily = function() {
+	setTintFamily(familiesNames[(familiesNames.indexOf(fam) + 1) % familiesNames.length]);
 };
-var onTintFamilyChange = function (cb) {
-  listeners.add(cb);
-  return function () {
-    listeners.delete(cb);
-  };
+var onTintFamilyChange = function(cb) {
+	listeners.add(cb);
+	return function() {
+		listeners.delete(cb);
+	};
 };
+
 export { getTints, onTintFamilyChange, setNextTintFamily, setTintFamily, useTints };
 //# sourceMappingURL=tints.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","listeners","Set","familiesValues","tamagui","xmas","easter","halloween","valentine","lunar","stpatricks","DEFAULT_FAMILY","familiesNames","Object","keys","families","fam","getTints","name","tints","useTints","val","setVal","useState","useEffect","onTintFamilyChange","startTransition"],"sources":["../../src/tints.tsx"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,MAAW;AAKlB,IAAAC,SAAM,kBAAY,IAAAC,GAAI;AAItB,IAAAC,cAAM;EACJC,OAAA,EAAS,CACT,QAAO,EACP,QAAQ,EACN,UACA,QACA,OACA,SACA;EACAC,IACA,GACF,OACA,SACE,OACA,SACA,OACA,SACA;EACAC,MACA,GACF,UACA,UACA,QAAQ,EACR,UACE,UACA,UACA;EACAC,SACA,GACA,UACA,QACF,UACF,QAIA,QAAM,EAEN,MAAM,EAGN,QAAM,CAIN;EAEOC,SAAS,GAKd,KAAO,EACL,OACA,OACA,OACF,OACF,OAEO,KAAS,CAKd;EAEAC,KAAA,EAAM,CACJ,QAAO,EACL,OACE,OAAiB,KAClB,EACH,KAAC,EACH,KAAK,EAEL,QAAO,CACT;EAEOC,UAAS,GACd,OAAK,EACL,QAAM,EAGN,OAAI,EACF,QAAM,EAEN,SACE,QAAI,EACF;AACF;AAGF,IAAAC,cAAa,YAAW;AACtB,IAAAC,aAAS,GAAGC,MAAI,CAAAC,IAAS,CAAAX,cAAA;AAAA,IAC3BY,QAAA,GAAAZ,cAAA;AAAA,IACFa,GAAA,GAAAL,cAAA;AAEA,SAAMM,SAAA;EACJ;IACDC,IAAA,EAAAF,GAAA,IAAAL,cAAA;IACHQ,KAAA,EAAAJ,QAAA,CAAAC,GAAA,KAAAD,QAAA,CAAAX,OAAA;IAEOW;EACL;AACF;AAEO,SAAMK,SAAA;EACX,KAAAC,GAAA,EAAUC,MAAM,IAAAtB,KAAA,CAAAuB,QAAA,CAAAN,QAAA;EAChBjB,KAAA,CAAAwB,SAAmB;IACjB,OAAAC,kBAAmB;MACrBzB,KAAA,CAAA0B,eAAA;QACFJ,MAAA,CAAAL,QAAA","ignoreList":[]}
+{"version":3,"file":"tints.native.js","names":[],"sources":["esm/tints.native.js"],"sourcesContent":["import React from \"react\";\nvar listeners = /* @__PURE__ */ new Set();\nvar familiesValues = {\n  tamagui: [\n    \"yellow\",\n    \"yellow\",\n    \"yellow\",\n    \"gray\",\n    \"red\",\n    \"green\",\n    \"blue\"\n  ],\n  xmas: [\n    \"red\",\n    \"green\",\n    \"red\",\n    \"green\",\n    \"red\",\n    \"green\",\n    \"red\"\n  ],\n  easter: [\n    \"yellow\",\n    \"yellow\",\n    \"yellow\",\n    \"yellow\",\n    \"yellow\",\n    \"yellow\",\n    \"yellow\"\n  ],\n  halloween: [\n    \"yellow\",\n    \"gray\",\n    \"yellow\",\n    \"gray\",\n    \"yellow\",\n    \"gray\",\n    \"yellow\"\n  ],\n  valentine: [\n    \"red\",\n    \"red\",\n    \"red\",\n    \"red\",\n    \"red\",\n    \"red\",\n    \"red\"\n  ],\n  lunar: [\n    \"yellow\",\n    \"red\",\n    \"red\",\n    \"red\",\n    \"red\",\n    \"red\",\n    \"yellow\"\n  ],\n  stpatricks: [\n    \"green\",\n    \"yellow\",\n    \"green\",\n    \"yellow\",\n    \"green\",\n    \"yellow\",\n    \"green\"\n  ]\n};\nvar DEFAULT_FAMILY = \"tamagui\";\nvar familiesNames = Object.keys(familiesValues);\nvar families = familiesValues;\nvar fam = DEFAULT_FAMILY;\nfunction getTints() {\n  return {\n    name: fam || DEFAULT_FAMILY,\n    tints: families[fam] || families.tamagui,\n    families\n  };\n}\nfunction useTints() {\n  var [val, setVal] = React.useState(getTints());\n  React.useEffect(function() {\n    return onTintFamilyChange(function() {\n      React.startTransition(function() {\n        setVal(getTints());\n      });\n    });\n  }, []);\n  return val;\n}\nfunction setTintFamily(next) {\n  if (!families[next]) throw `impossible`;\n  fam = next;\n  if (typeof document !== \"undefined\") {\n    var root = document.documentElement.classList;\n    familiesNames.forEach(function(s) {\n      if (s !== \"tamagui\") {\n        root.remove(`${s}-season`);\n      }\n    });\n    if (next !== \"tamagui\") {\n      root.add(`${next}-season`);\n    }\n  }\n  React.startTransition(function() {\n    listeners.forEach(function(l) {\n      return l(next);\n    });\n  });\n}\nvar setNextTintFamily = function() {\n  setTintFamily(familiesNames[(familiesNames.indexOf(fam) + 1) % familiesNames.length]);\n};\nvar onTintFamilyChange = function(cb) {\n  listeners.add(cb);\n  return function() {\n    listeners.delete(cb);\n  };\n};\nexport {\n  getTints,\n  onTintFamilyChange,\n  setNextTintFamily,\n  setTintFamily,\n  useTints\n};\n//# sourceMappingURL=tints.js.map\n"],"mappings":";;;AACA,IAAI,4BAA4B,IAAI,IAAI;AACxC,IAAI,iBAAiB;CACnB,SAAS;EACP;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CACA,MAAM;EACJ;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CACA,QAAQ;EACN;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CACA,WAAW;EACT;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CACA,WAAW;EACT;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CACA,OAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CACA,YAAY;EACV;EACA;EACA;EACA;EACA;EACA;EACA;CACF;AACF;AACA,IAAI,iBAAiB;AACrB,IAAI,gBAAgB,OAAO,KAAK,cAAc;AAC9C,IAAI,WAAW;AACf,IAAI,MAAM;AACV,SAAS,WAAW;CAClB,OAAO;EACL,MAAM,OAAO;EACb,OAAO,SAAS,QAAQ,SAAS;EACjC;CACF;AACF;AACA,SAAS,WAAW;CAClB,IAAI,CAAC,KAAK,UAAU,MAAM,SAAS,SAAS,CAAC;CAC7C,MAAM,UAAU,WAAW;EACzB,OAAO,mBAAmB,WAAW;GACnC,MAAM,gBAAgB,WAAW;IAC/B,OAAO,SAAS,CAAC;GACnB,CAAC;EACH,CAAC;CACH,GAAG,CAAC,CAAC;CACL,OAAO;AACT;AACA,SAAS,cAAc,MAAM;CAC3B,IAAI,CAAC,SAAS,OAAO,MAAM;CAC3B,MAAM;CACN,IAAI,OAAO,aAAa,aAAa;EACnC,IAAI,OAAO,SAAS,gBAAgB;EACpC,cAAc,QAAQ,SAAS,GAAG;GAChC,IAAI,MAAM,WAAW;IACnB,KAAK,OAAO,GAAG,EAAE,QAAQ;GAC3B;EACF,CAAC;EACD,IAAI,SAAS,WAAW;GACtB,KAAK,IAAI,GAAG,KAAK,QAAQ;EAC3B;CACF;CACA,MAAM,gBAAgB,WAAW;EAC/B,UAAU,QAAQ,SAAS,GAAG;GAC5B,OAAO,EAAE,IAAI;EACf,CAAC;CACH,CAAC;AACH;AACA,IAAI,oBAAoB,WAAW;CACjC,cAAc,eAAe,cAAc,QAAQ,GAAG,IAAI,KAAK,cAAc,OAAO;AACtF;AACA,IAAI,qBAAqB,SAAS,IAAI;CACpC,UAAU,IAAI,EAAE;CAChB,OAAO,WAAW;EAChB,UAAU,OAAO,EAAE;CACrB;AACF"}

package/dist/esm/useTint.mjs

@@ -1,74 +1,74 @@
 import React, { createContext, useContext, useEffect, useState } from "react";
 import { useDidFinishSSR } from "tamagui";
 import { getTints, setNextTintFamily, useTints } from "./tints.mjs";
+
 let current = 3;
 let disableTintTheme = false;
-const listeners = /* @__PURE__ */new Set();
-const disableListeners = /* @__PURE__ */new Set();
-const onTintChange = listener => {
-  listeners.add(listener);
-  return () => {
-    listeners.delete(listener);
-  };
+const listeners = /* @__PURE__ */ new Set();
+const disableListeners = /* @__PURE__ */ new Set();
+const onTintChange = (listener) => {
+	listeners.add(listener);
+	return () => {
+		listeners.delete(listener);
+	};
 };
 const numTints = getTints().tints.length;
-const setTintIndex = next => {
-  const val = Math.max(0, next % numTints);
-  if (val === current) return;
-  current = val;
-  listeners.forEach(x => x(val));
+const setTintIndex = (next) => {
+	const val = Math.max(0, next % numTints);
+	if (val === current) return;
+	current = val;
+	listeners.forEach((x) => x(val));
 };
-const setDisableTintTheme = disable => {
-  if (disable === disableTintTheme) return;
-  disableTintTheme = disable;
-  disableListeners.forEach(x => x(disable));
+const setDisableTintTheme = (disable) => {
+	if (disable === disableTintTheme) return;
+	disableTintTheme = disable;
+	disableListeners.forEach((x) => x(disable));
 };
 const getDisableTintTheme = () => disableTintTheme;
 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;
+	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);
 const useTint = (altOffset = -1) => {
-  const initial = useContext(InitialPathContext);
-  const didHydrate = useDidFinishSSR();
-  const [index, setIndex] = useState(didHydrate ? current : initial);
-  const [disabled, setDisabled] = useState(disableTintTheme);
-  const tintsContext = useTints();
-  const {
-    tints
-  } = tintsContext;
-  const tintAltIndex = Math.abs((index + altOffset) % tints.length);
-  useEffect(() => {
-    return onTintChange(cur => {
-      setIndex(cur);
-    });
-  }, []);
-  useEffect(() => {
-    const cb = val => setDisabled(val);
-    disableListeners.add(cb);
-    return () => {
-      disableListeners.delete(cb);
-    };
-  }, []);
-  const tint = disabled || index === 3 ? null : tints[index];
-  const tintAlt = disabled || tintAltIndex === 3 ? null : tints[tintAltIndex];
-  return {
-    ...tintsContext,
-    tints: tintsContext.tints,
-    tintIndex: index,
-    tintAltIndex,
-    tint,
-    tintAlt,
-    setTintIndex,
-    setNextTintFamily,
-    setDisableTintTheme,
-    disableTintTheme: disabled,
-    setNextTint: () => {
-      React.startTransition(() => {
-        setTintIndex(index + 1);
-      });
-    }
-  };
+	const initial = useContext(InitialPathContext);
+	const didHydrate = useDidFinishSSR();
+	const [index, setIndex] = useState(didHydrate ? current : initial);
+	const [disabled, setDisabled] = useState(disableTintTheme);
+	const tintsContext = useTints();
+	const { tints } = tintsContext;
+	const tintAltIndex = Math.abs((index + altOffset) % tints.length);
+	useEffect(() => {
+		return onTintChange((cur) => {
+			setIndex(cur);
+		});
+	}, []);
+	useEffect(() => {
+		const cb = (val) => setDisabled(val);
+		disableListeners.add(cb);
+		return () => {
+			disableListeners.delete(cb);
+		};
+	}, []);
+	const tint = disabled || index === 3 ? null : tints[index];
+	const tintAlt = disabled || tintAltIndex === 3 ? null : tints[tintAltIndex];
+	return {
+		...tintsContext,
+		tints: tintsContext.tints,
+		tintIndex: index,
+		tintAltIndex,
+		tint,
+		tintAlt,
+		setTintIndex,
+		setNextTintFamily,
+		setDisableTintTheme,
+		disableTintTheme: disabled,
+		setNextTint: () => {
+			React.startTransition(() => {
+				setTintIndex(index + 1);
+			});
+		}
+	};
 };
+
 export { InitialPathContext, getDisableTintTheme, getDocsSection, onTintChange, setDisableTintTheme, setTintIndex, useTint };
 //# sourceMappingURL=useTint.mjs.map

package/dist/esm/useTint.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["React","createContext","useContext","useEffect","useState","useDidFinishSSR","getTints","setNextTintFamily","useTints","current","disableTintTheme","listeners","Set","disableListeners","onTintChange","listener","add","delete","numTints","tints","length","setTintIndex","next","val","Math","max","forEach","x","setDisableTintTheme","disable","getDisableTintTheme","getDocsSection","pathname","startsWith","InitialPathContext","useTint","altOffset","initial","didHydrate","index","setIndex","disabled","setDisabled","tintsContext","tintAltIndex","abs","cur","cb","tint","tintAlt","tintIndex","setNextTint","startTransition"],"sources":["../../src/useTint.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"useTint.js","names":[],"sources":["esm/useTint.js"],"sourcesContent":["import React, { createContext, useContext, useEffect, useState } from \"react\";\nimport { useDidFinishSSR } from \"tamagui\";\nimport { getTints, setNextTintFamily, useTints } from \"./tints\";\nlet current = 3;\nlet disableTintTheme = false;\nconst listeners = /* @__PURE__ */ new Set();\nconst disableListeners = /* @__PURE__ */ new Set();\nconst onTintChange = (listener) => {\n  listeners.add(listener);\n  return () => {\n    listeners.delete(listener);\n  };\n};\nconst numTints = getTints().tints.length;\nconst setTintIndex = (next) => {\n  const val = Math.max(0, next % numTints);\n  if (val === current) return;\n  current = val;\n  listeners.forEach((x) => x(val));\n};\nconst setDisableTintTheme = (disable) => {\n  if (disable === disableTintTheme) return;\n  disableTintTheme = disable;\n  disableListeners.forEach((x) => x(disable));\n};\nconst getDisableTintTheme = () => disableTintTheme;\nfunction getDocsSection(pathname) {\n  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;\n}\nconst InitialPathContext = createContext(3);\nconst useTint = (altOffset = -1) => {\n  const initial = useContext(InitialPathContext);\n  const didHydrate = useDidFinishSSR();\n  const [index, setIndex] = useState(didHydrate ? current : initial);\n  const [disabled, setDisabled] = useState(disableTintTheme);\n  const tintsContext = useTints();\n  const { tints } = tintsContext;\n  const tintAltIndex = Math.abs((index + altOffset) % tints.length);\n  useEffect(() => {\n    return onTintChange((cur) => {\n      setIndex(cur);\n    });\n  }, []);\n  useEffect(() => {\n    const cb = (val) => setDisabled(val);\n    disableListeners.add(cb);\n    return () => {\n      disableListeners.delete(cb);\n    };\n  }, []);\n  const tint = disabled || index === 3 ? null : tints[index];\n  const tintAlt = disabled || tintAltIndex === 3 ? null : tints[tintAltIndex];\n  return {\n    ...tintsContext,\n    tints: tintsContext.tints,\n    tintIndex: index,\n    tintAltIndex,\n    tint,\n    tintAlt,\n    setTintIndex,\n    setNextTintFamily,\n    setDisableTintTheme,\n    disableTintTheme: disabled,\n    setNextTint: () => {\n      React.startTransition(() => {\n        setTintIndex(index + 1);\n      });\n    }\n  };\n};\nexport {\n  InitialPathContext,\n  getDisableTintTheme,\n  getDocsSection,\n  onTintChange,\n  setDisableTintTheme,\n  setTintIndex,\n  useTint\n};\n//# sourceMappingURL=useTint.js.map\n"],"mappings":";;;;;AAGA,IAAI,UAAU;AACd,IAAI,mBAAmB;AACvB,MAAM,4BAA4B,IAAI,IAAI;AAC1C,MAAM,mCAAmC,IAAI,IAAI;AACjD,MAAM,gBAAgB,aAAa;CACjC,UAAU,IAAI,QAAQ;CACtB,aAAa;EACX,UAAU,OAAO,QAAQ;CAC3B;AACF;AACA,MAAM,WAAW,SAAS,EAAE,MAAM;AAClC,MAAM,gBAAgB,SAAS;CAC7B,MAAM,MAAM,KAAK,IAAI,GAAG,OAAO,QAAQ;CACvC,IAAI,QAAQ,SAAS;CACrB,UAAU;CACV,UAAU,SAAS,MAAM,EAAE,GAAG,CAAC;AACjC;AACA,MAAM,uBAAuB,YAAY;CACvC,IAAI,YAAY,kBAAkB;CAClC,mBAAmB;CACnB,iBAAiB,SAAS,MAAM,EAAE,OAAO,CAAC;AAC5C;AACA,MAAM,4BAA4B;AAClC,SAAS,eAAe,UAAU;CAChC,OAAO,aAAa,kCAAkC,aAAa,4BAA4B,aAAa,+BAA+B,aAAa,SAAS,WAAW,MAAM,IAAI,OAAO,SAAS,WAAW,QAAQ,IAAI,SAAS;AACxO;AACA,MAAM,qBAAqB,cAAc,CAAC;AAC1C,MAAM,WAAW,YAAY,CAAC,MAAM;CAClC,MAAM,UAAU,WAAW,kBAAkB;CAC7C,MAAM,aAAa,gBAAgB;CACnC,MAAM,CAAC,OAAO,YAAY,SAAS,aAAa,UAAU,OAAO;CACjE,MAAM,CAAC,UAAU,eAAe,SAAS,gBAAgB;CACzD,MAAM,eAAe,SAAS;CAC9B,MAAM,EAAE,UAAU;CAClB,MAAM,eAAe,KAAK,KAAK,QAAQ,aAAa,MAAM,MAAM;CAChE,gBAAgB;EACd,OAAO,cAAc,QAAQ;GAC3B,SAAS,GAAG;EACd,CAAC;CACH,GAAG,CAAC,CAAC;CACL,gBAAgB;EACd,MAAM,MAAM,QAAQ,YAAY,GAAG;EACnC,iBAAiB,IAAI,EAAE;EACvB,aAAa;GACX,iBAAiB,OAAO,EAAE;EAC5B;CACF,GAAG,CAAC,CAAC;CACL,MAAM,OAAO,YAAY,UAAU,IAAI,OAAO,MAAM;CACpD,MAAM,UAAU,YAAY,iBAAiB,IAAI,OAAO,MAAM;CAC9D,OAAO;EACL,GAAG;EACH,OAAO,aAAa;EACpB,WAAW;EACX;EACA;EACA;EACA;EACA;EACA;EACA,kBAAkB;EAClB,mBAAmB;GACjB,MAAM,sBAAsB;IAC1B,aAAa,QAAQ,CAAC;GACxB,CAAC;EACH;CACF;AACF"}

package/dist/esm/useTint.native.js

@@ -1,83 +1,83 @@
 import React, { createContext, useContext, useEffect, useState } from "react";
 import { useDidFinishSSR } from "tamagui";
 import { getTints, setNextTintFamily, useTints } from "./tints.native.js";
+
 var current = 3;
 var disableTintTheme = false;
-var listeners = /* @__PURE__ */new Set();
-var disableListeners = /* @__PURE__ */new Set();
-var onTintChange = function (listener) {
-  listeners.add(listener);
-  return function () {
-    listeners.delete(listener);
-  };
+var listeners = /* @__PURE__ */ new Set();
+var disableListeners = /* @__PURE__ */ new Set();
+var onTintChange = function(listener) {
+	listeners.add(listener);
+	return function() {
+		listeners.delete(listener);
+	};
 };
 var numTints = getTints().tints.length;
-var setTintIndex = function (next) {
-  var val = Math.max(0, next % numTints);
-  if (val === current) return;
-  current = val;
-  listeners.forEach(function (x) {
-    return x(val);
-  });
+var setTintIndex = function(next) {
+	var val = Math.max(0, next % numTints);
+	if (val === current) return;
+	current = val;
+	listeners.forEach(function(x) {
+		return x(val);
+	});
 };
-var setDisableTintTheme = function (disable) {
-  if (disable === disableTintTheme) return;
-  disableTintTheme = disable;
-  disableListeners.forEach(function (x) {
-    return x(disable);
-  });
+var setDisableTintTheme = function(disable) {
+	if (disable === disableTintTheme) return;
+	disableTintTheme = disable;
+	disableListeners.forEach(function(x) {
+		return x(disable);
+	});
 };
-var getDisableTintTheme = function () {
-  return disableTintTheme;
+var getDisableTintTheme = function() {
+	return disableTintTheme;
 };
 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;
+	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__ */createContext(3);
-var useTint = function () {
-  var altOffset = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : -1;
-  var initial = useContext(InitialPathContext);
-  var didHydrate = useDidFinishSSR();
-  var [index, setIndex] = useState(didHydrate ? current : initial);
-  var [disabled, setDisabled] = useState(disableTintTheme);
-  var tintsContext = useTints();
-  var {
-    tints
-  } = tintsContext;
-  var tintAltIndex = Math.abs((index + altOffset) % tints.length);
-  useEffect(function () {
-    return onTintChange(function (cur) {
-      setIndex(cur);
-    });
-  }, []);
-  useEffect(function () {
-    var cb = function (val) {
-      return setDisabled(val);
-    };
-    disableListeners.add(cb);
-    return function () {
-      disableListeners.delete(cb);
-    };
-  }, []);
-  var tint = disabled || index === 3 ? null : tints[index];
-  var tintAlt = disabled || tintAltIndex === 3 ? null : tints[tintAltIndex];
-  return {
-    ...tintsContext,
-    tints: tintsContext.tints,
-    tintIndex: index,
-    tintAltIndex,
-    tint,
-    tintAlt,
-    setTintIndex,
-    setNextTintFamily,
-    setDisableTintTheme,
-    disableTintTheme: disabled,
-    setNextTint: function () {
-      React.startTransition(function () {
-        setTintIndex(index + 1);
-      });
-    }
-  };
+var InitialPathContext = /* @__PURE__ */ createContext(3);
+var useTint = function() {
+	var altOffset = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : -1;
+	var initial = useContext(InitialPathContext);
+	var didHydrate = useDidFinishSSR();
+	var [index, setIndex] = useState(didHydrate ? current : initial);
+	var [disabled, setDisabled] = useState(disableTintTheme);
+	var tintsContext = useTints();
+	var { tints } = tintsContext;
+	var tintAltIndex = Math.abs((index + altOffset) % tints.length);
+	useEffect(function() {
+		return onTintChange(function(cur) {
+			setIndex(cur);
+		});
+	}, []);
+	useEffect(function() {
+		var cb = function(val) {
+			return setDisabled(val);
+		};
+		disableListeners.add(cb);
+		return function() {
+			disableListeners.delete(cb);
+		};
+	}, []);
+	var tint = disabled || index === 3 ? null : tints[index];
+	var tintAlt = disabled || tintAltIndex === 3 ? null : tints[tintAltIndex];
+	return {
+		...tintsContext,
+		tints: tintsContext.tints,
+		tintIndex: index,
+		tintAltIndex,
+		tint,
+		tintAlt,
+		setTintIndex,
+		setNextTintFamily,
+		setDisableTintTheme,
+		disableTintTheme: disabled,
+		setNextTint: function() {
+			React.startTransition(function() {
+				setTintIndex(index + 1);
+			});
+		}
+	};
 };
+
 export { InitialPathContext, getDisableTintTheme, getDocsSection, onTintChange, setDisableTintTheme, setTintIndex, useTint };
 //# sourceMappingURL=useTint.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","createContext","useContext","useEffect","useState","useDidFinishSSR","getTints","setNextTintFamily","useTints","current","disableTintTheme","listeners","Set","disableListeners","onTintChange","listener","add","delete","numTints","tints","length","setTintIndex","next","val","Math","max","forEach","x","setDisableTintTheme","disable","getDisableTintTheme","getDocsSection","pathname","startsWith","InitialPathContext","useTint","altOffset","arguments","initial","didHydrate","index","setIndex","disabled","setDisabled","tintsContext","tintAltIndex","abs","cur","cb","tint","tintAlt","tintIndex"],"sources":["../../src/useTint.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"useTint.native.js","names":[],"sources":["esm/useTint.native.js"],"sourcesContent":["import React, { createContext, useContext, useEffect, useState } from \"react\";\nimport { useDidFinishSSR } from \"tamagui\";\nimport { getTints, setNextTintFamily, useTints } from \"./tints\";\nvar current = 3;\nvar disableTintTheme = false;\nvar listeners = /* @__PURE__ */ new Set();\nvar disableListeners = /* @__PURE__ */ new Set();\nvar onTintChange = function(listener) {\n  listeners.add(listener);\n  return function() {\n    listeners.delete(listener);\n  };\n};\nvar numTints = getTints().tints.length;\nvar setTintIndex = function(next) {\n  var val = Math.max(0, next % numTints);\n  if (val === current) return;\n  current = val;\n  listeners.forEach(function(x) {\n    return x(val);\n  });\n};\nvar setDisableTintTheme = function(disable) {\n  if (disable === disableTintTheme) return;\n  disableTintTheme = disable;\n  disableListeners.forEach(function(x) {\n    return x(disable);\n  });\n};\nvar getDisableTintTheme = function() {\n  return disableTintTheme;\n};\nfunction getDocsSection(pathname) {\n  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;\n}\nvar InitialPathContext = /* @__PURE__ */ createContext(3);\nvar useTint = function() {\n  var altOffset = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : -1;\n  var initial = useContext(InitialPathContext);\n  var didHydrate = useDidFinishSSR();\n  var [index, setIndex] = useState(didHydrate ? current : initial);\n  var [disabled, setDisabled] = useState(disableTintTheme);\n  var tintsContext = useTints();\n  var { tints } = tintsContext;\n  var tintAltIndex = Math.abs((index + altOffset) % tints.length);\n  useEffect(function() {\n    return onTintChange(function(cur) {\n      setIndex(cur);\n    });\n  }, []);\n  useEffect(function() {\n    var cb = function(val) {\n      return setDisabled(val);\n    };\n    disableListeners.add(cb);\n    return function() {\n      disableListeners.delete(cb);\n    };\n  }, []);\n  var tint = disabled || index === 3 ? null : tints[index];\n  var tintAlt = disabled || tintAltIndex === 3 ? null : tints[tintAltIndex];\n  return {\n    ...tintsContext,\n    tints: tintsContext.tints,\n    tintIndex: index,\n    tintAltIndex,\n    tint,\n    tintAlt,\n    setTintIndex,\n    setNextTintFamily,\n    setDisableTintTheme,\n    disableTintTheme: disabled,\n    setNextTint: function() {\n      React.startTransition(function() {\n        setTintIndex(index + 1);\n      });\n    }\n  };\n};\nexport {\n  InitialPathContext,\n  getDisableTintTheme,\n  getDocsSection,\n  onTintChange,\n  setDisableTintTheme,\n  setTintIndex,\n  useTint\n};\n//# sourceMappingURL=useTint.js.map\n"],"mappings":";;;;;AAGA,IAAI,UAAU;AACd,IAAI,mBAAmB;AACvB,IAAI,4BAA4B,IAAI,IAAI;AACxC,IAAI,mCAAmC,IAAI,IAAI;AAC/C,IAAI,eAAe,SAAS,UAAU;CACpC,UAAU,IAAI,QAAQ;CACtB,OAAO,WAAW;EAChB,UAAU,OAAO,QAAQ;CAC3B;AACF;AACA,IAAI,WAAW,SAAS,EAAE,MAAM;AAChC,IAAI,eAAe,SAAS,MAAM;CAChC,IAAI,MAAM,KAAK,IAAI,GAAG,OAAO,QAAQ;CACrC,IAAI,QAAQ,SAAS;CACrB,UAAU;CACV,UAAU,QAAQ,SAAS,GAAG;EAC5B,OAAO,EAAE,GAAG;CACd,CAAC;AACH;AACA,IAAI,sBAAsB,SAAS,SAAS;CAC1C,IAAI,YAAY,kBAAkB;CAClC,mBAAmB;CACnB,iBAAiB,QAAQ,SAAS,GAAG;EACnC,OAAO,EAAE,OAAO;CAClB,CAAC;AACH;AACA,IAAI,sBAAsB,WAAW;CACnC,OAAO;AACT;AACA,SAAS,eAAe,UAAU;CAChC,OAAO,aAAa,kCAAkC,aAAa,4BAA4B,aAAa,+BAA+B,aAAa,SAAS,WAAW,MAAM,IAAI,OAAO,SAAS,WAAW,QAAQ,IAAI,SAAS;AACxO;AACA,IAAI,qBAAqC,8BAAc,CAAC;AACxD,IAAI,UAAU,WAAW;CACvB,IAAI,YAAY,UAAU,SAAS,KAAK,UAAU,OAAO,KAAK,IAAI,UAAU,KAAK,CAAC;CAClF,IAAI,UAAU,WAAW,kBAAkB;CAC3C,IAAI,aAAa,gBAAgB;CACjC,IAAI,CAAC,OAAO,YAAY,SAAS,aAAa,UAAU,OAAO;CAC/D,IAAI,CAAC,UAAU,eAAe,SAAS,gBAAgB;CACvD,IAAI,eAAe,SAAS;CAC5B,IAAI,EAAE,UAAU;CAChB,IAAI,eAAe,KAAK,KAAK,QAAQ,aAAa,MAAM,MAAM;CAC9D,UAAU,WAAW;EACnB,OAAO,aAAa,SAAS,KAAK;GAChC,SAAS,GAAG;EACd,CAAC;CACH,GAAG,CAAC,CAAC;CACL,UAAU,WAAW;EACnB,IAAI,KAAK,SAAS,KAAK;GACrB,OAAO,YAAY,GAAG;EACxB;EACA,iBAAiB,IAAI,EAAE;EACvB,OAAO,WAAW;GAChB,iBAAiB,OAAO,EAAE;EAC5B;CACF,GAAG,CAAC,CAAC;CACL,IAAI,OAAO,YAAY,UAAU,IAAI,OAAO,MAAM;CAClD,IAAI,UAAU,YAAY,iBAAiB,IAAI,OAAO,MAAM;CAC5D,OAAO;EACL,GAAG;EACH,OAAO,aAAa;EACpB,WAAW;EACX;EACA;EACA;EACA;EACA;EACA;EACA,kBAAkB;EAClB,aAAa,WAAW;GACtB,MAAM,gBAAgB,WAAW;IAC/B,aAAa,QAAQ,CAAC;GACxB,CAAC;EACH;CACF;AACF"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/logo",
-  "version": "2.7.7",
+  "version": "3.0.0-beta.643.1",
   "source": "src/index.tsx",
   "files": [
     "src",
@@ -44,12 +44,12 @@
     "clean:build": "tamagui-build clean:build"
   },
   "dependencies": {
-    "@tamagui/use-element-layout": "2.7.7",
-    "@tamagui/web": "2.7.7",
-    "tamagui": "2.7.7"
+    "@tamagui/use-element-layout": "3.0.0-beta.643.1",
+    "@tamagui/web": "3.0.0-beta.643.1",
+    "tamagui": "3.0.0-beta.643.1"
   },
   "devDependencies": {
-    "@tamagui/build": "2.7.7",
+    "@tamagui/build": "3.0.0-beta.643.1",
     "react": ">=19"
   },
   "peerDependencies": {

package/src/LogoIcon.tsx

@@ -15,10 +15,8 @@ export const LogoIcon = ({
       className="unselectable"
       alignSelf="center"
       marginVertical={-10}
-      pressStyle={{
-        opacity: 0.7,
-        scaleX: -1,
-      }}
+      opacity="press:0.7"
+      scaleX="press:-1"
     >
       <TamaguiIconSvg
         className="tamagui-icon"

package/src/LogoWords.tsx

@@ -86,16 +86,16 @@ export const LogoWords: React.MemoExoticComponent<
     <XStack
       onMouseEnter={() => setHovered(true)}
       onMouseLeave={() => setHovered(false)}
-      paddingVertical="$2"
-      data-tauri-drag-region
-      marginVertical="$-2"
+      paddingVertical="2"
+      marginVertical="-2"
       position="relative"
+      {...props}
+      data-tauri-drag-region
       className="logo-words"
       onLayout={(e) => {
         setLayout(e.nativeEvent.layout as any)
       }}
-      // @ts-ignore
-      onMouseMove={(e: MouseEvent) => {
+      onMouseMove={(e: React.MouseEvent<HTMLDivElement>) => {
         if (!layout) return
         const x = e.clientX - layout.pageX
         // Total width divided into 7 sections (one for each letter)
@@ -104,7 +104,6 @@ export const LogoWords: React.MemoExoticComponent<
         const section = Math.min(6, Math.floor(x / sectionWidth))
         Tint.setTintIndex(section)
       }}
-      {...props}
     >
       {animated && (
         <Circle
@@ -113,10 +112,9 @@ export const LogoWords: React.MemoExoticComponent<
           top={0}
           left={0}
           y={mounted === 'start' ? -30 : -4}
-          // the last i is less wide
           x={x}
-          size={4}
-          backgroundColor="$color12"
+          backgroundColor="color12"
+          style={{ width: 4, height: 4 }}
         />
       )}
 

package/src/TamaguiLogo.tsx

@@ -26,7 +26,7 @@ export const TamaguiLogo = ({
       ref={ref}
       alignItems="center"
       justifyContent="center"
-      gap="$5"
+      gap="5"
       {...props}
     >
       <LogoIcon downscale={(downscale ?? 1) * (showWords ? 2 : 1.5)} color={color} />