@tamagui/logo 1.0.5 → 1.0.7

package/dist/cjs/useTint.js

@@ -67,8 +67,9 @@ const useTint = () => {
   };
 };
 const ThemeTint = (props) => {
+  const curTint = useTint().tint;
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Theme, {
-    name: useTint().tint,
+    name: props.disable ? null : curTint,
     children: (0, import_react.useMemo)(() => props.children, [props.children])
   });
 };

package/dist/cjs/useTint.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/useTint.tsx"],
-  "sourcesContent": ["import { useMemo, useSyncExternalStore } from 'react'\nimport { Theme, ThemeName } from 'tamagui'\n\nimport { getTints, setNextTintFamily, useTints } from './tints'\n\n// TODO useSyncExternalStore\n\n// no localstorage because its not important to remember and causes a flicker\n// const tintVal = typeof localStorage !== 'undefined' ? localStorage.getItem('tint') : 0\n// const tint = tintVal ? +tintVal 0\nexport const initialTint = 3\n\nlet current = initialTint\n\nconst listeners = new Set<Function>()\n\nexport const onTintChange = (listener: (cur: number) => void) => {\n  listeners.add(listener)\n  return () => {\n    listeners.delete(listener)\n  }\n}\n\nconst numTints = getTints().tints.length\n\nexport const setTintIndex = (next: number) => {\n  const val = next % numTints\n  if (val === current) return\n  current = val\n  listeners.forEach((x) => x(val))\n}\n\nexport const useTint = () => {\n  const index = useSyncExternalStore(\n    onTintChange,\n    () => current,\n    () => initialTint\n  )\n  const tintsContext = useTints()\n  const { tints } = tintsContext\n\n  return {\n    ...tintsContext,\n    tints: tintsContext.tints as ThemeName[],\n    tintIndex: index,\n    tint: tints[index] as ThemeName,\n    setTintIndex,\n    setNextTintFamily,\n    setNextTint: () => {\n      setTintIndex(index + 1)\n    },\n  } as const\n}\n\nexport const ThemeTint = (props: { children: any }) => {\n  return (\n    <Theme name={useTint().tint}>\n      {/*  */}\n      {useMemo(() => props.children, [props.children])}\n    </Theme>\n  )\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAwDI;AAxDJ,mBAA8C;AAC9C,qBAAiC;AAEjC,mBAAsD;AAO/C,MAAM,cAAc;AAE3B,IAAI,UAAU;AAEd,MAAM,YAAY,oBAAI,IAAc;AAE7B,MAAM,eAAe,CAAC,aAAoC;AAC/D,YAAU,IAAI,QAAQ;AACtB,SAAO,MAAM;AACX,cAAU,OAAO,QAAQ;AAAA,EAC3B;AACF;AAEA,MAAM,eAAW,uBAAS,EAAE,MAAM;AAE3B,MAAM,eAAe,CAAC,SAAiB;AAC5C,QAAM,MAAM,OAAO;AACnB,MAAI,QAAQ;AAAS;AACrB,YAAU;AACV,YAAU,QAAQ,CAAC,MAAM,EAAE,GAAG,CAAC;AACjC;AAEO,MAAM,UAAU,MAAM;AAC3B,QAAM,YAAQ;AAAA,IACZ;AAAA,IACA,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AACA,QAAM,mBAAe,uBAAS;AAC9B,QAAM,EAAE,MAAM,IAAI;AAElB,SAAO;AAAA,IACL,GAAG;AAAA,IACH,OAAO,aAAa;AAAA,IACpB,WAAW;AAAA,IACX,MAAM,MAAM;AAAA,IACZ;AAAA,IACA;AAAA,IACA,aAAa,MAAM;AACjB,mBAAa,QAAQ,CAAC;AAAA,IACxB;AAAA,EACF;AACF;AAEO,MAAM,YAAY,CAAC,UAA6B;AACrD,SACE,4CAAC;AAAA,IAAM,MAAM,QAAQ,EAAE;AAAA,IAEpB,oCAAQ,MAAM,MAAM,UAAU,CAAC,MAAM,QAAQ,CAAC;AAAA,GACjD;AAEJ;",
+  "sourcesContent": ["import { useMemo, useSyncExternalStore } from 'react'\nimport { Theme, ThemeName } from 'tamagui'\n\nimport { getTints, setNextTintFamily, useTints } from './tints'\n\n// TODO useSyncExternalStore\n\n// no localstorage because its not important to remember and causes a flicker\n// const tintVal = typeof localStorage !== 'undefined' ? localStorage.getItem('tint') : 0\n// const tint = tintVal ? +tintVal 0\nexport const initialTint = 3\n\nlet current = initialTint\n\nconst listeners = new Set<Function>()\n\nexport const onTintChange = (listener: (cur: number) => void) => {\n  listeners.add(listener)\n  return () => {\n    listeners.delete(listener)\n  }\n}\n\nconst numTints = getTints().tints.length\n\nexport const setTintIndex = (next: number) => {\n  const val = next % numTints\n  if (val === current) return\n  current = val\n  listeners.forEach((x) => x(val))\n}\n\nexport const useTint = () => {\n  const index = useSyncExternalStore(\n    onTintChange,\n    () => current,\n    () => initialTint\n  )\n  const tintsContext = useTints()\n  const { tints } = tintsContext\n\n  return {\n    ...tintsContext,\n    tints: tintsContext.tints as ThemeName[],\n    tintIndex: index,\n    tint: tints[index] as ThemeName,\n    setTintIndex,\n    setNextTintFamily,\n    setNextTint: () => {\n      setTintIndex(index + 1)\n    },\n  } as const\n}\n\nexport const ThemeTint = (props: { children: any; disable?: boolean }) => {\n  const curTint = useTint().tint\n  return (\n    <Theme name={props.disable ? null : curTint}>\n      {/*  */}\n      {useMemo(() => props.children, [props.children])}\n    </Theme>\n  )\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAyDI;AAzDJ,mBAA8C;AAC9C,qBAAiC;AAEjC,mBAAsD;AAO/C,MAAM,cAAc;AAE3B,IAAI,UAAU;AAEd,MAAM,YAAY,oBAAI,IAAc;AAE7B,MAAM,eAAe,CAAC,aAAoC;AAC/D,YAAU,IAAI,QAAQ;AACtB,SAAO,MAAM;AACX,cAAU,OAAO,QAAQ;AAAA,EAC3B;AACF;AAEA,MAAM,eAAW,uBAAS,EAAE,MAAM;AAE3B,MAAM,eAAe,CAAC,SAAiB;AAC5C,QAAM,MAAM,OAAO;AACnB,MAAI,QAAQ;AAAS;AACrB,YAAU;AACV,YAAU,QAAQ,CAAC,MAAM,EAAE,GAAG,CAAC;AACjC;AAEO,MAAM,UAAU,MAAM;AAC3B,QAAM,YAAQ;AAAA,IACZ;AAAA,IACA,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AACA,QAAM,mBAAe,uBAAS;AAC9B,QAAM,EAAE,MAAM,IAAI;AAElB,SAAO;AAAA,IACL,GAAG;AAAA,IACH,OAAO,aAAa;AAAA,IACpB,WAAW;AAAA,IACX,MAAM,MAAM;AAAA,IACZ;AAAA,IACA;AAAA,IACA,aAAa,MAAM;AACjB,mBAAa,QAAQ,CAAC;AAAA,IACxB;AAAA,EACF;AACF;AAEO,MAAM,YAAY,CAAC,UAAgD;AACxE,QAAM,UAAU,QAAQ,EAAE;AAC1B,SACE,4CAAC;AAAA,IAAM,MAAM,MAAM,UAAU,OAAO;AAAA,IAEjC,oCAAQ,MAAM,MAAM,UAAU,CAAC,MAAM,QAAQ,CAAC;AAAA,GACjD;AAEJ;",
   "names": []
 }

package/dist/esm/useTint.js

@@ -40,8 +40,9 @@ const useTint = () => {
   };
 };
 const ThemeTint = (props) => {
+  const curTint = useTint().tint;
   return /* @__PURE__ */ jsx(Theme, {
-    name: useTint().tint,
+    name: props.disable ? null : curTint,
     children: useMemo(() => props.children, [props.children])
   });
 };

