@tamagui/logo 1.13.4 → 1.14.0

package/dist/cjs/tints.js

@@ -1,2 +1,2 @@
-"use strict";var o=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var y=Object.getOwnPropertyNames;var d=Object.prototype.hasOwnProperty;var T=(e,t)=>{for(var n in t)o(e,n,{get:t[n],enumerable:!0})},c=(e,t,n,u)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of y(t))!d.call(e,a)&&a!==n&&o(e,a,{get:()=>t[a],enumerable:!(u=p(t,a))||u.enumerable});return e};var h=e=>c(o({},"__esModule",{value:!0}),e);var C={};T(C,{getTints:()=>l,onTintFamilyChange:()=>f,setNextTintFamily:()=>F,setTintFamily:()=>g,useTints:()=>x});module.exports=h(C);var m=require("react");const i=Object.freeze({tamagui:["orange","yellow","green","blue","purple","pink","red"],xmas:["red","green","red","green","red","green","red"]});let r="tamagui";function l(){return{name:r||"tamagui",tints:i[r]||i.tamagui,families:i}}function x(){const[e,t]=(0,m.useState)(l());return(0,m.useEffect)(()=>f(()=>{t(l())}),[]),e}const g=e=>{if(!i[e])throw"impossible";r=e,s.forEach(t=>t(e))},F=()=>{g(r==="tamagui"?"xmas":"tamagui")},s=new Set,f=e=>(s.add(e),()=>{s.delete(e)});0&&(module.exports={getTints,onTintFamilyChange,setNextTintFamily,setTintFamily,useTints});
+"use strict";var s=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var T=Object.prototype.hasOwnProperty;var F=(e,t)=>{for(var i in t)s(e,i,{get:t[i],enumerable:!0})},h=(e,t,i,f)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of c(t))!T.call(e,a)&&a!==i&&s(e,a,{get:()=>t[a],enumerable:!(f=d(t,a))||f.enumerable});return e};var k=e=>h(s({},"__esModule",{value:!0}),e);var C={};F(C,{getTints:()=>y,onTintFamilyChange:()=>g,setNextTintFamily:()=>x,setTintFamily:()=>u,useTints:()=>w});module.exports=k(C);var r=require("react");const p={tamagui:["orange","yellow","green","blue","purple","pink","red"],xmas:["red","green","red","green","red","green","red"],easter:["yellow","pink","yellow","pink","yellow","pink","yellow"]},o=Object.keys(p),n=p;let l="tamagui";function y(){return{name:l||"tamagui",tints:n[l]||n.tamagui,families:n}}function w(){const[e,t]=(0,r.useState)(y());return(0,r.useEffect)(()=>g(()=>{t(y())}),[]),e}const u=e=>{if(!n[e])throw"impossible";l=e,m.forEach(t=>t(e))},x=()=>{u(o[(o.indexOf(l)+1)%o.length])},m=new Set,g=e=>(m.add(e),()=>{m.delete(e)});0&&(module.exports={getTints,onTintFamilyChange,setNextTintFamily,setTintFamily,useTints});
 //# sourceMappingURL=tints.js.map

package/dist/cjs/tints.js.map

