@hanzogui/logo 2.0.0-rc.41-hanzoai.5
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/LICENSE +21 -0
- package/dist/cjs/HanzoguiLogo.cjs +59 -0
- package/dist/cjs/HanzoguiLogo.native.js +63 -0
- package/dist/cjs/HanzoguiLogo.native.js.map +1 -0
- package/dist/cjs/HanzoguiLogoSvg.cjs +74 -0
- package/dist/cjs/HanzoguiLogoSvg.native.js +80 -0
- package/dist/cjs/HanzoguiLogoSvg.native.js.map +1 -0
- package/dist/cjs/LogoIcon.cjs +51 -0
- package/dist/cjs/LogoIcon.native.js +55 -0
- package/dist/cjs/LogoIcon.native.js.map +1 -0
- package/dist/cjs/LogoWords.cjs +154 -0
- package/dist/cjs/LogoWords.native.js +182 -0
- package/dist/cjs/LogoWords.native.js.map +1 -0
- package/dist/cjs/SeasonProvider.cjs +46 -0
- package/dist/cjs/SeasonProvider.native.js +57 -0
- package/dist/cjs/SeasonProvider.native.js.map +1 -0
- package/dist/cjs/ThemeTint.cjs +57 -0
- package/dist/cjs/ThemeTint.native.js +62 -0
- package/dist/cjs/ThemeTint.native.js.map +1 -0
- package/dist/cjs/index.cjs +26 -0
- package/dist/cjs/index.native.js +29 -0
- package/dist/cjs/index.native.js.map +1 -0
- package/dist/cjs/tints.cjs +102 -0
- package/dist/cjs/tints.native.js +107 -0
- package/dist/cjs/tints.native.js.map +1 -0
- package/dist/cjs/useTint.cjs +116 -0
- package/dist/cjs/useTint.native.js +128 -0
- package/dist/cjs/useTint.native.js.map +1 -0
- package/dist/esm/HanzoguiLogo.mjs +34 -0
- package/dist/esm/HanzoguiLogo.mjs.map +1 -0
- package/dist/esm/HanzoguiLogo.native.js +35 -0
- package/dist/esm/HanzoguiLogo.native.js.map +1 -0
- package/dist/esm/HanzoguiLogoSvg.mjs +49 -0
- package/dist/esm/HanzoguiLogoSvg.mjs.map +1 -0
- package/dist/esm/HanzoguiLogoSvg.native.js +52 -0
- package/dist/esm/HanzoguiLogoSvg.native.js.map +1 -0
- package/dist/esm/LogoIcon.mjs +26 -0
- package/dist/esm/LogoIcon.mjs.map +1 -0
- package/dist/esm/LogoIcon.native.js +27 -0
- package/dist/esm/LogoIcon.native.js.map +1 -0
- package/dist/esm/LogoWords.mjs +118 -0
- package/dist/esm/LogoWords.mjs.map +1 -0
- package/dist/esm/LogoWords.native.js +143 -0
- package/dist/esm/LogoWords.native.js.map +1 -0
- package/dist/esm/SeasonProvider.mjs +21 -0
- package/dist/esm/SeasonProvider.mjs.map +1 -0
- package/dist/esm/SeasonProvider.native.js +29 -0
- package/dist/esm/SeasonProvider.native.js.map +1 -0
- package/dist/esm/ThemeTint.mjs +31 -0
- package/dist/esm/ThemeTint.mjs.map +1 -0
- package/dist/esm/ThemeTint.native.js +33 -0
- package/dist/esm/ThemeTint.native.js.map +1 -0
- package/dist/esm/index.js +8 -0
- package/dist/esm/index.js.map +1 -0
- package/dist/esm/index.mjs +8 -0
- package/dist/esm/index.mjs.map +1 -0
- package/dist/esm/index.native.js +8 -0
- package/dist/esm/index.native.js.map +1 -0
- package/dist/esm/tints.mjs +62 -0
- package/dist/esm/tints.mjs.map +1 -0
- package/dist/esm/tints.native.js +64 -0
- package/dist/esm/tints.native.js.map +1 -0
- package/dist/esm/useTint.mjs +74 -0
- package/dist/esm/useTint.mjs.map +1 -0
- package/dist/esm/useTint.native.js +83 -0
- package/dist/esm/useTint.native.js.map +1 -0
- package/icon/index.js +1 -0
- package/icon/index.native.js +1 -0
- package/icon.cjs +1 -0
- package/package.json +58 -0
- package/src/HanzoguiLogo.tsx +40 -0
- package/src/HanzoguiLogoSvg.tsx +27 -0
- package/src/LogoIcon.tsx +31 -0
- package/src/LogoWords.tsx +186 -0
- package/src/SeasonProvider.tsx +57 -0
- package/src/ThemeTint.tsx +32 -0
- package/src/index.tsx +7 -0
- package/src/tints.tsx +112 -0
- package/src/useTint.tsx +116 -0
- package/types/HanzoguiLogo.d.ts +13 -0
- package/types/HanzoguiLogo.d.ts.map +11 -0
- package/types/HanzoguiLogoSvg.d.ts +8 -0
- package/types/HanzoguiLogoSvg.d.ts.map +11 -0
- package/types/LogoIcon.d.ts +7 -0
- package/types/LogoIcon.d.ts.map +11 -0
- package/types/LogoWords.d.ts +8 -0
- package/types/LogoWords.d.ts.map +11 -0
- package/types/SeasonProvider.d.ts +6 -0
- package/types/SeasonProvider.d.ts.map +11 -0
- package/types/ThemeTint.d.ts +11 -0
- package/types/ThemeTint.d.ts.map +11 -0
- package/types/index.d.ts +9 -0
- package/types/index.d.ts.map +11 -0
- package/types/tints.d.ts +31 -0
- package/types/tints.d.ts.map +11 -0
- package/types/useTint.d.ts +31 -0
- package/types/useTint.d.ts.map +11 -0
|
@@ -0,0 +1,118 @@
|
|
|
1
|
+
import React, { useEffect, useState } from "react";
|
|
2
|
+
import { Circle, XStack } from "hanzogui";
|
|
3
|
+
import { useTint } from "./useTint.mjs";
|
|
4
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
5
|
+
const defaultColors = ["var(--color12)", "var(--color12)", "var(--color12)", "var(--color12)", "var(--red9)", "var(--green9)", "var(--blue9)"];
|
|
6
|
+
const LogoWords = React.memo(({
|
|
7
|
+
downscale = 1,
|
|
8
|
+
animated,
|
|
9
|
+
...props
|
|
10
|
+
}) => {
|
|
11
|
+
const Tint = useTint();
|
|
12
|
+
const [hovered, setHovered] = React.useState(false);
|
|
13
|
+
const [mounted, setMounted] = React.useState("start");
|
|
14
|
+
const {
|
|
15
|
+
tintIndex: index
|
|
16
|
+
} = Tint;
|
|
17
|
+
useEffect(() => {
|
|
18
|
+
const idle = window.requestIdleCallback || setTimeout;
|
|
19
|
+
idle(() => {
|
|
20
|
+
setTimeout(() => {
|
|
21
|
+
setMounted("animate");
|
|
22
|
+
}, 50);
|
|
23
|
+
setTimeout(() => {
|
|
24
|
+
setMounted("done");
|
|
25
|
+
}, 1500);
|
|
26
|
+
});
|
|
27
|
+
}, []);
|
|
28
|
+
useEffect(() => {
|
|
29
|
+
const handleKeyDown = event => {
|
|
30
|
+
const index2 = Number.parseInt(event.key, 10) - 1;
|
|
31
|
+
if (!Number.isNaN(index2) && index2 >= 0 && index2 < Tint.tints.length) {
|
|
32
|
+
Tint.setTintIndex(index2);
|
|
33
|
+
}
|
|
34
|
+
};
|
|
35
|
+
window.addEventListener("keydown", handleKeyDown);
|
|
36
|
+
return () => {
|
|
37
|
+
window.removeEventListener("keydown", handleKeyDown);
|
|
38
|
+
};
|
|
39
|
+
}, [Tint]);
|
|
40
|
+
const getColor = i => {
|
|
41
|
+
if (hovered) return `var(--${Tint.tints[i]}9)`;
|
|
42
|
+
return defaultColors[i];
|
|
43
|
+
};
|
|
44
|
+
const x = Math.round(index * 18.5 + 18 / 2 * (index / defaultColors.length) + 3 + (index === 6 ? -3 : 0));
|
|
45
|
+
const [layout, setLayout] = useState();
|
|
46
|
+
return /* @__PURE__ */jsxs(XStack, {
|
|
47
|
+
onMouseEnter: () => setHovered(true),
|
|
48
|
+
onMouseLeave: () => setHovered(false),
|
|
49
|
+
paddingVertical: "$2",
|
|
50
|
+
"data-tauri-drag-region": true,
|
|
51
|
+
marginVertical: "$-2",
|
|
52
|
+
position: "relative",
|
|
53
|
+
className: "logo-words",
|
|
54
|
+
onLayout: e => {
|
|
55
|
+
setLayout(e.nativeEvent.layout);
|
|
56
|
+
},
|
|
57
|
+
onMouseMove: e => {
|
|
58
|
+
if (!layout) return;
|
|
59
|
+
const x2 = e.clientX - layout.pageX;
|
|
60
|
+
const sectionWidth = layout.width / 7;
|
|
61
|
+
const section = Math.min(6, Math.floor(x2 / sectionWidth));
|
|
62
|
+
Tint.setTintIndex(section);
|
|
63
|
+
},
|
|
64
|
+
...props,
|
|
65
|
+
children: [animated && /* @__PURE__ */jsx(Circle, {
|
|
66
|
+
transition: "medium",
|
|
67
|
+
position: "absolute",
|
|
68
|
+
top: 0,
|
|
69
|
+
left: 0,
|
|
70
|
+
y: mounted === "start" ? -30 : -4,
|
|
71
|
+
x,
|
|
72
|
+
size: 4,
|
|
73
|
+
backgroundColor: "$color12"
|
|
74
|
+
}), /* @__PURE__ */jsxs("svg", {
|
|
75
|
+
"data-tauri-drag-region": true,
|
|
76
|
+
width: 373 * (1 / downscale) * 0.3333333,
|
|
77
|
+
height: 41 * (1 / downscale) * 0.3333333,
|
|
78
|
+
viewBox: "0 0 373 41",
|
|
79
|
+
children: [/* @__PURE__ */jsx("polygon", {
|
|
80
|
+
"data-tauri-drag-region": true,
|
|
81
|
+
shapeRendering: "crispEdges",
|
|
82
|
+
fill: getColor(0),
|
|
83
|
+
points: "24.3870968 40.1612903 24.3870968 8.67741935 32.2580645 8.67741935 32.2580645 0.806451613 0.774193548 0.806451613 0.774193548 8.67741935 8.64516129 8.67741935 8.64516129 40.1612903"
|
|
84
|
+
}), /* @__PURE__ */jsx("path", {
|
|
85
|
+
shapeRendering: "crispEdges",
|
|
86
|
+
fill: getColor(1),
|
|
87
|
+
d: "M87.3548387,0.806451613 L87.3548387,8.67741935 L95.2258065,8.67741935 L95.2258065,40.1612903 L79.483871,40.1612903 L79.483871,24.4193548 L71.6129032,24.4193548 L71.6129032,40.1612903 L55.8709677,40.1612903 L55.8709677,8.67741935 L63.7419355,8.67741935 L63.7419355,0.806451613 L87.3548387,0.806451613 Z M79.483871,8.67741935 L71.6129032,8.67741935 L71.6129032,16.5483871 L79.483871,16.5483871 L79.483871,8.67741935 Z",
|
|
88
|
+
fillRule: "nonzero"
|
|
89
|
+
}), /* @__PURE__ */jsx("polygon", {
|
|
90
|
+
"data-tauri-drag-region": true,
|
|
91
|
+
shapeRendering: "crispEdges",
|
|
92
|
+
fill: getColor(2),
|
|
93
|
+
points: "130.645161 40.1612903 130.645161 22.4516129 138.516129 22.4516129 138.516129 40.1612903 154.258065 40.1612903 154.258065 0.806451613 142.451613 0.806451613 142.451613 8.67741935 126.709677 8.67741935 126.709677 0.806451613 114.903226 0.806451613 114.903226 40.1612903"
|
|
94
|
+
}), /* @__PURE__ */jsx("path", {
|
|
95
|
+
fill: getColor(3),
|
|
96
|
+
d: "M205.419355,0.806451613 L205.419355,8.67741935 L213.290323,8.67741935 L213.290323,40.1612903 L197.548387,40.1612903 L197.548387,24.4193548 L189.677419,24.4193548 L189.677419,40.1612903 L173.935484,40.1612903 L173.935484,8.67741935 L181.806452,8.67741935 L181.806452,0.806451613 L205.419355,0.806451613 Z M197.548387,8.67741935 L189.677419,8.67741935 L189.677419,16.5483871 L197.548387,16.5483871 L197.548387,8.67741935 Z",
|
|
97
|
+
fillRule: "nonzero"
|
|
98
|
+
}), /* @__PURE__ */jsx("polygon", {
|
|
99
|
+
"data-tauri-drag-region": true,
|
|
100
|
+
shapeRendering: "crispEdges",
|
|
101
|
+
fill: getColor(4),
|
|
102
|
+
points: "264.451613 40.1612903 264.451613 32.2903226 272.322581 32.2903226 272.322581 16.5483871 256.580645 16.5483871 256.580645 32.2903226 248.709677 32.2903226 248.709677 8.67741935 272.322581 8.67741935 272.322581 0.806451613 240.83871 0.806451613 240.83871 8.67741935 232.967742 8.67741935 232.967742 32.2903226 240.83871 32.2903226 240.83871 40.1612903"
|
|
103
|
+
}), /* @__PURE__ */jsx("polygon", {
|
|
104
|
+
"data-tauri-drag-region": true,
|
|
105
|
+
shapeRendering: "crispEdges",
|
|
106
|
+
fill: getColor(5),
|
|
107
|
+
points: "323.483871 40.1612903 323.483871 32.2903226 331.354839 32.2903226 331.354839 0.806451613 315.612903 0.806451613 315.612903 32.2903226 307.741935 32.2903226 307.741935 0.806451613 292 0.806451613 292 32.2903226 299.870968 32.2903226 299.870968 40.1612903"
|
|
108
|
+
}), /* @__PURE__ */jsx("polygon", {
|
|
109
|
+
"data-tauri-drag-region": true,
|
|
110
|
+
shapeRendering: "crispEdges",
|
|
111
|
+
fill: getColor(6),
|
|
112
|
+
points: "372.677419 40.1612903 372.677419 0.806451613 356.935484 0.806451613 356.935484 40.1612903"
|
|
113
|
+
})]
|
|
114
|
+
})]
|
|
115
|
+
});
|
|
116
|
+
});
|
|
117
|
+
export { LogoWords };
|
|
118
|
+
//# sourceMappingURL=LogoWords.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","useEffect","useState","Circle","XStack","useTint","jsx","jsxs","defaultColors","LogoWords","memo","downscale","animated","props","Tint","hovered","setHovered","mounted","setMounted","tintIndex","index","idle","window","requestIdleCallback","setTimeout","handleKeyDown","event","index2","Number","parseInt","key","isNaN","tints","length","setTintIndex","addEventListener","removeEventListener","getColor","i","x","Math","round","layout","setLayout","onMouseEnter","onMouseLeave","paddingVertical","marginVertical","position","className","onLayout","e","nativeEvent","onMouseMove","x2","clientX","pageX","sectionWidth","width","section","min","floor","children","transition","top","left","y","size","backgroundColor","height","viewBox","shapeRendering","fill","points","d","fillRule"],"sources":["../../src/LogoWords.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,143 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import React, { useEffect, useState } from "react";
|
|
3
|
+
import { Circle, XStack } from "hanzogui";
|
|
4
|
+
import { useTint } from "./useTint.native.js";
|
|
5
|
+
var defaultColors = ["var(--color12)", "var(--color12)", "var(--color12)", "var(--color12)", "var(--red9)", "var(--green9)", "var(--blue9)"];
|
|
6
|
+
var LogoWords = /* @__PURE__ */React.memo(function (param) {
|
|
7
|
+
var {
|
|
8
|
+
downscale = 1,
|
|
9
|
+
animated,
|
|
10
|
+
...props
|
|
11
|
+
} = param;
|
|
12
|
+
var Tint = useTint();
|
|
13
|
+
var [hovered, setHovered] = React.useState(false);
|
|
14
|
+
var [mounted, setMounted] = React.useState("start");
|
|
15
|
+
var {
|
|
16
|
+
tintIndex: index
|
|
17
|
+
} = Tint;
|
|
18
|
+
useEffect(function () {
|
|
19
|
+
var idle = window.requestIdleCallback || setTimeout;
|
|
20
|
+
idle(function () {
|
|
21
|
+
setTimeout(function () {
|
|
22
|
+
setMounted("animate");
|
|
23
|
+
}, 50);
|
|
24
|
+
setTimeout(function () {
|
|
25
|
+
setMounted("done");
|
|
26
|
+
}, 1500);
|
|
27
|
+
});
|
|
28
|
+
}, []);
|
|
29
|
+
useEffect(function () {
|
|
30
|
+
var handleKeyDown = function (event) {
|
|
31
|
+
var index2 = Number.parseInt(event.key, 10) - 1;
|
|
32
|
+
if (!Number.isNaN(index2) && index2 >= 0 && index2 < Tint.tints.length) {
|
|
33
|
+
Tint.setTintIndex(index2);
|
|
34
|
+
}
|
|
35
|
+
};
|
|
36
|
+
window.addEventListener("keydown", handleKeyDown);
|
|
37
|
+
return function () {
|
|
38
|
+
window.removeEventListener("keydown", handleKeyDown);
|
|
39
|
+
};
|
|
40
|
+
}, [Tint]);
|
|
41
|
+
var getColor = function (i) {
|
|
42
|
+
if (hovered) return `var(--${Tint.tints[i]}9)`;
|
|
43
|
+
return defaultColors[i];
|
|
44
|
+
};
|
|
45
|
+
var x = Math.round(index * 18.5 + 18 / 2 * (index / defaultColors.length) + 3 + (index === 6 ? -3 : 0));
|
|
46
|
+
var [layout, setLayout] = useState();
|
|
47
|
+
return /* @__PURE__ */_jsxs(XStack, {
|
|
48
|
+
onMouseEnter: function () {
|
|
49
|
+
return setHovered(true);
|
|
50
|
+
},
|
|
51
|
+
onMouseLeave: function () {
|
|
52
|
+
return setHovered(false);
|
|
53
|
+
},
|
|
54
|
+
paddingVertical: "$2",
|
|
55
|
+
"data-tauri-drag-region": true,
|
|
56
|
+
marginVertical: "$-2",
|
|
57
|
+
position: "relative",
|
|
58
|
+
className: "logo-words",
|
|
59
|
+
onLayout: function (e) {
|
|
60
|
+
setLayout(e.nativeEvent.layout);
|
|
61
|
+
},
|
|
62
|
+
// @ts-ignore
|
|
63
|
+
onMouseMove: function (e) {
|
|
64
|
+
if (!layout) return;
|
|
65
|
+
var x2 = e.clientX - layout.pageX;
|
|
66
|
+
var sectionWidth = layout.width / 7;
|
|
67
|
+
var section = Math.min(6, Math.floor(x2 / sectionWidth));
|
|
68
|
+
Tint.setTintIndex(section);
|
|
69
|
+
},
|
|
70
|
+
...props,
|
|
71
|
+
children: [animated && /* @__PURE__ */_jsx(Circle, {
|
|
72
|
+
transition: "medium",
|
|
73
|
+
position: "absolute",
|
|
74
|
+
top: 0,
|
|
75
|
+
left: 0,
|
|
76
|
+
y: mounted === "start" ? -30 : -4,
|
|
77
|
+
// the last i is less wide
|
|
78
|
+
x,
|
|
79
|
+
size: 4,
|
|
80
|
+
backgroundColor: "$color12"
|
|
81
|
+
}), /* @__PURE__ */_jsxs("svg", {
|
|
82
|
+
"data-tauri-drag-region": true,
|
|
83
|
+
width: 373 * (1 / downscale) * 0.3333333,
|
|
84
|
+
height: 41 * (1 / downscale) * 0.3333333,
|
|
85
|
+
viewBox: "0 0 373 41",
|
|
86
|
+
children: [/* @__PURE__ */_jsx("polygon", {
|
|
87
|
+
"data-tauri-drag-region": true,
|
|
88
|
+
shapeRendering: "crispEdges",
|
|
89
|
+
fill: getColor(0),
|
|
90
|
+
points: "24.3870968 40.1612903 24.3870968 8.67741935 32.2580645 8.67741935 32.2580645 0.806451613 0.774193548 0.806451613 0.774193548 8.67741935 8.64516129 8.67741935 8.64516129 40.1612903"
|
|
91
|
+
}),
|
|
92
|
+
// onMouseEnter={() => Tint.setTintIndex(0)}
|
|
93
|
+
/* @__PURE__ */
|
|
94
|
+
_jsx("path", {
|
|
95
|
+
shapeRendering: "crispEdges",
|
|
96
|
+
fill: getColor(1),
|
|
97
|
+
d: "M87.3548387,0.806451613 L87.3548387,8.67741935 L95.2258065,8.67741935 L95.2258065,40.1612903 L79.483871,40.1612903 L79.483871,24.4193548 L71.6129032,24.4193548 L71.6129032,40.1612903 L55.8709677,40.1612903 L55.8709677,8.67741935 L63.7419355,8.67741935 L63.7419355,0.806451613 L87.3548387,0.806451613 Z M79.483871,8.67741935 L71.6129032,8.67741935 L71.6129032,16.5483871 L79.483871,16.5483871 L79.483871,8.67741935 Z",
|
|
98
|
+
fillRule: "nonzero"
|
|
99
|
+
}),
|
|
100
|
+
// onMouseEnter={() => Tint.setTintIndex(1)}
|
|
101
|
+
/* @__PURE__ */
|
|
102
|
+
_jsx("polygon", {
|
|
103
|
+
"data-tauri-drag-region": true,
|
|
104
|
+
shapeRendering: "crispEdges",
|
|
105
|
+
fill: getColor(2),
|
|
106
|
+
points: "130.645161 40.1612903 130.645161 22.4516129 138.516129 22.4516129 138.516129 40.1612903 154.258065 40.1612903 154.258065 0.806451613 142.451613 0.806451613 142.451613 8.67741935 126.709677 8.67741935 126.709677 0.806451613 114.903226 0.806451613 114.903226 40.1612903"
|
|
107
|
+
}),
|
|
108
|
+
// onMouseEnter={() => Tint.setTintIndex(2)}
|
|
109
|
+
/* @__PURE__ */
|
|
110
|
+
_jsx("path", {
|
|
111
|
+
fill: getColor(3),
|
|
112
|
+
d: "M205.419355,0.806451613 L205.419355,8.67741935 L213.290323,8.67741935 L213.290323,40.1612903 L197.548387,40.1612903 L197.548387,24.4193548 L189.677419,24.4193548 L189.677419,40.1612903 L173.935484,40.1612903 L173.935484,8.67741935 L181.806452,8.67741935 L181.806452,0.806451613 L205.419355,0.806451613 Z M197.548387,8.67741935 L189.677419,8.67741935 L189.677419,16.5483871 L197.548387,16.5483871 L197.548387,8.67741935 Z",
|
|
113
|
+
fillRule: "nonzero"
|
|
114
|
+
}),
|
|
115
|
+
// onMouseEnter={() => Tint.setTintIndex(3)}
|
|
116
|
+
/* @__PURE__ */
|
|
117
|
+
_jsx("polygon", {
|
|
118
|
+
"data-tauri-drag-region": true,
|
|
119
|
+
shapeRendering: "crispEdges",
|
|
120
|
+
fill: getColor(4),
|
|
121
|
+
points: "264.451613 40.1612903 264.451613 32.2903226 272.322581 32.2903226 272.322581 16.5483871 256.580645 16.5483871 256.580645 32.2903226 248.709677 32.2903226 248.709677 8.67741935 272.322581 8.67741935 272.322581 0.806451613 240.83871 0.806451613 240.83871 8.67741935 232.967742 8.67741935 232.967742 32.2903226 240.83871 32.2903226 240.83871 40.1612903"
|
|
122
|
+
}),
|
|
123
|
+
// onMouseEnter={() => Tint.setTintIndex(4)}
|
|
124
|
+
/* @__PURE__ */
|
|
125
|
+
_jsx("polygon", {
|
|
126
|
+
"data-tauri-drag-region": true,
|
|
127
|
+
shapeRendering: "crispEdges",
|
|
128
|
+
fill: getColor(5),
|
|
129
|
+
points: "323.483871 40.1612903 323.483871 32.2903226 331.354839 32.2903226 331.354839 0.806451613 315.612903 0.806451613 315.612903 32.2903226 307.741935 32.2903226 307.741935 0.806451613 292 0.806451613 292 32.2903226 299.870968 32.2903226 299.870968 40.1612903"
|
|
130
|
+
}),
|
|
131
|
+
// onMouseEnter={() => Tint.setTintIndex(5)}
|
|
132
|
+
/* @__PURE__ */
|
|
133
|
+
_jsx("polygon", {
|
|
134
|
+
"data-tauri-drag-region": true,
|
|
135
|
+
shapeRendering: "crispEdges",
|
|
136
|
+
fill: getColor(6),
|
|
137
|
+
points: "372.677419 40.1612903 372.677419 0.806451613 356.935484 0.806451613 356.935484 40.1612903"
|
|
138
|
+
})]
|
|
139
|
+
})]
|
|
140
|
+
});
|
|
141
|
+
});
|
|
142
|
+
export { LogoWords };
|
|
143
|
+
//# sourceMappingURL=LogoWords.native.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","React","useEffect","useState","Circle","XStack","useTint","defaultColors","LogoWords","memo","param","downscale","animated","props","Tint","hovered","setHovered","mounted","setMounted","tintIndex","index","idle","window","requestIdleCallback","setTimeout","handleKeyDown","event","index2","Number","parseInt","key","isNaN","tints","length","setTintIndex","addEventListener","removeEventListener","getColor","i","x","Math","round","layout","setLayout","onMouseEnter","onMouseLeave","paddingVertical","marginVertical","position","className","onLayout","e","nativeEvent","onMouseMove","x2","clientX","pageX","sectionWidth","width","section","min","floor","children","transition","top","left","y","size","backgroundColor","height","viewBox","shapeRendering","fill","points","d","fillRule"],"sources":["../../src/LogoWords.tsx"],"sourcesContent":[null],"mappings":"AACA,SAAOA,GAAA,IAASC,IAAA,EAAAC,IAAA,IAAWC,KAAA,QAAgB;AAE3C,OAAAC,KAAS,IAAAC,SAAQ,EAAAC,QAAc;AAC/B,SAASC,MAAA,EAAAC,MAAA,QAAe;AAyGhB,SAAAC,OAaF,6BAbE;AApGR,IAAAC,aAAM,IACJ,kBACA,kBACA,kBACA,kBACA,eACA,iBACA,eACF;AAYO,IAAAC,SAAM,kBASKP,KAAA,CAAAQ,IAAA,WAAeC,KAAU;EACzC;IAAMC,SAAO;IAAQC,QAAA;IAAA,GAAAC;EAAA,IAAAH,KAAA;EACrB,IAAAI,IAAO,GAAAR,OAAS;EAChB,KAAAS,OAAO,EAAAC,UAAS,IAAUf,KAAI,CAAAE,QAAM,MAAuC;EAE3E,KAAAc,OAAQ,EAAAC,UAAW,CAAM,GAAAjB,KAAI,CAAAE,QAAA;EAE7B;IAAAgB,SAAU,EAAMC;EAAA,IAAAN,IAAA;EACdZ,SAAM,aAAO;IACb,IAAAmB,IAAK,GAAMC,MAAA,CAAAC,mBAAA,IAAAC,UAAA;IACTH,IAAA,aAAW;MACTG,UAAA,aAAoB;QACtBN,UAAK;MAEL;MACEM,UAAA,aAAiB;QACnBN,UAAO;MACR;IACH,CAAG,CAAC;EAEJ;EACEhB,SAAM;IACJ,IAAAuB,aAAc,YAAAA,CAAOC,KAAS;MAC9B,IAAIC,MAAC,GAAOC,MAAM,CAAAC,QAAK,CAAKH,KAAA,CAAAI,GAAA,EAAS,MAAK;MACxC,KAAAF,MAAK,CAAAG,KAAA,CAAAJ,MAAa,KAAKA,MAAA,SAAAA,MAAA,GAAAb,IAAA,CAAAkB,KAAA,CAAAC,MAAA;QACzBnB,IAAA,CAAAoB,YAAA,CAAAP,MAAA;MACF;IAEA;IAEAL,MAAA,CAAOa,gBAAM,YAAAV,aAAA;IACX,mBAAO;MACTH,MAAA,CAAAc,mBAAA,YAAAX,aAAA;IACF,CAAG;EAEH,IACEX,IAAI,CACJ;EACF,IAAAuB,QAAA,YAAAA,CAAAC,CAAA;IAEA,IAAMvB,OAAI,EAAK,gBAAAD,IAAA,CAAAkB,KAAA,CAAAM,CAAA;IACb,OAAA/B,aAAqB,CAAA+B,CAAA;EACvB;EAEA,IAAAC,CAAA,GAAOC,IAAA,CAAAC,KAAQ,CAAArB,KAAS,OAAI,QAAsB,KAAAA,KAAA,GAAAb,aAAA,CAAA0B,MAAA,SAAAb,KAAA;EAElD,KAAAsB,MACE,EAAAC,SAAA,IAAAxC,QAAA;EAAA,OAAC,eAAAH,KAAA,CAAAK,MAAA;IAAAuC,YAAA,WAAAA,CAAA;MACC,OAAA5B,UAAc,KAAM;IAAe;IACC6B,YACpC,WAAAA,CAAA,EAAgB;MAChB,OAAA7B,UAAA;IAAsB;IACP8B,eACN;IAAA,wBACC;IAAAC,cACC,OAAM;IACfC,QAAA,YAAY;IAAyBC,SACvC;IAAAC,QAEA,WAAAA,CAAcC,CAAA,EAAkB;MAC9BR,SAAK,CAAAQ,CAAA,CAAAC,WAAQ,CAAAV,MAAA;IACb;IAEA;IAEAW,WAAM,WAAAA,CAAUF,CAAA,EAAK;MACrB,KAAAT,MAAK;MACP,IAAAY,EAAA,GAAAH,CAAA,CAAAI,OAAA,GAAAb,MAAA,CAAAc,KAAA;MACC,IAAGC,YAAA,GAAAf,MAAA,CAAAgB,KAAA;MAEH,IAAAC,OAAA,GAAAnB,IAAA,CAAAoB,GAAA,IAAApB,IAAA,CAAAqB,KAAA,CAAAP,EAAA,GAAAG,YAAA;MAAA3C,IAAA,CAAAoB,YACC,CAAAyB,OAAA;IAAA;IAAC,GAAA9C,KAAA;IAAAiD,QACC,GAAWlD,QACX,mBAASd,IAAA,CAAAM,MAAA;MAAA2D,UACJ;MAAAf,QACL,EAAM;MAAAgB,GAAA,EACN;MAA+BC,IAE/B;MAAAC,CAAA,EAAAjD,OACM;MAAA;MACUsB,CAAA;MAClB4B,IAAA;MAGFC,eAAA;IAAA,IAAC,eAAApE,KAAA;MAAA,wBACC,MAAsB;MAAA0D,KACtB,SAAO,IAAO/C,SAAI,aAAa;MAAA0D,MAC/B,QAAQ,IAAM1D,SAAI,aAAa;MAAA2D,OAC/B,cAAQ;MAAAR,QAER,kBAAAhE,IAAA;QAAA,wBAAC;QAAAyE,cAAA;QAAAC,IAAA,EACCnC,QAAA;QAAsBoC,MACtB;MAAe;MACC;MACT;MAAA3E,IAAA;QAAAyE,cAET;QAAAC,IAEA,EAAAnC,QAAA;QAAAqC,CAAA,maAAC;QAAAC,QAAA;MAAA;MACgB;MACC;MACd7E,IAAA;QAAA,wBACO;QAAAyE,cAAA;QAAAC,IAEX,EAAAnC,QAAA;QAAAoC,MAEA;MAAA;MAAC;MAAA;MACC3E,IAAA;QAAsB0E,IAAA,EACtBnC,QAAA;QAAeqC,CAAA,waACC;QAAAC,QAChB;MAAO;MAAA;MAET;MAEA7E,IAAA;QAAA,wBAAC;QAAAyE,cAAA;QAAAC,IAAA,EACCnC,QAAM;QAAUoC,MAChB;MAAE;MACO;MAAA;MAEX3E,IAAA;QAAA,wBAEA;QAAAyE,cAAC;QAAAC,IAAA,EAAAnC,QAAA;QAAAoC,MACC;MAAsB;MACP;MACC;MACT3E,IAAA;QAAA;QAAAyE,cAET;QAAAC,IAEA,EAAAnC,QAAA;QAAAoC,MAAC;MAAA;IACuB;EAEN;AACT;AAAA,SAETjE,SAAA","ignoreList":[]}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { useEffect } from "react";
|
|
2
|
+
import { setTintFamily } from "./tints.mjs";
|
|
3
|
+
import { Fragment, jsx } from "react/jsx-runtime";
|
|
4
|
+
function useSeasonSync() {
|
|
5
|
+
useEffect(() => {
|
|
6
|
+
const computed = window.__TAMAGUI_SEASON__;
|
|
7
|
+
if (computed) {
|
|
8
|
+
setTintFamily(computed);
|
|
9
|
+
}
|
|
10
|
+
}, []);
|
|
11
|
+
}
|
|
12
|
+
function SeasonProvider({
|
|
13
|
+
children
|
|
14
|
+
}) {
|
|
15
|
+
useSeasonSync();
|
|
16
|
+
return /* @__PURE__ */jsx(Fragment, {
|
|
17
|
+
children
|
|
18
|
+
});
|
|
19
|
+
}
|
|
20
|
+
export { SeasonProvider };
|
|
21
|
+
//# sourceMappingURL=SeasonProvider.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["useEffect","setTintFamily","Fragment","jsx","useSeasonSync","computed","window","__TAMAGUI_SEASON__","SeasonProvider","children"],"sources":["../../src/SeasonProvider.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,SAAA,QAAiB;AAC1B,SAASC,aAAA,QAAsC;AA2C3C,SAAAC,QAAA,EAAAC,GAAA;AAjBJ,SAASC,cAAA,EAAgB;EACvBJ,SAAA,CAAU,MAAM;IACd,MAAMK,QAAA,GAAYC,MAAA,CAAeC,kBAAA;IACjC,IAAIF,QAAA,EAAU;MACZJ,aAAA,CAAcI,QAAQ;IACxB;EACF,GAAG,EAAE;AACP;AAEO,SAASG,eAAe;EAC7BC;AACF,GAEoB;EAClBL,aAAA,CAAc;EAEd,OACE,eAAAD,GAAA,CAAAD,QAAA;IAQGO;EAAA,CACH;AAEJ","ignoreList":[]}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
+
import { useEffect } from "react";
|
|
3
|
+
import { setTintFamily } from "./tints.native.js";
|
|
4
|
+
function useSeasonSync() {
|
|
5
|
+
useEffect(function () {
|
|
6
|
+
var computed = window.__TAMAGUI_SEASON__;
|
|
7
|
+
if (computed) {
|
|
8
|
+
setTintFamily(computed);
|
|
9
|
+
}
|
|
10
|
+
}, []);
|
|
11
|
+
}
|
|
12
|
+
function SeasonProvider(param) {
|
|
13
|
+
var {
|
|
14
|
+
children
|
|
15
|
+
} = param;
|
|
16
|
+
useSeasonSync();
|
|
17
|
+
return /* @__PURE__ */_jsx(_Fragment, {
|
|
18
|
+
children: (/* disabled because were launchig v2 and its lunar new year */
|
|
19
|
+
/* <script
|
|
20
|
+
suppressHydrationWarning
|
|
21
|
+
dangerouslySetInnerHTML={{
|
|
22
|
+
__html: getInlineScript(),
|
|
23
|
+
}}
|
|
24
|
+
/> */
|
|
25
|
+
children)
|
|
26
|
+
});
|
|
27
|
+
}
|
|
28
|
+
export { SeasonProvider };
|
|
29
|
+
//# sourceMappingURL=SeasonProvider.native.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","Fragment","_Fragment","useEffect","setTintFamily","useSeasonSync","computed","window","__TAMAGUI_SEASON__","SeasonProvider","param","children"],"sources":["../../src/SeasonProvider.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,GAAA,IAAAC,IAAA,EAAAC,QAAiB,IAAAC,SAAA;AAC1B,SAASC,SAAA,eAAsC;AA2C3C,SAAAC,aAAA;AAjBJ,SAASC,cAAA,EAAgB;EACvBF,SAAA,CAAU,YAAM;IACd,IAAAG,QAAM,GAAAC,MAAY,CAAAC,kBAAe;IACjC,IAAIF,QAAA,EAAU;MACZF,aAAA,CAAcE,QAAQ;IACxB;EACF,GAAG,EAAE;AACP;AAEO,SAASG,eAAeC,KAAA;EAC7B;IAAAC;EAAA,IAAAD,KAAA;EACFL,aAEoB;EAClB,sBAAcL,IAAA,CAAAE,SAAA;IAEdS,QACE,GAWJ","ignoreList":[]}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { Theme } from "@hanzogui/web";
|
|
2
|
+
import { useTint } from "./useTint.mjs";
|
|
3
|
+
import { jsx } from "react/jsx-runtime";
|
|
4
|
+
const ThemeTint = ({
|
|
5
|
+
disable,
|
|
6
|
+
children,
|
|
7
|
+
...rest
|
|
8
|
+
}) => {
|
|
9
|
+
const curTint = useTint().tint;
|
|
10
|
+
return /* @__PURE__ */jsx(Theme, {
|
|
11
|
+
...rest,
|
|
12
|
+
name: disable ? null : curTint,
|
|
13
|
+
children
|
|
14
|
+
});
|
|
15
|
+
};
|
|
16
|
+
const ThemeTintAlt = ({
|
|
17
|
+
children,
|
|
18
|
+
disable,
|
|
19
|
+
offset = 1,
|
|
20
|
+
...rest
|
|
21
|
+
}) => {
|
|
22
|
+
const curTint = useTint(offset).tintAlt;
|
|
23
|
+
const name = disable ? null : curTint;
|
|
24
|
+
return /* @__PURE__ */jsx(Theme, {
|
|
25
|
+
name,
|
|
26
|
+
...rest,
|
|
27
|
+
children
|
|
28
|
+
});
|
|
29
|
+
};
|
|
30
|
+
export { ThemeTint, ThemeTintAlt };
|
|
31
|
+
//# sourceMappingURL=ThemeTint.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["Theme","useTint","jsx","ThemeTint","disable","children","rest","curTint","tint","name","ThemeTintAlt","offset","tintAlt"],"sources":["../../src/ThemeTint.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAA0BA,KAAA,QAAa;AAEvC,SAASC,OAAA,QAAe;AAUpB,SAAAC,GAAA;AARG,MAAMC,SAAA,GAAYA,CAAC;EACxBC,OAAA;EACAC,QAAA;EACA,GAAGC;AACL,MAAuD;EACrD,MAAMC,OAAA,GAAUN,OAAA,CAAQ,EAAEO,IAAA;EAE1B,OACE,eAAAN,GAAA,CAACF,KAAA;IAAO,GAAGM,IAAA;IAAMG,IAAA,EAAML,OAAA,GAAU,OAAOG,OAAA;IACrCF;EAAA,CACH;AAEJ;AAEO,MAAMK,YAAA,GAAeA,CAAC;EAC3BL,QAAA;EACAD,OAAA;EACAO,MAAA,GAAS;EACT,GAAGL;AACL,MAAwE;EACtE,MAAMC,OAAA,GAAUN,OAAA,CAAQU,MAAM,EAAEC,OAAA;EAChC,MAAMH,IAAA,GAAOL,OAAA,GAAU,OAAOG,OAAA;EAC9B,OACE,eAAAL,GAAA,CAACF,KAAA;IAAMS,IAAA;IAAa,GAAGH,IAAA;IACpBD;EAAA,CACH;AAEJ","ignoreList":[]}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { Theme } from "@hanzogui/web";
|
|
3
|
+
import { useTint } from "./useTint.native.js";
|
|
4
|
+
var ThemeTint = function (param) {
|
|
5
|
+
var {
|
|
6
|
+
disable,
|
|
7
|
+
children,
|
|
8
|
+
...rest
|
|
9
|
+
} = param;
|
|
10
|
+
var curTint = useTint().tint;
|
|
11
|
+
return /* @__PURE__ */_jsx(Theme, {
|
|
12
|
+
...rest,
|
|
13
|
+
name: disable ? null : curTint,
|
|
14
|
+
children
|
|
15
|
+
});
|
|
16
|
+
};
|
|
17
|
+
var ThemeTintAlt = function (param) {
|
|
18
|
+
var {
|
|
19
|
+
children,
|
|
20
|
+
disable,
|
|
21
|
+
offset = 1,
|
|
22
|
+
...rest
|
|
23
|
+
} = param;
|
|
24
|
+
var curTint = useTint(offset).tintAlt;
|
|
25
|
+
var name = disable ? null : curTint;
|
|
26
|
+
return /* @__PURE__ */_jsx(Theme, {
|
|
27
|
+
name,
|
|
28
|
+
...rest,
|
|
29
|
+
children
|
|
30
|
+
});
|
|
31
|
+
};
|
|
32
|
+
export { ThemeTint, ThemeTintAlt };
|
|
33
|
+
//# sourceMappingURL=ThemeTint.native.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","Theme","useTint","ThemeTint","param","disable","children","rest","curTint","tint","name","ThemeTintAlt","offset","tintAlt"],"sources":["../../src/ThemeTint.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAA0BA,GAAA,IAAAC,IAAA,QAAa;AAEvC,SAASC,KAAA,uBAAe;AAUpB,SAAAC,OAAA;AARG,IAAAC,SAAM,YAAAA,CAAaC,KAAA;EACxB;IAAAC,OAAA;IAAAC,QAAA;IAAA,GAAAC;EAAA,IAAAH,KAAA;EACA,IAAAI,OAAA,GAAAN,OAAA,GAAAO,IAAA;EACA,OAAG,eAAAT,IAAA,CAAAC,KAAA;IACL,GAAuDM,IAAA;IACrDG,IAAM,EAAAL,OAAA,GAAU,OAAQG,OAAE;IAE1BF;EAKF;AAEO;AAAsB,IAC3BK,YAAA,YAAAA,CAAAP,KAAA;EACA;IAAAE,QAAA;IAAAD,OAAA;IAAAO,MAAA;IAAA,GAAAL;EAAA,IAAAH,KAAA;EACA,IAAAI,OAAS,GAAAN,OAAA,CAAAU,MAAA,EAAAC,OAAA;EACT,IAAGH,IAAA,GAAAL,OAAA,UAAAG,OAAA;EACL,OAAwE,eAAAR,IAAA,CAAAC,KAAA;IACtES,IAAM;IACN,GAAAH,IAAM;IACND;EAKF","ignoreList":[]}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export * from "./HanzoguiLogo.mjs";
|
|
2
|
+
export * from "./LogoWords.mjs";
|
|
3
|
+
export * from "./LogoIcon.mjs";
|
|
4
|
+
export * from "./tints.mjs";
|
|
5
|
+
export * from "./useTint.mjs";
|
|
6
|
+
export * from "./ThemeTint.mjs";
|
|
7
|
+
export * from "./SeasonProvider.mjs";
|
|
8
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sources":["../../src/index.tsx"],"sourcesContent":[null],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc","ignoreList":[]}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export * from "./HanzoguiLogo.mjs";
|
|
2
|
+
export * from "./LogoWords.mjs";
|
|
3
|
+
export * from "./LogoIcon.mjs";
|
|
4
|
+
export * from "./tints.mjs";
|
|
5
|
+
export * from "./useTint.mjs";
|
|
6
|
+
export * from "./ThemeTint.mjs";
|
|
7
|
+
export * from "./SeasonProvider.mjs";
|
|
8
|
+
//# sourceMappingURL=index.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sources":["../../src/index.tsx"],"sourcesContent":[null],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc","ignoreList":[]}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export * from "./HanzoguiLogo.native.js";
|
|
2
|
+
export * from "./LogoWords.native.js";
|
|
3
|
+
export * from "./LogoIcon.native.js";
|
|
4
|
+
export * from "./tints.native.js";
|
|
5
|
+
export * from "./useTint.native.js";
|
|
6
|
+
export * from "./ThemeTint.native.js";
|
|
7
|
+
export * from "./SeasonProvider.native.js";
|
|
8
|
+
//# sourceMappingURL=index.native.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sources":["../../src/index.tsx"],"sourcesContent":[null],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc","ignoreList":[]}
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
const listeners = /* @__PURE__ */new Set();
|
|
3
|
+
const familiesValues = {
|
|
4
|
+
hanzogui: ["yellow", "yellow", "yellow", "gray", "red", "green", "blue"],
|
|
5
|
+
xmas: ["red", "green", "red", "green", "red", "green", "red"],
|
|
6
|
+
easter: ["yellow", "yellow", "yellow", "yellow", "yellow", "yellow", "yellow"],
|
|
7
|
+
halloween: ["yellow", "gray", "yellow", "gray", "yellow", "gray", "yellow"],
|
|
8
|
+
valentine: ["red", "red", "red", "red", "red", "red", "red"],
|
|
9
|
+
lunar: ["yellow", "red", "red", "red", "red", "red", "yellow"],
|
|
10
|
+
stpatricks: ["green", "teal", "green", "teal", "green", "teal", "green"]
|
|
11
|
+
};
|
|
12
|
+
const DEFAULT_FAMILY = "hanzogui";
|
|
13
|
+
const familiesNames = Object.keys(familiesValues);
|
|
14
|
+
const families = familiesValues;
|
|
15
|
+
let fam = DEFAULT_FAMILY;
|
|
16
|
+
function getTints() {
|
|
17
|
+
return {
|
|
18
|
+
name: fam || DEFAULT_FAMILY,
|
|
19
|
+
tints: families[fam] || families.hanzogui,
|
|
20
|
+
families
|
|
21
|
+
};
|
|
22
|
+
}
|
|
23
|
+
function useTints() {
|
|
24
|
+
const [val, setVal] = React.useState(getTints());
|
|
25
|
+
React.useEffect(() => {
|
|
26
|
+
return onTintFamilyChange(() => {
|
|
27
|
+
React.startTransition(() => {
|
|
28
|
+
setVal(getTints());
|
|
29
|
+
});
|
|
30
|
+
});
|
|
31
|
+
}, []);
|
|
32
|
+
return val;
|
|
33
|
+
}
|
|
34
|
+
function setTintFamily(next) {
|
|
35
|
+
if (!families[next]) throw `impossible`;
|
|
36
|
+
fam = next;
|
|
37
|
+
if (typeof document !== "undefined") {
|
|
38
|
+
const root = document.documentElement.classList;
|
|
39
|
+
familiesNames.forEach(s => {
|
|
40
|
+
if (s !== "hanzogui") {
|
|
41
|
+
root.remove(`${s}-season`);
|
|
42
|
+
}
|
|
43
|
+
});
|
|
44
|
+
if (next !== "hanzogui") {
|
|
45
|
+
root.add(`${next}-season`);
|
|
46
|
+
}
|
|
47
|
+
}
|
|
48
|
+
React.startTransition(() => {
|
|
49
|
+
listeners.forEach(l => l(next));
|
|
50
|
+
});
|
|
51
|
+
}
|
|
52
|
+
const setNextTintFamily = () => {
|
|
53
|
+
setTintFamily(familiesNames[(familiesNames.indexOf(fam) + 1) % familiesNames.length]);
|
|
54
|
+
};
|
|
55
|
+
const onTintFamilyChange = cb => {
|
|
56
|
+
listeners.add(cb);
|
|
57
|
+
return () => {
|
|
58
|
+
listeners.delete(cb);
|
|
59
|
+
};
|
|
60
|
+
};
|
|
61
|
+
export { getTints, onTintFamilyChange, setNextTintFamily, setTintFamily, useTints };
|
|
62
|
+
//# sourceMappingURL=tints.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","listeners","Set","familiesValues","hanzogui","xmas","easter","halloween","valentine","lunar","stpatricks","DEFAULT_FAMILY","familiesNames","Object","keys","families","fam","getTints","name","tints","useTints","val","setVal","useState","useEffect","onTintFamilyChange","startTransition","setTintFamily","next","document","root","documentElement","classList","forEach","s","remove","add","l","setNextTintFamily","indexOf","length","cb","delete"],"sources":["../../src/tints.tsx"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,MAAW;AAKlB,MAAMC,SAAA,GAAY,mBAAIC,GAAA,CAAmB;AAIzC,MAAMC,cAAA,GAAiB;EACrBC,QAAA,EAAU,CAAC,UAAU,UAAU,UAAU,QAAQ,OAAO,SAAS,MAAM;EACvEC,IAAA,EAAM,CAAC,OAAO,SAAS,OAAO,SAAS,OAAO,SAAS,KAAK;EAC5DC,MAAA,EAAQ,CACN,UACA,UACA,UACA,UACA,UACA,UACA,SACF;EACAC,SAAA,EAAW,CACT,UACA,QACA,UACA,QACA,UACA,QACA,SACF;EACAC,SAAA,EAAW,CAAC,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,KAAK;EAC3DC,KAAA,EAAO,CAAC,UAAU,OAAO,OAAO,OAAO,OAAO,OAAO,QAAQ;EAC7DC,UAAA,EAAY,CAAC,SAAS,QAAQ,SAAS,QAAQ,SAAS,QAAQ,OAAO;AACzE;AAIA,MAAMC,cAAA,GAAyB;AAE/B,MAAMC,aAAA,GAAgBC,MAAA,CAAOC,IAAA,CAAKX,cAAc;AAGhD,MAAMY,QAAA,GAAWZ,cAAA;AAIjB,IAAIa,GAAA,GAAkBL,cAAA;AAEf,SAASM,SAAA,EAId;EACA,OAAO;IACLC,IAAA,EAAMF,GAAA,IAAOL,cAAA;IACbQ,KAAA,EAAOJ,QAAA,CAASC,GAAG,KAAKD,QAAA,CAASX,QAAA;IACjCW;EACF;AACF;AAEO,SAASK,SAAA,EAId;EACA,MAAM,CAACC,GAAA,EAAKC,MAAM,IAAItB,KAAA,CAAMuB,QAAA,CAASN,QAAA,CAAS,CAAC;EAE/CjB,KAAA,CAAMwB,SAAA,CAAU,MAAM;IACpB,OAAOC,kBAAA,CAAmB,MAAM;MAC9BzB,KAAA,CAAM0B,eAAA,CAAgB,MAAM;QAC1BJ,MAAA,CAAOL,QAAA,CAAS,CAAC;MACnB,CAAC;IACH,CAAC;EACH,GAAG,EAAE;EAEL,OAAOI,GAAA;AACT;AAEO,SAASM,cAAcC,IAAA,EAAwB;EACpD,IAAI,CAACb,QAAA,CAASa,IAAI,GAAG,MAAM;EAC3BZ,GAAA,GAAMY,IAAA;EAGN,IAAI,OAAOC,QAAA,KAAa,aAAa;IACnC,MAAMC,IAAA,GAAOD,QAAA,CAASE,eAAA,CAAgBC,SAAA;IAEtCpB,aAAA,CAAcqB,OAAA,CAASC,CAAA,IAAM;MAC3B,IAAIA,CAAA,KAAM,YAAY;QACpBJ,IAAA,CAAKK,MAAA,CAAO,GAAGD,CAAC,SAAS;MAC3B;IACF,CAAC;IAED,IAAIN,IAAA,KAAS,YAAY;MACvBE,IAAA,CAAKM,GAAA,CAAI,GAAGR,IAAI,SAAS;IAC3B;EACF;EAEA5B,KAAA,CAAM0B,eAAA,CAAgB,MAAM;IAC1BzB,SAAA,CAAUgC,OAAA,CAASI,CAAA,IAAMA,CAAA,CAAET,IAAI,CAAC;EAClC,CAAC;AACH;AAEO,MAAMU,iBAAA,GAAoBA,CAAA,KAAY;EAC3CX,aAAA,CAAcf,aAAA,EAAeA,aAAA,CAAc2B,OAAA,CAAQvB,GAAG,IAAI,KAAKJ,aAAA,CAAc4B,MAAM,CAAC;AACtF;AAEO,MAAMf,kBAAA,GAAsBgB,EAAA,IAAsB;EACvDxC,SAAA,CAAUmC,GAAA,CAAIK,EAAE;EAChB,OAAO,MAAY;IACjBxC,SAAA,CAAUyC,MAAA,CAAOD,EAAE;EACrB;AACF","ignoreList":[]}
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
var listeners = /* @__PURE__ */new Set();
|
|
3
|
+
var familiesValues = {
|
|
4
|
+
hanzogui: ["yellow", "yellow", "yellow", "gray", "red", "green", "blue"],
|
|
5
|
+
xmas: ["red", "green", "red", "green", "red", "green", "red"],
|
|
6
|
+
easter: ["yellow", "yellow", "yellow", "yellow", "yellow", "yellow", "yellow"],
|
|
7
|
+
halloween: ["yellow", "gray", "yellow", "gray", "yellow", "gray", "yellow"],
|
|
8
|
+
valentine: ["red", "red", "red", "red", "red", "red", "red"],
|
|
9
|
+
lunar: ["yellow", "red", "red", "red", "red", "red", "yellow"],
|
|
10
|
+
stpatricks: ["green", "teal", "green", "teal", "green", "teal", "green"]
|
|
11
|
+
};
|
|
12
|
+
var DEFAULT_FAMILY = "hanzogui";
|
|
13
|
+
var familiesNames = Object.keys(familiesValues);
|
|
14
|
+
var families = familiesValues;
|
|
15
|
+
var fam = DEFAULT_FAMILY;
|
|
16
|
+
function getTints() {
|
|
17
|
+
return {
|
|
18
|
+
name: fam || DEFAULT_FAMILY,
|
|
19
|
+
tints: families[fam] || families.hanzogui,
|
|
20
|
+
families
|
|
21
|
+
};
|
|
22
|
+
}
|
|
23
|
+
function useTints() {
|
|
24
|
+
var [val, setVal] = React.useState(getTints());
|
|
25
|
+
React.useEffect(function () {
|
|
26
|
+
return onTintFamilyChange(function () {
|
|
27
|
+
React.startTransition(function () {
|
|
28
|
+
setVal(getTints());
|
|
29
|
+
});
|
|
30
|
+
});
|
|
31
|
+
}, []);
|
|
32
|
+
return val;
|
|
33
|
+
}
|
|
34
|
+
function setTintFamily(next) {
|
|
35
|
+
if (!families[next]) throw `impossible`;
|
|
36
|
+
fam = next;
|
|
37
|
+
if (typeof document !== "undefined") {
|
|
38
|
+
var root = document.documentElement.classList;
|
|
39
|
+
familiesNames.forEach(function (s) {
|
|
40
|
+
if (s !== "hanzogui") {
|
|
41
|
+
root.remove(`${s}-season`);
|
|
42
|
+
}
|
|
43
|
+
});
|
|
44
|
+
if (next !== "hanzogui") {
|
|
45
|
+
root.add(`${next}-season`);
|
|
46
|
+
}
|
|
47
|
+
}
|
|
48
|
+
React.startTransition(function () {
|
|
49
|
+
listeners.forEach(function (l) {
|
|
50
|
+
return l(next);
|
|
51
|
+
});
|
|
52
|
+
});
|
|
53
|
+
}
|
|
54
|
+
var setNextTintFamily = function () {
|
|
55
|
+
setTintFamily(familiesNames[(familiesNames.indexOf(fam) + 1) % familiesNames.length]);
|
|
56
|
+
};
|
|
57
|
+
var onTintFamilyChange = function (cb) {
|
|
58
|
+
listeners.add(cb);
|
|
59
|
+
return function () {
|
|
60
|
+
listeners.delete(cb);
|
|
61
|
+
};
|
|
62
|
+
};
|
|
63
|
+
export { getTints, onTintFamilyChange, setNextTintFamily, setTintFamily, useTints };
|
|
64
|
+
//# sourceMappingURL=tints.native.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","listeners","Set","familiesValues","hanzogui","xmas","easter","halloween","valentine","lunar","stpatricks","DEFAULT_FAMILY","familiesNames","Object","keys","families","fam","getTints","name","tints"],"sources":["../../src/tints.tsx"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,MAAW;AAKlB,IAAAC,SAAM,kBAAY,IAAAC,GAAI;AAItB,IAAAC,cAAM;EACJC,QAAA,EAAU,CACV,QAAO,EACP,QAAQ,EACN,UACA,QACA,OACA,SACA;EACAC,IACA,GACF,OACA,SACE,OACA,SACA,OACA,SACA;EACAC,MACA,GACF,UACA,UACA,QAAQ,EACR,UACF,UAIA,QAAM,EAEN,QAAM,CAGN;EAIAC,SAAsB,GAEf,QAAS,EAKd,MAAO,EACL,QAAM,EACN,QACA,UACF,QACF,SAEO;EAKLC,SAAO,GAEP,KAAM,EACJ,OACE,OACE,OAAiB,KAClB,EACH,KAAC,EACH,KAAK,CAEL;EACFC,KAAA,GAEO,QAAS,EACd,KAAK,EACL,KAAM,EAGN,KAAI,EACF,OAEA,OACE,QAAI,CACF;EAAyBC,UAC3B,GACF,OAAC,EAED,MAAI,EACF,OAAK,EACP,QACF,SAEA,MAAM,EACJ;AAEJ;AAEO,IAAAC,cAAM,aAAoB;AAC/B,IAAAC,aAAc,GAAAC,MAAA,CAAAC,IAAe,CAAAX,cAAc;AAC7C,IAAAY,QAAA,GAAAZ,cAAA;AAEO,IAAAa,GAAM,GAAAL,cAAA;AACX,SAAAM,QAAcA,CAAA,EAAE;EAChB,OAAO;IACLC,IAAA,EAAAF,GAAA,IAAUL,cAAS;IACrBQ,KAAA,EAAAJ,QAAA,CAAAC,GAAA,KAAAD,QAAA,CAAAX,QAAA;IACFW","ignoreList":[]}
|