@tamagui/logo 1.14.0 → 1.14.2

package/dist/jsx/index.js

@@ -1,2 +1,4 @@
-export*from"./TamaguiLogo";export*from"./tints";export*from"./useTint";
+export * from "./TamaguiLogo";
+export * from "./tints";
+export * from "./useTint";
 //# sourceMappingURL=index.js.map

package/dist/jsx/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/index.tsx"],
   "sourcesContent": ["export * from './TamaguiLogo'\nexport * from './tints'\nexport * from './useTint'\n"],
-  "mappings": "AAAA,WAAc,gBACd,WAAc,UACd,WAAc",
+  "mappings": "AAAA,cAAc;AACd,cAAc;AACd,cAAc;",
   "names": []
 }

package/dist/jsx/index.mjs

@@ -1,2 +1,4 @@
-export*from"./TamaguiLogo";export*from"./tints";export*from"./useTint";
+export * from "./TamaguiLogo";
+export * from "./tints";
+export * from "./useTint";
 //# sourceMappingURL=index.mjs.map

package/dist/jsx/index.mjs.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/index.tsx"],
   "sourcesContent": ["export * from './TamaguiLogo'\nexport * from './tints'\nexport * from './useTint'\n"],
-  "mappings": "AAAA,WAAc,gBACd,WAAc,UACd,WAAc",
+  "mappings": "AAAA,cAAc;AACd,cAAc;AACd,cAAc;",
   "names": []
 }

package/dist/jsx/tints.js

@@ -1,2 +1,49 @@
-import{useEffect as o,useState as m}from"react";const r={tamagui:["orange","yellow","green","blue","purple","pink","red"],xmas:["red","green","red","green","red","green","red"],easter:["yellow","pink","yellow","pink","yellow","pink","yellow"]},n=Object.keys(r),t=r;let a="tamagui";function s(){return{name:a||"tamagui",tints:t[a]||t.tamagui,families:t}}function d(){const[e,i]=m(s());return o(()=>f(()=>{i(s())}),[]),e}const y=e=>{if(!t[e])throw"impossible";a=e,l.forEach(i=>i(e))},c=()=>{y(n[(n.indexOf(a)+1)%n.length])},l=new Set,f=e=>(l.add(e),()=>{l.delete(e)});export{s as getTints,f as onTintFamilyChange,c as setNextTintFamily,y as setTintFamily,d as useTints};
+import { useEffect, useState } from "react";
+const familiesValues = {
+  tamagui: ["orange", "yellow", "green", "blue", "purple", "pink", "red"],
+  xmas: ["red", "green", "red", "green", "red", "green", "red"],
+  easter: ["yellow", "pink", "yellow", "pink", "yellow", "pink", "yellow"]
+};
+const familiesNames = Object.keys(familiesValues);
+const families = familiesValues;
+let fam = "tamagui";
+function getTints() {
+  return {
+    name: fam || "tamagui",
+    tints: families[fam] || families.tamagui,
+    families
+  };
+}
+function useTints() {
+  const [val, setVal] = useState(getTints());
+  useEffect(() => {
+    return onTintFamilyChange(() => {
+      setVal(getTints());
+    });
+  }, []);
+  return val;
+}
+const setTintFamily = (next) => {
+  if (!families[next])
+    throw `impossible`;
+  fam = next;
+  listeners.forEach((l) => l(next));
+};
+const setNextTintFamily = () => {
+  setTintFamily(familiesNames[(familiesNames.indexOf(fam) + 1) % familiesNames.length]);
+};
+const listeners = /* @__PURE__ */ new Set();
+const onTintFamilyChange = (cb) => {
+  listeners.add(cb);
+  return () => {
+    listeners.delete(cb);
+  };
+};
+export {
+  getTints,
+  onTintFamilyChange,
+  setNextTintFamily,
+  setTintFamily,
+  useTints
+};
 //# sourceMappingURL=tints.js.map

