@tamagui/logo 1.123.2 → 1.123.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/LogoWords.cjs +1 -1
- package/dist/cjs/LogoWords.js +1 -1
- package/dist/cjs/LogoWords.js.map +1 -1
- package/dist/cjs/LogoWords.native.js +1 -1
- package/dist/cjs/LogoWords.native.js.map +1 -1
- package/dist/cjs/tints.cjs +1 -1
- package/dist/cjs/tints.js +1 -1
- package/dist/cjs/tints.native.js +1 -1
- package/dist/cjs/tints.native.js.map +1 -1
- package/dist/cjs/useTint.cjs +9 -5
- package/dist/cjs/useTint.js +6 -5
- package/dist/cjs/useTint.js.map +1 -1
- package/dist/cjs/useTint.native.js +5 -5
- package/dist/cjs/useTint.native.js.map +2 -2
- package/dist/esm/useTint.js +7 -5
- package/dist/esm/useTint.js.map +1 -1
- package/dist/esm/useTint.mjs +10 -5
- package/dist/esm/useTint.mjs.map +1 -1
- package/dist/esm/useTint.native.js +7 -5
- package/dist/esm/useTint.native.js.map +2 -2
- package/package.json +28 -3
- package/src/useTint.tsx +26 -5
- package/types/useTint.d.ts +0 -1
- package/types/useTint.d.ts.map +2 -2
package/dist/cjs/LogoWords.cjs
CHANGED
|
@@ -34,7 +34,7 @@ __export(LogoWords_exports, {
|
|
|
34
34
|
LogoWords: () => LogoWords
|
|
35
35
|
});
|
|
36
36
|
module.exports = __toCommonJS(LogoWords_exports);
|
|
37
|
-
var import_react = __toESM(require("react")),
|
|
37
|
+
var import_react = __toESM(require("react"), 1),
|
|
38
38
|
import_tamagui = require("tamagui"),
|
|
39
39
|
import_useTint = require("./useTint.cjs"),
|
|
40
40
|
import_jsx_runtime = require("react/jsx-runtime");
|
package/dist/cjs/LogoWords.js
CHANGED
|
@@ -25,7 +25,7 @@ __export(LogoWords_exports, {
|
|
|
25
25
|
LogoWords: () => LogoWords
|
|
26
26
|
});
|
|
27
27
|
module.exports = __toCommonJS(LogoWords_exports);
|
|
28
|
-
var import_react = __toESM(require("react")), import_tamagui = require("tamagui"), import_useTint = require("./useTint"), import_jsx_runtime = require("react/jsx-runtime");
|
|
28
|
+
var import_react = __toESM(require("react"), 1), import_tamagui = require("tamagui"), import_useTint = require("./useTint"), import_jsx_runtime = require("react/jsx-runtime");
|
|
29
29
|
const rgb = ["#ED0F0F", "#6BCF1A", "#6252F8"], LogoWords = import_react.default.memo(({ downscale = 1, animated, ...props }) => {
|
|
30
30
|
const Tint = (0, import_useTint.useTint)(), [hovered, setHovered] = import_react.default.useState(!1), [mounted, setMounted] = import_react.default.useState("start"), { tintIndex: index, tint } = Tint, hoveredTints = Tint.tints.map((x2) => `${x2}9`).map((t) => `var(--${t})`), tints = [
|
|
31
31
|
"var(--accent1)",
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/LogoWords.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB,
|
|
4
|
+
"mappings": "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",
|
|
5
5
|
"names": ["React", "x"]
|
|
6
6
|
}
|
|
@@ -26,7 +26,7 @@ __export(LogoWords_exports, {
|
|
|
26
26
|
LogoWords: () => LogoWords
|
|
27
27
|
});
|
|
28
28
|
module.exports = __toCommonJS(LogoWords_exports);
|
|
29
|
-
var import_jsx_runtime = require("react/jsx-runtime"), import_react = __toESM(require("react")), import_tamagui = require("tamagui"), import_useTint = require("./useTint"), rgb = [
|
|
29
|
+
var import_jsx_runtime = require("react/jsx-runtime"), import_react = __toESM(require("react"), 1), import_tamagui = require("tamagui"), import_useTint = require("./useTint"), rgb = [
|
|
30
30
|
"#ED0F0F",
|
|
31
31
|
"#6BCF1A",
|
|
32
32
|
"#6252F8"
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Users/n8/tamagui/code/packages/logo/src/LogoWords.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;uDAAA,eAAkB,
|
|
4
|
+
"mappings": "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",
|
|
5
5
|
"names": ["rgb", "LogoWords", "React", "memo", "downscale", "animated", "props", "Tint", "useTint", "hovered", "setHovered", "useState", "mounted", "setMounted", "tintIndex", "index", "tint", "hoveredTints", "tints", "map", "x", "t", "circleTints", "useEffect", "idle", "window", "requestIdleCallback", "setTimeout", "getColor", "i", "isActive", "Math", "round", "length", "_jsxs", "XStack", "onHoverIn", "onHoverOut", "paddingVertical", "data-tauri-drag-region", "marginVertical", "position", "className", "_jsx", "Circle", "animation", "top", "left", "y", "size", "backgroundColor", "svg", "width", "height", "viewBox", "polygon", "shapeRendering", "fill", "points", "onMouseEnter", "setTintIndex", "path", "d", "fillRule"]
|
|
6
6
|
}
|
package/dist/cjs/tints.cjs
CHANGED
|
@@ -38,7 +38,7 @@ __export(tints_exports, {
|
|
|
38
38
|
useTints: () => useTints
|
|
39
39
|
});
|
|
40
40
|
module.exports = __toCommonJS(tints_exports);
|
|
41
|
-
var import_react = __toESM(require("react"));
|
|
41
|
+
var import_react = __toESM(require("react"), 1);
|
|
42
42
|
const listeners = /* @__PURE__ */new Set(),
|
|
43
43
|
familiesValues = {
|
|
44
44
|
tamagui: ["orange", "yellow", "pink", "gray", "red", "green", "blue"],
|
package/dist/cjs/tints.js
CHANGED
|
@@ -29,7 +29,7 @@ __export(tints_exports, {
|
|
|
29
29
|
useTints: () => useTints
|
|
30
30
|
});
|
|
31
31
|
module.exports = __toCommonJS(tints_exports);
|
|
32
|
-
var import_react = __toESM(require("react"));
|
|
32
|
+
var import_react = __toESM(require("react"), 1);
|
|
33
33
|
const listeners = /* @__PURE__ */ new Set(), familiesValues = {
|
|
34
34
|
tamagui: ["orange", "yellow", "pink", "gray", "red", "green", "blue"],
|
|
35
35
|
xmas: ["red", "green", "red", "green", "red", "green", "red"],
|
package/dist/cjs/tints.native.js
CHANGED
|
@@ -30,7 +30,7 @@ __export(tints_exports, {
|
|
|
30
30
|
useTints: () => useTints
|
|
31
31
|
});
|
|
32
32
|
module.exports = __toCommonJS(tints_exports);
|
|
33
|
-
var import_react = __toESM(require("react")), listeners = /* @__PURE__ */ new Set(), familiesValues = {
|
|
33
|
+
var import_react = __toESM(require("react"), 1), listeners = /* @__PURE__ */ new Set(), familiesValues = {
|
|
34
34
|
tamagui: [
|
|
35
35
|
"orange",
|
|
36
36
|
"yellow",
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Users/n8/tamagui/code/packages/logo/src/tints.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;mBAAkB,
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;mBAAkB,8BAKZA,YAAY,oBAAIC,IAAAA,GAEhBC,iBAAiB;EACrBC,SAAS;IAAC;IAAU;IAAU;IAAQ;IAAQ;IAAO;IAAS;;EAC9DC,MAAM;IAAC;IAAO;IAAS;IAAO;IAAS;IAAO;IAAS;;EACvDC,QAAQ;IAAC;IAAU;IAAQ;IAAU;IAAQ;IAAU;IAAQ;;EAC/DC,WAAW;IACT;IACA;IACA;IACA;IACA;IACA;IACA;;EAEFC,WAAW;IAAC;IAAQ;IAAO;IAAQ;IAAO;IAAQ;IAAO;;EACzDC,OAAO;IAAC;IAAU;IAAO;IAAO;IAAO;IAAO;IAAO;;AACvD,GAIMC,iBAAyB,WAEzBC,gBAAgBC,OAAOC,KAAKV,cAAAA,GAG5BW,WAAWX,gBAIbY,MAAkBL;AAwBf,SAASM,WAAAA;AAKd,SAAO;IACLC,MAAMF,OAAOL;IACbQ,OAAOJ,SAASC,GAAAA,KAAQD,SAASV;IACjCU;EACF;AACF;AAEO,SAASK,WAAAA;AAKd,MAAM,CAACC,KAAKC,MAAAA,IAAUC,aAAAA,QAAMC,SAASP,SAAAA,CAAAA;AAErCM,sBAAAA,QAAME,UAAU,WAAA;AACd,WAAOC,mBAAmB,WAAA;AACxBH,mBAAAA,QAAMI,gBAAgB,WAAA;AACpBL,eAAOL,SAAAA,CAAAA;MACT,CAAA;IACF,CAAA;EACF,GAAG,CAAA,CAAE,GAEEI;AACT;AAEO,SAASO,cAAcC,MAAgB;AAC5C,MAAI,CAACd,SAASc,IAAAA,EAAO,OAAM;AAC3Bb,QAAMa,MACNN,aAAAA,QAAMI,gBAAgB,WAAA;AACpBzB,cAAU4B,QAAQ,SAACC,GAAAA;aAAMA,EAAEF,IAAAA;;EAC7B,CAAA;AACF;AAEO,IAAMG,oBAAoB,WAAA;AAC/BJ,gBAAchB,eAAeA,cAAcqB,QAAQjB,GAAAA,IAAO,KAAKJ,cAAcsB,MAAM,CAAC;AACtF,GAEaR,qBAAqB,SAACS,IAAAA;AACjCjC,mBAAUkC,IAAID,EAAAA,GACP,WAAA;AACLjC,cAAUmC,OAAOF,EAAAA;EACnB;AACF;",
|
|
5
5
|
"names": ["listeners", "Set", "familiesValues", "tamagui", "xmas", "easter", "halloween", "valentine", "lunar", "DEFAULT_FAMILY", "familiesNames", "Object", "keys", "families", "fam", "getTints", "name", "tints", "useTints", "val", "setVal", "React", "useState", "useEffect", "onTintFamilyChange", "startTransition", "setTintFamily", "next", "forEach", "l", "setNextTintFamily", "indexOf", "length", "cb", "add", "delete"]
|
|
6
6
|
}
|
package/dist/cjs/useTint.cjs
CHANGED
|
@@ -33,18 +33,17 @@ var useTint_exports = {};
|
|
|
33
33
|
__export(useTint_exports, {
|
|
34
34
|
ThemeTint: () => ThemeTint,
|
|
35
35
|
ThemeTintAlt: () => ThemeTintAlt,
|
|
36
|
-
initialTint: () => initialTint,
|
|
37
36
|
onTintChange: () => onTintChange,
|
|
38
37
|
setTintIndex: () => setTintIndex,
|
|
39
38
|
useTint: () => useTint
|
|
40
39
|
});
|
|
41
40
|
module.exports = __toCommonJS(useTint_exports);
|
|
42
|
-
var import_react = __toESM(require("react")),
|
|
41
|
+
var import_react = __toESM(require("react"), 1),
|
|
43
42
|
import_tamagui = require("tamagui"),
|
|
44
43
|
import_tints = require("./tints.cjs"),
|
|
44
|
+
import_one = require("one"),
|
|
45
45
|
import_jsx_runtime = require("react/jsx-runtime");
|
|
46
|
-
|
|
47
|
-
let current = initialTint;
|
|
46
|
+
let current = 3;
|
|
48
47
|
const listeners = /* @__PURE__ */new Set(),
|
|
49
48
|
onTintChange = listener => (listeners.add(listener), () => {
|
|
50
49
|
listeners.delete(listener);
|
|
@@ -55,7 +54,12 @@ const listeners = /* @__PURE__ */new Set(),
|
|
|
55
54
|
val !== current && (current = val, listeners.forEach(x => x(val)));
|
|
56
55
|
},
|
|
57
56
|
useTint = (altOffset = -1) => {
|
|
58
|
-
const
|
|
57
|
+
const pathname = (0, import_one.usePathname)(),
|
|
58
|
+
section = pathname.startsWith("/docs/core") || pathname === "/docs/intro/introduction" || pathname === "/docs/intro/installation" ? "core" : pathname.startsWith("/ui") ? "ui" : pathname.startsWith("/docs/intro") ? "compile" : null,
|
|
59
|
+
hydrated = (0, import_tamagui.useDidFinishSSR)();
|
|
60
|
+
let initial = current;
|
|
61
|
+
section && (initial = section === "compile" ? 5 : section === "core" ? 4 : 6, hydrated || (current = initial));
|
|
62
|
+
const index = import_react.default.useSyncExternalStore(onTintChange, () => current, () => initial),
|
|
59
63
|
tintsContext = (0, import_tints.useTints)(),
|
|
60
64
|
{
|
|
61
65
|
tints
|
package/dist/cjs/useTint.js
CHANGED
|
@@ -24,25 +24,26 @@ var useTint_exports = {};
|
|
|
24
24
|
__export(useTint_exports, {
|
|
25
25
|
ThemeTint: () => ThemeTint,
|
|
26
26
|
ThemeTintAlt: () => ThemeTintAlt,
|
|
27
|
-
initialTint: () => initialTint,
|
|
28
27
|
onTintChange: () => onTintChange,
|
|
29
28
|
setTintIndex: () => setTintIndex,
|
|
30
29
|
useTint: () => useTint
|
|
31
30
|
});
|
|
32
31
|
module.exports = __toCommonJS(useTint_exports);
|
|
33
|
-
var import_react = __toESM(require("react")), import_tamagui = require("tamagui"), import_tints = require("./tints"), import_jsx_runtime = require("react/jsx-runtime");
|
|
34
|
-
|
|
35
|
-
let current = initialTint;
|
|
32
|
+
var import_react = __toESM(require("react"), 1), import_tamagui = require("tamagui"), import_tints = require("./tints"), import_one = require("one"), import_jsx_runtime = require("react/jsx-runtime");
|
|
33
|
+
let current = 3;
|
|
36
34
|
const listeners = /* @__PURE__ */ new Set(), onTintChange = (listener) => (listeners.add(listener), () => {
|
|
37
35
|
listeners.delete(listener);
|
|
38
36
|
}), numTints = (0, import_tints.getTints)().tints.length, setTintIndex = (next) => {
|
|
39
37
|
const val = next % numTints;
|
|
40
38
|
val !== current && (current = val, listeners.forEach((x) => x(val)));
|
|
41
39
|
}, useTint = (altOffset = -1) => {
|
|
40
|
+
const pathname = (0, import_one.usePathname)(), section = pathname.startsWith("/docs/core") || pathname === "/docs/intro/introduction" || pathname === "/docs/intro/installation" ? "core" : pathname.startsWith("/ui") ? "ui" : pathname.startsWith("/docs/intro") ? "compile" : null, hydrated = (0, import_tamagui.useDidFinishSSR)();
|
|
41
|
+
let initial = current;
|
|
42
|
+
section && (initial = section === "compile" ? 5 : section === "core" ? 4 : 6, hydrated || (current = initial));
|
|
42
43
|
const index = import_react.default.useSyncExternalStore(
|
|
43
44
|
onTintChange,
|
|
44
45
|
() => current,
|
|
45
|
-
() =>
|
|
46
|
+
() => initial
|
|
46
47
|
), tintsContext = (0, import_tints.useTints)(), { tints } = tintsContext, tintAltIndex = Math.abs((index + altOffset) % tints.length);
|
|
47
48
|
return {
|
|
48
49
|
...tintsContext,
|
package/dist/cjs/useTint.js.map
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/useTint.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB,8BAGlB,iBAAuC,oBACvC,eAAsD,oBACtD,aAA4B,gBAqGxB;AAhGJ,IAAI,UAAU;AAEd,MAAM,YAAY,oBAAI,IAAc,GAEvB,eAAe,CAAC,cAC3B,UAAU,IAAI,QAAQ,GACf,MAAY;AACjB,YAAU,OAAO,QAAQ;AAC3B,IAGI,eAAW,uBAAS,EAAE,MAAM,QAErB,eAAe,CAAC,SAAuB;AAClD,QAAM,MAAM,OAAO;AACnB,EAAI,QAAQ,YACZ,UAAU,KACV,UAAU,QAAQ,CAAC,MAAM,EAAE,GAAG,CAAC;AACjC,GAEa,UAAU,CACrB,YAAY,OAmBT;AACH,QAAM,eAAW,wBAAY,GACvB,UACJ,SAAS,WAAW,YAAY,KAChC,aAAa,8BACb,aAAa,6BACT,SACA,SAAS,WAAW,KAAK,IACvB,OACA,SAAS,WAAW,aAAa,IAC/B,YACA,MAEJ,eAAW,gCAAgB;AAEjC,MAAI,UAAU;AACd,EAAI,YACF,UAAU,YAAY,YAAY,IAAI,YAAY,SAAS,IAAI,GAC1D,aACH,UAAU;AAId,QAAM,QAAQ,aAAAA,QAAM;AAAA,IAClB;AAAA,IACA,MAAM;AAAA,IACN,MAAM;AAAA,EACR,GACM,mBAAe,uBAAS,GACxB,EAAE,MAAM,IAAI,cACZ,eAAe,KAAK,KAAK,QAAQ,aAAa,MAAM,MAAM;AAEhE,SAAO;AAAA,IACL,GAAG;AAAA,IACH,OAAO,aAAa;AAAA,IACpB,WAAW;AAAA,IACX;AAAA,IACA,MAAM,MAAM,KAAK;AAAA,IACjB,SAAS,MAAM,YAAY;AAAA,IAC3B;AAAA,IACA;AAAA,IACA,aAAa,MAAM;AACjB,mBAAAA,QAAM,gBAAgB,MAAM;AAC1B,qBAAa,QAAQ,CAAC;AAAA,MACxB,CAAC;AAAA,IACH;AAAA,EACF;AACF,GAEa,YAAY,CAAC;AAAA,EACxB;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAuD;AACrD,QAAM,UAAU,QAAQ,EAAE;AAC1B,SACE,4CAAC,wBAAO,GAAG,MAAM,MAAM,UAAU,OAAO,SACrC,UACH;AAEJ,GAEa,eAAe,CAAC;AAAA,EAC3B;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT,GAAG;AACL,MAAwE;AACtE,QAAM,UAAU,QAAQ,MAAM,EAAE;AAEhC,SACE,4CAAC,wBAAM,MAFI,UAAU,OAAO,SAER,GAAG,MACpB,UACH;AAEJ;",
|
|
5
5
|
"names": ["React"]
|
|
6
6
|
}
|
|
@@ -25,13 +25,12 @@ var useTint_exports = {};
|
|
|
25
25
|
__export(useTint_exports, {
|
|
26
26
|
ThemeTint: () => ThemeTint,
|
|
27
27
|
ThemeTintAlt: () => ThemeTintAlt,
|
|
28
|
-
initialTint: () => initialTint,
|
|
29
28
|
onTintChange: () => onTintChange,
|
|
30
29
|
setTintIndex: () => setTintIndex,
|
|
31
30
|
useTint: () => useTint
|
|
32
31
|
});
|
|
33
32
|
module.exports = __toCommonJS(useTint_exports);
|
|
34
|
-
var import_jsx_runtime = require("react/jsx-runtime"), import_react = __toESM(require("react")), import_tamagui = require("tamagui"), import_tints = require("./tints"),
|
|
33
|
+
var import_jsx_runtime = require("react/jsx-runtime"), import_react = __toESM(require("react"), 1), import_tamagui = require("tamagui"), import_tints = require("./tints"), import_one = require("one"), current = 3, listeners = /* @__PURE__ */ new Set(), onTintChange = function(listener) {
|
|
35
34
|
return listeners.add(listener), function() {
|
|
36
35
|
listeners.delete(listener);
|
|
37
36
|
};
|
|
@@ -41,10 +40,12 @@ var import_jsx_runtime = require("react/jsx-runtime"), import_react = __toESM(re
|
|
|
41
40
|
return x(val);
|
|
42
41
|
}));
|
|
43
42
|
}, useTint = function() {
|
|
44
|
-
var altOffset = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : -1,
|
|
43
|
+
var altOffset = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : -1, pathname = (0, import_one.usePathname)(), section = pathname.startsWith("/docs/core") || pathname === "/docs/intro/introduction" || pathname === "/docs/intro/installation" ? "core" : pathname.startsWith("/ui") ? "ui" : pathname.startsWith("/docs/intro") ? "compile" : null, hydrated = (0, import_tamagui.useDidFinishSSR)(), initial = current;
|
|
44
|
+
section && (initial = section === "compile" ? 5 : section === "core" ? 4 : 6, hydrated || (current = initial));
|
|
45
|
+
var index = import_react.default.useSyncExternalStore(onTintChange, function() {
|
|
45
46
|
return current;
|
|
46
47
|
}, function() {
|
|
47
|
-
return
|
|
48
|
+
return initial;
|
|
48
49
|
}), tintsContext = (0, import_tints.useTints)(), { tints } = tintsContext, tintAltIndex = Math.abs((index + altOffset) % tints.length);
|
|
49
50
|
return {
|
|
50
51
|
...tintsContext,
|
|
@@ -80,7 +81,6 @@ var import_jsx_runtime = require("react/jsx-runtime"), import_react = __toESM(re
|
|
|
80
81
|
0 && (module.exports = {
|
|
81
82
|
ThemeTint,
|
|
82
83
|
ThemeTintAlt,
|
|
83
|
-
initialTint,
|
|
84
84
|
onTintChange,
|
|
85
85
|
setTintIndex,
|
|
86
86
|
useTint
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Users/n8/tamagui/code/packages/logo/src/useTint.tsx"],
|
|
4
|
-
"mappings": "
|
|
5
|
-
"names": ["
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uDAAA,eAAkB,8BAGlB,iBAAuC,oBACvC,eAAsD,oBACtD,aAA4B,gBAKxBA,UAAU,GAERC,YAAY,oBAAIC,IAAAA,GAETC,eAAe,SAACC,UAAAA;AAC3BH,mBAAUI,IAAID,QAAAA,GACP,WAAA;AACLH,cAAUK,OAAOF,QAAAA;EACnB;AACF,GAEMG,eAAWC,uBAAAA,EAAWC,MAAMC,QAErBC,eAAe,SAACC,MAAAA;AAC3B,MAAMC,MAAMD,OAAOL;AACnB,EAAIM,QAAQb,YACZA,UAAUa,KACVZ,UAAUa,QAAQ,SAACC,GAAAA;WAAMA,EAAEF,GAAAA;;AAC7B,GAEaG,UAAU,WAAA;MACrBC,YAAAA,UAAAA,SAAAA,KAAAA,UAAAA,CAAAA,MAAAA,SAAAA,UAAAA,CAAAA,IAAY,IAoBNC,eAAWC,wBAAAA,GACXC,UACJF,SAASG,WAAW,YAAA,KACpBH,aAAa,8BACbA,aAAa,6BACT,SACAA,SAASG,WAAW,KAAA,IAClB,OACAH,SAASG,WAAW,aAAA,IAClB,YACA,MAEJC,eAAWC,gCAAAA,GAEbC,UAAUxB;AACd,EAAIoB,YACFI,UAAUJ,YAAY,YAAY,IAAIA,YAAY,SAAS,IAAI,GAC1DE,aACHtB,UAAUwB;AAId,MAAMC,QAAQC,aAAAA,QAAMC,qBAClBxB,cACA,WAAA;WAAMH;KACN,WAAA;WAAMwB;MAEFI,mBAAeC,uBAAAA,GACf,EAAEpB,MAAK,IAAKmB,cACZE,eAAeC,KAAKC,KAAKP,QAAQR,aAAaR,MAAMC,MAAM;AAEhE,SAAO;IACL,GAAGkB;IACHnB,OAAOmB,aAAanB;IACpBwB,WAAWR;IACXK;IACAI,MAAMzB,MAAMgB,KAAAA;IACZU,SAAS1B,MAAMqB,YAAAA;IACfnB;IACAyB;IACAC,aAAa,WAAA;AACXX,mBAAAA,QAAMY,gBAAgB,WAAA;AACpB3B,qBAAac,QAAQ,CAAA;MACvB,CAAA;IACF;EACF;AACF,GAEac,YAAY,SAAA,OAAA;MAAC,EACxBC,SACAC,UACA,GAAGC,KAAAA,IACgC,OAC7BC,UAAU3B,QAAAA,EAAUkB;AAC1B,SACE,uCAAAU,KAACC,sBAAAA;IAAO,GAAGH;IAAMI,MAAMN,UAAU,OAAOG;;;AAI5C,GAEaI,eAAe,SAAA,OAAA;MAAC,EAC3BN,UACAD,SACAQ,SAAS,GACT,GAAGN,KAAAA,IACiD,OAC9CC,UAAU3B,QAAQgC,MAAAA,EAAQb,SAC1BW,OAAON,UAAU,OAAOG;AAC9B,SACE,uCAAAC,KAACC,sBAAAA;IAAMC;IAAa,GAAGJ;;;AAI3B;",
|
|
5
|
+
"names": ["current", "listeners", "Set", "onTintChange", "listener", "add", "delete", "numTints", "getTints", "tints", "length", "setTintIndex", "next", "val", "forEach", "x", "useTint", "altOffset", "pathname", "usePathname", "section", "startsWith", "hydrated", "useDidFinishSSR", "initial", "index", "React", "useSyncExternalStore", "tintsContext", "useTints", "tintAltIndex", "Math", "abs", "tintIndex", "tint", "tintAlt", "setNextTintFamily", "setNextTint", "startTransition", "ThemeTint", "disable", "children", "rest", "curTint", "_jsx", "Theme", "name", "ThemeTintAlt", "offset"]
|
|
6
6
|
}
|
package/dist/esm/useTint.js
CHANGED
|
@@ -1,19 +1,22 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import { Theme } from "tamagui";
|
|
2
|
+
import { Theme, useDidFinishSSR } from "tamagui";
|
|
3
3
|
import { getTints, setNextTintFamily, useTints } from "./tints";
|
|
4
|
+
import { usePathname } from "one";
|
|
4
5
|
import { jsx } from "react/jsx-runtime";
|
|
5
|
-
|
|
6
|
-
let current = initialTint;
|
|
6
|
+
let current = 3;
|
|
7
7
|
const listeners = /* @__PURE__ */ new Set(), onTintChange = (listener) => (listeners.add(listener), () => {
|
|
8
8
|
listeners.delete(listener);
|
|
9
9
|
}), numTints = getTints().tints.length, setTintIndex = (next) => {
|
|
10
10
|
const val = next % numTints;
|
|
11
11
|
val !== current && (current = val, listeners.forEach((x) => x(val)));
|
|
12
12
|
}, useTint = (altOffset = -1) => {
|
|
13
|
+
const pathname = usePathname(), section = pathname.startsWith("/docs/core") || pathname === "/docs/intro/introduction" || pathname === "/docs/intro/installation" ? "core" : pathname.startsWith("/ui") ? "ui" : pathname.startsWith("/docs/intro") ? "compile" : null, hydrated = useDidFinishSSR();
|
|
14
|
+
let initial = current;
|
|
15
|
+
section && (initial = section === "compile" ? 5 : section === "core" ? 4 : 6, hydrated || (current = initial));
|
|
13
16
|
const index = React.useSyncExternalStore(
|
|
14
17
|
onTintChange,
|
|
15
18
|
() => current,
|
|
16
|
-
() =>
|
|
19
|
+
() => initial
|
|
17
20
|
), tintsContext = useTints(), { tints } = tintsContext, tintAltIndex = Math.abs((index + altOffset) % tints.length);
|
|
18
21
|
return {
|
|
19
22
|
...tintsContext,
|
|
@@ -49,7 +52,6 @@ const listeners = /* @__PURE__ */ new Set(), onTintChange = (listener) => (liste
|
|
|
49
52
|
export {
|
|
50
53
|
ThemeTint,
|
|
51
54
|
ThemeTintAlt,
|
|
52
|
-
initialTint,
|
|
53
55
|
onTintChange,
|
|
54
56
|
setTintIndex,
|
|
55
57
|
useTint
|
package/dist/esm/useTint.js.map
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/useTint.tsx"],
|
|
4
|
-
"mappings": "AAAA,OAAO,WAAW;AAGlB,SAAS,
|
|
4
|
+
"mappings": "AAAA,OAAO,WAAW;AAGlB,SAAS,OAAO,uBAAuB;AACvC,SAAS,UAAU,mBAAmB,gBAAgB;AACtD,SAAS,mBAAmB;AAqGxB;AAhGJ,IAAI,UAAU;AAEd,MAAM,YAAY,oBAAI,IAAc,GAEvB,eAAe,CAAC,cAC3B,UAAU,IAAI,QAAQ,GACf,MAAY;AACjB,YAAU,OAAO,QAAQ;AAC3B,IAGI,WAAW,SAAS,EAAE,MAAM,QAErB,eAAe,CAAC,SAAuB;AAClD,QAAM,MAAM,OAAO;AACnB,EAAI,QAAQ,YACZ,UAAU,KACV,UAAU,QAAQ,CAAC,MAAM,EAAE,GAAG,CAAC;AACjC,GAEa,UAAU,CACrB,YAAY,OAmBT;AACH,QAAM,WAAW,YAAY,GACvB,UACJ,SAAS,WAAW,YAAY,KAChC,aAAa,8BACb,aAAa,6BACT,SACA,SAAS,WAAW,KAAK,IACvB,OACA,SAAS,WAAW,aAAa,IAC/B,YACA,MAEJ,WAAW,gBAAgB;AAEjC,MAAI,UAAU;AACd,EAAI,YACF,UAAU,YAAY,YAAY,IAAI,YAAY,SAAS,IAAI,GAC1D,aACH,UAAU;AAId,QAAM,QAAQ,MAAM;AAAA,IAClB;AAAA,IACA,MAAM;AAAA,IACN,MAAM;AAAA,EACR,GACM,eAAe,SAAS,GACxB,EAAE,MAAM,IAAI,cACZ,eAAe,KAAK,KAAK,QAAQ,aAAa,MAAM,MAAM;AAEhE,SAAO;AAAA,IACL,GAAG;AAAA,IACH,OAAO,aAAa;AAAA,IACpB,WAAW;AAAA,IACX;AAAA,IACA,MAAM,MAAM,KAAK;AAAA,IACjB,SAAS,MAAM,YAAY;AAAA,IAC3B;AAAA,IACA;AAAA,IACA,aAAa,MAAM;AACjB,YAAM,gBAAgB,MAAM;AAC1B,qBAAa,QAAQ,CAAC;AAAA,MACxB,CAAC;AAAA,IACH;AAAA,EACF;AACF,GAEa,YAAY,CAAC;AAAA,EACxB;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAuD;AACrD,QAAM,UAAU,QAAQ,EAAE;AAC1B,SACE,oBAAC,SAAO,GAAG,MAAM,MAAM,UAAU,OAAO,SACrC,UACH;AAEJ,GAEa,eAAe,CAAC;AAAA,EAC3B;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT,GAAG;AACL,MAAwE;AACtE,QAAM,UAAU,QAAQ,MAAM,EAAE;AAEhC,SACE,oBAAC,SAAM,MAFI,UAAU,OAAO,SAER,GAAG,MACpB,UACH;AAEJ;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/dist/esm/useTint.mjs
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import { Theme } from "tamagui";
|
|
2
|
+
import { Theme, useDidFinishSSR } from "tamagui";
|
|
3
3
|
import { getTints, setNextTintFamily, useTints } from "./tints.mjs";
|
|
4
|
+
import { usePathname } from "one";
|
|
4
5
|
import { jsx } from "react/jsx-runtime";
|
|
5
|
-
|
|
6
|
-
let current = initialTint;
|
|
6
|
+
let current = 3;
|
|
7
7
|
const listeners = /* @__PURE__ */new Set(),
|
|
8
8
|
onTintChange = listener => (listeners.add(listener), () => {
|
|
9
9
|
listeners.delete(listener);
|
|
@@ -14,7 +14,12 @@ const listeners = /* @__PURE__ */new Set(),
|
|
|
14
14
|
val !== current && (current = val, listeners.forEach(x => x(val)));
|
|
15
15
|
},
|
|
16
16
|
useTint = (altOffset = -1) => {
|
|
17
|
-
const
|
|
17
|
+
const pathname = usePathname(),
|
|
18
|
+
section = pathname.startsWith("/docs/core") || pathname === "/docs/intro/introduction" || pathname === "/docs/intro/installation" ? "core" : pathname.startsWith("/ui") ? "ui" : pathname.startsWith("/docs/intro") ? "compile" : null,
|
|
19
|
+
hydrated = useDidFinishSSR();
|
|
20
|
+
let initial = current;
|
|
21
|
+
section && (initial = section === "compile" ? 5 : section === "core" ? 4 : 6, hydrated || (current = initial));
|
|
22
|
+
const index = React.useSyncExternalStore(onTintChange, () => current, () => initial),
|
|
18
23
|
tintsContext = useTints(),
|
|
19
24
|
{
|
|
20
25
|
tints
|
|
@@ -61,5 +66,5 @@ const listeners = /* @__PURE__ */new Set(),
|
|
|
61
66
|
children
|
|
62
67
|
});
|
|
63
68
|
};
|
|
64
|
-
export { ThemeTint, ThemeTintAlt,
|
|
69
|
+
export { ThemeTint, ThemeTintAlt, onTintChange, setTintIndex, useTint };
|
|
65
70
|
//# sourceMappingURL=useTint.mjs.map
|
package/dist/esm/useTint.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","Theme","getTints","setNextTintFamily","useTints","
|
|
1
|
+
{"version":3,"names":["React","Theme","useDidFinishSSR","getTints","setNextTintFamily","useTints","usePathname","jsx","current","listeners","Set","onTintChange","listener","add","delete","numTints","tints","length","setTintIndex","next","val","forEach","x","useTint","altOffset","pathname","section","startsWith","hydrated","initial","index","useSyncExternalStore","tintsContext","tintAltIndex","Math","abs","tintIndex","tint","tintAlt","setNextTint","startTransition","ThemeTint","disable","children","rest","curTint","name","ThemeTintAlt","offset"],"sources":["../../src/useTint.tsx"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,MAAW;AAGlB,SAASC,KAAA,EAAOC,eAAA,QAAuB;AACvC,SAASC,QAAA,EAAUC,iBAAA,EAAmBC,QAAA,QAAgB;AACtD,SAASC,WAAA,QAAmB;AAqGxB,SAAAC,GAAA;AAhGJ,IAAIC,OAAA,GAAU;AAEd,MAAMC,SAAA,GAAY,mBAAIC,GAAA,CAAc;EAEvBC,YAAA,GAAgBC,QAAA,KAC3BH,SAAA,CAAUI,GAAA,CAAID,QAAQ,GACf,MAAY;IACjBH,SAAA,CAAUK,MAAA,CAAOF,QAAQ;EAC3B;EAGIG,QAAA,GAAWZ,QAAA,CAAS,EAAEa,KAAA,CAAMC,MAAA;EAErBC,YAAA,GAAgBC,IAAA,IAAuB;IAClD,MAAMC,GAAA,GAAMD,IAAA,GAAOJ,QAAA;IACfK,GAAA,KAAQZ,OAAA,KACZA,OAAA,GAAUY,GAAA,EACVX,SAAA,CAAUY,OAAA,CAASC,CAAA,IAAMA,CAAA,CAAEF,GAAG,CAAC;EACjC;EAEaG,OAAA,GAAUA,CACrBC,SAAA,GAAY,OAmBT;IACH,MAAMC,QAAA,GAAWnB,WAAA,CAAY;MACvBoB,OAAA,GACJD,QAAA,CAASE,UAAA,CAAW,YAAY,KAChCF,QAAA,KAAa,8BACbA,QAAA,KAAa,6BACT,SACAA,QAAA,CAASE,UAAA,CAAW,KAAK,IACvB,OACAF,QAAA,CAASE,UAAA,CAAW,aAAa,IAC/B,YACA;MAEJC,QAAA,GAAW1B,eAAA,CAAgB;IAEjC,IAAI2B,OAAA,GAAUrB,OAAA;IACVkB,OAAA,KACFG,OAAA,GAAUH,OAAA,KAAY,YAAY,IAAIA,OAAA,KAAY,SAAS,IAAI,GAC1DE,QAAA,KACHpB,OAAA,GAAUqB,OAAA;IAId,MAAMC,KAAA,GAAQ9B,KAAA,CAAM+B,oBAAA,CAClBpB,YAAA,EACA,MAAMH,OAAA,EACN,MAAMqB,OACR;MACMG,YAAA,GAAe3B,QAAA,CAAS;MACxB;QAAEW;MAAM,IAAIgB,YAAA;MACZC,YAAA,GAAeC,IAAA,CAAKC,GAAA,EAAKL,KAAA,GAAQN,SAAA,IAAaR,KAAA,CAAMC,MAAM;IAEhE,OAAO;MACL,GAAGe,YAAA;MACHhB,KAAA,EAAOgB,YAAA,CAAahB,KAAA;MACpBoB,SAAA,EAAWN,KAAA;MACXG,YAAA;MACAI,IAAA,EAAMrB,KAAA,CAAMc,KAAK;MACjBQ,OAAA,EAAStB,KAAA,CAAMiB,YAAY;MAC3Bf,YAAA;MACAd,iBAAA;MACAmC,WAAA,EAAaA,CAAA,KAAM;QACjBvC,KAAA,CAAMwC,eAAA,CAAgB,MAAM;UAC1BtB,YAAA,CAAaY,KAAA,GAAQ,CAAC;QACxB,CAAC;MACH;IACF;EACF;EAEaW,SAAA,GAAYA,CAAC;IACxBC,OAAA;IACAC,QAAA;IACA,GAAGC;EACL,MAAuD;IACrD,MAAMC,OAAA,GAAUtB,OAAA,CAAQ,EAAEc,IAAA;IAC1B,OACE,eAAA9B,GAAA,CAACN,KAAA;MAAO,GAAG2C,IAAA;MAAME,IAAA,EAAMJ,OAAA,GAAU,OAAOG,OAAA;MACrCF;IAAA,CACH;EAEJ;EAEaI,YAAA,GAAeA,CAAC;IAC3BJ,QAAA;IACAD,OAAA;IACAM,MAAA,GAAS;IACT,GAAGJ;EACL,MAAwE;IACtE,MAAMC,OAAA,GAAUtB,OAAA,CAAQyB,MAAM,EAAEV,OAAA;IAEhC,OACE,eAAA/B,GAAA,CAACN,KAAA;MAAM6C,IAAA,EAFIJ,OAAA,GAAU,OAAOG,OAAA;MAER,GAAGD,IAAA;MACpBD;IAAA,CACH;EAEJ","ignoreList":[]}
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import React from "react";
|
|
3
|
-
import { Theme } from "tamagui";
|
|
3
|
+
import { Theme, useDidFinishSSR } from "tamagui";
|
|
4
4
|
import { getTints, setNextTintFamily, useTints } from "./tints";
|
|
5
|
-
|
|
5
|
+
import { usePathname } from "one";
|
|
6
|
+
var current = 3, listeners = /* @__PURE__ */ new Set(), onTintChange = function(listener) {
|
|
6
7
|
return listeners.add(listener), function() {
|
|
7
8
|
listeners.delete(listener);
|
|
8
9
|
};
|
|
@@ -12,10 +13,12 @@ var initialTint = 3, current = initialTint, listeners = /* @__PURE__ */ new Set(
|
|
|
12
13
|
return x(val);
|
|
13
14
|
}));
|
|
14
15
|
}, useTint = function() {
|
|
15
|
-
var altOffset = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : -1,
|
|
16
|
+
var altOffset = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : -1, pathname = usePathname(), section = pathname.startsWith("/docs/core") || pathname === "/docs/intro/introduction" || pathname === "/docs/intro/installation" ? "core" : pathname.startsWith("/ui") ? "ui" : pathname.startsWith("/docs/intro") ? "compile" : null, hydrated = useDidFinishSSR(), initial = current;
|
|
17
|
+
section && (initial = section === "compile" ? 5 : section === "core" ? 4 : 6, hydrated || (current = initial));
|
|
18
|
+
var index = React.useSyncExternalStore(onTintChange, function() {
|
|
16
19
|
return current;
|
|
17
20
|
}, function() {
|
|
18
|
-
return
|
|
21
|
+
return initial;
|
|
19
22
|
}), tintsContext = useTints(), { tints } = tintsContext, tintAltIndex = Math.abs((index + altOffset) % tints.length);
|
|
20
23
|
return {
|
|
21
24
|
...tintsContext,
|
|
@@ -50,7 +53,6 @@ var initialTint = 3, current = initialTint, listeners = /* @__PURE__ */ new Set(
|
|
|
50
53
|
export {
|
|
51
54
|
ThemeTint,
|
|
52
55
|
ThemeTintAlt,
|
|
53
|
-
initialTint,
|
|
54
56
|
onTintChange,
|
|
55
57
|
setTintIndex,
|
|
56
58
|
useTint
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Users/n8/tamagui/code/packages/logo/src/useTint.tsx"],
|
|
4
|
-
"mappings": ";AAAA,OAAOA,WAAW;AAGlB,SAASC,
|
|
5
|
-
"names": ["React", "Theme", "getTints", "setNextTintFamily", "useTints", "
|
|
4
|
+
"mappings": ";AAAA,OAAOA,WAAW;AAGlB,SAASC,OAAOC,uBAAuB;AACvC,SAASC,UAAUC,mBAAmBC,gBAAgB;AACtD,SAASC,mBAAmB;AAK5B,IAAIC,UAAU,GAERC,YAAY,oBAAIC,IAAAA,GAETC,eAAe,SAACC,UAAAA;AAC3BH,mBAAUI,IAAID,QAAAA,GACP,WAAA;AACLH,cAAUK,OAAOF,QAAAA;EACnB;AACF,GAEMG,WAAWX,SAAAA,EAAWY,MAAMC,QAErBC,eAAe,SAACC,MAAAA;AAC3B,MAAMC,MAAMD,OAAOJ;AACnB,EAAIK,QAAQZ,YACZA,UAAUY,KACVX,UAAUY,QAAQ,SAACC,GAAAA;WAAMA,EAAEF,GAAAA;;AAC7B,GAEaG,UAAU,WAAA;MACrBC,YAAAA,UAAAA,SAAAA,KAAAA,UAAAA,CAAAA,MAAAA,SAAAA,UAAAA,CAAAA,IAAY,IAoBNC,WAAWlB,YAAAA,GACXmB,UACJD,SAASE,WAAW,YAAA,KACpBF,aAAa,8BACbA,aAAa,6BACT,SACAA,SAASE,WAAW,KAAA,IAClB,OACAF,SAASE,WAAW,aAAA,IAClB,YACA,MAEJC,WAAWzB,gBAAAA,GAEb0B,UAAUrB;AACd,EAAIkB,YACFG,UAAUH,YAAY,YAAY,IAAIA,YAAY,SAAS,IAAI,GAC1DE,aACHpB,UAAUqB;AAId,MAAMC,QAAQ7B,MAAM8B,qBAClBpB,cACA,WAAA;WAAMH;KACN,WAAA;WAAMqB;MAEFG,eAAe1B,SAAAA,GACf,EAAEU,MAAK,IAAKgB,cACZC,eAAeC,KAAKC,KAAKL,QAAQN,aAAaR,MAAMC,MAAM;AAEhE,SAAO;IACL,GAAGe;IACHhB,OAAOgB,aAAahB;IACpBoB,WAAWN;IACXG;IACAI,MAAMrB,MAAMc,KAAAA;IACZQ,SAAStB,MAAMiB,YAAAA;IACff;IACAb;IACAkC,aAAa,WAAA;AACXtC,YAAMuC,gBAAgB,WAAA;AACpBtB,qBAAaY,QAAQ,CAAA;MACvB,CAAA;IACF;EACF;AACF,GAEaW,YAAY,SAAA,OAAA;MAAC,EACxBC,SACAC,UACA,GAAGC,KAAAA,IACgC,OAC7BC,UAAUtB,QAAAA,EAAUc;AAC1B,SACE,qBAACnC,OAAAA;IAAO,GAAG0C;IAAME,MAAMJ,UAAU,OAAOG;;;AAI5C,GAEaE,eAAe,SAAA,OAAA;MAAC,EAC3BJ,UACAD,SACAM,SAAS,GACT,GAAGJ,KAAAA,IACiD,OAC9CC,UAAUtB,QAAQyB,MAAAA,EAAQV,SAC1BQ,OAAOJ,UAAU,OAAOG;AAC9B,SACE,qBAAC3C,OAAAA;IAAM4C;IAAa,GAAGF;;;AAI3B;",
|
|
5
|
+
"names": ["React", "Theme", "useDidFinishSSR", "getTints", "setNextTintFamily", "useTints", "usePathname", "current", "listeners", "Set", "onTintChange", "listener", "add", "delete", "numTints", "tints", "length", "setTintIndex", "next", "val", "forEach", "x", "useTint", "altOffset", "pathname", "section", "startsWith", "hydrated", "initial", "index", "useSyncExternalStore", "tintsContext", "tintAltIndex", "Math", "abs", "tintIndex", "tint", "tintAlt", "setNextTint", "startTransition", "ThemeTint", "disable", "children", "rest", "curTint", "name", "ThemeTintAlt", "offset"]
|
|
6
6
|
}
|
package/package.json
CHANGED
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tamagui/logo",
|
|
3
|
-
"version": "1.123.
|
|
3
|
+
"version": "1.123.3",
|
|
4
4
|
"sideEffects": false,
|
|
5
5
|
"source": "src/index.tsx",
|
|
6
6
|
"types": "./types/index.d.ts",
|
|
7
|
+
"type": "module",
|
|
7
8
|
"main": "dist/cjs",
|
|
8
9
|
"module": "dist/esm",
|
|
9
10
|
"files": [
|
|
@@ -11,6 +12,29 @@
|
|
|
11
12
|
"types",
|
|
12
13
|
"dist"
|
|
13
14
|
],
|
|
15
|
+
"exports": {
|
|
16
|
+
"./package.json": "./package.json",
|
|
17
|
+
".": {
|
|
18
|
+
"react-native": {
|
|
19
|
+
"import": "./dist/esm/index.native.js",
|
|
20
|
+
"require": "./dist/cjs/index.native.js"
|
|
21
|
+
},
|
|
22
|
+
"types": "./types/index.d.ts",
|
|
23
|
+
"import": "./dist/esm/index.mjs",
|
|
24
|
+
"require": "./dist/cjs/index.cjs",
|
|
25
|
+
"default": "./dist/cjs/index.native.js"
|
|
26
|
+
},
|
|
27
|
+
"./icon": {
|
|
28
|
+
"react-native": {
|
|
29
|
+
"import": "./dist/esm/LogoIcon.native.js",
|
|
30
|
+
"require": "./dist/cjs/LogoIcon.native.js"
|
|
31
|
+
},
|
|
32
|
+
"types": "./types/LogoIcon.d.ts",
|
|
33
|
+
"import": "./dist/esm/LogoIcon.mjs",
|
|
34
|
+
"require": "./dist/cjs/LogoIcon.cjs",
|
|
35
|
+
"default": "./dist/cjs/LogoIcon.native.js"
|
|
36
|
+
}
|
|
37
|
+
},
|
|
14
38
|
"scripts": {
|
|
15
39
|
"build": "tamagui-build",
|
|
16
40
|
"watch": "tamagui-build --watch",
|
|
@@ -20,10 +44,11 @@
|
|
|
20
44
|
"clean:build": "tamagui-build clean:build"
|
|
21
45
|
},
|
|
22
46
|
"dependencies": {
|
|
23
|
-
"
|
|
47
|
+
"one": "1.1.412",
|
|
48
|
+
"tamagui": "1.123.3"
|
|
24
49
|
},
|
|
25
50
|
"devDependencies": {
|
|
26
|
-
"@tamagui/build": "1.123.
|
|
51
|
+
"@tamagui/build": "1.123.3",
|
|
27
52
|
"react": "*"
|
|
28
53
|
},
|
|
29
54
|
"peerDependencies": {
|
package/src/useTint.tsx
CHANGED
|
@@ -1,15 +1,14 @@
|
|
|
1
1
|
import React from 'react'
|
|
2
2
|
import type { JSX } from 'react/jsx-runtime'
|
|
3
3
|
import type { ThemeName, ThemeProps } from 'tamagui'
|
|
4
|
-
import { Theme } from 'tamagui'
|
|
4
|
+
import { Theme, useDidFinishSSR } from 'tamagui'
|
|
5
5
|
import { getTints, setNextTintFamily, useTints } from './tints'
|
|
6
|
+
import { usePathname } from 'one'
|
|
6
7
|
|
|
7
8
|
// no localstorage because its not important to remember and causes a flicker
|
|
8
9
|
// const tintVal = typeof localStorage !== 'undefined' ? localStorage.getItem('tint') : 0
|
|
9
10
|
// const tint = tintVal ? +tintVal 0
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
let current = initialTint
|
|
11
|
+
let current = 3
|
|
13
12
|
|
|
14
13
|
const listeners = new Set<Function>()
|
|
15
14
|
|
|
@@ -50,10 +49,32 @@ export const useTint = (
|
|
|
50
49
|
lunar: string[]
|
|
51
50
|
}
|
|
52
51
|
} => {
|
|
52
|
+
const pathname = usePathname()
|
|
53
|
+
const section =
|
|
54
|
+
pathname.startsWith('/docs/core') ||
|
|
55
|
+
pathname === '/docs/intro/introduction' ||
|
|
56
|
+
pathname === '/docs/intro/installation'
|
|
57
|
+
? 'core'
|
|
58
|
+
: pathname.startsWith('/ui')
|
|
59
|
+
? 'ui'
|
|
60
|
+
: pathname.startsWith('/docs/intro')
|
|
61
|
+
? 'compile'
|
|
62
|
+
: null
|
|
63
|
+
|
|
64
|
+
const hydrated = useDidFinishSSR()
|
|
65
|
+
|
|
66
|
+
let initial = current
|
|
67
|
+
if (section) {
|
|
68
|
+
initial = section === 'compile' ? 5 : section === 'core' ? 4 : 6
|
|
69
|
+
if (!hydrated) {
|
|
70
|
+
current = initial
|
|
71
|
+
}
|
|
72
|
+
}
|
|
73
|
+
|
|
53
74
|
const index = React.useSyncExternalStore(
|
|
54
75
|
onTintChange,
|
|
55
76
|
() => current,
|
|
56
|
-
() =>
|
|
77
|
+
() => initial
|
|
57
78
|
)
|
|
58
79
|
const tintsContext = useTints()
|
|
59
80
|
const { tints } = tintsContext
|
package/types/useTint.d.ts
CHANGED
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import type { JSX } from "react/jsx-runtime";
|
|
2
2
|
import type { ThemeName, ThemeProps } from "tamagui";
|
|
3
|
-
export declare const initialTint = 3;
|
|
4
3
|
export declare const onTintChange: (listener: (cur: number) => void) => () => void;
|
|
5
4
|
export declare const setTintIndex: (next: number) => void;
|
|
6
5
|
export declare const useTint: (altOffset?: number) => {
|
package/types/useTint.d.ts.map
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
{
|
|
2
|
-
"mappings": "AACA,cAAc,WAAW,mBAAmB;AAC5C,cAAc,WAAW,kBAAkB,SAAS;
|
|
2
|
+
"mappings": "AACA,cAAc,WAAW,mBAAmB;AAC5C,cAAc,WAAW,kBAAkB,SAAS;AAYpD,OAAO,cAAM,eAAgBA,WAAWC;AASxC,OAAO,cAAM,eAAgBC;AAO7B,OAAO,cAAM,UACX,uBACC;CACD,OAAO;CACP;CACA;CACA,MAAM;CACN,SAAS;CACT,eAAeA;CACf;CACA;CACA;CACA,UAAU;EACR;EACA;EACA;EACA;EACA;EACA;CACD;AACF;AAiDD,OAAO,cAAM,YAAa,EACxB,SACA,SACA,GAAG,MACgC,EAAlC,aAAa,EAAE,kBAAmB,MAAG,IAAI;AAS5C,OAAO,cAAM,eAAgB,EAC3B,UACA,SACA,OACA,GAAG,MACiD,EAAnD,aAAa;CAAE;CAAmB;AAAiB,MAAG,IAAI",
|
|
3
3
|
"names": [
|
|
4
4
|
"listener: (cur: number) => void",
|
|
5
5
|
"cur: number",
|
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
"src/useTint.tsx"
|
|
10
10
|
],
|
|
11
11
|
"sourcesContent": [
|
|
12
|
-
"import React from 'react'\nimport type { JSX } from 'react/jsx-runtime'\nimport type { ThemeName, ThemeProps } from 'tamagui'\nimport { Theme } from 'tamagui'\nimport { getTints, setNextTintFamily, useTints } from './tints'\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\
|
|
12
|
+
"import React from 'react'\nimport type { JSX } from 'react/jsx-runtime'\nimport type { ThemeName, ThemeProps } from 'tamagui'\nimport { Theme, useDidFinishSSR } from 'tamagui'\nimport { getTints, setNextTintFamily, useTints } from './tints'\nimport { usePathname } from 'one'\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\nlet current = 3\n\nconst listeners = new Set<Function>()\n\nexport const onTintChange = (listener: (cur: number) => void) => {\n listeners.add(listener)\n return (): void => {\n listeners.delete(listener)\n }\n}\n\nconst numTints = getTints().tints.length\n\nexport const setTintIndex = (next: number): void => {\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 altOffset = -1\n): {\n tints: ThemeName[]\n tintIndex: number\n tintAltIndex: number\n tint: ThemeName\n tintAlt: ThemeName\n setTintIndex: (next: number) => void\n setNextTintFamily: () => void\n setNextTint: () => void\n name: string\n families: {\n tamagui: string[]\n xmas: string[]\n easter: string[]\n halloween: string[]\n valentine: string[]\n lunar: string[]\n }\n} => {\n const pathname = usePathname()\n const section =\n pathname.startsWith('/docs/core') ||\n pathname === '/docs/intro/introduction' ||\n pathname === '/docs/intro/installation'\n ? 'core'\n : pathname.startsWith('/ui')\n ? 'ui'\n : pathname.startsWith('/docs/intro')\n ? 'compile'\n : null\n\n const hydrated = useDidFinishSSR()\n\n let initial = current\n if (section) {\n initial = section === 'compile' ? 5 : section === 'core' ? 4 : 6\n if (!hydrated) {\n current = initial\n }\n }\n\n const index = React.useSyncExternalStore(\n onTintChange,\n () => current,\n () => initial\n )\n const tintsContext = useTints()\n const { tints } = tintsContext\n const tintAltIndex = Math.abs((index + altOffset) % tints.length)\n\n return {\n ...tintsContext,\n tints: tintsContext.tints as ThemeName[],\n tintIndex: index,\n tintAltIndex,\n tint: tints[index] as ThemeName,\n tintAlt: tints[tintAltIndex] as ThemeName,\n setTintIndex,\n setNextTintFamily,\n setNextTint: () => {\n React.startTransition(() => {\n setTintIndex(index + 1)\n })\n },\n } as const\n}\n\nexport const ThemeTint = ({\n disable,\n children,\n ...rest\n}: ThemeProps & { disable?: boolean }): JSX.Element => {\n const curTint = useTint().tint\n return (\n <Theme {...rest} name={disable ? null : curTint}>\n {children}\n </Theme>\n )\n}\n\nexport const ThemeTintAlt = ({\n children,\n disable,\n offset = 1,\n ...rest\n}: ThemeProps & { disable?: boolean; offset?: number }): JSX.Element => {\n const curTint = useTint(offset).tintAlt\n const name = disable ? null : curTint\n return (\n <Theme name={name} {...rest}>\n {children}\n </Theme>\n )\n}\n"
|
|
13
13
|
],
|
|
14
14
|
"version": 3
|
|
15
15
|
}
|