@hanzogui/logo 7.0.0 → 7.3.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 +40 -19
- package/dist/cjs/GuiLogo.cjs +3 -3
- package/dist/cjs/GuiLogo.native.js +3 -3
- package/dist/cjs/GuiLogo.native.js.map +1 -1
- package/dist/cjs/LogoIcon.cjs +2 -2
- package/dist/cjs/LogoIcon.native.js +2 -2
- package/dist/cjs/LogoIcon.native.js.map +1 -1
- package/dist/cjs/LogoWords.cjs +3 -3
- package/dist/cjs/LogoWords.native.js +3 -3
- package/dist/cjs/LogoWords.native.js.map +1 -1
- package/dist/cjs/tints.cjs +3 -3
- package/dist/cjs/tints.native.js +3 -3
- package/dist/cjs/tints.native.js.map +1 -1
- package/dist/cjs/useTint.cjs +2 -2
- package/dist/cjs/useTint.native.js +2 -2
- package/dist/cjs/useTint.native.js.map +1 -1
- package/dist/esm/GuiLogo.mjs +1 -1
- package/dist/esm/GuiLogo.native.js +1 -1
- package/dist/esm/LogoIcon.mjs +1 -1
- package/dist/esm/LogoIcon.native.js +1 -1
- package/dist/esm/LogoIcon.native.js.map +1 -1
- package/dist/esm/LogoWords.mjs +1 -1
- package/dist/esm/LogoWords.mjs.map +1 -1
- package/dist/esm/LogoWords.native.js +1 -1
- package/dist/esm/tints.mjs +3 -3
- package/dist/esm/tints.mjs.map +1 -1
- package/dist/esm/tints.native.js +3 -3
- package/dist/esm/tints.native.js.map +1 -1
- package/dist/esm/useTint.mjs +1 -1
- package/dist/esm/useTint.native.js +1 -1
- package/package.json +13 -11
- package/src/GuiLogo.tsx +2 -2
- package/src/LogoIcon.tsx +1 -1
- package/src/LogoWords.tsx +2 -2
- package/src/SeasonProvider.tsx +2 -2
- package/src/tints.tsx +4 -4
- package/src/useTint.tsx +1 -1
- package/types/GuiLogo.d.ts +1 -1
- package/types/GuiLogo.d.ts.map +1 -1
- package/types/LogoIcon.d.ts.map +1 -1
- package/types/LogoWords.d.ts +1 -1
- package/types/LogoWords.d.ts.map +1 -1
- package/types/SeasonProvider.d.ts.map +1 -1
- package/types/tints.d.ts +1 -1
- package/types/tints.d.ts.map +1 -1
- package/types/useTint.d.ts +1 -1
- package/types/useTint.d.ts.map +1 -1
package/LICENSE
CHANGED
|
@@ -1,21 +1,42 @@
|
|
|
1
|
-
|
|
1
|
+
BSD 3-Clause License
|
|
2
|
+
|
|
3
|
+
Copyright (c) 2026-present, Hanzo AI, Inc.
|
|
4
|
+
|
|
5
|
+
Portions of this software are derived from upstream code originally licensed under
|
|
6
|
+
the MIT License, with the following copyright notices retained per its terms:
|
|
2
7
|
|
|
3
8
|
Copyright (c) 2020 Nate Wienert
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
9
|
+
Copyright (c) 2015-present, Nicolas Gallagher.
|
|
10
|
+
Copyright (c) 2015-present, Facebook, Inc.
|
|
11
|
+
Copyright (c) 2021 Radix
|
|
12
|
+
Copyright (c) 2017 Carmelo Pullara
|
|
13
|
+
Copyright (c) 2018 Framer B.V.
|
|
14
|
+
Copyright (c) 2022 WorkOS
|
|
15
|
+
|
|
16
|
+
All rights reserved.
|
|
17
|
+
|
|
18
|
+
Redistribution and use in source and binary forms, with or without
|
|
19
|
+
modification, are permitted provided that the following conditions are met:
|
|
20
|
+
|
|
21
|
+
1. Redistributions of source code must retain the above copyright notice, this
|
|
22
|
+
list of conditions and the following disclaimer.
|
|
23
|
+
|
|
24
|
+
2. Redistributions in binary form must reproduce the above copyright notice,
|
|
25
|
+
this list of conditions and the following disclaimer in the documentation
|
|
26
|
+
and/or other materials provided with the distribution.
|
|
27
|
+
|
|
28
|
+
3. Neither the name of the copyright holder nor the names of its contributors
|
|
29
|
+
may be used to endorse or promote products derived from this software
|
|
30
|
+
without specific prior written permission.
|
|
31
|
+
|
|
32
|
+
THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
|
|
33
|
+
AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
|
|
34
|
+
IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE
|
|
35
|
+
ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE
|
|
36
|
+
LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
|
|
37
|
+
CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
|
|
38
|
+
SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
|
|
39
|
+
INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
|
|
40
|
+
CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
|
|
41
|
+
ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
|
|
42
|
+
POSSIBILITY OF SUCH DAMAGE.
|
package/dist/cjs/GuiLogo.cjs
CHANGED
|
@@ -25,7 +25,7 @@ __export(GuiLogo_exports, {
|
|
|
25
25
|
GuiLogo: () => GuiLogo
|
|
26
26
|
});
|
|
27
27
|
module.exports = __toCommonJS(GuiLogo_exports);
|
|
28
|
-
var
|
|
28
|
+
var import_hanzogui = require("hanzogui");
|
|
29
29
|
var import_LogoIcon = require("./LogoIcon.cjs");
|
|
30
30
|
var import_LogoWords = require("./LogoWords.cjs");
|
|
31
31
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
@@ -37,7 +37,7 @@ const GuiLogo = ({
|
|
|
37
37
|
ref,
|
|
38
38
|
...props
|
|
39
39
|
}) => {
|
|
40
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
40
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.XStack, {
|
|
41
41
|
render: "span",
|
|
42
42
|
ref,
|
|
43
43
|
alignItems: "center",
|
|
@@ -47,7 +47,7 @@ const GuiLogo = ({
|
|
|
47
47
|
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_LogoIcon.LogoIcon, {
|
|
48
48
|
downscale: (downscale ?? 1) * (showWords ? 2 : 1.5),
|
|
49
49
|
color
|
|
50
|
-
}), showWords && /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
50
|
+
}), showWords && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.YStack, {
|
|
51
51
|
render: "span",
|
|
52
52
|
marginBottom: -4,
|
|
53
53
|
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_LogoWords.LogoWords, {
|
|
@@ -28,7 +28,7 @@ __export(GuiLogo_exports, {
|
|
|
28
28
|
});
|
|
29
29
|
module.exports = __toCommonJS(GuiLogo_exports);
|
|
30
30
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
31
|
-
var
|
|
31
|
+
var import_hanzogui = require("hanzogui");
|
|
32
32
|
var import_LogoIcon = require("./LogoIcon.native.js");
|
|
33
33
|
var import_LogoWords = require("./LogoWords.native.js");
|
|
34
34
|
var GuiLogo = function (param) {
|
|
@@ -40,7 +40,7 @@ var GuiLogo = function (param) {
|
|
|
40
40
|
ref,
|
|
41
41
|
...props
|
|
42
42
|
} = param;
|
|
43
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
43
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.XStack, {
|
|
44
44
|
render: "span",
|
|
45
45
|
ref,
|
|
46
46
|
alignItems: "center",
|
|
@@ -50,7 +50,7 @@ var GuiLogo = function (param) {
|
|
|
50
50
|
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_LogoIcon.LogoIcon, {
|
|
51
51
|
downscale: (downscale !== null && downscale !== void 0 ? downscale : 1) * (showWords ? 2 : 1.5),
|
|
52
52
|
color
|
|
53
|
-
}), showWords && /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
53
|
+
}), showWords && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.YStack, {
|
|
54
54
|
render: "span",
|
|
55
55
|
marginBottom: -4,
|
|
56
56
|
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_LogoWords.LogoWords, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","GuiLogo_exports","__export","GuiLogo","module","exports","import_jsx_runtime","require","
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","GuiLogo_exports","__export","GuiLogo","module","exports","import_jsx_runtime","require","import_hanzogui","import_LogoIcon","import_LogoWords","param","showWords","downscale","animated","color","ref","props","jsxs","XStack","render","alignItems","justifyContent","gap","children","jsx","LogoIcon","YStack","marginBottom","LogoWords"],"sources":["../../src/GuiLogo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,eAAA;AAAAC,QAAA,CAAAD,eAAA;EAAAE,OAAA,EAAAA,CAAA,KAAAA;AAAA;AAEAC,MAAA,CAAAC,OAAA,GAAAT,YAA+B,CAAAK,eAAA;AAC/B,IAAAK,kBAAyB,GAAAC,OAAA;AACzB,IAAAC,eAAA,GAAAD,OAA0B;AAmBtB,IAAAE,eAAA,GAAAF,OAAA;AATG,IAAAG,gBAAiB,GAAAH,OAAA;AAAA,IACtBJ,OAAA,YAAAA,CAAAQ,KAAA;EACA;IAAAC,SAAA;IAAAC,SAAA;IAAAC,QAAA;IAAAC,KAAA;IAAAC,GAAA;IAAA,GAAAC;EAAA,IAAAN,KAAA;EACA,0BAAAL,kBAAA,CAAAY,IAAA,EAAAV,eAAA,CAAAW,MAAA;IACAC,MAAA;IACAJ,GAAA;IACAK,UAAG;IACLC,cAA8B;IAC5BC,GAAA,EACE;IAAC,GAAAN,KAAA;IAAAO,QAAA,GACC,eAAO,IAAAlB,kBAAA,CAAAmB,GAAA,EAAAhB,eAAA,CAAAiB,QAAA;MACPb,SAAA,GAAAA,SAAA,aAAAA,SAAA,cAAAA,SAAA,SAAAD,SAAA;MACAG;IACA,IACAH,SAAI,uBAAAN,kBAAA,CAAAmB,GAAA,EAAAjB,eAAA,CAAAmB,MAAA;MACHP,MAAG;MAEJQ,YAAA;MAAAJ,QAAA,qBAAAlB,kBAAC,CAAAmB,GAAA,EAAAf,gBAAA,CAAAmB,SAAS;QACTf,QAAA;QAGCD,SAAA,EAAAA,SAAA,aAAAA,SAAA,cAAAA,SAAA;MAAA;IAEJ","ignoreList":[]}
|
package/dist/cjs/LogoIcon.cjs
CHANGED
|
@@ -25,14 +25,14 @@ __export(LogoIcon_exports, {
|
|
|
25
25
|
LogoIcon: () => LogoIcon
|
|
26
26
|
});
|
|
27
27
|
module.exports = __toCommonJS(LogoIcon_exports);
|
|
28
|
-
var
|
|
28
|
+
var import_hanzogui = require("hanzogui");
|
|
29
29
|
var import_GuiLogoSvg = require("./GuiLogoSvg.cjs");
|
|
30
30
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
31
31
|
const LogoIcon = ({
|
|
32
32
|
downscale = 2,
|
|
33
33
|
color
|
|
34
34
|
}) => {
|
|
35
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
35
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.YStack, {
|
|
36
36
|
render: "span",
|
|
37
37
|
className: "unselectable",
|
|
38
38
|
alignSelf: "center",
|
|
@@ -28,14 +28,14 @@ __export(LogoIcon_exports, {
|
|
|
28
28
|
});
|
|
29
29
|
module.exports = __toCommonJS(LogoIcon_exports);
|
|
30
30
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
31
|
-
var
|
|
31
|
+
var import_hanzogui = require("hanzogui");
|
|
32
32
|
var import_GuiLogoSvg = require("./GuiLogoSvg.native.js");
|
|
33
33
|
var LogoIcon = function (param) {
|
|
34
34
|
var {
|
|
35
35
|
downscale = 2,
|
|
36
36
|
color
|
|
37
37
|
} = param;
|
|
38
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
38
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.YStack, {
|
|
39
39
|
render: "span",
|
|
40
40
|
className: "unselectable",
|
|
41
41
|
alignSelf: "center",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","LogoIcon_exports","__export","LogoIcon","module","exports","import_jsx_runtime","require","
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","LogoIcon_exports","__export","LogoIcon","module","exports","import_jsx_runtime","require","import_hanzogui","import_GuiLogoSvg","param","downscale","color","jsx","YStack","render","className","alignSelf","marginVertical","pressStyle","opacity","scaleX","children","GuiIconSvg","width","height"],"sources":["../../src/LogoIcon.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,gBAAA;AAAAC,QAAA,CAAAD,gBAAA;EAAAE,QAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAuB,CAAAK,gBAAA;AACvB,IAAAK,kBAAA,GAA2BC,OAAA;AAqBrB,IAAAC,eAAA,GAAAD,OAAA;AAlBC,IAAAE,iBAAkB,GAAAF,OAAA;AAAA,IACvBJ,QAAA,GAAY,SAAAA,CAAAO,KAAA;EACZ;IAAAC,SAAA;IAAAC;EAAA,IAAAF,KAAA;EACF,OAGmB,mBAAAJ,kBAAA,CAAAO,GAAA,EAAAL,eAAA,CAAAM,MAAA;IACjBC,MACE;IAACC,SAAA;IAAAC,SAAA;IAAAC,cACQ;IAAAC,UACP;MACAC,OAAA,KAAU;MACVC,MAAA;IAAgB;IACJC,QACV,iBAAS,IAAAhB,kBAAA,CAAAO,GAAA,EAAAJ,iBAAA,CAAAc,UAAA;MAAAP,SACT,EAAQ;MACVQ,KAAA,YAAAb,SAAA;MAEAc,MAAA,YAAAd,SAAA;MAAAC;IAAC;EAAA;AACW","ignoreList":[]}
|
package/dist/cjs/LogoWords.cjs
CHANGED
|
@@ -37,7 +37,7 @@ __export(LogoWords_exports, {
|
|
|
37
37
|
});
|
|
38
38
|
module.exports = __toCommonJS(LogoWords_exports);
|
|
39
39
|
var import_react = __toESM(require("react"), 1);
|
|
40
|
-
var
|
|
40
|
+
var import_hanzogui = require("hanzogui");
|
|
41
41
|
var import_useTint = require("./useTint.cjs");
|
|
42
42
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
43
43
|
const defaultColors = ["var(--color12)", "var(--color12)", "var(--color12)", "var(--color12)", "var(--red9)", "var(--green9)", "var(--blue9)"];
|
|
@@ -81,7 +81,7 @@ const LogoWords = import_react.default.memo(({
|
|
|
81
81
|
};
|
|
82
82
|
const x = Math.round(index * 18.5 + 18 / 2 * (index / defaultColors.length) + 3 + (index === 6 ? -3 : 0));
|
|
83
83
|
const [layout, setLayout] = (0, import_react.useState)();
|
|
84
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
84
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.XStack, {
|
|
85
85
|
onMouseEnter: () => setHovered(true),
|
|
86
86
|
onMouseLeave: () => setHovered(false),
|
|
87
87
|
paddingVertical: "$2",
|
|
@@ -100,7 +100,7 @@ const LogoWords = import_react.default.memo(({
|
|
|
100
100
|
Tint.setTintIndex(section);
|
|
101
101
|
},
|
|
102
102
|
...props,
|
|
103
|
-
children: [animated && /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
103
|
+
children: [animated && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Circle, {
|
|
104
104
|
transition: "medium",
|
|
105
105
|
position: "absolute",
|
|
106
106
|
top: 0,
|
|
@@ -40,7 +40,7 @@ __export(LogoWords_exports, {
|
|
|
40
40
|
module.exports = __toCommonJS(LogoWords_exports);
|
|
41
41
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
42
42
|
var import_react = __toESM(require("react"), 1);
|
|
43
|
-
var
|
|
43
|
+
var import_hanzogui = require("hanzogui");
|
|
44
44
|
var import_useTint = require("./useTint.native.js");
|
|
45
45
|
var defaultColors = ["var(--color12)", "var(--color12)", "var(--color12)", "var(--color12)", "var(--red9)", "var(--green9)", "var(--blue9)"];
|
|
46
46
|
var LogoWords = /* @__PURE__ */import_react.default.memo(function (param) {
|
|
@@ -84,7 +84,7 @@ var LogoWords = /* @__PURE__ */import_react.default.memo(function (param) {
|
|
|
84
84
|
};
|
|
85
85
|
var x = Math.round(index * 18.5 + 18 / 2 * (index / defaultColors.length) + 3 + (index === 6 ? -3 : 0));
|
|
86
86
|
var [layout, setLayout] = (0, import_react.useState)();
|
|
87
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
87
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.XStack, {
|
|
88
88
|
onMouseEnter: function () {
|
|
89
89
|
return setHovered(true);
|
|
90
90
|
},
|
|
@@ -108,7 +108,7 @@ var LogoWords = /* @__PURE__ */import_react.default.memo(function (param) {
|
|
|
108
108
|
Tint.setTintIndex(section);
|
|
109
109
|
},
|
|
110
110
|
...props,
|
|
111
|
-
children: [animated && /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
111
|
+
children: [animated && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Circle, {
|
|
112
112
|
transition: "medium",
|
|
113
113
|
position: "absolute",
|
|
114
114
|
top: 0,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","LogoWords_exports","__export","LogoWords","module","exports","import_jsx_runtime","require","import_react","__toESM","
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","LogoWords_exports","__export","LogoWords","module","exports","import_jsx_runtime","require","import_react","__toESM","import_hanzogui","import_useTint","defaultColors","default","memo","param","downscale","animated","props","Tint","useTint","hovered","setHovered","useState","mounted","setMounted","tintIndex","index","useEffect","idle","window","requestIdleCallback","setTimeout","handleKeyDown","event","index2","Number","key","isNaN","tints","length","setTintIndex","addEventListener","removeEventListener","getColor","i","x","Math","round","layout","setLayout","jsxs","XStack","onMouseEnter","onMouseLeave","paddingVertical","marginVertical","position","className","onLayout","e","nativeEvent","onMouseMove","x2","clientX","pageX","sectionWidth","width","section","min","floor","children","jsx","Circle","transition","top","left","y","size","backgroundColor","height","viewBox","shapeRendering","fill","points","d","fillRule"],"sources":["../../src/LogoWords.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,iBAAA;AAAAC,QAAA,CAAAD,iBAAA;EAAAE,SAAA,EAAAA,CAAA,KAAAA;AAAA;AACAC,MAAA,CAAAC,OAAA,GAAAT,YAA2C,CAAAK,iBAAA;AAE3C,IAAAK,kBAA+B,GAAAC,OAAA;AAC/B,IAAAC,YAAA,GAAAC,OAAwB,CAAAF,OAAA;AAyGhB,IAAAG,eAAA,GAAAH,OAAA;AApGR,IAAAI,cAAM,GAAAJ,OAAgB;AAAA,IACpBK,aAAA,IACA,kBACA,kBACA,kBACA,kBACA,eACA,iBACF,eAYO;AAUL,IAAAT,SAAM,kBAAOK,YAAQ,CAAAK,OAAA,CAAAC,IAAA,WAAAC,KAAA;EACrB;IAAMC,SAAC,GAAS;IAAAC,QAAU;IAAI,GAAAC;EAAA,IAAAH,KAAA;EAC9B,IAAAI,IAAO,OAAAR,cAAmB,CAAIS,OAAA;EAE9B,KAAAC,OAAQ,EAAAC,UAAW,CAAM,GAAAd,YAAI,CAAAK,OAAA,CAAAU,QAAA;EAE7B,KAAAC,OAAA,EAAAC,UAAA,IAAUjB,YAAM,CAAAK,OAAA,CAAAU,QAAA;EACd;IAAAG,SAAa,EAAAC;EAAO,IAAAR,IAAA;EACpB,IAAAX,YAAW,CAAAoB,SAAA;IACT,IAAAC,IAAA,GAAAC,MAAW,CAAAC,mBAAM,IAAAC,UAAA;IACfH,IAAA,aAAW;MACbG,UAAK;QAELP,UAAW,UAAM;MACf;MACFO,UAAO;QACRP,UAAA;MACC,CAAC;IAEL;EACE;EACE,IAAAjB,YAAM,CAAAoB,SAAe,cAAS;IAC9B,IAAAK,aAAY,GAAM,SAAAN,CAAKO,KAAK;MAC1B,IAAAC,MAAK,GAAAC,MAAA,CAAaT,QAAK,CAAAO,KAAA,CAAAG,GAAA;MACzB,KAAAD,MAAA,CAAAE,KAAA,CAAAH,MAAA,KAAAA,MAAA,SAAAA,MAAA,GAAAhB,IAAA,CAAAoB,KAAA,CAAAC,MAAA;QACFrB,IAAA,CAAAsB,YAAA,CAAAN,MAAA;MAEA;IAEA;IACEL,MAAA,CAAAY,gBAAO,UAAoB,EAAAT,aAAW;IACxC;MACEH,MAAK,CAAAa,mBAAA,YAAAV,aAAA;IAET;EACE,IACAd,IAAA,CACF;EAEA,IAAAyB,QAAU,GAAK,SAAAA,CAAAC,CAAA;IACb,IAAAxB,OAAQ,SAAa,SAAMF,IAAQ,CAAAoB,KAAA,CAAAM,CAAA;IACrC,OAAAjC,aAAA,CAAAiC,CAAA;EAEA;EAEA,IAAAC,CAAA,GACEC,IAAA,CAAAC,KAAA,CAAArB,KAAA,oBAAAA,KAAA,GAAAf,aAAA,CAAA4B,MAAA,SAAAb,KAAA;EAAA,IAAC,CAAAsB,MAAA,EAAAC,SAAA,QAAA1C,YAAA,CAAAe,QAAA;EAAA,0BAAAjB,kBAAA,CAAA6C,IAAA,EAAAzC,eAAA,CAAA0C,MAAA;IAAAC,YACC,WAAAA,CAAA,EAAoB;MACpB,OAAA/B,UAAc,KAAM;IAAgB;IACpBgC,YAChB,WAAAA,CAAA;MACA,OAAAhC,UAAe;IAAA;IACNiC,eACC;IAAA,wBACO;IACfC,cAAU,EAAE;IAAyBC,QACvC;IAAAC,SAEA,cAAgC;IAC9BC,QAAI,EAAC,SAAAA,CAAQC,CAAA;MACbV,SAAM,CAAAU,CAAA,CAAAC,WAAM,CAAAZ,MAAU;IAEtB;IAEA;IACAa,WAAK,WAAAA,CAAaF,CAAA;MACpB,KAAAX,MAAA;MACC,IAAGc,EAAA,GAAAH,CAAA,CAAAI,OAAA,GAAAf,MAAA,CAAAgB,KAAA;MAEH,IAAAC,YAAA,GAAAjB,MAAA,CAAAkB,KAAA;MAAA,IAAAC,OAAA,GACCrB,IAAA,CAAAsB,GAAA,IAAAtB,IAAA,CAAAuB,KAAA,CAAAP,EAAA,GAAAG,YAAA;MAAA/C,IAAC,CAAAsB,YAAA,CAAA2B,OAAA;IAAA;IAAA,GAAAlD,KACC;IAAWqD,QACX,GAAStD,QACT,IAAK,mBAAAX,kBAAA,CAAAkE,GAAA,EAAA9D,eAAA,CAAA+D,MAAA;MAAAC,UACC;MAAAjB,QACH,YAAY;MAAgBkB,GAAA,EAE/B;MAAAC,IACA;MAAMC,CAAA,EAAArD,OACN,YAAgB;MAAA;MAClBsB,CAAA;MAGFgC,IAAA;MAAAC,eAAC;IAAA,mBACC,IAAAzE,kBAAsB,CAAA6C,IAAA;MAAA,wBACJ;MAAagB,KAC/B,SAAQ,IAAMnD,SAAI,aAAa;MAAAgE,MAC/B,QAAQ,IAAAhE,SAAA;MAAAiE,OAER;MAAAV,QAAA,kBAAC,IAAAjE,kBAAA,CAAAkE,GAAA;QAAA;QAAAU,cACC;QAAsBC,IAAA,EACtBvC,QAAA;QAAewC,MACf;MAAgB;MACT;MAAA;MAET,IAAA9E,kBAAA,CAAAkE,GAAA;QAAAU,cAEA;QAAAC,IAAC,EAAAvC,QAAA;QAAAyC,CAAA;QAAAC,QACC;MAAe;MACC;MACd;MACF,EAAS,EAAAhF,kBAAA,CAAAkE,GAAA;QAAA;QAAAU,cAEX;QAAAC,IAEA,EAAAvC,QAAA;QAAAwC,MAAC;MAAA;MAAA;MACuB;MACtB,IAAA9E,kBAAe,CAAAkE,GAAA;QAAAW,IAAA,EACfvC,QAAM;QAAUyC,CAAA,waACT;QAAAC,QAAA;MAAA;MAET;MAEA;MAAC,IAAAhF,kBAAA,CAAAkE,GAAA;QAAA;QAAAU,cACO,cAAU;QAAAC,IAAA,EAChBvC,QAAE;QAAAwC,MACF;MAAS;MAAA;MAEX;MAEA,IAAA9E,kBAAA,CAAAkE,GAAA;QAAA,wBAAC;QAAAU,cAAA;QAAAC,IAAA,EACCvC,QAAA;QAAsBwC,MACtB;MAAe;MACC;MACT;MAAA,IAAA9E,kBAAA,CAAAkE,GAAA;QAAA,wBAET;QAAAU,cAEA;QAAAC,IAAC,EAAAvC,QAAA;QAAAwC,MAAA;MAAA;IAEgB;EAER;AAAA","ignoreList":[]}
|
package/dist/cjs/tints.cjs
CHANGED
|
@@ -51,7 +51,7 @@ const familiesValues = {
|
|
|
51
51
|
lunar: ["yellow", "red", "red", "red", "red", "red", "yellow"],
|
|
52
52
|
stpatricks: ["green", "teal", "green", "teal", "green", "teal", "green"]
|
|
53
53
|
};
|
|
54
|
-
const DEFAULT_FAMILY = "
|
|
54
|
+
const DEFAULT_FAMILY = "gui";
|
|
55
55
|
const familiesNames = Object.keys(familiesValues);
|
|
56
56
|
const families = familiesValues;
|
|
57
57
|
let fam = DEFAULT_FAMILY;
|
|
@@ -79,11 +79,11 @@ function setTintFamily(next) {
|
|
|
79
79
|
if (typeof document !== "undefined") {
|
|
80
80
|
const root = document.documentElement.classList;
|
|
81
81
|
familiesNames.forEach(s => {
|
|
82
|
-
if (s !== "
|
|
82
|
+
if (s !== "gui") {
|
|
83
83
|
root.remove(`${s}-season`);
|
|
84
84
|
}
|
|
85
85
|
});
|
|
86
|
-
if (next !== "
|
|
86
|
+
if (next !== "gui") {
|
|
87
87
|
root.add(`${next}-season`);
|
|
88
88
|
}
|
|
89
89
|
}
|
package/dist/cjs/tints.native.js
CHANGED
|
@@ -53,7 +53,7 @@ var familiesValues = {
|
|
|
53
53
|
lunar: ["yellow", "red", "red", "red", "red", "red", "yellow"],
|
|
54
54
|
stpatricks: ["green", "teal", "green", "teal", "green", "teal", "green"]
|
|
55
55
|
};
|
|
56
|
-
var DEFAULT_FAMILY = "
|
|
56
|
+
var DEFAULT_FAMILY = "gui";
|
|
57
57
|
var familiesNames = Object.keys(familiesValues);
|
|
58
58
|
var families = familiesValues;
|
|
59
59
|
var fam = DEFAULT_FAMILY;
|
|
@@ -81,11 +81,11 @@ function setTintFamily(next) {
|
|
|
81
81
|
if (typeof document !== "undefined") {
|
|
82
82
|
var root = document.documentElement.classList;
|
|
83
83
|
familiesNames.forEach(function (s) {
|
|
84
|
-
if (s !== "
|
|
84
|
+
if (s !== "gui") {
|
|
85
85
|
root.remove(`${s}-season`);
|
|
86
86
|
}
|
|
87
87
|
});
|
|
88
|
-
if (next !== "
|
|
88
|
+
if (next !== "gui") {
|
|
89
89
|
root.add(`${next}-season`);
|
|
90
90
|
}
|
|
91
91
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","tints_exports","__export","getTints","onTintFamilyChange","setNextTintFamily","setTintFamily","useTints","module","exports","import_react","__toESM","require","listeners","Set","familiesValues","gui","xmas","easter","halloween","valentine","lunar","stpatricks","DEFAULT_FAMILY","familiesNames","Object","keys","families","fam","name","tints"],"sources":["../../src/tints.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,aAAA;AAAAC,QAAA,CAAAD,aAAA;EAAAE,QAAA,EAAAA,CAAA,KAAAA,QAAA;EAAAC,kBAAA,EAAAA,CAAA,KAAAA,kBAAA;EAAAC,iBAAA,EAAAA,CAAA,KAAAA,iBAAA;EAAAC,aAAA,EAAAA,CAAA,KAAAA,aAAA;EAAAC,QAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAb,YAAkB,CAAAK,aAAA;AAKlB,IAAAS,YAAM,GAAYC,OAAA,CAAAC,OAAA,QAAuB;AAIzC,IAAAC,SAAM,kBAAiB,IAAAC,GAAA;AAAA,IACrBC,cAAgB;EAChBC,GAAA,GACA,QAAQ,EACN,UACA,UACA,QACA,OACA,SACA;EAEFC,IAAA,GACA,OACE,SACA,OACA,SACA,OACA,SACA;EAEFC,MAAA,GACA,UACA,QAAQ,EACR,UACF,UAIA,QAAM,EAEN,QAAM,EAGN,QAAM,CAIN;EAEOC,SAAS,GAKd,QAAO,EACL,MAAM,EACN,QAAO,EACP,QACF,UACF,QAEO,QAAS,CAKd;EAEAC,SAAA,GACE,OACE,OACE,OAAiB,KAClB,EACH,KAAC,EACH,KAAK,EAEL,KAAO,CACT;EAEOC,KAAA,EAAS,CACd,QAAK,EACL,KAAM,EAGN,KAAI,EACF,OAEA,OACE,OACE,SAAyB;EAC3BC,UACD,GAED,OAAI,EACF,QACF,SACF,QAEA,SACE,QACD;AAGI;AACL,IAAAC,cAAc
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","tints_exports","__export","getTints","onTintFamilyChange","setNextTintFamily","setTintFamily","useTints","module","exports","import_react","__toESM","require","listeners","Set","familiesValues","gui","xmas","easter","halloween","valentine","lunar","stpatricks","DEFAULT_FAMILY","familiesNames","Object","keys","families","fam","name","tints"],"sources":["../../src/tints.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,aAAA;AAAAC,QAAA,CAAAD,aAAA;EAAAE,QAAA,EAAAA,CAAA,KAAAA,QAAA;EAAAC,kBAAA,EAAAA,CAAA,KAAAA,kBAAA;EAAAC,iBAAA,EAAAA,CAAA,KAAAA,iBAAA;EAAAC,aAAA,EAAAA,CAAA,KAAAA,aAAA;EAAAC,QAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAb,YAAkB,CAAAK,aAAA;AAKlB,IAAAS,YAAM,GAAYC,OAAA,CAAAC,OAAA,QAAuB;AAIzC,IAAAC,SAAM,kBAAiB,IAAAC,GAAA;AAAA,IACrBC,cAAgB;EAChBC,GAAA,GACA,QAAQ,EACN,UACA,UACA,QACA,OACA,SACA;EAEFC,IAAA,GACA,OACE,SACA,OACA,SACA,OACA,SACA;EAEFC,MAAA,GACA,UACA,QAAQ,EACR,UACF,UAIA,QAAM,EAEN,QAAM,EAGN,QAAM,CAIN;EAEOC,SAAS,GAKd,QAAO,EACL,MAAM,EACN,QAAO,EACP,QACF,UACF,QAEO,QAAS,CAKd;EAEAC,SAAA,GACE,OACE,OACE,OAAiB,KAClB,EACH,KAAC,EACH,KAAK,EAEL,KAAO,CACT;EAEOC,KAAA,EAAS,CACd,QAAK,EACL,KAAM,EAGN,KAAI,EACF,OAEA,OACE,OACE,SAAyB;EAC3BC,UACD,GAED,OAAI,EACF,QACF,SACF,QAEA,SACE,QACD;AAGI;AACL,IAAAC,cAAc;AAChB,IAAAC,aAAA,GAAAC,MAAA,CAAAC,IAAA,CAAAX,cAAA;AAEO,IAAAY,QAAM,GAAAZ,cAAsB;AACjC,IAAAa,GAAA,GAAAL,cAAgB;AAChB,SAAOpB,QAAYA,CAAA;EACjB;IACF0B,IAAA,EAAAD,GAAA,IAAAL,cAAA;IACFO,KAAA,EAAAH,QAAA,CAAAC,GAAA,KAAAD,QAAA,CAAAX,GAAA","ignoreList":[]}
|
package/dist/cjs/useTint.cjs
CHANGED
|
@@ -43,7 +43,7 @@ __export(useTint_exports, {
|
|
|
43
43
|
});
|
|
44
44
|
module.exports = __toCommonJS(useTint_exports);
|
|
45
45
|
var import_react = __toESM(require("react"), 1);
|
|
46
|
-
var
|
|
46
|
+
var import_hanzogui = require("hanzogui");
|
|
47
47
|
var import_tints = require("./tints.cjs");
|
|
48
48
|
let current = 3;
|
|
49
49
|
let disableTintTheme = false;
|
|
@@ -74,7 +74,7 @@ function getDocsSection(pathname) {
|
|
|
74
74
|
const InitialPathContext = (0, import_react.createContext)(3);
|
|
75
75
|
const useTint = (altOffset = -1) => {
|
|
76
76
|
const initial = (0, import_react.useContext)(InitialPathContext);
|
|
77
|
-
const didHydrate = (0,
|
|
77
|
+
const didHydrate = (0, import_hanzogui.useDidFinishSSR)();
|
|
78
78
|
const [index, setIndex] = (0, import_react.useState)(didHydrate ? current : initial);
|
|
79
79
|
const [disabled, setDisabled] = (0, import_react.useState)(disableTintTheme);
|
|
80
80
|
const tintsContext = (0, import_tints.useTints)();
|
|
@@ -45,7 +45,7 @@ __export(useTint_exports, {
|
|
|
45
45
|
});
|
|
46
46
|
module.exports = __toCommonJS(useTint_exports);
|
|
47
47
|
var import_react = __toESM(require("react"), 1);
|
|
48
|
-
var
|
|
48
|
+
var import_hanzogui = require("hanzogui");
|
|
49
49
|
var import_tints = require("./tints.native.js");
|
|
50
50
|
var current = 3;
|
|
51
51
|
var disableTintTheme = false;
|
|
@@ -83,7 +83,7 @@ var InitialPathContext = /* @__PURE__ */(0, import_react.createContext)(3);
|
|
|
83
83
|
var useTint = function () {
|
|
84
84
|
var altOffset = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : -1;
|
|
85
85
|
var initial = (0, import_react.useContext)(InitialPathContext);
|
|
86
|
-
var didHydrate = (0,
|
|
86
|
+
var didHydrate = (0, import_hanzogui.useDidFinishSSR)();
|
|
87
87
|
var [index, setIndex] = (0, import_react.useState)(didHydrate ? current : initial);
|
|
88
88
|
var [disabled, setDisabled] = (0, import_react.useState)(disableTintTheme);
|
|
89
89
|
var tintsContext = (0, import_tints.useTints)();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","useTint_exports","__export","InitialPathContext","getDisableTintTheme","getDocsSection","onTintChange","setDisableTintTheme","setTintIndex","useTint","module","exports","import_react","__toESM","require","
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","useTint_exports","__export","InitialPathContext","getDisableTintTheme","getDocsSection","onTintChange","setDisableTintTheme","setTintIndex","useTint","module","exports","import_react","__toESM","require","import_hanzogui","import_tints","current","disableTintTheme","listeners","Set","disableListeners","listener","add","delete","numTints","getTints","tints","length","next","val","Math","max","forEach","x","disable","pathname","startsWith","createContext","altOffset","arguments","initial","useContext","didHydrate","useDidFinishSSR","index","setIndex","useState","disabled","setDisabled","tintsContext","useTints","tintAltIndex","abs","useEffect","cur","cb","tint","tintAlt","tintIndex"],"sources":["../../src/useTint.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
package/dist/esm/GuiLogo.mjs
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { XStack, YStack } from "
|
|
2
|
+
import { XStack, YStack } from "hanzogui";
|
|
3
3
|
import { LogoIcon } from "./LogoIcon.native.js";
|
|
4
4
|
import { LogoWords } from "./LogoWords.native.js";
|
|
5
5
|
var GuiLogo = function (param) {
|
package/dist/esm/LogoIcon.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["jsx","_jsx","YStack","GuiIconSvg","LogoIcon","param","downscale","color","render","className","alignSelf","marginVertical","pressStyle","opacity","scaleX","children","width","height"],"sources":["../../src/LogoIcon.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,QAAc;AACvB,SAASC,MAAA,
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","YStack","GuiIconSvg","LogoIcon","param","downscale","color","render","className","alignSelf","marginVertical","pressStyle","opacity","scaleX","children","width","height"],"sources":["../../src/LogoIcon.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,QAAc;AACvB,SAASC,MAAA,kBAAkB;AAqBrB,SAAAC,UAAA;AAlBC,IAAAC,QAAM,YAAAA,CAAYC,KAAA;EACvB;IAAAC,SAAY;IAAAC;EAAA,IAAAF,KAAA;EACZ,sBAAAJ,IAAA,CAAAC,MAAA;IACFM,MAGmB;IACjBC,SACE;IAACC,SAAA;IAAAC,cAAA;IAAAC,UACQ;MACPC,OAAA,KAAU;MACVC,MAAA;IAAU;IACMC,QAChB,iBAAYd,IAAA,CAAAE,UAAA;MAAAM,SACV,EAAS;MAAAO,KACT,KAAQ,OAAAV,SAAA;MACVW,MAAA,YAAAX,SAAA;MAEAC;IAAA;EAAC;AAAA;AACW,SACOH,QACjB","ignoreList":[]}
|
package/dist/esm/LogoWords.mjs
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React, { useEffect, useState } from "react";
|
|
2
|
-
import { Circle, XStack } from "
|
|
2
|
+
import { Circle, XStack } from "hanzogui";
|
|
3
3
|
import { useTint } from "./useTint.mjs";
|
|
4
4
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
5
5
|
const defaultColors = ["var(--color12)", "var(--color12)", "var(--color12)", "var(--color12)", "var(--red9)", "var(--green9)", "var(--blue9)"];
|
|
@@ -1 +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","
|
|
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","Number","parseInt","key","isNaN","index2","tints","length","setTintIndex","addEventListener","removeEventListener","getColor","i","x","Math","round","layout","setLayout","onMouseEnter","onMouseLeave","paddingVertical","marginVertical","position","className","onLayout","e","nativeEvent","onMouseMove","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":[]}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import React, { useEffect, useState } from "react";
|
|
3
|
-
import { Circle, XStack } from "
|
|
3
|
+
import { Circle, XStack } from "hanzogui";
|
|
4
4
|
import { useTint } from "./useTint.native.js";
|
|
5
5
|
var defaultColors = ["var(--color12)", "var(--color12)", "var(--color12)", "var(--color12)", "var(--red9)", "var(--green9)", "var(--blue9)"];
|
|
6
6
|
var LogoWords = /* @__PURE__ */React.memo(function (param) {
|
package/dist/esm/tints.mjs
CHANGED
|
@@ -9,7 +9,7 @@ const familiesValues = {
|
|
|
9
9
|
lunar: ["yellow", "red", "red", "red", "red", "red", "yellow"],
|
|
10
10
|
stpatricks: ["green", "teal", "green", "teal", "green", "teal", "green"]
|
|
11
11
|
};
|
|
12
|
-
const DEFAULT_FAMILY = "
|
|
12
|
+
const DEFAULT_FAMILY = "gui";
|
|
13
13
|
const familiesNames = Object.keys(familiesValues);
|
|
14
14
|
const families = familiesValues;
|
|
15
15
|
let fam = DEFAULT_FAMILY;
|
|
@@ -37,11 +37,11 @@ function setTintFamily(next) {
|
|
|
37
37
|
if (typeof document !== "undefined") {
|
|
38
38
|
const root = document.documentElement.classList;
|
|
39
39
|
familiesNames.forEach(s => {
|
|
40
|
-
if (s !== "
|
|
40
|
+
if (s !== "gui") {
|
|
41
41
|
root.remove(`${s}-season`);
|
|
42
42
|
}
|
|
43
43
|
});
|
|
44
|
-
if (next !== "
|
|
44
|
+
if (next !== "gui") {
|
|
45
45
|
root.add(`${next}-season`);
|
|
46
46
|
}
|
|
47
47
|
}
|
package/dist/esm/tints.mjs.map
CHANGED
|
@@ -1 +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;AAIzC,MAAMC,cAAA,GAAiB;EACrBC,GAAA,EAAK,CAAC,UAAU,UAAU,UAAU,QAAQ,OAAO,SAAS,MAAM;EAClEC,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,GAAA;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,
|
|
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;AAIzC,MAAMC,cAAA,GAAiB;EACrBC,GAAA,EAAK,CAAC,UAAU,UAAU,UAAU,QAAQ,OAAO,SAAS,MAAM;EAClEC,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,GAAA;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,OAAO;QACfJ,IAAA,CAAKK,MAAA,CAAO,GAAGD,CAAC,SAAS;MAC3B;IACF,CAAC;IAED,IAAIN,IAAA,KAAS,OAAO;MAClBE,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":[]}
|
package/dist/esm/tints.native.js
CHANGED
|
@@ -9,7 +9,7 @@ var familiesValues = {
|
|
|
9
9
|
lunar: ["yellow", "red", "red", "red", "red", "red", "yellow"],
|
|
10
10
|
stpatricks: ["green", "teal", "green", "teal", "green", "teal", "green"]
|
|
11
11
|
};
|
|
12
|
-
var DEFAULT_FAMILY = "
|
|
12
|
+
var DEFAULT_FAMILY = "gui";
|
|
13
13
|
var familiesNames = Object.keys(familiesValues);
|
|
14
14
|
var families = familiesValues;
|
|
15
15
|
var fam = DEFAULT_FAMILY;
|
|
@@ -37,11 +37,11 @@ function setTintFamily(next) {
|
|
|
37
37
|
if (typeof document !== "undefined") {
|
|
38
38
|
var root = document.documentElement.classList;
|
|
39
39
|
familiesNames.forEach(function (s) {
|
|
40
|
-
if (s !== "
|
|
40
|
+
if (s !== "gui") {
|
|
41
41
|
root.remove(`${s}-season`);
|
|
42
42
|
}
|
|
43
43
|
});
|
|
44
|
-
if (next !== "
|
|
44
|
+
if (next !== "gui") {
|
|
45
45
|
root.add(`${next}-season`);
|
|
46
46
|
}
|
|
47
47
|
}
|
|
@@ -1 +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"],"sources":["../../src/tints.tsx"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,MAAW;AAKlB,IAAAC,SAAM,kBAAY,IAAAC,GAAI;AAItB,IAAAC,cAAM;EACJC,GAAA,EAAK,CACL,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,
|
|
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"],"sources":["../../src/tints.tsx"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,MAAW;AAKlB,IAAAC,SAAM,kBAAY,IAAAC,GAAI;AAItB,IAAAC,cAAM;EACJC,GAAA,EAAK,CACL,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,QAAoB;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,GAAA;IACFW","ignoreList":[]}
|
package/dist/esm/useTint.mjs
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React, { createContext, useContext, useEffect, useState } from "react";
|
|
2
|
-
import { useDidFinishSSR } from "
|
|
2
|
+
import { useDidFinishSSR } from "hanzogui";
|
|
3
3
|
import { getTints, setNextTintFamily, useTints } from "./tints.mjs";
|
|
4
4
|
let current = 3;
|
|
5
5
|
let disableTintTheme = false;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React, { createContext, useContext, useEffect, useState } from "react";
|
|
2
|
-
import { useDidFinishSSR } from "
|
|
2
|
+
import { useDidFinishSSR } from "hanzogui";
|
|
3
3
|
import { getTints, setNextTintFamily, useTints } from "./tints.native.js";
|
|
4
4
|
var current = 3;
|
|
5
5
|
var disableTintTheme = false;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@hanzogui/logo",
|
|
3
|
-
"version": "7.
|
|
3
|
+
"version": "7.3.0",
|
|
4
4
|
"source": "src/index.tsx",
|
|
5
5
|
"files": [
|
|
6
6
|
"src",
|
|
@@ -38,21 +38,23 @@
|
|
|
38
38
|
"access": "public"
|
|
39
39
|
},
|
|
40
40
|
"scripts": {
|
|
41
|
-
"build": "
|
|
42
|
-
"watch": "
|
|
43
|
-
"clean": "
|
|
44
|
-
"clean:build": "
|
|
41
|
+
"build": "gui-build",
|
|
42
|
+
"watch": "gui-build --watch",
|
|
43
|
+
"clean": "gui-build clean",
|
|
44
|
+
"clean:build": "gui-build clean:build"
|
|
45
45
|
},
|
|
46
46
|
"dependencies": {
|
|
47
|
-
"@hanzogui/use-element-layout": "
|
|
48
|
-
"@hanzogui/web": "
|
|
49
|
-
"
|
|
47
|
+
"@hanzogui/use-element-layout": "7.3.0",
|
|
48
|
+
"@hanzogui/web": "7.3.0",
|
|
49
|
+
"hanzogui": "7.3.0"
|
|
50
50
|
},
|
|
51
51
|
"devDependencies": {
|
|
52
|
-
"@hanzogui/build": "
|
|
52
|
+
"@hanzogui/build": "7.3.0",
|
|
53
53
|
"react": ">=19"
|
|
54
54
|
},
|
|
55
55
|
"peerDependencies": {
|
|
56
56
|
"react": ">=19"
|
|
57
|
-
}
|
|
58
|
-
|
|
57
|
+
},
|
|
58
|
+
"license": "BSD-3-Clause",
|
|
59
|
+
"author": "Hanzo AI <dev@hanzo.ai>"
|
|
60
|
+
}
|
package/src/GuiLogo.tsx
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import type { JSX } from 'react/jsx-runtime'
|
|
2
|
-
import type { XStackProps } from '
|
|
3
|
-
import { XStack, YStack } from '
|
|
2
|
+
import type { XStackProps } from 'hanzogui'
|
|
3
|
+
import { XStack, YStack } from 'hanzogui'
|
|
4
4
|
import { LogoIcon } from './LogoIcon'
|
|
5
5
|
import { LogoWords } from './LogoWords'
|
|
6
6
|
|
package/src/LogoIcon.tsx
CHANGED
package/src/LogoWords.tsx
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import type { LayoutValue } from '@hanzogui/use-element-layout'
|
|
2
2
|
import React, { useEffect, useState } from 'react'
|
|
3
|
-
import type { XStackProps } from '
|
|
4
|
-
import { Circle, XStack } from '
|
|
3
|
+
import type { XStackProps } from 'hanzogui'
|
|
4
|
+
import { Circle, XStack } from 'hanzogui'
|
|
5
5
|
import { useTint } from './useTint'
|
|
6
6
|
|
|
7
7
|
// T A M A G U I
|
package/src/SeasonProvider.tsx
CHANGED
|
@@ -9,7 +9,7 @@ function getInlineScript() {
|
|
|
9
9
|
var d = new Date();
|
|
10
10
|
var m = d.getMonth();
|
|
11
11
|
var day = d.getDate();
|
|
12
|
-
var season = '
|
|
12
|
+
var season = 'gui';
|
|
13
13
|
|
|
14
14
|
if (m === 11 && day >= 14) season = 'xmas';
|
|
15
15
|
else if (m === 9 && day >= 20) season = 'halloween';
|
|
@@ -18,7 +18,7 @@ function getInlineScript() {
|
|
|
18
18
|
else if (m === 1 && day >= 7 && day <= 14) season = 'valentine';
|
|
19
19
|
else if (m === 0 && day >= 20 || m === 1 && day <= 12) season = 'lunar';
|
|
20
20
|
|
|
21
|
-
if (season !== '
|
|
21
|
+
if (season !== 'gui') {
|
|
22
22
|
document.documentElement.classList.add(season + '-season');
|
|
23
23
|
}
|
|
24
24
|
window.__GUI_SEASON__ = season;
|
package/src/tints.tsx
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react'
|
|
2
|
-
import type { ThemeName } from '
|
|
2
|
+
import type { ThemeName } from 'hanzogui'
|
|
3
3
|
|
|
4
4
|
type ChangeHandler = (next: TintFamily) => void
|
|
5
5
|
|
|
@@ -35,7 +35,7 @@ const familiesValues = {
|
|
|
35
35
|
|
|
36
36
|
type Family = keyof typeof familiesValues
|
|
37
37
|
|
|
38
|
-
const DEFAULT_FAMILY: Family = '
|
|
38
|
+
const DEFAULT_FAMILY: Family = 'gui'
|
|
39
39
|
|
|
40
40
|
const familiesNames = Object.keys(familiesValues) as any as Family[]
|
|
41
41
|
|
|
@@ -85,12 +85,12 @@ export function setTintFamily(next: TintFamily): void {
|
|
|
85
85
|
const root = document.documentElement.classList
|
|
86
86
|
// remove all season classes
|
|
87
87
|
familiesNames.forEach((s) => {
|
|
88
|
-
if (s !== '
|
|
88
|
+
if (s !== 'gui') {
|
|
89
89
|
root.remove(`${s}-season`)
|
|
90
90
|
}
|
|
91
91
|
})
|
|
92
92
|
// add the new one if not gui
|
|
93
|
-
if (next !== '
|
|
93
|
+
if (next !== 'gui') {
|
|
94
94
|
root.add(`${next}-season`)
|
|
95
95
|
}
|
|
96
96
|
}
|
package/src/useTint.tsx
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React, { createContext, useContext, useEffect, useState } from 'react'
|
|
2
|
-
import { useDidFinishSSR, type ThemeName } from '
|
|
2
|
+
import { useDidFinishSSR, type ThemeName } from 'hanzogui'
|
|
3
3
|
import { getTints, setNextTintFamily, useTints } from './tints'
|
|
4
4
|
|
|
5
5
|
let current = 3
|
package/types/GuiLogo.d.ts
CHANGED
package/types/GuiLogo.d.ts.map
CHANGED
|
@@ -6,6 +6,6 @@
|
|
|
6
6
|
],
|
|
7
7
|
"version": 3,
|
|
8
8
|
"sourcesContent": [
|
|
9
|
-
"import type { JSX } from 'react/jsx-runtime'\nimport type { XStackProps } from '
|
|
9
|
+
"import type { JSX } from 'react/jsx-runtime'\nimport type { XStackProps } from 'hanzogui'\nimport { XStack, YStack } from 'hanzogui'\nimport { LogoIcon } from './LogoIcon'\nimport { LogoWords } from './LogoWords'\n\ntype LogoProps = {\n showWords?: boolean\n downscale?: number\n animated?: boolean\n color?: string\n ref?: any\n} & XStackProps\n\nexport const GuiLogo = ({\n showWords,\n downscale,\n animated,\n color,\n ref,\n ...props\n}: LogoProps): JSX.Element => {\n return (\n <XStack\n render=\"span\"\n ref={ref}\n alignItems=\"center\"\n justifyContent=\"center\"\n gap=\"$5\"\n {...props}\n >\n <LogoIcon downscale={(downscale ?? 1) * (showWords ? 2 : 1.5)} color={color} />\n {showWords && (\n <YStack render=\"span\" marginBottom={-4}>\n <LogoWords animated={animated} downscale={downscale ?? 2} />\n </YStack>\n )}\n </XStack>\n )\n}\n"
|
|
10
10
|
]
|
|
11
11
|
}
|
package/types/LogoIcon.d.ts.map
CHANGED
|
@@ -6,6 +6,6 @@
|
|
|
6
6
|
],
|
|
7
7
|
"version": 3,
|
|
8
8
|
"sourcesContent": [
|
|
9
|
-
"import { YStack } from '
|
|
9
|
+
"import { YStack } from 'hanzogui'\nimport { GuiIconSvg } from './GuiLogoSvg'\nimport type { JSX } from 'react/jsx-runtime'\n\nexport const LogoIcon = ({\n downscale = 2,\n color,\n}: {\n downscale?: number\n color?: string\n}): JSX.Element => {\n return (\n <YStack\n render=\"span\"\n className=\"unselectable\"\n alignSelf=\"center\"\n marginVertical={-10}\n pressStyle={{\n opacity: 0.7,\n scaleX: -1,\n }}\n >\n <GuiIconSvg\n className=\"gui-icon\"\n width={450 / 8 / downscale}\n height={420 / 8 / downscale}\n color={color}\n />\n </YStack>\n )\n}\n"
|
|
10
10
|
]
|
|
11
11
|
}
|
package/types/LogoWords.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import type { XStackProps } from "
|
|
2
|
+
import type { XStackProps } from "hanzogui";
|
|
3
3
|
export declare const LogoWords: React.MemoExoticComponent<({ downscale, animated, ...props }: XStackProps & {
|
|
4
4
|
downscale?: number;
|
|
5
5
|
animated?: boolean;
|
package/types/LogoWords.d.ts.map
CHANGED
|
@@ -6,6 +6,6 @@
|
|
|
6
6
|
],
|
|
7
7
|
"version": 3,
|
|
8
8
|
"sourcesContent": [
|
|
9
|
-
"import type { LayoutValue } from '@hanzogui/use-element-layout'\nimport React, { useEffect, useState } from 'react'\nimport type { XStackProps } from '
|
|
9
|
+
"import type { LayoutValue } from '@hanzogui/use-element-layout'\nimport React, { useEffect, useState } from 'react'\nimport type { XStackProps } from 'hanzogui'\nimport { Circle, XStack } from 'hanzogui'\nimport { useTint } from './useTint'\n\n// T A M A G U I\n// default: white white white white red green blue\n// hover: yellow yellow yellow color12 red green blue\nconst defaultColors = [\n 'var(--color12)',\n 'var(--color12)',\n 'var(--color12)',\n 'var(--color12)',\n 'var(--red9)',\n 'var(--green9)',\n 'var(--blue9)',\n]\n\nconst hoveredColors = [\n 'var(--yellow9)',\n 'var(--yellow9)',\n 'var(--yellow9)',\n 'var(--color12)',\n 'var(--red9)',\n 'var(--green9)',\n 'var(--blue9)',\n]\n\nexport const LogoWords: React.MemoExoticComponent<\n ({\n downscale,\n animated,\n ...props\n }: XStackProps & {\n downscale?: number\n animated?: boolean\n }) => import('react/jsx-runtime').JSX.Element\n> = React.memo(({ downscale = 1, animated, ...props }) => {\n const Tint = useTint()\n const [hovered, setHovered] = React.useState(false)\n const [mounted, setMounted] = React.useState<'start' | 'animate' | 'done'>('start')\n\n const { tintIndex: index } = Tint\n\n useEffect(() => {\n const idle = window.requestIdleCallback || setTimeout\n idle(() => {\n setTimeout(() => {\n setMounted('animate')\n }, 50)\n\n setTimeout(() => {\n setMounted('done')\n }, 1500)\n })\n }, [])\n\n useEffect(() => {\n const handleKeyDown = (event: KeyboardEvent) => {\n const index = Number.parseInt(event.key, 10) - 1 // Convert key to index (0-based)\n if (!Number.isNaN(index) && index >= 0 && index < Tint.tints.length) {\n Tint.setTintIndex(index)\n }\n }\n\n window.addEventListener('keydown', handleKeyDown)\n\n return () => {\n window.removeEventListener('keydown', handleKeyDown)\n }\n }, [Tint])\n\n const getColor = (i: number) => {\n if (hovered) return `var(--${Tint.tints[i]}9)`\n return defaultColors[i]\n }\n\n const x = Math.round(\n index * 18.5 + (18 / 2) * (index / defaultColors.length) + 3 + (index === 6 ? -3 : 0)\n )\n\n const [layout, setLayout] = useState<LayoutValue>()\n\n return (\n <XStack\n onMouseEnter={() => setHovered(true)}\n onMouseLeave={() => setHovered(false)}\n paddingVertical=\"$2\"\n data-tauri-drag-region\n marginVertical=\"$-2\"\n position=\"relative\"\n className=\"logo-words\"\n onLayout={(e) => {\n setLayout(e.nativeEvent.layout as any)\n }}\n // @ts-ignore\n onMouseMove={(e: MouseEvent) => {\n if (!layout) return\n const x = e.clientX - layout.pageX\n // Total width divided into 7 sections (one for each letter)\n const sectionWidth = layout.width / 7\n // Calculate which section we're in (0-6)\n const section = Math.min(6, Math.floor(x / sectionWidth))\n Tint.setTintIndex(section)\n }}\n {...props}\n >\n {animated && (\n <Circle\n transition=\"medium\"\n position=\"absolute\"\n top={0}\n left={0}\n y={mounted === 'start' ? -30 : -4}\n // the last i is less wide\n x={x}\n size={4}\n backgroundColor=\"$color12\"\n />\n )}\n\n <svg\n data-tauri-drag-region\n width={373 * (1 / downscale) * 0.3333333}\n height={41 * (1 / downscale) * 0.3333333}\n viewBox=\"0 0 373 41\"\n >\n <polygon\n data-tauri-drag-region\n shapeRendering=\"crispEdges\"\n fill={getColor(0)}\n 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\"\n // onMouseEnter={() => Tint.setTintIndex(0)}\n />\n\n <path\n shapeRendering=\"crispEdges\"\n fill={getColor(1)}\n 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\"\n fillRule=\"nonzero\"\n // onMouseEnter={() => Tint.setTintIndex(1)}\n />\n\n <polygon\n data-tauri-drag-region\n shapeRendering=\"crispEdges\"\n fill={getColor(2)}\n 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\"\n // onMouseEnter={() => Tint.setTintIndex(2)}\n />\n\n <path\n fill={getColor(3)}\n 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\"\n fillRule=\"nonzero\"\n // onMouseEnter={() => Tint.setTintIndex(3)}\n />\n\n <polygon\n data-tauri-drag-region\n shapeRendering=\"crispEdges\"\n fill={getColor(4)}\n 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\"\n // onMouseEnter={() => Tint.setTintIndex(4)}\n />\n\n <polygon\n data-tauri-drag-region\n shapeRendering=\"crispEdges\"\n fill={getColor(5)}\n 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\"\n // onMouseEnter={() => Tint.setTintIndex(5)}\n />\n\n <polygon\n data-tauri-drag-region\n shapeRendering=\"crispEdges\"\n fill={getColor(6)}\n points=\"372.677419 40.1612903 372.677419 0.806451613 356.935484 0.806451613 356.935484 40.1612903\"\n // onMouseEnter={() => Tint.setTintIndex(6)}\n />\n </svg>\n </XStack>\n )\n})\n"
|
|
10
10
|
]
|
|
11
11
|
}
|
|
@@ -6,6 +6,6 @@
|
|
|
6
6
|
],
|
|
7
7
|
"version": 3,
|
|
8
8
|
"sourcesContent": [
|
|
9
|
-
"import type React from 'react'\nimport { useEffect } from 'react'\nimport { setTintFamily, type TintFamily } from './tints'\n\n// inline script that runs before hydration to set season class on html\n// auto-detects season from current date\nfunction getInlineScript() {\n return `(function(){\n var d = new Date();\n var m = d.getMonth();\n var day = d.getDate();\n var season = '
|
|
9
|
+
"import type React from 'react'\nimport { useEffect } from 'react'\nimport { setTintFamily, type TintFamily } from './tints'\n\n// inline script that runs before hydration to set season class on html\n// auto-detects season from current date\nfunction getInlineScript() {\n return `(function(){\n var d = new Date();\n var m = d.getMonth();\n var day = d.getDate();\n var season = 'gui';\n\n if (m === 11 && day >= 14) season = 'xmas';\n else if (m === 9 && day >= 20) season = 'halloween';\n else if (m === 2 && day >= 10 && day <= 17) season = 'stpatricks';\n else if (m === 2 && day >= 30 || m === 3 && day <= 20) season = 'easter';\n else if (m === 1 && day >= 7 && day <= 14) season = 'valentine';\n else if (m === 0 && day >= 20 || m === 1 && day <= 12) season = 'lunar';\n\n if (season !== 'gui') {\n document.documentElement.classList.add(season + '-season');\n }\n window.__GUI_SEASON__ = season;\n})();`\n}\n\n// syncs the tint family with the value computed by the inline script\nfunction useSeasonSync() {\n useEffect(() => {\n const computed = (window as any).__GUI_SEASON__ as TintFamily | undefined\n if (computed) {\n setTintFamily(computed)\n }\n }, [])\n}\n\nexport function SeasonProvider({\n children,\n}: {\n children: React.ReactNode\n}): React.ReactNode {\n useSeasonSync()\n\n return (\n <>\n {/* disabled because were launchig v2 and its lunar new year */}\n {/* <script\n suppressHydrationWarning\n dangerouslySetInnerHTML={{\n __html: getInlineScript(),\n }}\n /> */}\n {children}\n </>\n )\n}\n"
|
|
10
10
|
]
|
|
11
11
|
}
|
package/types/tints.d.ts
CHANGED
package/types/tints.d.ts.map
CHANGED
|
@@ -6,6 +6,6 @@
|
|
|
6
6
|
],
|
|
7
7
|
"version": 3,
|
|
8
8
|
"sourcesContent": [
|
|
9
|
-
"import React from 'react'\nimport type { ThemeName } from '
|
|
9
|
+
"import React from 'react'\nimport type { ThemeName } from 'hanzogui'\n\ntype ChangeHandler = (next: TintFamily) => void\n\nconst listeners = new Set<ChangeHandler>()\n\n// T A M A G U I\n// Maps to logo letters - index 3 (A) is the \"none\" theme position\nconst familiesValues = {\n gui: ['yellow', 'yellow', 'yellow', 'gray', 'red', 'green', 'blue'] as ThemeName[],\n xmas: ['red', 'green', 'red', 'green', 'red', 'green', 'red'] as ThemeName[],\n easter: [\n 'yellow',\n 'yellow',\n 'yellow',\n 'yellow',\n 'yellow',\n 'yellow',\n 'yellow',\n ] as ThemeName[],\n halloween: [\n 'yellow',\n 'gray',\n 'yellow',\n 'gray',\n 'yellow',\n 'gray',\n 'yellow',\n ] as ThemeName[],\n valentine: ['red', 'red', 'red', 'red', 'red', 'red', 'red'] as ThemeName[],\n lunar: ['yellow', 'red', 'red', 'red', 'red', 'red', 'yellow'] as ThemeName[],\n stpatricks: ['green', 'teal', 'green', 'teal', 'green', 'teal', 'green'] as ThemeName[],\n}\n\ntype Family = keyof typeof familiesValues\n\nconst DEFAULT_FAMILY: Family = 'gui'\n\nconst familiesNames = Object.keys(familiesValues) as any as Family[]\n\ntype Families = { [key in Family]: ThemeName[] }\nconst families = familiesValues as Families\n\nexport type TintFamily = keyof typeof families\n\nlet fam: TintFamily = DEFAULT_FAMILY\n\nexport function getTints(): {\n name: string\n tints: ThemeName[]\n families: Families\n} {\n return {\n name: fam || DEFAULT_FAMILY,\n tints: families[fam] || families.gui,\n families,\n }\n}\n\nexport function useTints(): {\n name: string\n tints: ThemeName[]\n families: Families\n} {\n const [val, setVal] = React.useState(getTints())\n\n React.useEffect(() => {\n return onTintFamilyChange(() => {\n React.startTransition(() => {\n setVal(getTints())\n })\n })\n }, [])\n\n return val\n}\n\nexport function setTintFamily(next: TintFamily): void {\n if (!families[next]) throw `impossible`\n fam = next\n\n // update DOM class for CSS-based styling (e.g., rainbow gradients)\n if (typeof document !== 'undefined') {\n const root = document.documentElement.classList\n // remove all season classes\n familiesNames.forEach((s) => {\n if (s !== 'gui') {\n root.remove(`${s}-season`)\n }\n })\n // add the new one if not gui\n if (next !== 'gui') {\n root.add(`${next}-season`)\n }\n }\n\n React.startTransition(() => {\n listeners.forEach((l) => l(next))\n })\n}\n\nexport const setNextTintFamily = (): void => {\n setTintFamily(familiesNames[(familiesNames.indexOf(fam) + 1) % familiesNames.length])\n}\n\nexport const onTintFamilyChange = (cb: ChangeHandler) => {\n listeners.add(cb)\n return (): void => {\n listeners.delete(cb)\n }\n}\n"
|
|
10
10
|
]
|
|
11
11
|
}
|
package/types/useTint.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import { type ThemeName } from "
|
|
2
|
+
import { type ThemeName } from "hanzogui";
|
|
3
3
|
export declare const onTintChange: (listener: (cur: number) => void) => () => void;
|
|
4
4
|
export declare const setTintIndex: (next: number) => void;
|
|
5
5
|
export declare const setDisableTintTheme: (disable: boolean) => void;
|
package/types/useTint.d.ts.map
CHANGED
|
@@ -6,6 +6,6 @@
|
|
|
6
6
|
],
|
|
7
7
|
"version": 3,
|
|
8
8
|
"sourcesContent": [
|
|
9
|
-
"import React, { createContext, useContext, useEffect, useState } from 'react'\nimport { useDidFinishSSR, type ThemeName } from '
|
|
9
|
+
"import React, { createContext, useContext, useEffect, useState } from 'react'\nimport { useDidFinishSSR, type ThemeName } from 'hanzogui'\nimport { getTints, setNextTintFamily, useTints } from './tints'\n\nlet current = 3\nlet disableTintTheme = false\n\nconst listeners = new Set<Function>()\nconst disableListeners = 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 = Math.max(0, next % numTints)\n if (val === current) return\n current = val\n listeners.forEach((x) => x(val))\n}\n\n// when true, useTint returns null for tint/tintAlt so ThemeTint doesn't apply sub-themes\nexport const setDisableTintTheme = (disable: boolean): void => {\n if (disable === disableTintTheme) return\n disableTintTheme = disable\n disableListeners.forEach((x) => x(disable))\n}\n\nexport const getDisableTintTheme = (): boolean => disableTintTheme\n\nexport function getDocsSection(pathname: string): 'compiler' | 'ui' | 'core' | null {\n return pathname === '/docs/intro/compiler-install' ||\n pathname === '/docs/intro/benchmarks' ||\n pathname === '/docs/intro/why-a-compiler'\n ? 'compiler'\n : pathname.startsWith('/ui/')\n ? 'ui'\n : pathname.startsWith('/docs/')\n ? 'core'\n : null\n}\n\nexport const InitialPathContext: React.Context<number> = createContext(3)\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 setDisableTintTheme: (disable: boolean) => void\n disableTintTheme: boolean\n name: string\n families: {\n gui: string[]\n xmas: string[]\n easter: string[]\n halloween: string[]\n valentine: string[]\n lunar: string[]\n }\n} => {\n const initial = useContext(InitialPathContext)\n const didHydrate = useDidFinishSSR()\n const [index, setIndex] = useState(didHydrate ? current : initial)\n const [disabled, setDisabled] = useState(disableTintTheme)\n const tintsContext = useTints()\n const { tints } = tintsContext\n const tintAltIndex = Math.abs((index + altOffset) % tints.length)\n\n useEffect(() => {\n return onTintChange((cur) => {\n setIndex(cur)\n })\n }, [])\n\n useEffect(() => {\n const cb = (val: boolean) => setDisabled(val)\n disableListeners.add(cb)\n return () => {\n disableListeners.delete(cb)\n }\n }, [])\n\n // return null for tint when disabled or at the \"none\" position (index 3)\n const tint = disabled || index === 3 ? null : tints[index]\n const tintAlt = disabled || tintAltIndex === 3 ? null : tints[tintAltIndex]\n\n return {\n ...tintsContext,\n tints: tintsContext.tints as ThemeName[],\n tintIndex: index,\n tintAltIndex,\n tint: tint as ThemeName,\n tintAlt: tintAlt as ThemeName,\n setTintIndex,\n setNextTintFamily,\n setDisableTintTheme,\n disableTintTheme: disabled,\n setNextTint: () => {\n React.startTransition(() => {\n setTintIndex(index + 1)\n })\n },\n } as const\n}\n"
|
|
10
10
|
]
|
|
11
11
|
}
|