package/dist/esm/useTint.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/useTint.tsx"],
-  "sourcesContent": ["import { useMemo, useSyncExternalStore } from 'react'\nimport { Theme, ThemeName } from 'tamagui'\n\nimport { getTints, setNextTintFamily, useTints } from './tints'\n\n// TODO useSyncExternalStore\n\n// no localstorage because its not important to remember and causes a flicker\n// const tintVal = typeof localStorage !== 'undefined' ? localStorage.getItem('tint') : 0\n// const tint = tintVal ? +tintVal 0\nexport const initialTint = 3\n\nlet current = initialTint\n\nconst listeners = new Set<Function>()\n\nexport const onTintChange = (listener: (cur: number) => void) => {\n  listeners.add(listener)\n  return () => {\n    listeners.delete(listener)\n  }\n}\n\nconst numTints = getTints().tints.length\n\nexport const setTintIndex = (next: number) => {\n  const val = next % numTints\n  if (val === current) return\n  current = val\n  listeners.forEach((x) => x(val))\n}\n\nexport const useTint = () => {\n  const index = useSyncExternalStore(\n    onTintChange,\n    () => current,\n    () => initialTint\n  )\n  const tintsContext = useTints()\n  const { tints } = tintsContext\n\n  return {\n    ...tintsContext,\n    tints: tintsContext.tints as ThemeName[],\n    tintIndex: index,\n    tint: tints[index] as ThemeName,\n    setTintIndex,\n    setNextTintFamily,\n    setNextTint: () => {\n      setTintIndex(index + 1)\n    },\n  } as const\n}\n\nexport const ThemeTint = (props: { children: any }) => {\n  return (\n    <Theme name={useTint().tint}>\n      {/*  */}\n      {useMemo(() => props.children, [props.children])}\n    </Theme>\n  )\n}\n"],
-  "mappings": "AAwDI;AAxDJ,SAAS,SAAS,4BAA4B;AAC9C,SAAS,aAAwB;AAEjC,SAAS,UAAU,mBAAmB,gBAAgB;AAO/C,MAAM,cAAc;AAE3B,IAAI,UAAU;AAEd,MAAM,YAAY,oBAAI,IAAc;AAE7B,MAAM,eAAe,CAAC,aAAoC;AAC/D,YAAU,IAAI,QAAQ;AACtB,SAAO,MAAM;AACX,cAAU,OAAO,QAAQ;AAAA,EAC3B;AACF;AAEA,MAAM,WAAW,SAAS,EAAE,MAAM;AAE3B,MAAM,eAAe,CAAC,SAAiB;AAC5C,QAAM,MAAM,OAAO;AACnB,MAAI,QAAQ;AAAS;AACrB,YAAU;AACV,YAAU,QAAQ,CAAC,MAAM,EAAE,GAAG,CAAC;AACjC;AAEO,MAAM,UAAU,MAAM;AAC3B,QAAM,QAAQ;AAAA,IACZ;AAAA,IACA,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AACA,QAAM,eAAe,SAAS;AAC9B,QAAM,EAAE,MAAM,IAAI;AAElB,SAAO;AAAA,IACL,GAAG;AAAA,IACH,OAAO,aAAa;AAAA,IACpB,WAAW;AAAA,IACX,MAAM,MAAM;AAAA,IACZ;AAAA,IACA;AAAA,IACA,aAAa,MAAM;AACjB,mBAAa,QAAQ,CAAC;AAAA,IACxB;AAAA,EACF;AACF;AAEO,MAAM,YAAY,CAAC,UAA6B;AACrD,SACE,oBAAC;AAAA,IAAM,MAAM,QAAQ,EAAE;AAAA,IAEpB,kBAAQ,MAAM,MAAM,UAAU,CAAC,MAAM,QAAQ,CAAC;AAAA,GACjD;AAEJ;",
+  "sourcesContent": ["import { useMemo, useSyncExternalStore } from 'react'\nimport { Theme, ThemeName } from 'tamagui'\n\nimport { getTints, setNextTintFamily, useTints } from './tints'\n\n// TODO useSyncExternalStore\n\n// no localstorage because its not important to remember and causes a flicker\n// const tintVal = typeof localStorage !== 'undefined' ? localStorage.getItem('tint') : 0\n// const tint = tintVal ? +tintVal 0\nexport const initialTint = 3\n\nlet current = initialTint\n\nconst listeners = new Set<Function>()\n\nexport const onTintChange = (listener: (cur: number) => void) => {\n  listeners.add(listener)\n  return () => {\n    listeners.delete(listener)\n  }\n}\n\nconst numTints = getTints().tints.length\n\nexport const setTintIndex = (next: number) => {\n  const val = next % numTints\n  if (val === current) return\n  current = val\n  listeners.forEach((x) => x(val))\n}\n\nexport const useTint = () => {\n  const index = useSyncExternalStore(\n    onTintChange,\n    () => current,\n    () => initialTint\n  )\n  const tintsContext = useTints()\n  const { tints } = tintsContext\n\n  return {\n    ...tintsContext,\n    tints: tintsContext.tints as ThemeName[],\n    tintIndex: index,\n    tint: tints[index] as ThemeName,\n    setTintIndex,\n    setNextTintFamily,\n    setNextTint: () => {\n      setTintIndex(index + 1)\n    },\n  } as const\n}\n\nexport const ThemeTint = (props: { children: any; disable?: boolean }) => {\n  const curTint = useTint().tint\n  return (\n    <Theme name={props.disable ? null : curTint}>\n      {/*  */}\n      {useMemo(() => props.children, [props.children])}\n    </Theme>\n  )\n}\n"],
+  "mappings": "AAyDI;AAzDJ,SAAS,SAAS,4BAA4B;AAC9C,SAAS,aAAwB;AAEjC,SAAS,UAAU,mBAAmB,gBAAgB;AAO/C,MAAM,cAAc;AAE3B,IAAI,UAAU;AAEd,MAAM,YAAY,oBAAI,IAAc;AAE7B,MAAM,eAAe,CAAC,aAAoC;AAC/D,YAAU,IAAI,QAAQ;AACtB,SAAO,MAAM;AACX,cAAU,OAAO,QAAQ;AAAA,EAC3B;AACF;AAEA,MAAM,WAAW,SAAS,EAAE,MAAM;AAE3B,MAAM,eAAe,CAAC,SAAiB;AAC5C,QAAM,MAAM,OAAO;AACnB,MAAI,QAAQ;AAAS;AACrB,YAAU;AACV,YAAU,QAAQ,CAAC,MAAM,EAAE,GAAG,CAAC;AACjC;AAEO,MAAM,UAAU,MAAM;AAC3B,QAAM,QAAQ;AAAA,IACZ;AAAA,IACA,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AACA,QAAM,eAAe,SAAS;AAC9B,QAAM,EAAE,MAAM,IAAI;AAElB,SAAO;AAAA,IACL,GAAG;AAAA,IACH,OAAO,aAAa;AAAA,IACpB,WAAW;AAAA,IACX,MAAM,MAAM;AAAA,IACZ;AAAA,IACA;AAAA,IACA,aAAa,MAAM;AACjB,mBAAa,QAAQ,CAAC;AAAA,IACxB;AAAA,EACF;AACF;AAEO,MAAM,YAAY,CAAC,UAAgD;AACxE,QAAM,UAAU,QAAQ,EAAE;AAC1B,SACE,oBAAC;AAAA,IAAM,MAAM,MAAM,UAAU,OAAO;AAAA,IAEjC,kBAAQ,MAAM,MAAM,UAAU,CAAC,MAAM,QAAQ,CAAC;AAAA,GACjD;AAEJ;",
   "names": []
 }