package/dist/jsx/tints.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/tints.tsx"],
   "sourcesContent": ["import { useEffect, useState } from 'react'\nimport { ThemeName } from 'tamagui'\n\nconst familiesValues = {\n  tamagui: ['orange', 'yellow', 'green', 'blue', 'purple', 'pink', 'red'],\n  xmas: ['red', 'green', 'red', 'green', 'red', 'green', 'red'],\n  easter: ['yellow', 'pink', 'yellow', 'pink', 'yellow', 'pink', 'yellow'],\n}\n\ntype Family = keyof typeof familiesValues\n\nconst familiesNames = Object.keys(familiesValues) as any as Family[]\n\nconst families = familiesValues as {\n  [key in Family]: ThemeName[]\n}\n\ntype TintFamily = keyof typeof families\n\nlet fam: TintFamily = 'tamagui'\n\nexport function getTints() {\n  return {\n    name: fam || 'tamagui',\n    tints: families[fam] || families.tamagui,\n    families,\n  }\n}\n\nexport function useTints() {\n  const [val, setVal] = useState(getTints())\n\n  useEffect(() => {\n    return onTintFamilyChange(() => {\n      setVal(getTints())\n    })\n  }, [])\n\n  return val\n}\n\nexport const setTintFamily = (next: TintFamily) => {\n  if (!families[next]) throw `impossible`\n  fam = next\n  listeners.forEach((l) => l(next))\n}\n\nexport const setNextTintFamily = () => {\n  setTintFamily(familiesNames[(familiesNames.indexOf(fam) + 1) % familiesNames.length])\n}\n\ntype ChangeHandler = (next: TintFamily) => void\n\nconst listeners = new Set<ChangeHandler>()\n\nexport const onTintFamilyChange = (cb: ChangeHandler) => {\n  listeners.add(cb)\n  return () => {\n    listeners.delete(cb)\n  }\n}\n"],
-  "mappings": "AAAA,OAAS,aAAAA,EAAW,YAAAC,MAAgB,QAGpC,MAAMC,EAAiB,CACrB,QAAS,CAAC,SAAU,SAAU,QAAS,OAAQ,SAAU,OAAQ,KAAK,EACtE,KAAM,CAAC,MAAO,QAAS,MAAO,QAAS,MAAO,QAAS,KAAK,EAC5D,OAAQ,CAAC,SAAU,OAAQ,SAAU,OAAQ,SAAU,OAAQ,QAAQ,CACzE,EAIMC,EAAgB,OAAO,KAAKD,CAAc,EAE1CE,EAAWF,EAMjB,IAAIG,EAAkB,UAEf,SAASC,GAAW,CACzB,MAAO,CACL,KAAMD,GAAO,UACb,MAAOD,EAASC,CAAG,GAAKD,EAAS,QACjC,SAAAA,CACF,CACF,CAEO,SAASG,GAAW,CACzB,KAAM,CAACC,EAAKC,CAAM,EAAIR,EAASK,EAAS,CAAC,EAEzC,OAAAN,EAAU,IACDU,EAAmB,IAAM,CAC9BD,EAAOH,EAAS,CAAC,CACnB,CAAC,EACA,CAAC,CAAC,EAEEE,CACT,CAEO,MAAMG,EAAiBC,GAAqB,CACjD,GAAI,CAACR,EAASQ,CAAI,EAAG,KAAM,aAC3BP,EAAMO,EACNC,EAAU,QAASC,GAAMA,EAAEF,CAAI,CAAC,CAClC,EAEaG,EAAoB,IAAM,CACrCJ,EAAcR,GAAeA,EAAc,QAAQE,CAAG,EAAI,GAAKF,EAAc,MAAM,CAAC,CACtF,EAIMU,EAAY,IAAI,IAETH,EAAsBM,IACjCH,EAAU,IAAIG,CAAE,EACT,IAAM,CACXH,EAAU,OAAOG,CAAE,CACrB",
-  "names": ["useEffect", "useState", "familiesValues", "familiesNames", "families", "fam", "getTints", "useTints", "val", "setVal", "onTintFamilyChange", "setTintFamily", "next", "listeners", "l", "setNextTintFamily", "cb"]
+  "mappings": "AAAA,SAAS,WAAW,gBAAgB;AAGpC,MAAM,iBAAiB;AAAA,EACrB,SAAS,CAAC,UAAU,UAAU,SAAS,QAAQ,UAAU,QAAQ,KAAK;AAAA,EACtE,MAAM,CAAC,OAAO,SAAS,OAAO,SAAS,OAAO,SAAS,KAAK;AAAA,EAC5D,QAAQ,CAAC,UAAU,QAAQ,UAAU,QAAQ,UAAU,QAAQ,QAAQ;AACzE;AAIA,MAAM,gBAAgB,OAAO,KAAK,cAAc;AAEhD,MAAM,WAAW;AAMjB,IAAI,MAAkB;AAEf,SAAS,WAAW;AACzB,SAAO;AAAA,IACL,MAAM,OAAO;AAAA,IACb,OAAO,SAAS,GAAG,KAAK,SAAS;AAAA,IACjC;AAAA,EACF;AACF;AAEO,SAAS,WAAW;AACzB,QAAM,CAAC,KAAK,MAAM,IAAI,SAAS,SAAS,CAAC;AAEzC,YAAU,MAAM;AACd,WAAO,mBAAmB,MAAM;AAC9B,aAAO,SAAS,CAAC;AAAA,IACnB,CAAC;AAAA,EACH,GAAG,CAAC,CAAC;AAEL,SAAO;AACT;AAEO,MAAM,gBAAgB,CAAC,SAAqB;AACjD,MAAI,CAAC,SAAS,IAAI;AAAG,UAAM;AAC3B,QAAM;AACN,YAAU,QAAQ,CAAC,MAAM,EAAE,IAAI,CAAC;AAClC;AAEO,MAAM,oBAAoB,MAAM;AACrC,gBAAc,eAAe,cAAc,QAAQ,GAAG,IAAI,KAAK,cAAc,MAAM,CAAC;AACtF;AAIA,MAAM,YAAY,oBAAI,IAAmB;AAElC,MAAM,qBAAqB,CAAC,OAAsB;AACvD,YAAU,IAAI,EAAE;AAChB,SAAO,MAAM;AACX,cAAU,OAAO,EAAE;AAAA,EACrB;AACF;",
+  "names": []
 }