@@ -1,7 +1,7 @@
 {
   "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": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,cAAAE,EAAA,uBAAAC,EAAA,sBAAAC,EAAA,kBAAAC,EAAA,aAAAC,IAAA,eAAAC,EAAAP,GAAA,IAAAQ,EAAoC,iBAGpC,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,SAASR,GAAW,CACzB,MAAO,CACL,KAAMQ,GAAO,UACb,MAAOD,EAASC,CAAG,GAAKD,EAAS,QACjC,SAAAA,CACF,CACF,CAEO,SAASH,GAAW,CACzB,KAAM,CAACK,EAAKC,CAAM,KAAI,YAASV,EAAS,CAAC,EAEzC,sBAAU,IACDC,EAAmB,IAAM,CAC9BS,EAAOV,EAAS,CAAC,CACnB,CAAC,EACA,CAAC,CAAC,EAEES,CACT,CAEO,MAAMN,EAAiBQ,GAAqB,CACjD,GAAI,CAACJ,EAASI,CAAI,EAAG,KAAM,aAC3BH,EAAMG,EACNC,EAAU,QAASC,GAAMA,EAAEF,CAAI,CAAC,CAClC,EAEaT,EAAoB,IAAM,CACrCC,EAAcK,IAAQ,UAAY,OAAS,SAAS,CACtD,EAIMI,EAAY,IAAI,IAETX,EAAsBa,IACjCF,EAAU,IAAIE,CAAE,EACT,IAAM,CACXF,EAAU,OAAOE,CAAE,CACrB",
-  "names": ["tints_exports", "__export", "getTints", "onTintFamilyChange", "setNextTintFamily", "setTintFamily", "useTints", "__toCommonJS", "import_react", "families", "fam", "val", "setVal", "next", "listeners", "l", "cb"]
+  "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": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,cAAAE,EAAA,uBAAAC,EAAA,sBAAAC,EAAA,kBAAAC,EAAA,aAAAC,IAAA,eAAAC,EAAAP,GAAA,IAAAQ,EAAoC,iBAGpC,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,SAASV,GAAW,CACzB,MAAO,CACL,KAAMU,GAAO,UACb,MAAOD,EAASC,CAAG,GAAKD,EAAS,QACjC,SAAAA,CACF,CACF,CAEO,SAASL,GAAW,CACzB,KAAM,CAACO,EAAKC,CAAM,KAAI,YAASZ,EAAS,CAAC,EAEzC,sBAAU,IACDC,EAAmB,IAAM,CAC9BW,EAAOZ,EAAS,CAAC,CACnB,CAAC,EACA,CAAC,CAAC,EAEEW,CACT,CAEO,MAAMR,EAAiBU,GAAqB,CACjD,GAAI,CAACJ,EAASI,CAAI,EAAG,KAAM,aAC3BH,EAAMG,EACNC,EAAU,QAASC,GAAMA,EAAEF,CAAI,CAAC,CAClC,EAEaX,EAAoB,IAAM,CACrCC,EAAcK,GAAeA,EAAc,QAAQE,CAAG,EAAI,GAAKF,EAAc,MAAM,CAAC,CACtF,EAIMM,EAAY,IAAI,IAETb,EAAsBe,IACjCF,EAAU,IAAIE,CAAE,EACT,IAAM,CACXF,EAAU,OAAOE,CAAE,CACrB",
+  "names": ["tints_exports", "__export", "getTints", "onTintFamilyChange", "setNextTintFamily", "setTintFamily", "useTints", "__toCommonJS", "import_react", "familiesValues", "familiesNames", "families", "fam", "val", "setVal", "next", "listeners", "l", "cb"]
 }

package/dist/esm/tints.js

@@ -1,2 +1,2 @@
-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};
+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};
 //# sourceMappingURL=tints.js.map

package/dist/esm/tints.js.map

@@ -1,7 +1,7 @@
 {
   "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,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"]
+  "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"]
 }

package/dist/esm/tints.mjs

@@ -1,2 +1,2 @@
-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};
+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};
 //# sourceMappingURL=tints.mjs.map

package/dist/esm/tints.mjs.map

@@ -1,7 +1,7 @@
 {
   "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,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"]
+  "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"]
 }

package/dist/jsx/tints.js

@@ -1,2 +1,2 @@
-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};
+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};
 //# sourceMappingURL=tints.js.map

package/dist/jsx/tints.js.map

@@ -1,7 +1,7 @@
 {
   "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,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"]
+  "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"]
 }

package/dist/jsx/tints.mjs

@@ -1,2 +1,2 @@
-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};
+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};
 //# sourceMappingURL=tints.mjs.map

package/dist/jsx/tints.mjs.map

@@ -1,7 +1,7 @@
 {
   "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,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"]
+  "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"]
 }

package/package.json

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

package/src/tints.tsx

@@ -1,11 +1,18 @@
 import { useEffect, useState } from 'react'
 import { ThemeName } from 'tamagui'
 
