@hanzogui/logo 2.0.0
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/GuiLogo.cjs +55 -0
- package/dist/cjs/GuiLogo.native.js +61 -0
- package/dist/cjs/GuiLogo.native.js.map +1 -0
- package/dist/cjs/GuiLogoSvg.cjs +72 -0
- package/dist/cjs/GuiLogoSvg.native.js +78 -0
- package/dist/cjs/GuiLogoSvg.native.js.map +1 -0
- package/dist/cjs/LogoIcon.cjs +47 -0
- package/dist/cjs/LogoIcon.native.js +53 -0
- package/dist/cjs/LogoIcon.native.js.map +1 -0
- package/dist/cjs/LogoWords.cjs +143 -0
- package/dist/cjs/LogoWords.native.js +175 -0
- package/dist/cjs/LogoWords.native.js.map +1 -0
- package/dist/cjs/SeasonProvider.cjs +41 -0
- package/dist/cjs/SeasonProvider.native.js +52 -0
- package/dist/cjs/SeasonProvider.native.js.map +1 -0
- package/dist/cjs/ThemeTint.cjs +54 -0
- package/dist/cjs/ThemeTint.native.js +60 -0
- package/dist/cjs/ThemeTint.native.js.map +1 -0
- package/dist/cjs/index.cjs +24 -0
- package/dist/cjs/index.native.js +27 -0
- package/dist/cjs/index.native.js.map +1 -0
- package/dist/cjs/tints.cjs +88 -0
- package/dist/cjs/tints.native.js +97 -0
- package/dist/cjs/tints.native.js.map +1 -0
- package/dist/cjs/useTint.cjs +103 -0
- package/dist/cjs/useTint.native.js +119 -0
- package/dist/cjs/useTint.native.js.map +1 -0
- package/dist/esm/GuiLogo.mjs +32 -0
- package/dist/esm/GuiLogo.mjs.map +1 -0
- package/dist/esm/GuiLogo.native.js +35 -0
- package/dist/esm/GuiLogo.native.js.map +1 -0
- package/dist/esm/GuiLogoSvg.mjs +49 -0
- package/dist/esm/GuiLogoSvg.mjs.map +1 -0
- package/dist/esm/GuiLogoSvg.native.js +52 -0
- package/dist/esm/GuiLogoSvg.native.js.map +1 -0
- package/dist/esm/LogoIcon.mjs +24 -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 +109 -0
- package/dist/esm/LogoWords.mjs.map +1 -0
- package/dist/esm/LogoWords.native.js +138 -0
- package/dist/esm/LogoWords.native.js.map +1 -0
- package/dist/esm/SeasonProvider.mjs +18 -0
- package/dist/esm/SeasonProvider.mjs.map +1 -0
- package/dist/esm/SeasonProvider.native.js +26 -0
- package/dist/esm/SeasonProvider.native.js.map +1 -0
- package/dist/esm/ThemeTint.mjs +30 -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 +50 -0
- package/dist/esm/tints.mjs.map +1 -0
- package/dist/esm/tints.native.js +56 -0
- package/dist/esm/tints.native.js.map +1 -0
- package/dist/esm/useTint.mjs +63 -0
- package/dist/esm/useTint.mjs.map +1 -0
- package/dist/esm/useTint.native.js +76 -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/GuiLogo.tsx +40 -0
- package/src/GuiLogoSvg.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/GuiLogo.d.ts +13 -0
- package/types/GuiLogo.d.ts.map +11 -0
- package/types/GuiLogoSvg.d.ts +8 -0
- package/types/GuiLogoSvg.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,138 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import React, { useEffect, useState } from "react";
|
|
3
|
+
import { Circle, XStack } from "@hanzo/gui";
|
|
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
|
+
Tint = useTint(),
|
|
13
|
+
[hovered, setHovered] = React.useState(!1),
|
|
14
|
+
[mounted, setMounted] = React.useState("start"),
|
|
15
|
+
{
|
|
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), setTimeout(function () {
|
|
24
|
+
setMounted("done");
|
|
25
|
+
}, 1500);
|
|
26
|
+
});
|
|
27
|
+
}, []), useEffect(function () {
|
|
28
|
+
var handleKeyDown = function (event) {
|
|
29
|
+
var index2 = Number.parseInt(event.key, 10) - 1;
|
|
30
|
+
!Number.isNaN(index2) && index2 >= 0 && index2 < Tint.tints.length && Tint.setTintIndex(index2);
|
|
31
|
+
};
|
|
32
|
+
return window.addEventListener("keydown", handleKeyDown), function () {
|
|
33
|
+
window.removeEventListener("keydown", handleKeyDown);
|
|
34
|
+
};
|
|
35
|
+
}, [Tint]);
|
|
36
|
+
var getColor = function (i) {
|
|
37
|
+
return hovered ? `var(--${Tint.tints[i]}9)` : defaultColors[i];
|
|
38
|
+
},
|
|
39
|
+
x = Math.round(index * 18.5 + 18 / 2 * (index / defaultColors.length) + 3 + (index === 6 ? -3 : 0)),
|
|
40
|
+
[layout, setLayout] = useState();
|
|
41
|
+
return /* @__PURE__ */_jsxs(XStack, {
|
|
42
|
+
onMouseEnter: function () {
|
|
43
|
+
return setHovered(!0);
|
|
44
|
+
},
|
|
45
|
+
onMouseLeave: function () {
|
|
46
|
+
return setHovered(!1);
|
|
47
|
+
},
|
|
48
|
+
paddingVertical: "$2",
|
|
49
|
+
"data-tauri-drag-region": !0,
|
|
50
|
+
marginVertical: "$-2",
|
|
51
|
+
position: "relative",
|
|
52
|
+
className: "logo-words",
|
|
53
|
+
onLayout: function (e) {
|
|
54
|
+
setLayout(e.nativeEvent.layout);
|
|
55
|
+
},
|
|
56
|
+
// @ts-ignore
|
|
57
|
+
onMouseMove: function (e) {
|
|
58
|
+
if (layout) {
|
|
59
|
+
var x2 = e.clientX - layout.pageX,
|
|
60
|
+
sectionWidth = layout.width / 7,
|
|
61
|
+
section = Math.min(6, Math.floor(x2 / sectionWidth));
|
|
62
|
+
Tint.setTintIndex(section);
|
|
63
|
+
}
|
|
64
|
+
},
|
|
65
|
+
...props,
|
|
66
|
+
children: [animated && /* @__PURE__ */_jsx(Circle, {
|
|
67
|
+
transition: "medium",
|
|
68
|
+
position: "absolute",
|
|
69
|
+
top: 0,
|
|
70
|
+
left: 0,
|
|
71
|
+
y: mounted === "start" ? -30 : -4,
|
|
72
|
+
// the last i is less wide
|
|
73
|
+
x,
|
|
74
|
+
size: 4,
|
|
75
|
+
backgroundColor: "$color12"
|
|
76
|
+
}), /* @__PURE__ */_jsxs("svg", {
|
|
77
|
+
"data-tauri-drag-region": !0,
|
|
78
|
+
width: 373 * (1 / downscale) * 0.3333333,
|
|
79
|
+
height: 41 * (1 / downscale) * 0.3333333,
|
|
80
|
+
viewBox: "0 0 373 41",
|
|
81
|
+
children: [/* @__PURE__ */_jsx("polygon", {
|
|
82
|
+
"data-tauri-drag-region": !0,
|
|
83
|
+
shapeRendering: "crispEdges",
|
|
84
|
+
fill: getColor(0),
|
|
85
|
+
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"
|
|
86
|
+
}),
|
|
87
|
+
// onMouseEnter={() => Tint.setTintIndex(0)}
|
|
88
|
+
/* @__PURE__ */
|
|
89
|
+
_jsx("path", {
|
|
90
|
+
shapeRendering: "crispEdges",
|
|
91
|
+
fill: getColor(1),
|
|
92
|
+
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",
|
|
93
|
+
fillRule: "nonzero"
|
|
94
|
+
}),
|
|
95
|
+
// onMouseEnter={() => Tint.setTintIndex(1)}
|
|
96
|
+
/* @__PURE__ */
|
|
97
|
+
_jsx("polygon", {
|
|
98
|
+
"data-tauri-drag-region": !0,
|
|
99
|
+
shapeRendering: "crispEdges",
|
|
100
|
+
fill: getColor(2),
|
|
101
|
+
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"
|
|
102
|
+
}),
|
|
103
|
+
// onMouseEnter={() => Tint.setTintIndex(2)}
|
|
104
|
+
/* @__PURE__ */
|
|
105
|
+
_jsx("path", {
|
|
106
|
+
fill: getColor(3),
|
|
107
|
+
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",
|
|
108
|
+
fillRule: "nonzero"
|
|
109
|
+
}),
|
|
110
|
+
// onMouseEnter={() => Tint.setTintIndex(3)}
|
|
111
|
+
/* @__PURE__ */
|
|
112
|
+
_jsx("polygon", {
|
|
113
|
+
"data-tauri-drag-region": !0,
|
|
114
|
+
shapeRendering: "crispEdges",
|
|
115
|
+
fill: getColor(4),
|
|
116
|
+
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"
|
|
117
|
+
}),
|
|
118
|
+
// onMouseEnter={() => Tint.setTintIndex(4)}
|
|
119
|
+
/* @__PURE__ */
|
|
120
|
+
_jsx("polygon", {
|
|
121
|
+
"data-tauri-drag-region": !0,
|
|
122
|
+
shapeRendering: "crispEdges",
|
|
123
|
+
fill: getColor(5),
|
|
124
|
+
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"
|
|
125
|
+
}),
|
|
126
|
+
// onMouseEnter={() => Tint.setTintIndex(5)}
|
|
127
|
+
/* @__PURE__ */
|
|
128
|
+
_jsx("polygon", {
|
|
129
|
+
"data-tauri-drag-region": !0,
|
|
130
|
+
shapeRendering: "crispEdges",
|
|
131
|
+
fill: getColor(6),
|
|
132
|
+
points: "372.677419 40.1612903 372.677419 0.806451613 356.935484 0.806451613 356.935484 40.1612903"
|
|
133
|
+
})]
|
|
134
|
+
})]
|
|
135
|
+
});
|
|
136
|
+
});
|
|
137
|
+
export { LogoWords };
|
|
138
|
+
//# 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":"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","ignoreList":[]}
|
|
@@ -0,0 +1,18 @@
|
|
|
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.__HANZO_GUI_SEASON__;
|
|
7
|
+
computed && setTintFamily(computed);
|
|
8
|
+
}, []);
|
|
9
|
+
}
|
|
10
|
+
function SeasonProvider({
|
|
11
|
+
children
|
|
12
|
+
}) {
|
|
13
|
+
return useSeasonSync(), /* @__PURE__ */jsx(Fragment, {
|
|
14
|
+
children
|
|
15
|
+
});
|
|
16
|
+
}
|
|
17
|
+
export { SeasonProvider };
|
|
18
|
+
//# sourceMappingURL=SeasonProvider.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["useEffect","setTintFamily","Fragment","jsx","useSeasonSync","computed","window","__HANZO_GUI_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,oBAAA;IAC7BF,QAAA,IACFJ,aAAA,CAAcI,QAAQ;EAE1B,GAAG,EAAE;AACP;AAEO,SAASG,eAAe;EAC7BC;AACF,GAEoB;EAClB,OAAAL,aAAA,CAAc,GAGZ,eAAAD,GAAA,CAAAD,QAAA;IAQGO;EAAA,CACH;AAEJ","ignoreList":[]}
|
|
@@ -0,0 +1,26 @@
|
|
|
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.__HANZO_GUI_SEASON__;
|
|
7
|
+
computed && setTintFamily(computed);
|
|
8
|
+
}, []);
|
|
9
|
+
}
|
|
10
|
+
function SeasonProvider(param) {
|
|
11
|
+
var {
|
|
12
|
+
children
|
|
13
|
+
} = param;
|
|
14
|
+
return useSeasonSync(), /* @__PURE__ */_jsx(_Fragment, {
|
|
15
|
+
children: (/* disabled because were launchig v2 and its lunar new year */
|
|
16
|
+
/* <script
|
|
17
|
+
suppressHydrationWarning
|
|
18
|
+
dangerouslySetInnerHTML={{
|
|
19
|
+
__html: getInlineScript(),
|
|
20
|
+
}}
|
|
21
|
+
/> */
|
|
22
|
+
children)
|
|
23
|
+
});
|
|
24
|
+
}
|
|
25
|
+
export { SeasonProvider };
|
|
26
|
+
//# sourceMappingURL=SeasonProvider.native.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","Fragment","_Fragment","useEffect","setTintFamily","useSeasonSync","computed","window","__HANZO_GUI_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,oBAAe;IAC7BF,QAAA,IACFF,aAAA,CAAcE,QAAQ;EAE1B,GAAG,EAAE;AACP;AAEO,SAASG,eAAeC,KAAA;EAC7B;IAAAC;EAAA,IAAAD,KAAA;EACF,OAEoBL,aAAA,mBAAAL,IAAA,CAAAE,SAAA;IAClBS,QAAA,GAcF","ignoreList":[]}
|
|
@@ -0,0 +1,30 @@
|
|
|
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
|
+
ThemeTintAlt = ({
|
|
17
|
+
children,
|
|
18
|
+
disable,
|
|
19
|
+
offset = 1,
|
|
20
|
+
...rest
|
|
21
|
+
}) => {
|
|
22
|
+
const curTint = useTint(offset).tintAlt;
|
|
23
|
+
return /* @__PURE__ */jsx(Theme, {
|
|
24
|
+
name: disable ? null : curTint,
|
|
25
|
+
...rest,
|
|
26
|
+
children
|
|
27
|
+
});
|
|
28
|
+
};
|
|
29
|
+
export { ThemeTint, ThemeTintAlt };
|
|
30
|
+
//# 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;IACxBC,OAAA;IACAC,QAAA;IACA,GAAGC;EACL,MAAuD;IACrD,MAAMC,OAAA,GAAUN,OAAA,CAAQ,EAAEO,IAAA;IAE1B,OACE,eAAAN,GAAA,CAACF,KAAA;MAAO,GAAGM,IAAA;MAAMG,IAAA,EAAML,OAAA,GAAU,OAAOG,OAAA;MACrCF;IAAA,CACH;EAEJ;EAEaK,YAAA,GAAeA,CAAC;IAC3BL,QAAA;IACAD,OAAA;IACAO,MAAA,GAAS;IACT,GAAGL;EACL,MAAwE;IACtE,MAAMC,OAAA,GAAUN,OAAA,CAAQU,MAAM,EAAEC,OAAA;IAEhC,OACE,eAAAV,GAAA,CAACF,KAAA;MAAMS,IAAA,EAFIL,OAAA,GAAU,OAAOG,OAAA;MAER,GAAGD,IAAA;MACpBD;IAAA,CACH;EAEJ","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
|
+
curTint = useTint().tint;
|
|
11
|
+
return /* @__PURE__ */_jsx(Theme, {
|
|
12
|
+
...rest,
|
|
13
|
+
name: disable ? null : curTint,
|
|
14
|
+
children
|
|
15
|
+
});
|
|
16
|
+
},
|
|
17
|
+
ThemeTintAlt = function (param) {
|
|
18
|
+
var {
|
|
19
|
+
children,
|
|
20
|
+
disable,
|
|
21
|
+
offset = 1,
|
|
22
|
+
...rest
|
|
23
|
+
} = param,
|
|
24
|
+
curTint = useTint(offset).tintAlt,
|
|
25
|
+
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;IACxB;QAAAC,OAAA;QAAAC,QAAA;QAAA,GAAAC;MAAA,IAAAH,KAAA;MAAAI,OAAA,GAAAN,OAAA,GAAAO,IAAA;IACA,sBAAAT,IAAA,CAAAC,KAAA;MACA,GAAGM,IAAA;MACLG,IAAuD,EAAAL,OAAA,UAAAG,OAAA;MACrDF;IAEA;EAKF;EAEaK,YAAA,GAAe,SAAAA,CAACP,KAAA;IAC3B;QAAAE,QAAA;QAAAD,OAAA;QAAAO,MAAA;QAAA,GAAAL;MAAA,IAAAH,KAAA;MAAAI,OAAA,GAAAN,OAAA,CAAAU,MAAA,EAAAC,OAAA;MAAAH,IAAA,GAAAL,OAAA,UAAAG,OAAA;IACA,sBAAAR,IAAA,CAAAC,KAAA;MACAS,IAAA;MACA,GAAGH,IAAA;MACLD;IACE;EAEA;AAKF,S","ignoreList":[]}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export * from "./GuiLogo.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 "./GuiLogo.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 "./GuiLogo.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,50 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
const listeners = /* @__PURE__ */new Set(),
|
|
3
|
+
familiesValues = {
|
|
4
|
+
gui: ["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
|
+
DEFAULT_FAMILY = "@hanzo/gui",
|
|
13
|
+
familiesNames = Object.keys(familiesValues),
|
|
14
|
+
families = familiesValues;
|
|
15
|
+
let fam = DEFAULT_FAMILY;
|
|
16
|
+
function getTints() {
|
|
17
|
+
return {
|
|
18
|
+
name: fam || DEFAULT_FAMILY,
|
|
19
|
+
tints: families[fam] || families.gui,
|
|
20
|
+
families
|
|
21
|
+
};
|
|
22
|
+
}
|
|
23
|
+
function useTints() {
|
|
24
|
+
const [val, setVal] = React.useState(getTints());
|
|
25
|
+
return React.useEffect(() => onTintFamilyChange(() => {
|
|
26
|
+
React.startTransition(() => {
|
|
27
|
+
setVal(getTints());
|
|
28
|
+
});
|
|
29
|
+
}), []), val;
|
|
30
|
+
}
|
|
31
|
+
function setTintFamily(next) {
|
|
32
|
+
if (!families[next]) throw "impossible";
|
|
33
|
+
if (fam = next, typeof document < "u") {
|
|
34
|
+
const root = document.documentElement.classList;
|
|
35
|
+
familiesNames.forEach(s => {
|
|
36
|
+
s !== "@hanzo/gui" && root.remove(`${s}-season`);
|
|
37
|
+
}), next !== "@hanzo/gui" && root.add(`${next}-season`);
|
|
38
|
+
}
|
|
39
|
+
React.startTransition(() => {
|
|
40
|
+
listeners.forEach(l => l(next));
|
|
41
|
+
});
|
|
42
|
+
}
|
|
43
|
+
const setNextTintFamily = () => {
|
|
44
|
+
setTintFamily(familiesNames[(familiesNames.indexOf(fam) + 1) % familiesNames.length]);
|
|
45
|
+
},
|
|
46
|
+
onTintFamilyChange = cb => (listeners.add(cb), () => {
|
|
47
|
+
listeners.delete(cb);
|
|
48
|
+
});
|
|
49
|
+
export { getTints, onTintFamilyChange, setNextTintFamily, setTintFamily, useTints };
|
|
50
|
+
//# sourceMappingURL=tints.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","listeners","Set","familiesValues","gui","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;EAInCC,cAAA,GAAiB;IACrBC,GAAA,EAAK,CAAC,UAAU,UAAU,UAAU,QAAQ,OAAO,SAAS,MAAM;IAClEC,IAAA,EAAM,CAAC,OAAO,SAAS,OAAO,SAAS,OAAO,SAAS,KAAK;IAC5DC,MAAA,EAAQ,CACN,UACA,UACA,UACA,UACA,UACA,UACA,SACF;IACAC,SAAA,EAAW,CACT,UACA,QACA,UACA,QACA,UACA,QACA,SACF;IACAC,SAAA,EAAW,CAAC,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,KAAK;IAC3DC,KAAA,EAAO,CAAC,UAAU,OAAO,OAAO,OAAO,OAAO,OAAO,QAAQ;IAC7DC,UAAA,EAAY,CAAC,SAAS,QAAQ,SAAS,QAAQ,SAAS,QAAQ,OAAO;EACzE;EAIMC,cAAA,GAAyB;EAEzBC,aAAA,GAAgBC,MAAA,CAAOC,IAAA,CAAKX,cAAc;EAG1CY,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,GAAA;IACjCW;EACF;AACF;AAEO,SAASK,SAAA,EAId;EACA,MAAM,CAACC,GAAA,EAAKC,MAAM,IAAItB,KAAA,CAAMuB,QAAA,CAASN,QAAA,CAAS,CAAC;EAE/C,OAAAjB,KAAA,CAAMwB,SAAA,CAAU,MACPC,kBAAA,CAAmB,MAAM;IAC9BzB,KAAA,CAAM0B,eAAA,CAAgB,MAAM;MAC1BJ,MAAA,CAAOL,QAAA,CAAS,CAAC;IACnB,CAAC;EACH,CAAC,GACA,EAAE,GAEEI,GAAA;AACT;AAEO,SAASM,cAAcC,IAAA,EAAwB;EACpD,IAAI,CAACb,QAAA,CAASa,IAAI,GAAG,MAAM;EAI3B,IAHAZ,GAAA,GAAMY,IAAA,EAGF,OAAOC,QAAA,GAAa,KAAa;IACnC,MAAMC,IAAA,GAAOD,QAAA,CAASE,eAAA,CAAgBC,SAAA;IAEtCpB,aAAA,CAAcqB,OAAA,CAASC,CAAA,IAAM;MACvBA,CAAA,KAAM,gBACRJ,IAAA,CAAKK,MAAA,CAAO,GAAGD,CAAC,SAAS;IAE7B,CAAC,GAEGN,IAAA,KAAS,gBACXE,IAAA,CAAKM,GAAA,CAAI,GAAGR,IAAI,SAAS;EAE7B;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;IAC3CX,aAAA,CAAcf,aAAA,EAAeA,aAAA,CAAc2B,OAAA,CAAQvB,GAAG,IAAI,KAAKJ,aAAA,CAAc4B,MAAM,CAAC;EACtF;EAEaf,kBAAA,GAAsBgB,EAAA,KACjCxC,SAAA,CAAUmC,GAAA,CAAIK,EAAE,GACT,MAAY;IACjBxC,SAAA,CAAUyC,MAAA,CAAOD,EAAE;EACrB","ignoreList":[]}
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
var listeners = /* @__PURE__ */new Set(),
|
|
3
|
+
familiesValues = {
|
|
4
|
+
gui: ["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
|
+
DEFAULT_FAMILY = "@hanzo/gui",
|
|
13
|
+
familiesNames = Object.keys(familiesValues),
|
|
14
|
+
families = familiesValues,
|
|
15
|
+
fam = DEFAULT_FAMILY;
|
|
16
|
+
function getTints() {
|
|
17
|
+
return {
|
|
18
|
+
name: fam || DEFAULT_FAMILY,
|
|
19
|
+
tints: families[fam] || families.gui,
|
|
20
|
+
families
|
|
21
|
+
};
|
|
22
|
+
}
|
|
23
|
+
function useTints() {
|
|
24
|
+
var [val, setVal] = React.useState(getTints());
|
|
25
|
+
return React.useEffect(function () {
|
|
26
|
+
return onTintFamilyChange(function () {
|
|
27
|
+
React.startTransition(function () {
|
|
28
|
+
setVal(getTints());
|
|
29
|
+
});
|
|
30
|
+
});
|
|
31
|
+
}, []), val;
|
|
32
|
+
}
|
|
33
|
+
function setTintFamily(next) {
|
|
34
|
+
if (!families[next]) throw "impossible";
|
|
35
|
+
if (fam = next, typeof document < "u") {
|
|
36
|
+
var root = document.documentElement.classList;
|
|
37
|
+
familiesNames.forEach(function (s) {
|
|
38
|
+
s !== "@hanzo/gui" && root.remove(`${s}-season`);
|
|
39
|
+
}), next !== "@hanzo/gui" && root.add(`${next}-season`);
|
|
40
|
+
}
|
|
41
|
+
React.startTransition(function () {
|
|
42
|
+
listeners.forEach(function (l) {
|
|
43
|
+
return l(next);
|
|
44
|
+
});
|
|
45
|
+
});
|
|
46
|
+
}
|
|
47
|
+
var setNextTintFamily = function () {
|
|
48
|
+
setTintFamily(familiesNames[(familiesNames.indexOf(fam) + 1) % familiesNames.length]);
|
|
49
|
+
},
|
|
50
|
+
onTintFamilyChange = function (cb) {
|
|
51
|
+
return listeners.add(cb), function () {
|
|
52
|
+
listeners.delete(cb);
|
|
53
|
+
};
|
|
54
|
+
};
|
|
55
|
+
export { getTints, onTintFamilyChange, setNextTintFamily, setTintFamily, useTints };
|
|
56
|
+
//# sourceMappingURL=tints.native.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","listeners","Set","familiesValues","gui","xmas","easter","halloween","valentine","lunar","stpatricks"],"sources":["../../src/tints.tsx"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,MAAW;AAKlB,IAAAC,SAAM,kBAAY,IAAAC,GAAI;EAAmBC,cAInC;IACJC,GAAA,EAAK,CACL,QAAO,EACP,QAAQ,EACN,UACA,QACA,OACA,SACA;IACAC,IACA,GACF,OACA,SACE,OACA,SACA,OACA,SACA;IACAC,MACA,GACF,UACA,UACA,QAAQ,EACR,UAKI,UASF,QAAkB,EAEf,QAAS,CAKd;IAAOC,SACC,GACN,QAAO,EACP,QACF,UACF,QAEO,QAAS,EAKd,MAAO,EAEP,SAEI;IACEC,SAAA,EAAO,CACT,KAAC,EACF,KACE,EAGP,OAEO,KAAS,EACd,KAAK,EAIL,KAHA,EAIE,MAEA;IACEC,KAAI,GAGN,QAEI,EAGN,OAEA,KAAM,EACJ,OACD,OACH,OAEO,QAAM,CACX;IACFC,UAEa,GAGT,SACF,Q","ignoreList":[]}
|
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
import React, { createContext, useContext, useEffect, useState } from "react";
|
|
2
|
+
import { useDidFinishSSR } from "@hanzo/gui";
|
|
3
|
+
import { getTints, setNextTintFamily, useTints } from "./tints.mjs";
|
|
4
|
+
let current = 3,
|
|
5
|
+
disableTintTheme = !1;
|
|
6
|
+
const listeners = /* @__PURE__ */new Set(),
|
|
7
|
+
disableListeners = /* @__PURE__ */new Set(),
|
|
8
|
+
onTintChange = listener => (listeners.add(listener), () => {
|
|
9
|
+
listeners.delete(listener);
|
|
10
|
+
}),
|
|
11
|
+
numTints = getTints().tints.length,
|
|
12
|
+
setTintIndex = next => {
|
|
13
|
+
const val = Math.max(0, next % numTints);
|
|
14
|
+
val !== current && (current = val, listeners.forEach(x => x(val)));
|
|
15
|
+
},
|
|
16
|
+
setDisableTintTheme = disable => {
|
|
17
|
+
disable !== disableTintTheme && (disableTintTheme = disable, disableListeners.forEach(x => x(disable)));
|
|
18
|
+
},
|
|
19
|
+
getDisableTintTheme = () => disableTintTheme;
|
|
20
|
+
function getDocsSection(pathname) {
|
|
21
|
+
return pathname === "/docs/intro/compiler-install" || pathname === "/docs/intro/benchmarks" || pathname === "/docs/intro/why-a-compiler" ? "compiler" : pathname.startsWith("/ui/") ? "ui" : pathname.startsWith("/docs/") ? "core" : null;
|
|
22
|
+
}
|
|
23
|
+
const InitialPathContext = createContext(3),
|
|
24
|
+
useTint = (altOffset = -1) => {
|
|
25
|
+
const initial = useContext(InitialPathContext),
|
|
26
|
+
didHydrate = useDidFinishSSR(),
|
|
27
|
+
[index, setIndex] = useState(didHydrate ? current : initial),
|
|
28
|
+
[disabled, setDisabled] = useState(disableTintTheme),
|
|
29
|
+
tintsContext = useTints(),
|
|
30
|
+
{
|
|
31
|
+
tints
|
|
32
|
+
} = tintsContext,
|
|
33
|
+
tintAltIndex = Math.abs((index + altOffset) % tints.length);
|
|
34
|
+
useEffect(() => onTintChange(cur => {
|
|
35
|
+
setIndex(cur);
|
|
36
|
+
}), []), useEffect(() => {
|
|
37
|
+
const cb = val => setDisabled(val);
|
|
38
|
+
return disableListeners.add(cb), () => {
|
|
39
|
+
disableListeners.delete(cb);
|
|
40
|
+
};
|
|
41
|
+
}, []);
|
|
42
|
+
const tint = disabled || index === 3 ? null : tints[index],
|
|
43
|
+
tintAlt = disabled || tintAltIndex === 3 ? null : tints[tintAltIndex];
|
|
44
|
+
return {
|
|
45
|
+
...tintsContext,
|
|
46
|
+
tints: tintsContext.tints,
|
|
47
|
+
tintIndex: index,
|
|
48
|
+
tintAltIndex,
|
|
49
|
+
tint,
|
|
50
|
+
tintAlt,
|
|
51
|
+
setTintIndex,
|
|
52
|
+
setNextTintFamily,
|
|
53
|
+
setDisableTintTheme,
|
|
54
|
+
disableTintTheme: disabled,
|
|
55
|
+
setNextTint: () => {
|
|
56
|
+
React.startTransition(() => {
|
|
57
|
+
setTintIndex(index + 1);
|
|
58
|
+
});
|
|
59
|
+
}
|
|
60
|
+
};
|
|
61
|
+
};
|
|
62
|
+
export { InitialPathContext, getDisableTintTheme, getDocsSection, onTintChange, setDisableTintTheme, setTintIndex, useTint };
|
|
63
|
+
//# sourceMappingURL=useTint.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","createContext","useContext","useEffect","useState","useDidFinishSSR","getTints","setNextTintFamily","useTints","current","disableTintTheme","listeners","Set","disableListeners","onTintChange","listener","add","delete","numTints","tints","length","setTintIndex","next","val","Math","max","forEach","x","setDisableTintTheme","disable","getDisableTintTheme","getDocsSection","pathname","startsWith","InitialPathContext","useTint","altOffset","initial","didHydrate","index","setIndex","disabled","setDisabled","tintsContext","tintAltIndex","abs","cur","cb","tint","tintAlt","tintIndex","setNextTint","startTransition"],"sources":["../../src/useTint.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,76 @@
|
|
|
1
|
+
import React, { createContext, useContext, useEffect, useState } from "react";
|
|
2
|
+
import { useDidFinishSSR } from "@hanzo/gui";
|
|
3
|
+
import { getTints, setNextTintFamily, useTints } from "./tints.native.js";
|
|
4
|
+
var current = 3,
|
|
5
|
+
disableTintTheme = !1,
|
|
6
|
+
listeners = /* @__PURE__ */new Set(),
|
|
7
|
+
disableListeners = /* @__PURE__ */new Set(),
|
|
8
|
+
onTintChange = function (listener) {
|
|
9
|
+
return listeners.add(listener), function () {
|
|
10
|
+
listeners.delete(listener);
|
|
11
|
+
};
|
|
12
|
+
},
|
|
13
|
+
numTints = getTints().tints.length,
|
|
14
|
+
setTintIndex = function (next) {
|
|
15
|
+
var val = Math.max(0, next % numTints);
|
|
16
|
+
val !== current && (current = val, listeners.forEach(function (x) {
|
|
17
|
+
return x(val);
|
|
18
|
+
}));
|
|
19
|
+
},
|
|
20
|
+
setDisableTintTheme = function (disable) {
|
|
21
|
+
disable !== disableTintTheme && (disableTintTheme = disable, disableListeners.forEach(function (x) {
|
|
22
|
+
return x(disable);
|
|
23
|
+
}));
|
|
24
|
+
},
|
|
25
|
+
getDisableTintTheme = function () {
|
|
26
|
+
return disableTintTheme;
|
|
27
|
+
};
|
|
28
|
+
function getDocsSection(pathname) {
|
|
29
|
+
return pathname === "/docs/intro/compiler-install" || pathname === "/docs/intro/benchmarks" || pathname === "/docs/intro/why-a-compiler" ? "compiler" : pathname.startsWith("/ui/") ? "ui" : pathname.startsWith("/docs/") ? "core" : null;
|
|
30
|
+
}
|
|
31
|
+
var InitialPathContext = /* @__PURE__ */createContext(3),
|
|
32
|
+
useTint = function () {
|
|
33
|
+
var altOffset = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : -1,
|
|
34
|
+
initial = useContext(InitialPathContext),
|
|
35
|
+
didHydrate = useDidFinishSSR(),
|
|
36
|
+
[index, setIndex] = useState(didHydrate ? current : initial),
|
|
37
|
+
[disabled, setDisabled] = useState(disableTintTheme),
|
|
38
|
+
tintsContext = useTints(),
|
|
39
|
+
{
|
|
40
|
+
tints
|
|
41
|
+
} = tintsContext,
|
|
42
|
+
tintAltIndex = Math.abs((index + altOffset) % tints.length);
|
|
43
|
+
useEffect(function () {
|
|
44
|
+
return onTintChange(function (cur) {
|
|
45
|
+
setIndex(cur);
|
|
46
|
+
});
|
|
47
|
+
}, []), useEffect(function () {
|
|
48
|
+
var cb = function (val) {
|
|
49
|
+
return setDisabled(val);
|
|
50
|
+
};
|
|
51
|
+
return disableListeners.add(cb), function () {
|
|
52
|
+
disableListeners.delete(cb);
|
|
53
|
+
};
|
|
54
|
+
}, []);
|
|
55
|
+
var tint = disabled || index === 3 ? null : tints[index],
|
|
56
|
+
tintAlt = disabled || tintAltIndex === 3 ? null : tints[tintAltIndex];
|
|
57
|
+
return {
|
|
58
|
+
...tintsContext,
|
|
59
|
+
tints: tintsContext.tints,
|
|
60
|
+
tintIndex: index,
|
|
61
|
+
tintAltIndex,
|
|
62
|
+
tint,
|
|
63
|
+
tintAlt,
|
|
64
|
+
setTintIndex,
|
|
65
|
+
setNextTintFamily,
|
|
66
|
+
setDisableTintTheme,
|
|
67
|
+
disableTintTheme: disabled,
|
|
68
|
+
setNextTint: function () {
|
|
69
|
+
React.startTransition(function () {
|
|
70
|
+
setTintIndex(index + 1);
|
|
71
|
+
});
|
|
72
|
+
}
|
|
73
|
+
};
|
|
74
|
+
};
|
|
75
|
+
export { InitialPathContext, getDisableTintTheme, getDocsSection, onTintChange, setDisableTintTheme, setTintIndex, useTint };
|
|
76
|
+
//# sourceMappingURL=useTint.native.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","createContext","useContext","useEffect","useState","useDidFinishSSR","getTints","setNextTintFamily","useTints","current","disableTintTheme","listeners","Set","disableListeners","onTintChange","listener","add","delete","numTints","tints","length","setTintIndex","next","val","Math","max","forEach","x","setDisableTintTheme","disable","getDisableTintTheme","getDocsSection","pathname","startsWith","InitialPathContext","useTint","altOffset","arguments","initial","didHydrate","index","setIndex","disabled","setDisabled","tintsContext","tintAltIndex","abs","cur","cb","tint","tintAlt","tintIndex"],"sources":["../../src/useTint.tsx"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,IAASC,aAAA,EAAeC,UAAA,EAAYC,SAAA,EAAWC,QAAA,QAAgB;AACtE,SAASC,eAAA,QAAuC;AAChD,SAASC,QAAA,EAAUC,iBAAA,EAAmBC,QAAA,QAAgB;AAEtD,IAAIC,OAAA,GAAU;EACVC,gBAAA,GAAmB;EAAAC,SAAA,sBAAAC,GAAA;EAAAC,gBAAA,sBAAAD,GAAA;EAAAE,YAAA,YAAAA,CAAAC,QAAA;IAEvB,OAAMJ,SAAY,CAAAK,GAAA,CAAAD,QAAA,eACZ;MAKFJ,SAAU,CAAAM,MAAO,CAAAF,QAAQ;IAC3B;EAMA;EAAAG,QAAM,GAAMZ,QAAK,CAAI,EAAAa,KAAG,CAAAC,MAAO;EAAAC,YAAQ,YAAAA,CAAAC,IAAA;IACnC,IAAAC,GAAA,GAAQC,IAAA,CAAAC,GAAA,EACZ,EAAAH,IAAA,GAAAJ,QACA;IACFK,GAGa,KAAAd,OAAA,KAAAA,OAAuB,GAAAc,GAAA,EAAAZ,SAA2B,CAAAe,OAAA,WAAAC,CAAA;MACzD,OAAAA,CAAA,CAAAJ,GAAY;IAGlB,CAEa;EAEN;EAAAK,mBAAS,GAAe,SAAAA,CAAqDC,OAAA;IAClFA,OAAO,KAAAnB,gBAAa,KAAAA,gBAAA,GAAAmB,OAClB,EAAAhB,gBAAa,CAAAa,OAAA,WACbC,CAAA;MAOJ,OAAAA,CAAA,CAAAE,OAAA;IAEO;EAyBL;EAAAC,mBAAgB,YAAAA,CAAA,EAAW;IAQ3B,OAAApB,gBACS;EACL;AAAY,SAEXqB,cAEKA,CAAAC,QAAM;EACd,OAAAA,QAAY,mCAAgC,IAAAA,QAAA,iCAAAA,QAAA,iDAAAA,QAAA,CAAAC,UAAA,kBAAAD,QAAA,CAAAC,UAAA;AAC5C;AAEE,IAAAC,kBAAA,GAAiB,eAASjC,aAAA;EAAAkC,OAAA,YAAAA,CAAA;IAAA,IAC5BC,SAAA,GAAAC,SAAA,CAAAjB,MAAA,QAAAiB,SAAA,iBAAAA,SAAA;MAAAC,OAAA,GAAApC,UAAA,CAAAgC,kBAAA;MAAAK,UAAA,GAAAlC,eAAA;MAAA,CAAAmC,KAAA,EAAAC,QAAA,IAAArC,QAAA,CAAAmC,UAAA,GAAA9B,OAAA,GAAA6B,OAAA;MAAA,CAAAI,QAAA,EAAAC,WAAA,IAAAvC,QAAA,CAAAM,gBAAA;MAAAkC,YAAA,GAAApC,QAAA;MAAA;QAAAW;MAAA,IAAAyB,YAAA;MAAAC,YAAA,GAAArB,IAAA,CAAAsB,GAAA,EAAAN,KAAA,GAAAJ,SAAA,IAAAjB,KAAA,CAAAC,MAAA;IACFjB,SAAK;MAGL,OAAMW,YAAO,WAAYiC,GAAA,EAAU;QAGnCN,QAAO,CAAAM,GAAA;MACL;IAAG,GACH,KAAA5C,SAAO,aAAa;MACpB,IAAA6C,EAAA,YAAAA,CAAWzB,GAAA;QACX,OAAAoB,WAAA,CAAApB,GAAA;MACA;MACA,OAAAV,gBAAA,CAAAG,GAAA,CAAAgC,EAAA;QACAnC,gBAAA,CAAAI,MAAA,CAAA+B,EAAA;MACA;IAAA,GACA;IAAA,IACAC,IAAA,GAAAP,QAAA,IAAkBF,KAAA,gBAAArB,KAAA,CAAAqB,KAAA;MAAAU,OAAA,GAAAR,QAAA,IAAAG,YAAA,gBAAA1B,KAAA,CAAA0B,YAAA;IAAA,OAClB;MACE,GAAAD,YAAM;MACJzB,KAAA,EAAAyB,YAAa,CAAAzB,KAAQ;MAACgC,SACvB,EAAAX,KAAA;MACHK,YAAA;MACFI,IAAA;MACFC,OAAA","ignoreList":[]}
|
package/icon/index.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
Object.assign(module.exports, require('../dist/cjs/LogoIcon.cjs'))
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
Object.assign(module.exports, require('../dist/cjs/LogoIcon.cjs'))
|
package/icon.cjs
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
Object.assign(module.exports, require('./dist/cjs/LogoIcon.cjs'))
|