package/dist/jsx/tints.mjs

@@ -1,2 +1,49 @@
-import{useEffect as o,useState as m}from"react";const r={tamagui:["orange","yellow","green","blue","purple","pink","red"],xmas:["red","green","red","green","red","green","red"],easter:["yellow","pink","yellow","pink","yellow","pink","yellow"]},n=Object.keys(r),t=r;let a="tamagui";function s(){return{name:a||"tamagui",tints:t[a]||t.tamagui,families:t}}function d(){const[e,i]=m(s());return o(()=>f(()=>{i(s())}),[]),e}const y=e=>{if(!t[e])throw"impossible";a=e,l.forEach(i=>i(e))},c=()=>{y(n[(n.indexOf(a)+1)%n.length])},l=new Set,f=e=>(l.add(e),()=>{l.delete(e)});export{s as getTints,f as onTintFamilyChange,c as setNextTintFamily,y as setTintFamily,d as useTints};
+import { useEffect, useState } from "react";
+const familiesValues = {
+  tamagui: ["orange", "yellow", "green", "blue", "purple", "pink", "red"],
+  xmas: ["red", "green", "red", "green", "red", "green", "red"],
+  easter: ["yellow", "pink", "yellow", "pink", "yellow", "pink", "yellow"]
+};
+const familiesNames = Object.keys(familiesValues);
+const families = familiesValues;
+let fam = "tamagui";
+function getTints() {
+  return {
+    name: fam || "tamagui",
+    tints: families[fam] || families.tamagui,
+    families
+  };
+}
+function useTints() {
+  const [val, setVal] = useState(getTints());
+  useEffect(() => {
+    return onTintFamilyChange(() => {
+      setVal(getTints());
+    });
+  }, []);
+  return val;
+}
+const setTintFamily = (next) => {
+  if (!families[next])
+    throw `impossible`;
+  fam = next;
+  listeners.forEach((l) => l(next));
+};
+const setNextTintFamily = () => {
+  setTintFamily(familiesNames[(familiesNames.indexOf(fam) + 1) % familiesNames.length]);
+};
+const listeners = /* @__PURE__ */ new Set();
+const onTintFamilyChange = (cb) => {
+  listeners.add(cb);
+  return () => {
+    listeners.delete(cb);
+  };
+};
+export {
+  getTints,
+  onTintFamilyChange,
+  setNextTintFamily,
+  setTintFamily,
+  useTints
+};
 //# sourceMappingURL=tints.mjs.map