-const families = Object.freeze({
+const familiesValues = {
   tamagui: ['orange', 'yellow', 'green', 'blue', 'purple', 'pink', 'red'],
   xmas: ['red', 'green', 'red', 'green', 'red', 'green', 'red'],
-}) as {
-  [key in 'tamagui' | 'xmas']: ThemeName[]
+  easter: ['yellow', 'pink', 'yellow', 'pink', 'yellow', 'pink', 'yellow'],
+}
+
+type Family = keyof typeof familiesValues
+
+const familiesNames = Object.keys(familiesValues) as any as Family[]
+
+const families = familiesValues as {
+  [key in Family]: ThemeName[]
 }
 
 type TintFamily = keyof typeof families
@@ -39,7 +46,7 @@ export const setTintFamily = (next: TintFamily) => {
 }
 
 export const setNextTintFamily = () => {
-  setTintFamily(fam === 'tamagui' ? 'xmas' : 'tamagui')
+  setTintFamily(familiesNames[(familiesNames.indexOf(fam) + 1) % familiesNames.length])
 }
 
 type ChangeHandler = (next: TintFamily) => void

package/types/tints.d.ts

@@ -1,22 +1,25 @@
 declare const families: {
     tamagui: string[];
     xmas: string[];
+    easter: string[];
 };
 type TintFamily = keyof typeof families;
 export declare function getTints(): {
-    name: "tamagui" | "xmas";
+    name: "tamagui" | "xmas" | "easter";
     tints: string[];
     families: {
         tamagui: string[];
         xmas: string[];
+        easter: string[];
     };
 };
 export declare function useTints(): {
-    name: "tamagui" | "xmas";
+    name: "tamagui" | "xmas" | "easter";
     tints: string[];
     families: {
         tamagui: string[];
         xmas: string[];
+        easter: string[];
     };
 };
 export declare const setTintFamily: (next: TintFamily) => void;

package/types/tints.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tints.d.ts","sourceRoot":"","sources":["../src/tints.tsx"],"names":[],"mappings":"AAGA,QAAA,MAAM,QAAQ;;;CAKb,CAAA;AAED,KAAK,UAAU,GAAG,MAAM,OAAO,QAAQ,CAAA;AAIvC,wBAAgB,QAAQ;;;;;;;EAMvB;AAED,wBAAgB,QAAQ;;;;;;;EAUvB;AAED,eAAO,MAAM,aAAa,SAAU,UAAU,SAI7C,CAAA;AAED,eAAO,MAAM,iBAAiB,YAE7B,CAAA;AAED,KAAK,aAAa,GAAG,CAAC,IAAI,EAAE,UAAU,KAAK,IAAI,CAAA;AAI/C,eAAO,MAAM,kBAAkB,OAAQ,aAAa,eAKnD,CAAA"}
+{"version":3,"file":"tints.d.ts","sourceRoot":"","sources":["../src/tints.tsx"],"names":[],"mappings":"AAaA,QAAA,MAAM,QAAQ;;;;CAEb,CAAA;AAED,KAAK,UAAU,GAAG,MAAM,OAAO,QAAQ,CAAA;AAIvC,wBAAgB,QAAQ;;;;;;;;EAMvB;AAED,wBAAgB,QAAQ;;;;;;;;EAUvB;AAED,eAAO,MAAM,aAAa,SAAU,UAAU,SAI7C,CAAA;AAED,eAAO,MAAM,iBAAiB,YAE7B,CAAA;AAED,KAAK,aAAa,GAAG,CAAC,IAAI,EAAE,UAAU,KAAK,IAAI,CAAA;AAI/C,eAAO,MAAM,kBAAkB,OAAQ,aAAa,eAKnD,CAAA"}

package/types/useTint.d.ts

@@ -9,10 +9,11 @@ export declare const useTint: () => {
     readonly setTintIndex: (next: number) => void;
     readonly setNextTintFamily: () => void;
     readonly setNextTint: () => void;
-    readonly name: "tamagui" | "xmas";
+    readonly name: "tamagui" | "xmas" | "easter";
     readonly families: {
         tamagui: string[];
         xmas: string[];
+        easter: string[];
     };
 };
 export declare const ThemeTint: (props: {

package/types/useTint.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useTint.d.ts","sourceRoot":"","sources":["../src/useTint.tsx"],"names":[],"mappings":";AAUA,eAAO,MAAM,WAAW,IAAI,CAAA;AAM5B,eAAO,MAAM,YAAY,mBAAoB,MAAM,KAAK,IAAI,eAK3D,CAAA;AAID,eAAO,MAAM,YAAY,SAAU,MAAM,SAOxC,CAAA;AAED,eAAO,MAAM,OAAO;;;;kCATe,MAAM;;;;;;;;CA6BxC,CAAA;AAED,eAAO,MAAM,SAAS,UAAW;IAAE,QAAQ,EAAE,GAAG,CAAC;IAAC,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,gBAQpE,CAAA"}
+{"version":3,"file":"useTint.d.ts","sourceRoot":"","sources":["../src/useTint.tsx"],"names":[],"mappings":";AAUA,eAAO,MAAM,WAAW,IAAI,CAAA;AAM5B,eAAO,MAAM,YAAY,mBAAoB,MAAM,KAAK,IAAI,eAK3D,CAAA;AAID,eAAO,MAAM,YAAY,SAAU,MAAM,SAOxC,CAAA;AAED,eAAO,MAAM,OAAO;;;;kCATe,MAAM;;;;;;;;;CA6BxC,CAAA;AAED,eAAO,MAAM,SAAS,UAAW;IAAE,QAAQ,EAAE,GAAG,CAAC;IAAC,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,gBAQpE,CAAA"}