@tamagui/logo 1.13.2 → 1.13.4

package/dist/jsx/tints.js

@@ -1,46 +1,2 @@
-import { useEffect, useState } from "react";
-const families = Object.freeze({
-  tamagui: ["orange", "yellow", "green", "blue", "purple", "pink", "red"],
-  xmas: ["red", "green", "red", "green", "red", "green", "red"]
-});
-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(fam === "tamagui" ? "xmas" : "tamagui");
-};
-const listeners = /* @__PURE__ */ new Set();
-const onTintFamilyChange = (cb) => {
-  listeners.add(cb);
-  return () => {
-    listeners.delete(cb);
-  };
-};
-export {
-  getTints,
-  onTintFamilyChange,
-  setNextTintFamily,
-  setTintFamily,
-  useTints
-};
+import{useEffect as m,useState as o}from"react";const t=Object.freeze({tamagui:["orange","yellow","green","blue","purple","pink","red"],xmas:["red","green","red","green","red","green","red"]});let a="tamagui";function r(){return{name:a||"tamagui",tints:t[a]||t.tamagui,families:t}}function p(){const[e,n]=o(r());return m(()=>l(()=>{n(r())}),[]),e}const s=e=>{if(!t[e])throw"impossible";a=e,i.forEach(n=>n(e))},y=()=>{s(a==="tamagui"?"xmas":"tamagui")},i=new Set,l=e=>(i.add(e),()=>{i.delete(e)});export{r as getTints,l as onTintFamilyChange,y as setNextTintFamily,s as setTintFamily,p as 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 families = Object.freeze({\n  tamagui: ['orange', 'yellow', 'green', 'blue', 'purple', 'pink', 'red'],\n  xmas: ['red', 'green', 'red', 'green', 'red', 'green', 'red'],\n}) as {\n  [key in 'tamagui' | 'xmas']: 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(fam === 'tamagui' ? 'xmas' : 'tamagui')\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,SAAS,WAAW,gBAAgB;AAGpC,MAAM,WAAW,OAAO,OAAO;AAAA,EAC7B,SAAS,CAAC,UAAU,UAAU,SAAS,QAAQ,UAAU,QAAQ,KAAK;AAAA,EACtE,MAAM,CAAC,OAAO,SAAS,OAAO,SAAS,OAAO,SAAS,KAAK;AAC9D,CAAC;AAMD,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,QAAQ,YAAY,SAAS,SAAS;AACtD;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": []
+  "mappings": "AAAA,OAAS,aAAAA,EAAW,YAAAC,MAAgB,QAGpC,MAAMC,EAAW,OAAO,OAAO,CAC7B,QAAS,CAAC,SAAU,SAAU,QAAS,OAAQ,SAAU,OAAQ,KAAK,EACtE,KAAM,CAAC,MAAO,QAAS,MAAO,QAAS,MAAO,QAAS,KAAK,CAC9D,CAAC,EAMD,IAAIC,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,EAAIN,EAASG,EAAS,CAAC,EAEzC,OAAAJ,EAAU,IACDQ,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,EAAcN,IAAQ,UAAY,OAAS,SAAS,CACtD,EAIMQ,EAAY,IAAI,IAETH,EAAsBM,IACjCH,EAAU,IAAIG,CAAE,EACT,IAAM,CACXH,EAAU,OAAOG,CAAE,CACrB",
+  "names": ["useEffect", "useState", "families", "fam", "getTints", "useTints", "val", "setVal", "onTintFamilyChange", "setTintFamily", "next", "listeners", "l", "setNextTintFamily", "cb"]
 }

package/dist/jsx/tints.mjs

@@ -1,46 +1,2 @@
-import { useEffect, useState } from "react";
-const families = Object.freeze({
-  tamagui: ["orange", "yellow", "green", "blue", "purple", "pink", "red"],
-  xmas: ["red", "green", "red", "green", "red", "green", "red"]
-});
-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(fam === "tamagui" ? "xmas" : "tamagui");
-};
-const listeners = /* @__PURE__ */ new Set();
-const onTintFamilyChange = (cb) => {
-  listeners.add(cb);
-  return () => {
-    listeners.delete(cb);
-  };
-};
-export {
-  getTints,
-  onTintFamilyChange,
-  setNextTintFamily,
-  setTintFamily,
-  useTints
-};
+import{useEffect as m,useState as o}from"react";const t=Object.freeze({tamagui:["orange","yellow","green","blue","purple","pink","red"],xmas:["red","green","red","green","red","green","red"]});let a="tamagui";function r(){return{name:a||"tamagui",tints:t[a]||t.tamagui,families:t}}function p(){const[e,n]=o(r());return m(()=>l(()=>{n(r())}),[]),e}const s=e=>{if(!t[e])throw"impossible";a=e,i.forEach(n=>n(e))},y=()=>{s(a==="tamagui"?"xmas":"tamagui")},i=new Set,l=e=>(i.add(e),()=>{i.delete(e)});export{r as getTints,l as onTintFamilyChange,y as setNextTintFamily,s as setTintFamily,p as 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 families = Object.freeze({\n  tamagui: ['orange', 'yellow', 'green', 'blue', 'purple', 'pink', 'red'],\n  xmas: ['red', 'green', 'red', 'green', 'red', 'green', 'red'],\n}) as {\n  [key in 'tamagui' | 'xmas']: 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(fam === 'tamagui' ? 'xmas' : 'tamagui')\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,SAAS,WAAW,gBAAgB;AAGpC,MAAM,WAAW,OAAO,OAAO;AAAA,EAC7B,SAAS,CAAC,UAAU,UAAU,SAAS,QAAQ,UAAU,QAAQ,KAAK;AAAA,EACtE,MAAM,CAAC,OAAO,SAAS,OAAO,SAAS,OAAO,SAAS,KAAK;AAC9D,CAAC;AAMD,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,QAAQ,YAAY,SAAS,SAAS;AACtD;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": []
+  "mappings": "AAAA,OAAS,aAAAA,EAAW,YAAAC,MAAgB,QAGpC,MAAMC,EAAW,OAAO,OAAO,CAC7B,QAAS,CAAC,SAAU,SAAU,QAAS,OAAQ,SAAU,OAAQ,KAAK,EACtE,KAAM,CAAC,MAAO,QAAS,MAAO,QAAS,MAAO,QAAS,KAAK,CAC9D,CAAC,EAMD,IAAIC,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,EAAIN,EAASG,EAAS,CAAC,EAEzC,OAAAJ,EAAU,IACDQ,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,EAAcN,IAAQ,UAAY,OAAS,SAAS,CACtD,EAIMQ,EAAY,IAAI,IAETH,EAAsBM,IACjCH,EAAU,IAAIG,CAAE,EACT,IAAM,CACXH,EAAU,OAAOG,CAAE,CACrB",
+  "names": ["useEffect", "useState", "families", "fam", "getTints", "useTints", "val", "setVal", "onTintFamilyChange", "setTintFamily", "next", "listeners", "l", "setNextTintFamily", "cb"]
 }

package/dist/jsx/useTint.js

@@ -1,54 +1,2 @@
-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
-};
+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};
 //# 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,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": []
+  "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"]
 }

package/dist/jsx/useTint.mjs

@@ -1,54 +1,2 @@
-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
-};
+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};
 //# 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,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": []
+  "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"]
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/logo",
-  "version": "1.13.2",
+  "version": "1.13.4",
   "sideEffects": false,
   "source": "src/index.ts",
   "types": "./types/index.d.ts",
@@ -20,10 +20,10 @@
     "react": "*"
   },
   "dependencies": {
-    "tamagui": "1.13.2"
+    "tamagui": "1.13.4"
   },
   "devDependencies": {
-    "@tamagui/build": "1.13.2",
+    "@tamagui/build": "1.13.4",
     "react": "^18.2.0"
   },
   "publishConfig": {