package/dist/jsx/tints.mjs.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/tints.tsx"],
   "sourcesContent": ["import { useEffect, useState } from 'react'\nimport { ThemeName } from 'tamagui'\n\nconst familiesValues = {\n  tamagui: ['orange', 'yellow', 'green', 'blue', 'purple', 'pink', 'red'],\n  xmas: ['red', 'green', 'red', 'green', 'red', 'green', 'red'],\n  easter: ['yellow', 'pink', 'yellow', 'pink', 'yellow', 'pink', 'yellow'],\n}\n\ntype Family = keyof typeof familiesValues\n\nconst familiesNames = Object.keys(familiesValues) as any as Family[]\n\nconst families = familiesValues as {\n  [key in Family]: ThemeName[]\n}\n\ntype TintFamily = keyof typeof families\n\nlet fam: TintFamily = 'tamagui'\n\nexport function getTints() {\n  return {\n    name: fam || 'tamagui',\n    tints: families[fam] || families.tamagui,\n    families,\n  }\n}\n\nexport function useTints() {\n  const [val, setVal] = useState(getTints())\n\n  useEffect(() => {\n    return onTintFamilyChange(() => {\n      setVal(getTints())\n    })\n  }, [])\n\n  return val\n}\n\nexport const setTintFamily = (next: TintFamily) => {\n  if (!families[next]) throw `impossible`\n  fam = next\n  listeners.forEach((l) => l(next))\n}\n\nexport const setNextTintFamily = () => {\n  setTintFamily(familiesNames[(familiesNames.indexOf(fam) + 1) % familiesNames.length])\n}\n\ntype ChangeHandler = (next: TintFamily) => void\n\nconst listeners = new Set<ChangeHandler>()\n\nexport const onTintFamilyChange = (cb: ChangeHandler) => {\n  listeners.add(cb)\n  return () => {\n    listeners.delete(cb)\n  }\n}\n"],
-  "mappings": "AAAA,OAAS,aAAAA,EAAW,YAAAC,MAAgB,QAGpC,MAAMC,EAAiB,CACrB,QAAS,CAAC,SAAU,SAAU,QAAS,OAAQ,SAAU,OAAQ,KAAK,EACtE,KAAM,CAAC,MAAO,QAAS,MAAO,QAAS,MAAO,QAAS,KAAK,EAC5D,OAAQ,CAAC,SAAU,OAAQ,SAAU,OAAQ,SAAU,OAAQ,QAAQ,CACzE,EAIMC,EAAgB,OAAO,KAAKD,CAAc,EAE1CE,EAAWF,EAMjB,IAAIG,EAAkB,UAEf,SAASC,GAAW,CACzB,MAAO,CACL,KAAMD,GAAO,UACb,MAAOD,EAASC,CAAG,GAAKD,EAAS,QACjC,SAAAA,CACF,CACF,CAEO,SAASG,GAAW,CACzB,KAAM,CAACC,EAAKC,CAAM,EAAIR,EAASK,EAAS,CAAC,EAEzC,OAAAN,EAAU,IACDU,EAAmB,IAAM,CAC9BD,EAAOH,EAAS,CAAC,CACnB,CAAC,EACA,CAAC,CAAC,EAEEE,CACT,CAEO,MAAMG,EAAiBC,GAAqB,CACjD,GAAI,CAACR,EAASQ,CAAI,EAAG,KAAM,aAC3BP,EAAMO,EACNC,EAAU,QAASC,GAAMA,EAAEF,CAAI,CAAC,CAClC,EAEaG,EAAoB,IAAM,CACrCJ,EAAcR,GAAeA,EAAc,QAAQE,CAAG,EAAI,GAAKF,EAAc,MAAM,CAAC,CACtF,EAIMU,EAAY,IAAI,IAETH,EAAsBM,IACjCH,EAAU,IAAIG,CAAE,EACT,IAAM,CACXH,EAAU,OAAOG,CAAE,CACrB",
-  "names": ["useEffect", "useState", "familiesValues", "familiesNames", "families", "fam", "getTints", "useTints", "val", "setVal", "onTintFamilyChange", "setTintFamily", "next", "listeners", "l", "setNextTintFamily", "cb"]
+  "mappings": "AAAA,SAAS,WAAW,gBAAgB;AAGpC,MAAM,iBAAiB;AAAA,EACrB,SAAS,CAAC,UAAU,UAAU,SAAS,QAAQ,UAAU,QAAQ,KAAK;AAAA,EACtE,MAAM,CAAC,OAAO,SAAS,OAAO,SAAS,OAAO,SAAS,KAAK;AAAA,EAC5D,QAAQ,CAAC,UAAU,QAAQ,UAAU,QAAQ,UAAU,QAAQ,QAAQ;AACzE;AAIA,MAAM,gBAAgB,OAAO,KAAK,cAAc;AAEhD,MAAM,WAAW;AAMjB,IAAI,MAAkB;AAEf,SAAS,WAAW;AACzB,SAAO;AAAA,IACL,MAAM,OAAO;AAAA,IACb,OAAO,SAAS,GAAG,KAAK,SAAS;AAAA,IACjC;AAAA,EACF;AACF;AAEO,SAAS,WAAW;AACzB,QAAM,CAAC,KAAK,MAAM,IAAI,SAAS,SAAS,CAAC;AAEzC,YAAU,MAAM;AACd,WAAO,mBAAmB,MAAM;AAC9B,aAAO,SAAS,CAAC;AAAA,IACnB,CAAC;AAAA,EACH,GAAG,CAAC,CAAC;AAEL,SAAO;AACT;AAEO,MAAM,gBAAgB,CAAC,SAAqB;AACjD,MAAI,CAAC,SAAS,IAAI;AAAG,UAAM;AAC3B,QAAM;AACN,YAAU,QAAQ,CAAC,MAAM,EAAE,IAAI,CAAC;AAClC;AAEO,MAAM,oBAAoB,MAAM;AACrC,gBAAc,eAAe,cAAc,QAAQ,GAAG,IAAI,KAAK,cAAc,MAAM,CAAC;AACtF;AAIA,MAAM,YAAY,oBAAI,IAAmB;AAElC,MAAM,qBAAqB,CAAC,OAAsB;AACvD,YAAU,IAAI,EAAE;AAChB,SAAO,MAAM;AACX,cAAU,OAAO,EAAE;AAAA,EACrB;AACF;",
+  "names": []
 }