package/dist/jsx/useTint.js

@@ -39,7 +39,8 @@ const useTint = () => {
   };
 };
 const ThemeTint = (props) => {
-  return <Theme name={useTint().tint}>{useMemo(() => props.children, [props.children])}</Theme>;
+  const curTint = useTint().tint;
+  return <Theme name={props.disable ? null : curTint}>{useMemo(() => props.children, [props.children])}</Theme>;
 };
 export {
   ThemeTint,

package/dist/jsx/useTint.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/useTint.tsx"],
-  "sourcesContent": ["import { useMemo, useSyncExternalStore } from 'react'\nimport { Theme, ThemeName } from 'tamagui'\n\nimport { getTints, setNextTintFamily, useTints } from './tints'\n\n// TODO useSyncExternalStore\n\n// no localstorage because its not important to remember and causes a flicker\n// const tintVal = typeof localStorage !== 'undefined' ? localStorage.getItem('tint') : 0\n// const tint = tintVal ? +tintVal 0\nexport const initialTint = 3\n\nlet current = initialTint\n\nconst listeners = new Set<Function>()\n\nexport const onTintChange = (listener: (cur: number) => void) => {\n  listeners.add(listener)\n  return () => {\n    listeners.delete(listener)\n  }\n}\n\nconst numTints = getTints().tints.length\n\nexport const setTintIndex = (next: number) => {\n  const val = next % numTints\n  if (val === current) return\n  current = val\n  listeners.forEach((x) => x(val))\n}\n\nexport const useTint = () => {\n  const index = useSyncExternalStore(\n    onTintChange,\n    () => current,\n    () => initialTint\n  )\n  const tintsContext = useTints()\n  const { tints } = tintsContext\n\n  return {\n    ...tintsContext,\n    tints: tintsContext.tints as ThemeName[],\n    tintIndex: index,\n    tint: tints[index] as ThemeName,\n    setTintIndex,\n    setNextTintFamily,\n    setNextTint: () => {\n      setTintIndex(index + 1)\n    },\n  } as const\n}\n\nexport const ThemeTint = (props: { children: any }) => {\n  return (\n    <Theme name={useTint().tint}>\n      {/*  */}\n      {useMemo(() => props.children, [props.children])}\n    </Theme>\n  )\n}\n"],
-  "mappings": "AAAA,SAAS,SAAS,4BAA4B;AAC9C,SAAS,aAAwB;AAEjC,SAAS,UAAU,mBAAmB,gBAAgB;AAO/C,MAAM,cAAc;AAE3B,IAAI,UAAU;AAEd,MAAM,YAAY,oBAAI,IAAc;AAE7B,MAAM,eAAe,CAAC,aAAoC;AAC/D,YAAU,IAAI,QAAQ;AACtB,SAAO,MAAM;AACX,cAAU,OAAO,QAAQ;AAAA,EAC3B;AACF;AAEA,MAAM,WAAW,SAAS,EAAE,MAAM;AAE3B,MAAM,eAAe,CAAC,SAAiB;AAC5C,QAAM,MAAM,OAAO;AACnB,MAAI,QAAQ;AAAS;AACrB,YAAU;AACV,YAAU,QAAQ,CAAC,MAAM,EAAE,GAAG,CAAC;AACjC;AAEO,MAAM,UAAU,MAAM;AAC3B,QAAM,QAAQ;AAAA,IACZ;AAAA,IACA,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AACA,QAAM,eAAe,SAAS;AAC9B,QAAM,EAAE,MAAM,IAAI;AAElB,SAAO;AAAA,IACL,GAAG;AAAA,IACH,OAAO,aAAa;AAAA,IACpB,WAAW;AAAA,IACX,MAAM,MAAM;AAAA,IACZ;AAAA,IACA;AAAA,IACA,aAAa,MAAM;AACjB,mBAAa,QAAQ,CAAC;AAAA,IACxB;AAAA,EACF;AACF;AAEO,MAAM,YAAY,CAAC,UAA6B;AACrD,SACE,CAAC,MAAM,MAAM,QAAQ,EAAE,OAEpB,QAAQ,MAAM,MAAM,UAAU,CAAC,MAAM,QAAQ,CAAC,EACjD,EAHC;AAKL;",
+  "sourcesContent": ["import { useMemo, useSyncExternalStore } from 'react'\nimport { Theme, ThemeName } from 'tamagui'\n\nimport { getTints, setNextTintFamily, useTints } from './tints'\n\n// TODO useSyncExternalStore\n\n// no localstorage because its not important to remember and causes a flicker\n// const tintVal = typeof localStorage !== 'undefined' ? localStorage.getItem('tint') : 0\n// const tint = tintVal ? +tintVal 0\nexport const initialTint = 3\n\nlet current = initialTint\n\nconst listeners = new Set<Function>()\n\nexport const onTintChange = (listener: (cur: number) => void) => {\n  listeners.add(listener)\n  return () => {\n    listeners.delete(listener)\n  }\n}\n\nconst numTints = getTints().tints.length\n\nexport const setTintIndex = (next: number) => {\n  const val = next % numTints\n  if (val === current) return\n  current = val\n  listeners.forEach((x) => x(val))\n}\n\nexport const useTint = () => {\n  const index = useSyncExternalStore(\n    onTintChange,\n    () => current,\n    () => initialTint\n  )\n  const tintsContext = useTints()\n  const { tints } = tintsContext\n\n  return {\n    ...tintsContext,\n    tints: tintsContext.tints as ThemeName[],\n    tintIndex: index,\n    tint: tints[index] as ThemeName,\n    setTintIndex,\n    setNextTintFamily,\n    setNextTint: () => {\n      setTintIndex(index + 1)\n    },\n  } as const\n}\n\nexport const ThemeTint = (props: { children: any; disable?: boolean }) => {\n  const curTint = useTint().tint\n  return (\n    <Theme name={props.disable ? null : curTint}>\n      {/*  */}\n      {useMemo(() => props.children, [props.children])}\n    </Theme>\n  )\n}\n"],
+  "mappings": "AAAA,SAAS,SAAS,4BAA4B;AAC9C,SAAS,aAAwB;AAEjC,SAAS,UAAU,mBAAmB,gBAAgB;AAO/C,MAAM,cAAc;AAE3B,IAAI,UAAU;AAEd,MAAM,YAAY,oBAAI,IAAc;AAE7B,MAAM,eAAe,CAAC,aAAoC;AAC/D,YAAU,IAAI,QAAQ;AACtB,SAAO,MAAM;AACX,cAAU,OAAO,QAAQ;AAAA,EAC3B;AACF;AAEA,MAAM,WAAW,SAAS,EAAE,MAAM;AAE3B,MAAM,eAAe,CAAC,SAAiB;AAC5C,QAAM,MAAM,OAAO;AACnB,MAAI,QAAQ;AAAS;AACrB,YAAU;AACV,YAAU,QAAQ,CAAC,MAAM,EAAE,GAAG,CAAC;AACjC;AAEO,MAAM,UAAU,MAAM;AAC3B,QAAM,QAAQ;AAAA,IACZ;AAAA,IACA,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AACA,QAAM,eAAe,SAAS;AAC9B,QAAM,EAAE,MAAM,IAAI;AAElB,SAAO;AAAA,IACL,GAAG;AAAA,IACH,OAAO,aAAa;AAAA,IACpB,WAAW;AAAA,IACX,MAAM,MAAM;AAAA,IACZ;AAAA,IACA;AAAA,IACA,aAAa,MAAM;AACjB,mBAAa,QAAQ,CAAC;AAAA,IACxB;AAAA,EACF;AACF;AAEO,MAAM,YAAY,CAAC,UAAgD;AACxE,QAAM,UAAU,QAAQ,EAAE;AAC1B,SACE,CAAC,MAAM,MAAM,MAAM,UAAU,OAAO,UAEjC,QAAQ,MAAM,MAAM,UAAU,CAAC,MAAM,QAAQ,CAAC,EACjD,EAHC;AAKL;",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/logo",
-  "version": "1.0.5",
+  "version": "1.0.7",
   "sideEffects": false,
   "source": "src/index.ts",
   "types": "./types/index.d.ts",
@@ -21,7 +21,7 @@
     "react-dom": "*"
   },
   "devDependencies": {
-    "@tamagui/build": "^1.0.5",
+    "@tamagui/build": "^1.0.7",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },

package/src/useTint.tsx

@@ -52,9 +52,10 @@ export const useTint = () => {
   } as const
 }
 
-export const ThemeTint = (props: { children: any }) => {
+export const ThemeTint = (props: { children: any; disable?: boolean }) => {
+  const curTint = useTint().tint
   return (
-    <Theme name={useTint().tint}>
+    <Theme name={props.disable ? null : curTint}>
       {/*  */}
       {useMemo(() => props.children, [props.children])}
     </Theme>

package/types/useTint.d.ts

@@ -17,5 +17,6 @@ export declare const useTint: () => {
 };
 export declare const ThemeTint: (props: {
     children: any;
+    disable?: boolean;
 }) => JSX.Element;
 //# sourceMappingURL=useTint.d.ts.map