package/dist/jsx/useTint.js

@@ -1,2 +1,54 @@
-import{startTransition as c,useMemo as m,useSyncExternalStore as a}from"react";import{Theme as T}from"tamagui";import{getTints as u,setNextTintFamily as l,useTints as d}from"./tints";const o=3;let i=o;const s=new Set,h=t=>(s.add(t),()=>{s.delete(t)}),x=u().tints.length,r=t=>{const n=t%x;n!==i&&(i=n,c(()=>{s.forEach(e=>e(n))}))},b=()=>{const t=a(h,()=>i,()=>o),n=d(),{tints:e}=n;return{...n,tints:n.tints,tintIndex:t,tint:e[t],setTintIndex:r,setNextTintFamily:l,setNextTint:()=>{r(t+1)}}},y=t=>{const n=b().tint;return<T name={t.disable?null:n}>{m(()=>t.children,[t.children])}</T>};export{y as ThemeTint,o as initialTint,h as onTintChange,r as setTintIndex,b as useTint};
+import { startTransition, useMemo, useSyncExternalStore } from "react";
+import { Theme } from "tamagui";
+import { getTints, setNextTintFamily, useTints } from "./tints";
+const initialTint = 3;
+let current = initialTint;
+const listeners = /* @__PURE__ */ new Set();
+const onTintChange = (listener) => {
+  listeners.add(listener);
+  return () => {
+    listeners.delete(listener);
+  };
+};
+const numTints = getTints().tints.length;
+const setTintIndex = (next) => {
+  const val = next % numTints;
+  if (val === current)
+    return;
+  current = val;
+  startTransition(() => {
+    listeners.forEach((x) => x(val));
+  });
+};
+const useTint = () => {
+  const index = useSyncExternalStore(
+    onTintChange,
+    () => current,
+    () => initialTint
+  );
+  const tintsContext = useTints();
+  const { tints } = tintsContext;
+  return {
+    ...tintsContext,
+    tints: tintsContext.tints,
+    tintIndex: index,
+    tint: tints[index],
+    setTintIndex,
+    setNextTintFamily,
+    setNextTint: () => {
+      setTintIndex(index + 1);
+    }
+  };
+};
+const ThemeTint = (props) => {
+  const curTint = useTint().tint;
+  return <Theme name={props.disable ? null : curTint}>{useMemo(() => props.children, [props.children])}</Theme>;
+};
+export {
+  ThemeTint,
+  initialTint,
+  onTintChange,
+  setTintIndex,
+  useTint
+};
 //# sourceMappingURL=useTint.js.map

package/dist/jsx/useTint.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/useTint.tsx"],
   "sourcesContent": ["import { startTransition, 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  startTransition(() => {\n    listeners.forEach((x) => x(val))\n  })\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,OAAS,mBAAAA,EAAiB,WAAAC,EAAS,wBAAAC,MAA4B,QAC/D,OAAS,SAAAC,MAAwB,UAEjC,OAAS,YAAAC,EAAU,qBAAAC,EAAmB,YAAAC,MAAgB,UAO/C,MAAMC,EAAc,EAE3B,IAAIC,EAAUD,EAEd,MAAME,EAAY,IAAI,IAETC,EAAgBC,IAC3BF,EAAU,IAAIE,CAAQ,EACf,IAAM,CACXF,EAAU,OAAOE,CAAQ,CAC3B,GAGIC,EAAWR,EAAS,EAAE,MAAM,OAErBS,EAAgBC,GAAiB,CAC5C,MAAMC,EAAMD,EAAOF,EACfG,IAAQP,IACZA,EAAUO,EACVf,EAAgB,IAAM,CACpBS,EAAU,QAASO,GAAMA,EAAED,CAAG,CAAC,CACjC,CAAC,EACH,EAEaE,EAAU,IAAM,CAC3B,MAAMC,EAAQhB,EACZQ,EACA,IAAMF,EACN,IAAMD,CACR,EACMY,EAAeb,EAAS,EACxB,CAAE,MAAAc,CAAM,EAAID,EAElB,MAAO,CACL,GAAGA,EACH,MAAOA,EAAa,MACpB,UAAWD,EACX,KAAME,EAAMF,CAAK,EACjB,aAAAL,EACA,kBAAAR,EACA,YAAa,IAAM,CACjBQ,EAAaK,EAAQ,CAAC,CACxB,CACF,CACF,EAEaG,EAAaC,GAAgD,CACxE,MAAMC,EAAUN,EAAQ,EAAE,KAC1B,MACE,CAACd,EAAM,MAAMmB,EAAM,QAAU,KAAOC,IAEjCtB,EAAQ,IAAMqB,EAAM,SAAU,CAACA,EAAM,QAAQ,CAAC,EACjD,EAHCnB,EAKL",
-  "names": ["startTransition", "useMemo", "useSyncExternalStore", "Theme", "getTints", "setNextTintFamily", "useTints", "initialTint", "current", "listeners", "onTintChange", "listener", "numTints", "setTintIndex", "next", "val", "x", "useTint", "index", "tintsContext", "tints", "ThemeTint", "props", "curTint"]
+  "mappings": "AAAA,SAAS,iBAAiB,SAAS,4BAA4B;AAC/D,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,kBAAgB,MAAM;AACpB,cAAU,QAAQ,CAAC,MAAM,EAAE,GAAG,CAAC;AAAA,EACjC,CAAC;AACH;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,KAAK;AAAA,IACjB;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/dist/jsx/useTint.mjs

@@ -1,2 +1,54 @@
-import{startTransition as c,useMemo as m,useSyncExternalStore as a}from"react";import{Theme as T}from"tamagui";import{getTints as u,setNextTintFamily as l,useTints as d}from"./tints";const o=3;let i=o;const s=new Set,h=t=>(s.add(t),()=>{s.delete(t)}),x=u().tints.length,r=t=>{const n=t%x;n!==i&&(i=n,c(()=>{s.forEach(e=>e(n))}))},b=()=>{const t=a(h,()=>i,()=>o),n=d(),{tints:e}=n;return{...n,tints:n.tints,tintIndex:t,tint:e[t],setTintIndex:r,setNextTintFamily:l,setNextTint:()=>{r(t+1)}}},y=t=>{const n=b().tint;return<T name={t.disable?null:n}>{m(()=>t.children,[t.children])}</T>};export{y as ThemeTint,o as initialTint,h as onTintChange,r as setTintIndex,b as useTint};
+import { startTransition, useMemo, useSyncExternalStore } from "react";
+import { Theme } from "tamagui";
+import { getTints, setNextTintFamily, useTints } from "./tints";
+const initialTint = 3;
+let current = initialTint;
+const listeners = /* @__PURE__ */ new Set();
+const onTintChange = (listener) => {
+  listeners.add(listener);
+  return () => {
+    listeners.delete(listener);
+  };
+};
+const numTints = getTints().tints.length;
+const setTintIndex = (next) => {
+  const val = next % numTints;
+  if (val === current)
+    return;
+  current = val;
+  startTransition(() => {
+    listeners.forEach((x) => x(val));
+  });
+};
+const useTint = () => {
+  const index = useSyncExternalStore(
+    onTintChange,
+    () => current,
+    () => initialTint
+  );
+  const tintsContext = useTints();
+  const { tints } = tintsContext;
+  return {
+    ...tintsContext,
+    tints: tintsContext.tints,
+    tintIndex: index,
+    tint: tints[index],
+    setTintIndex,
+    setNextTintFamily,
+    setNextTint: () => {
+      setTintIndex(index + 1);
+    }
+  };
+};
+const ThemeTint = (props) => {
+  const curTint = useTint().tint;
+  return <Theme name={props.disable ? null : curTint}>{useMemo(() => props.children, [props.children])}</Theme>;
+};
+export {
+  ThemeTint,
+  initialTint,
+  onTintChange,
+  setTintIndex,
+  useTint
+};
 //# sourceMappingURL=useTint.mjs.map

package/dist/jsx/useTint.mjs.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/useTint.tsx"],
   "sourcesContent": ["import { startTransition, 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  startTransition(() => {\n    listeners.forEach((x) => x(val))\n  })\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,OAAS,mBAAAA,EAAiB,WAAAC,EAAS,wBAAAC,MAA4B,QAC/D,OAAS,SAAAC,MAAwB,UAEjC,OAAS,YAAAC,EAAU,qBAAAC,EAAmB,YAAAC,MAAgB,UAO/C,MAAMC,EAAc,EAE3B,IAAIC,EAAUD,EAEd,MAAME,EAAY,IAAI,IAETC,EAAgBC,IAC3BF,EAAU,IAAIE,CAAQ,EACf,IAAM,CACXF,EAAU,OAAOE,CAAQ,CAC3B,GAGIC,EAAWR,EAAS,EAAE,MAAM,OAErBS,EAAgBC,GAAiB,CAC5C,MAAMC,EAAMD,EAAOF,EACfG,IAAQP,IACZA,EAAUO,EACVf,EAAgB,IAAM,CACpBS,EAAU,QAASO,GAAMA,EAAED,CAAG,CAAC,CACjC,CAAC,EACH,EAEaE,EAAU,IAAM,CAC3B,MAAMC,EAAQhB,EACZQ,EACA,IAAMF,EACN,IAAMD,CACR,EACMY,EAAeb,EAAS,EACxB,CAAE,MAAAc,CAAM,EAAID,EAElB,MAAO,CACL,GAAGA,EACH,MAAOA,EAAa,MACpB,UAAWD,EACX,KAAME,EAAMF,CAAK,EACjB,aAAAL,EACA,kBAAAR,EACA,YAAa,IAAM,CACjBQ,EAAaK,EAAQ,CAAC,CACxB,CACF,CACF,EAEaG,EAAaC,GAAgD,CACxE,MAAMC,EAAUN,EAAQ,EAAE,KAC1B,MACE,CAACd,EAAM,MAAMmB,EAAM,QAAU,KAAOC,IAEjCtB,EAAQ,IAAMqB,EAAM,SAAU,CAACA,EAAM,QAAQ,CAAC,EACjD,EAHCnB,EAKL",
-  "names": ["startTransition", "useMemo", "useSyncExternalStore", "Theme", "getTints", "setNextTintFamily", "useTints", "initialTint", "current", "listeners", "onTintChange", "listener", "numTints", "setTintIndex", "next", "val", "x", "useTint", "index", "tintsContext", "tints", "ThemeTint", "props", "curTint"]
+  "mappings": "AAAA,SAAS,iBAAiB,SAAS,4BAA4B;AAC/D,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,kBAAgB,MAAM;AACpB,cAAU,QAAQ,CAAC,MAAM,EAAE,GAAG,CAAC;AAAA,EACjC,CAAC;AACH;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,KAAK;AAAA,IACjB;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.14.0",
+  "version": "1.14.2",
   "sideEffects": false,
   "source": "src/index.ts",
   "types": "./types/index.d.ts",
@@ -20,10 +20,10 @@
     "react": "*"
   },
   "dependencies": {
-    "tamagui": "1.14.0"
+    "tamagui": "1.14.2"
   },
   "devDependencies": {
-    "@tamagui/build": "1.14.0",
+    "@tamagui/build": "1.14.2",
     "react": "^18.2.0"
   },
   "publishConfig": {