@hanzogui/logo 8.3.1 → 8.3.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/GuiLogo.js +12 -0
- package/dist/cjs/GuiLogo.js.map +1 -0
- package/dist/cjs/GuiLogoSvg.js +19 -0
- package/dist/cjs/GuiLogoSvg.js.map +1 -0
- package/dist/cjs/LogoIcon.js +14 -0
- package/dist/cjs/LogoIcon.js.map +1 -0
- package/dist/cjs/LogoWords.js +80 -0
- package/dist/cjs/LogoWords.js.map +1 -0
- package/dist/cjs/SeasonProvider.js +42 -0
- package/dist/cjs/SeasonProvider.js.map +1 -0
- package/dist/cjs/ThemeTint.js +18 -0
- package/dist/cjs/ThemeTint.js.map +1 -0
- package/dist/cjs/index.js +11 -0
- package/dist/cjs/index.js.map +1 -0
- package/dist/cjs/package.json +1 -0
- package/dist/cjs/tints.js +102 -0
- package/dist/cjs/tints.js.map +1 -0
- package/dist/cjs/useTint.js +93 -0
- package/dist/cjs/useTint.js.map +1 -0
- package/dist/esm/GuiLogo.js +8 -0
- package/dist/esm/GuiLogo.js.map +1 -0
- package/dist/esm/GuiLogoSvg.js +15 -0
- package/dist/esm/GuiLogoSvg.js.map +1 -0
- package/dist/esm/LogoIcon.js +10 -0
- package/dist/esm/LogoIcon.js.map +1 -0
- package/dist/esm/LogoWords.js +76 -0
- package/dist/esm/LogoWords.js.map +1 -0
- package/dist/esm/SeasonProvider.js +39 -0
- package/dist/esm/SeasonProvider.js.map +1 -0
- package/dist/esm/ThemeTint.js +13 -0
- package/dist/esm/ThemeTint.js.map +1 -0
- package/dist/esm/index.js +8 -8
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/tints.js +93 -0
- package/dist/esm/tints.js.map +1 -0
- package/dist/esm/useTint.js +83 -0
- package/dist/esm/useTint.js.map +1 -0
- package/package.json +29 -25
- package/src/GuiLogo.tsx +2 -2
- package/src/LogoIcon.tsx +1 -1
- package/src/LogoWords.tsx +1 -1
- package/src/SeasonProvider.tsx +1 -1
- package/src/ThemeTint.tsx +1 -1
- package/src/index.tsx +7 -7
- package/src/useTint.tsx +1 -1
- package/types/GuiLogo.d.ts +7 -8
- package/types/GuiLogo.d.ts.map +1 -11
- package/types/GuiLogoSvg.d.ts +12 -13
- package/types/GuiLogoSvg.d.ts.map +1 -11
- package/types/LogoIcon.d.ts +4 -5
- package/types/LogoIcon.d.ts.map +1 -11
- package/types/LogoWords.d.ts +5 -6
- package/types/LogoWords.d.ts.map +1 -11
- package/types/SeasonProvider.d.ts +3 -4
- package/types/SeasonProvider.d.ts.map +1 -11
- package/types/ThemeTint.d.ts +5 -6
- package/types/ThemeTint.d.ts.map +1 -11
- package/types/index.d.ts +7 -8
- package/types/index.d.ts.map +1 -11
- package/types/tints.d.ts +17 -16
- package/types/tints.d.ts.map +1 -11
- package/types/useTint.d.ts +22 -23
- package/types/useTint.d.ts.map +1 -11
- package/dist/cjs/GuiLogo.cjs +0 -59
- package/dist/cjs/GuiLogo.native.js +0 -63
- package/dist/cjs/GuiLogo.native.js.map +0 -1
- package/dist/cjs/GuiLogoSvg.cjs +0 -42
- package/dist/cjs/GuiLogoSvg.native.js +0 -50
- package/dist/cjs/GuiLogoSvg.native.js.map +0 -1
- package/dist/cjs/LogoIcon.cjs +0 -51
- package/dist/cjs/LogoIcon.native.js +0 -55
- package/dist/cjs/LogoIcon.native.js.map +0 -1
- package/dist/cjs/LogoWords.cjs +0 -130
- package/dist/cjs/LogoWords.native.js +0 -139
- package/dist/cjs/LogoWords.native.js.map +0 -1
- package/dist/cjs/SeasonProvider.cjs +0 -46
- package/dist/cjs/SeasonProvider.native.js +0 -57
- package/dist/cjs/SeasonProvider.native.js.map +0 -1
- package/dist/cjs/ThemeTint.cjs +0 -57
- package/dist/cjs/ThemeTint.native.js +0 -62
- package/dist/cjs/ThemeTint.native.js.map +0 -1
- package/dist/cjs/index.cjs +0 -26
- package/dist/cjs/index.native.js +0 -29
- package/dist/cjs/index.native.js.map +0 -1
- package/dist/cjs/tints.cjs +0 -102
- package/dist/cjs/tints.native.js +0 -107
- package/dist/cjs/tints.native.js.map +0 -1
- package/dist/cjs/useTint.cjs +0 -116
- package/dist/cjs/useTint.native.js +0 -128
- package/dist/cjs/useTint.native.js.map +0 -1
- package/dist/esm/GuiLogo.mjs +0 -34
- package/dist/esm/GuiLogo.mjs.map +0 -1
- package/dist/esm/GuiLogo.native.js +0 -35
- package/dist/esm/GuiLogo.native.js.map +0 -1
- package/dist/esm/GuiLogoSvg.mjs +0 -17
- package/dist/esm/GuiLogoSvg.mjs.map +0 -1
- package/dist/esm/GuiLogoSvg.native.js +0 -22
- package/dist/esm/GuiLogoSvg.native.js.map +0 -1
- package/dist/esm/LogoIcon.mjs +0 -26
- package/dist/esm/LogoIcon.mjs.map +0 -1
- package/dist/esm/LogoIcon.native.js +0 -27
- package/dist/esm/LogoIcon.native.js.map +0 -1
- package/dist/esm/LogoWords.mjs +0 -94
- package/dist/esm/LogoWords.mjs.map +0 -1
- package/dist/esm/LogoWords.native.js +0 -100
- package/dist/esm/LogoWords.native.js.map +0 -1
- package/dist/esm/SeasonProvider.mjs +0 -21
- package/dist/esm/SeasonProvider.mjs.map +0 -1
- package/dist/esm/SeasonProvider.native.js +0 -29
- package/dist/esm/SeasonProvider.native.js.map +0 -1
- package/dist/esm/ThemeTint.mjs +0 -31
- package/dist/esm/ThemeTint.mjs.map +0 -1
- package/dist/esm/ThemeTint.native.js +0 -33
- package/dist/esm/ThemeTint.native.js.map +0 -1
- package/dist/esm/index.mjs +0 -8
- package/dist/esm/index.mjs.map +0 -1
- package/dist/esm/index.native.js +0 -8
- package/dist/esm/index.native.js.map +0 -1
- package/dist/esm/tints.mjs +0 -62
- package/dist/esm/tints.mjs.map +0 -1
- package/dist/esm/tints.native.js +0 -64
- package/dist/esm/tints.native.js.map +0 -1
- package/dist/esm/useTint.mjs +0 -74
- package/dist/esm/useTint.mjs.map +0 -1
- package/dist/esm/useTint.native.js +0 -83
- package/dist/esm/useTint.native.js.map +0 -1
- package/icon/index.js +0 -1
- package/icon/index.native.js +0 -1
- package/icon.cjs +0 -1
package/dist/cjs/useTint.cjs
DELETED
|
@@ -1,116 +0,0 @@
|
|
|
1
|
-
var __create = Object.create;
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
6
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
-
var __export = (target, all) => {
|
|
8
|
-
for (var name in all) __defProp(target, name, {
|
|
9
|
-
get: all[name],
|
|
10
|
-
enumerable: true
|
|
11
|
-
});
|
|
12
|
-
};
|
|
13
|
-
var __copyProps = (to, from, except, desc) => {
|
|
14
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
15
|
-
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
16
|
-
get: () => from[key],
|
|
17
|
-
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
18
|
-
});
|
|
19
|
-
}
|
|
20
|
-
return to;
|
|
21
|
-
};
|
|
22
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
23
|
-
// If the importer is in node compatibility mode or this is not an ESM
|
|
24
|
-
// file that has been converted to a CommonJS file using a Babel-
|
|
25
|
-
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
26
|
-
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
27
|
-
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
|
|
28
|
-
value: mod,
|
|
29
|
-
enumerable: true
|
|
30
|
-
}) : target, mod));
|
|
31
|
-
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
32
|
-
value: true
|
|
33
|
-
}), mod);
|
|
34
|
-
var useTint_exports = {};
|
|
35
|
-
__export(useTint_exports, {
|
|
36
|
-
InitialPathContext: () => InitialPathContext,
|
|
37
|
-
getDisableTintTheme: () => getDisableTintTheme,
|
|
38
|
-
getDocsSection: () => getDocsSection,
|
|
39
|
-
onTintChange: () => onTintChange,
|
|
40
|
-
setDisableTintTheme: () => setDisableTintTheme,
|
|
41
|
-
setTintIndex: () => setTintIndex,
|
|
42
|
-
useTint: () => useTint
|
|
43
|
-
});
|
|
44
|
-
module.exports = __toCommonJS(useTint_exports);
|
|
45
|
-
var import_react = __toESM(require("react"), 1);
|
|
46
|
-
var import_gui = require("@hanzo/gui");
|
|
47
|
-
var import_tints = require("./tints.cjs");
|
|
48
|
-
let current = 3;
|
|
49
|
-
let disableTintTheme = false;
|
|
50
|
-
const listeners = /* @__PURE__ */new Set();
|
|
51
|
-
const disableListeners = /* @__PURE__ */new Set();
|
|
52
|
-
const onTintChange = listener => {
|
|
53
|
-
listeners.add(listener);
|
|
54
|
-
return () => {
|
|
55
|
-
listeners.delete(listener);
|
|
56
|
-
};
|
|
57
|
-
};
|
|
58
|
-
const numTints = (0, import_tints.getTints)().tints.length;
|
|
59
|
-
const setTintIndex = next => {
|
|
60
|
-
const val = Math.max(0, next % numTints);
|
|
61
|
-
if (val === current) return;
|
|
62
|
-
current = val;
|
|
63
|
-
listeners.forEach(x => x(val));
|
|
64
|
-
};
|
|
65
|
-
const setDisableTintTheme = disable => {
|
|
66
|
-
if (disable === disableTintTheme) return;
|
|
67
|
-
disableTintTheme = disable;
|
|
68
|
-
disableListeners.forEach(x => x(disable));
|
|
69
|
-
};
|
|
70
|
-
const getDisableTintTheme = () => disableTintTheme;
|
|
71
|
-
function getDocsSection(pathname) {
|
|
72
|
-
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;
|
|
73
|
-
}
|
|
74
|
-
const InitialPathContext = (0, import_react.createContext)(3);
|
|
75
|
-
const useTint = (altOffset = -1) => {
|
|
76
|
-
const initial = (0, import_react.useContext)(InitialPathContext);
|
|
77
|
-
const didHydrate = (0, import_gui.useDidFinishSSR)();
|
|
78
|
-
const [index, setIndex] = (0, import_react.useState)(didHydrate ? current : initial);
|
|
79
|
-
const [disabled, setDisabled] = (0, import_react.useState)(disableTintTheme);
|
|
80
|
-
const tintsContext = (0, import_tints.useTints)();
|
|
81
|
-
const {
|
|
82
|
-
tints
|
|
83
|
-
} = tintsContext;
|
|
84
|
-
const tintAltIndex = Math.abs((index + altOffset) % tints.length);
|
|
85
|
-
(0, import_react.useEffect)(() => {
|
|
86
|
-
return onTintChange(cur => {
|
|
87
|
-
setIndex(cur);
|
|
88
|
-
});
|
|
89
|
-
}, []);
|
|
90
|
-
(0, import_react.useEffect)(() => {
|
|
91
|
-
const cb = val => setDisabled(val);
|
|
92
|
-
disableListeners.add(cb);
|
|
93
|
-
return () => {
|
|
94
|
-
disableListeners.delete(cb);
|
|
95
|
-
};
|
|
96
|
-
}, []);
|
|
97
|
-
const tint = disabled || index === 3 ? null : tints[index];
|
|
98
|
-
const tintAlt = disabled || tintAltIndex === 3 ? null : tints[tintAltIndex];
|
|
99
|
-
return {
|
|
100
|
-
...tintsContext,
|
|
101
|
-
tints: tintsContext.tints,
|
|
102
|
-
tintIndex: index,
|
|
103
|
-
tintAltIndex,
|
|
104
|
-
tint,
|
|
105
|
-
tintAlt,
|
|
106
|
-
setTintIndex,
|
|
107
|
-
setNextTintFamily: import_tints.setNextTintFamily,
|
|
108
|
-
setDisableTintTheme,
|
|
109
|
-
disableTintTheme: disabled,
|
|
110
|
-
setNextTint: () => {
|
|
111
|
-
import_react.default.startTransition(() => {
|
|
112
|
-
setTintIndex(index + 1);
|
|
113
|
-
});
|
|
114
|
-
}
|
|
115
|
-
};
|
|
116
|
-
};
|
|
@@ -1,128 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var __create = Object.create;
|
|
4
|
-
var __defProp = Object.defineProperty;
|
|
5
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
6
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
7
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
8
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
9
|
-
var __export = (target, all) => {
|
|
10
|
-
for (var name in all) __defProp(target, name, {
|
|
11
|
-
get: all[name],
|
|
12
|
-
enumerable: true
|
|
13
|
-
});
|
|
14
|
-
};
|
|
15
|
-
var __copyProps = (to, from, except, desc) => {
|
|
16
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
17
|
-
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
18
|
-
get: () => from[key],
|
|
19
|
-
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
20
|
-
});
|
|
21
|
-
}
|
|
22
|
-
return to;
|
|
23
|
-
};
|
|
24
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
25
|
-
// If the importer is in node compatibility mode or this is not an ESM
|
|
26
|
-
// file that has been converted to a CommonJS file using a Babel-
|
|
27
|
-
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
28
|
-
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
29
|
-
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
|
|
30
|
-
value: mod,
|
|
31
|
-
enumerable: true
|
|
32
|
-
}) : target, mod));
|
|
33
|
-
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
34
|
-
value: true
|
|
35
|
-
}), mod);
|
|
36
|
-
var useTint_exports = {};
|
|
37
|
-
__export(useTint_exports, {
|
|
38
|
-
InitialPathContext: () => InitialPathContext,
|
|
39
|
-
getDisableTintTheme: () => getDisableTintTheme,
|
|
40
|
-
getDocsSection: () => getDocsSection,
|
|
41
|
-
onTintChange: () => onTintChange,
|
|
42
|
-
setDisableTintTheme: () => setDisableTintTheme,
|
|
43
|
-
setTintIndex: () => setTintIndex,
|
|
44
|
-
useTint: () => useTint
|
|
45
|
-
});
|
|
46
|
-
module.exports = __toCommonJS(useTint_exports);
|
|
47
|
-
var import_react = __toESM(require("react"), 1);
|
|
48
|
-
var import_gui = require("@hanzo/gui");
|
|
49
|
-
var import_tints = require("./tints.native.js");
|
|
50
|
-
var current = 3;
|
|
51
|
-
var disableTintTheme = false;
|
|
52
|
-
var listeners = /* @__PURE__ */new Set();
|
|
53
|
-
var disableListeners = /* @__PURE__ */new Set();
|
|
54
|
-
var onTintChange = function (listener) {
|
|
55
|
-
listeners.add(listener);
|
|
56
|
-
return function () {
|
|
57
|
-
listeners.delete(listener);
|
|
58
|
-
};
|
|
59
|
-
};
|
|
60
|
-
var numTints = (0, import_tints.getTints)().tints.length;
|
|
61
|
-
var setTintIndex = function (next) {
|
|
62
|
-
var val = Math.max(0, next % numTints);
|
|
63
|
-
if (val === current) return;
|
|
64
|
-
current = val;
|
|
65
|
-
listeners.forEach(function (x) {
|
|
66
|
-
return x(val);
|
|
67
|
-
});
|
|
68
|
-
};
|
|
69
|
-
var setDisableTintTheme = function (disable) {
|
|
70
|
-
if (disable === disableTintTheme) return;
|
|
71
|
-
disableTintTheme = disable;
|
|
72
|
-
disableListeners.forEach(function (x) {
|
|
73
|
-
return x(disable);
|
|
74
|
-
});
|
|
75
|
-
};
|
|
76
|
-
var getDisableTintTheme = function () {
|
|
77
|
-
return disableTintTheme;
|
|
78
|
-
};
|
|
79
|
-
function getDocsSection(pathname) {
|
|
80
|
-
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;
|
|
81
|
-
}
|
|
82
|
-
var InitialPathContext = /* @__PURE__ */(0, import_react.createContext)(3);
|
|
83
|
-
var useTint = function () {
|
|
84
|
-
var altOffset = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : -1;
|
|
85
|
-
var initial = (0, import_react.useContext)(InitialPathContext);
|
|
86
|
-
var didHydrate = (0, import_gui.useDidFinishSSR)();
|
|
87
|
-
var [index, setIndex] = (0, import_react.useState)(didHydrate ? current : initial);
|
|
88
|
-
var [disabled, setDisabled] = (0, import_react.useState)(disableTintTheme);
|
|
89
|
-
var tintsContext = (0, import_tints.useTints)();
|
|
90
|
-
var {
|
|
91
|
-
tints
|
|
92
|
-
} = tintsContext;
|
|
93
|
-
var tintAltIndex = Math.abs((index + altOffset) % tints.length);
|
|
94
|
-
(0, import_react.useEffect)(function () {
|
|
95
|
-
return onTintChange(function (cur) {
|
|
96
|
-
setIndex(cur);
|
|
97
|
-
});
|
|
98
|
-
}, []);
|
|
99
|
-
(0, import_react.useEffect)(function () {
|
|
100
|
-
var cb = function (val) {
|
|
101
|
-
return setDisabled(val);
|
|
102
|
-
};
|
|
103
|
-
disableListeners.add(cb);
|
|
104
|
-
return function () {
|
|
105
|
-
disableListeners.delete(cb);
|
|
106
|
-
};
|
|
107
|
-
}, []);
|
|
108
|
-
var tint = disabled || index === 3 ? null : tints[index];
|
|
109
|
-
var tintAlt = disabled || tintAltIndex === 3 ? null : tints[tintAltIndex];
|
|
110
|
-
return {
|
|
111
|
-
...tintsContext,
|
|
112
|
-
tints: tintsContext.tints,
|
|
113
|
-
tintIndex: index,
|
|
114
|
-
tintAltIndex,
|
|
115
|
-
tint,
|
|
116
|
-
tintAlt,
|
|
117
|
-
setTintIndex,
|
|
118
|
-
setNextTintFamily: import_tints.setNextTintFamily,
|
|
119
|
-
setDisableTintTheme,
|
|
120
|
-
disableTintTheme: disabled,
|
|
121
|
-
setNextTint: function () {
|
|
122
|
-
import_react.default.startTransition(function () {
|
|
123
|
-
setTintIndex(index + 1);
|
|
124
|
-
});
|
|
125
|
-
}
|
|
126
|
-
};
|
|
127
|
-
};
|
|
128
|
-
//# sourceMappingURL=useTint.native.js.map
|
|
@@ -1 +0,0 @@
|
|
|
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_gui","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
DELETED
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
import { XStack, YStack } from "@hanzo/gui";
|
|
2
|
-
import { LogoIcon } from "./LogoIcon.mjs";
|
|
3
|
-
import { LogoWords } from "./LogoWords.mjs";
|
|
4
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
5
|
-
const GuiLogo = ({
|
|
6
|
-
showWords,
|
|
7
|
-
downscale,
|
|
8
|
-
animated,
|
|
9
|
-
color,
|
|
10
|
-
ref,
|
|
11
|
-
...props
|
|
12
|
-
}) => {
|
|
13
|
-
return /* @__PURE__ */jsxs(XStack, {
|
|
14
|
-
render: "span",
|
|
15
|
-
ref,
|
|
16
|
-
alignItems: "center",
|
|
17
|
-
justifyContent: "center",
|
|
18
|
-
gap: "$5",
|
|
19
|
-
...props,
|
|
20
|
-
children: [/* @__PURE__ */jsx(LogoIcon, {
|
|
21
|
-
downscale: (downscale ?? 1) * (showWords ? 2 : 1.5),
|
|
22
|
-
color
|
|
23
|
-
}), showWords && /* @__PURE__ */jsx(YStack, {
|
|
24
|
-
render: "span",
|
|
25
|
-
marginBottom: -4,
|
|
26
|
-
children: /* @__PURE__ */jsx(LogoWords, {
|
|
27
|
-
animated,
|
|
28
|
-
downscale: downscale ?? 2
|
|
29
|
-
})
|
|
30
|
-
})]
|
|
31
|
-
});
|
|
32
|
-
};
|
|
33
|
-
export { GuiLogo };
|
|
34
|
-
//# sourceMappingURL=GuiLogo.mjs.map
|
package/dist/esm/GuiLogo.mjs.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["XStack","YStack","LogoIcon","LogoWords","jsx","jsxs","GuiLogo","showWords","downscale","animated","color","ref","props","render","alignItems","justifyContent","gap","children","marginBottom"],"sources":["../../src/GuiLogo.tsx"],"sourcesContent":[null],"mappings":"AAEA,SAASA,MAAA,EAAQC,MAAA,QAAc;AAC/B,SAASC,QAAA,QAAgB;AACzB,SAASC,SAAA,QAAiB;AAmBtB,SAQEC,GAAA,EARFC,IAAA;AATG,MAAMC,OAAA,GAAUA,CAAC;EACtBC,SAAA;EACAC,SAAA;EACAC,QAAA;EACAC,KAAA;EACAC,GAAA;EACA,GAAGC;AACL,MAA8B;EAC5B,OACE,eAAAP,IAAA,CAACL,MAAA;IACCa,MAAA,EAAO;IACPF,GAAA;IACAG,UAAA,EAAW;IACXC,cAAA,EAAe;IACfC,GAAA,EAAI;IACH,GAAGJ,KAAA;IAEJK,QAAA,kBAAAb,GAAA,CAACF,QAAA;MAASM,SAAA,GAAYA,SAAA,IAAa,MAAMD,SAAA,GAAY,IAAI;MAAMG;IAAA,CAAc,GAC5EH,SAAA,IACC,eAAAH,GAAA,CAACH,MAAA;MAAOY,MAAA,EAAO;MAAOK,YAAA,EAAc;MAClCD,QAAA,iBAAAb,GAAA,CAACD,SAAA;QAAUM,QAAA;QAAoBD,SAAA,EAAWA,SAAA,IAAa;MAAA,CAAG;IAAA,CAC5D;EAAA,CAEJ;AAEJ","ignoreList":[]}
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { XStack, YStack } from "@hanzo/gui";
|
|
3
|
-
import { LogoIcon } from "./LogoIcon.native.js";
|
|
4
|
-
import { LogoWords } from "./LogoWords.native.js";
|
|
5
|
-
var GuiLogo = function (param) {
|
|
6
|
-
var {
|
|
7
|
-
showWords,
|
|
8
|
-
downscale,
|
|
9
|
-
animated,
|
|
10
|
-
color,
|
|
11
|
-
ref,
|
|
12
|
-
...props
|
|
13
|
-
} = param;
|
|
14
|
-
return /* @__PURE__ */_jsxs(XStack, {
|
|
15
|
-
render: "span",
|
|
16
|
-
ref,
|
|
17
|
-
alignItems: "center",
|
|
18
|
-
justifyContent: "center",
|
|
19
|
-
gap: "$5",
|
|
20
|
-
...props,
|
|
21
|
-
children: [/* @__PURE__ */_jsx(LogoIcon, {
|
|
22
|
-
downscale: (downscale !== null && downscale !== void 0 ? downscale : 1) * (showWords ? 2 : 1.5),
|
|
23
|
-
color
|
|
24
|
-
}), showWords && /* @__PURE__ */_jsx(YStack, {
|
|
25
|
-
render: "span",
|
|
26
|
-
marginBottom: -4,
|
|
27
|
-
children: /* @__PURE__ */_jsx(LogoWords, {
|
|
28
|
-
animated,
|
|
29
|
-
downscale: downscale !== null && downscale !== void 0 ? downscale : 2
|
|
30
|
-
})
|
|
31
|
-
})]
|
|
32
|
-
});
|
|
33
|
-
};
|
|
34
|
-
export { GuiLogo };
|
|
35
|
-
//# sourceMappingURL=GuiLogo.native.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","XStack","YStack","LogoIcon","LogoWords","GuiLogo","param","showWords","downscale","animated","color","ref","props","render","alignItems","justifyContent","gap","children","marginBottom"],"sources":["../../src/GuiLogo.tsx"],"sourcesContent":[null],"mappings":"AAEA,SAASA,GAAA,IAAAC,IAAQ,EAAAC,IAAA,IAAAC,KAAc;AAC/B,SAASC,MAAA,EAAAC,MAAA,QAAgB;AACzB,SAASC,QAAA,8BAAiB;AAmBtB,SAQEC,SARF;AATG,IAAAC,OAAM,YAAAA,CAAWC,KAAA;EACtB;IAAAC,SAAA;IAAAC,SAAA;IAAAC,QAAA;IAAAC,KAAA;IAAAC,GAAA;IAAA,GAAAC;EAAA,IAAAN,KAAA;EACA,sBAAAN,KAAA,CAAAC,MAAA;IACAY,MAAA;IACAF,GAAA;IACAG,UAAA;IACAC,cAAG;IACLC,GAA8B;IAC5B,GAAAJ,KACE;IAACK,QAAA,kBAAAnB,IAAA,CAAAK,QAAA;MACCK,SAAO,GAAAA,SAAA,aAAAA,SAAA,cAAAA,SAAA,SAAAD,SAAA;MACPG;IACA,IACAH,SAAA,mBAAeT,IAAA,CAAAI,MAAA;MACfW,MAAI;MACHK,YAAG;MAEJD,QAAA,iBAAAnB,IAAA,CAAAM,SAAA;QAAAK,QAAA;QACCD,SAAA,EACCA,SAAA,aAACA,SAAO,UAAO,IAAAA,SAAO;MAEtB;IAAA;EAIR","ignoreList":[]}
|
package/dist/esm/GuiLogoSvg.mjs
DELETED
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import { MARK_BLOCKS } from "@hanzo/logo/logos";
|
|
2
|
-
import { jsx } from "react/jsx-runtime";
|
|
3
|
-
const GuiIconSvg = ({
|
|
4
|
-
color = "currentColor",
|
|
5
|
-
...props
|
|
6
|
-
}) => /* @__PURE__ */jsx("svg", {
|
|
7
|
-
viewBox: "0 0 67 67",
|
|
8
|
-
width: "67px",
|
|
9
|
-
height: "67px",
|
|
10
|
-
...props,
|
|
11
|
-
children: MARK_BLOCKS.map(d => /* @__PURE__ */jsx("path", {
|
|
12
|
-
d,
|
|
13
|
-
fill: color
|
|
14
|
-
}, d))
|
|
15
|
-
});
|
|
16
|
-
export { GuiIconSvg };
|
|
17
|
-
//# sourceMappingURL=GuiLogoSvg.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["MARK_BLOCKS","jsx","GuiIconSvg","color","props","viewBox","width","height","children","map","d","fill"],"sources":["../../src/GuiLogoSvg.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,WAAA,QAAmB;AAuBtB,SAAAC,GAAA;AANC,MAAMC,UAAA,GAAaA,CAAC;EACzBC,KAAA,GAAQ;EACR,GAAGC;AACL,MACE,eAAAH,GAAA,CAAC;EAAII,OAAA,EAAQ;EAAYC,KAAA,EAAM;EAAOC,MAAA,EAAO;EAAQ,GAAGH,KAAA;EACrDI,QAAA,EAAAR,WAAA,CAAYS,GAAA,CAAKC,CAAA,IAChB,eAAAT,GAAA,CAAC;IAAaS,CAAA;IAAMC,IAAA,EAAMR;EAAA,GAAfO,CAAsB,CAClC;AAAA,CACH","ignoreList":[]}
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { MARK_BLOCKS } from "@hanzo/logo/logos";
|
|
3
|
-
var GuiIconSvg = function (param) {
|
|
4
|
-
var {
|
|
5
|
-
color = "currentColor",
|
|
6
|
-
...props
|
|
7
|
-
} = param;
|
|
8
|
-
return /* @__PURE__ */_jsx("svg", {
|
|
9
|
-
viewBox: "0 0 67 67",
|
|
10
|
-
width: "67px",
|
|
11
|
-
height: "67px",
|
|
12
|
-
...props,
|
|
13
|
-
children: MARK_BLOCKS.map(function (d) {
|
|
14
|
-
return /* @__PURE__ */_jsx("path", {
|
|
15
|
-
d,
|
|
16
|
-
fill: color
|
|
17
|
-
}, d);
|
|
18
|
-
})
|
|
19
|
-
});
|
|
20
|
-
};
|
|
21
|
-
export { GuiIconSvg };
|
|
22
|
-
//# sourceMappingURL=GuiLogoSvg.native.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["jsx","_jsx","MARK_BLOCKS","GuiIconSvg","param","color","props","viewBox"],"sources":["../../src/GuiLogoSvg.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,GAAA,IAAAC,IAAA,QAAmB;AAuBtB,SAAAC,WAAA;AANC,IAAAC,UAAM,YAAAA,CAAcC,KAAA;EACzB;IAAAC,KAAQ;IAAA,GAAAC;EAAA,IAAAF,KAAA;EACR,OAAG,eAAAH,IAAA;IACLM,OACE","ignoreList":[]}
|
package/dist/esm/LogoIcon.mjs
DELETED
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import { YStack } from "@hanzo/gui";
|
|
2
|
-
import { GuiIconSvg } from "./GuiLogoSvg.mjs";
|
|
3
|
-
import { jsx } from "react/jsx-runtime";
|
|
4
|
-
const LogoIcon = ({
|
|
5
|
-
downscale = 2,
|
|
6
|
-
color
|
|
7
|
-
}) => {
|
|
8
|
-
return /* @__PURE__ */jsx(YStack, {
|
|
9
|
-
render: "span",
|
|
10
|
-
className: "unselectable",
|
|
11
|
-
alignSelf: "center",
|
|
12
|
-
marginVertical: -10,
|
|
13
|
-
pressStyle: {
|
|
14
|
-
opacity: 0.7,
|
|
15
|
-
scaleX: -1
|
|
16
|
-
},
|
|
17
|
-
children: /* @__PURE__ */jsx(GuiIconSvg, {
|
|
18
|
-
className: "hanzogui-icon",
|
|
19
|
-
width: 440 / 8 / downscale,
|
|
20
|
-
height: 440 / 8 / downscale,
|
|
21
|
-
color
|
|
22
|
-
})
|
|
23
|
-
});
|
|
24
|
-
};
|
|
25
|
-
export { LogoIcon };
|
|
26
|
-
//# sourceMappingURL=LogoIcon.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["YStack","GuiIconSvg","jsx","LogoIcon","downscale","color","render","className","alignSelf","marginVertical","pressStyle","opacity","scaleX","children","width","height"],"sources":["../../src/LogoIcon.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,MAAA,QAAc;AACvB,SAASC,UAAA,QAAkB;AAqBrB,SAAAC,GAAA;AAlBC,MAAMC,QAAA,GAAWA,CAAC;EACvBC,SAAA,GAAY;EACZC;AACF,MAGmB;EACjB,OACE,eAAAH,GAAA,CAACF,MAAA;IACCM,MAAA,EAAO;IACPC,SAAA,EAAU;IACVC,SAAA,EAAU;IACVC,cAAA,EAAgB;IAChBC,UAAA,EAAY;MACVC,OAAA,EAAS;MACTC,MAAA,EAAQ;IACV;IAEAC,QAAA,iBAAAX,GAAA,CAACD,UAAA;MACCM,SAAA,EAAU;MACVO,KAAA,EAAO,MAAM,IAAIV,SAAA;MACjBW,MAAA,EAAQ,MAAM,IAAIX,SAAA;MAClBC;IAAA,CACF;EAAA,CACF;AAEJ","ignoreList":[]}
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { YStack } from "@hanzo/gui";
|
|
3
|
-
import { GuiIconSvg } from "./GuiLogoSvg.native.js";
|
|
4
|
-
var LogoIcon = function (param) {
|
|
5
|
-
var {
|
|
6
|
-
downscale = 2,
|
|
7
|
-
color
|
|
8
|
-
} = param;
|
|
9
|
-
return /* @__PURE__ */_jsx(YStack, {
|
|
10
|
-
render: "span",
|
|
11
|
-
className: "unselectable",
|
|
12
|
-
alignSelf: "center",
|
|
13
|
-
marginVertical: -10,
|
|
14
|
-
pressStyle: {
|
|
15
|
-
opacity: 0.7,
|
|
16
|
-
scaleX: -1
|
|
17
|
-
},
|
|
18
|
-
children: /* @__PURE__ */_jsx(GuiIconSvg, {
|
|
19
|
-
className: "hanzogui-icon",
|
|
20
|
-
width: 440 / 8 / downscale,
|
|
21
|
-
height: 440 / 8 / downscale,
|
|
22
|
-
color
|
|
23
|
-
})
|
|
24
|
-
});
|
|
25
|
-
};
|
|
26
|
-
export { LogoIcon };
|
|
27
|
-
//# sourceMappingURL=LogoIcon.native.js.map
|
|
@@ -1 +0,0 @@
|
|
|
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,oBAAkB;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
DELETED
|
@@ -1,94 +0,0 @@
|
|
|
1
|
-
import React, { useEffect, useState } from "react";
|
|
2
|
-
import { Circle, XStack } from "@hanzo/gui";
|
|
3
|
-
import { WORDMARKS } from "@hanzo/logo/wordmarks";
|
|
4
|
-
import { useTint } from "./useTint.mjs";
|
|
5
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
6
|
-
const WORDMARK = WORDMARKS["Hanzo"];
|
|
7
|
-
const [WM_X, WM_Y, WM_W, WM_H] = WORDMARK.box;
|
|
8
|
-
const LogoWords = React.memo(({
|
|
9
|
-
downscale = 1,
|
|
10
|
-
animated,
|
|
11
|
-
...props
|
|
12
|
-
}) => {
|
|
13
|
-
const Tint = useTint();
|
|
14
|
-
const [hovered, setHovered] = React.useState(false);
|
|
15
|
-
const [mounted, setMounted] = React.useState("start");
|
|
16
|
-
const {
|
|
17
|
-
tintIndex: index
|
|
18
|
-
} = Tint;
|
|
19
|
-
const sections = Tint.tints.length;
|
|
20
|
-
useEffect(() => {
|
|
21
|
-
const idle = window.requestIdleCallback || setTimeout;
|
|
22
|
-
idle(() => {
|
|
23
|
-
setTimeout(() => {
|
|
24
|
-
setMounted("animate");
|
|
25
|
-
}, 50);
|
|
26
|
-
setTimeout(() => {
|
|
27
|
-
setMounted("done");
|
|
28
|
-
}, 1500);
|
|
29
|
-
});
|
|
30
|
-
}, []);
|
|
31
|
-
useEffect(() => {
|
|
32
|
-
const handleKeyDown = event => {
|
|
33
|
-
const i = Number.parseInt(event.key, 10) - 1;
|
|
34
|
-
if (!Number.isNaN(i) && i >= 0 && i < Tint.tints.length) {
|
|
35
|
-
Tint.setTintIndex(i);
|
|
36
|
-
}
|
|
37
|
-
};
|
|
38
|
-
window.addEventListener("keydown", handleKeyDown);
|
|
39
|
-
return () => {
|
|
40
|
-
window.removeEventListener("keydown", handleKeyDown);
|
|
41
|
-
};
|
|
42
|
-
}, [Tint]);
|
|
43
|
-
const [layout, setLayout] = useState();
|
|
44
|
-
const fill = hovered ? `var(--${Tint.tints[index]}9)` : "var(--color12)";
|
|
45
|
-
const width = 373 * (1 / downscale) * 0.3333333;
|
|
46
|
-
const height = width * WM_H / WM_W;
|
|
47
|
-
const dotX = Math.round(width / sections * (index + 0.5));
|
|
48
|
-
return /* @__PURE__ */jsxs(XStack, {
|
|
49
|
-
onMouseEnter: () => setHovered(true),
|
|
50
|
-
onMouseLeave: () => setHovered(false),
|
|
51
|
-
paddingVertical: "$2",
|
|
52
|
-
"data-tauri-drag-region": true,
|
|
53
|
-
marginVertical: "$-2",
|
|
54
|
-
position: "relative",
|
|
55
|
-
className: "logo-words",
|
|
56
|
-
onLayout: e => {
|
|
57
|
-
setLayout(e.nativeEvent.layout);
|
|
58
|
-
},
|
|
59
|
-
onMouseMove: e => {
|
|
60
|
-
if (!layout) return;
|
|
61
|
-
const x = e.clientX - layout.pageX;
|
|
62
|
-
const sectionWidth = layout.width / sections;
|
|
63
|
-
const section = Math.min(sections - 1, Math.max(0, Math.floor(x / sectionWidth)));
|
|
64
|
-
Tint.setTintIndex(section);
|
|
65
|
-
},
|
|
66
|
-
...props,
|
|
67
|
-
children: [animated && /* @__PURE__ */jsx(Circle, {
|
|
68
|
-
transition: "medium",
|
|
69
|
-
position: "absolute",
|
|
70
|
-
top: 0,
|
|
71
|
-
left: 0,
|
|
72
|
-
y: mounted === "start" ? -30 : -4,
|
|
73
|
-
x: dotX,
|
|
74
|
-
size: 4,
|
|
75
|
-
backgroundColor: "$color12"
|
|
76
|
-
}), /* @__PURE__ */jsx("svg", {
|
|
77
|
-
"data-tauri-drag-region": true,
|
|
78
|
-
role: "img",
|
|
79
|
-
"aria-label": "Hanzo",
|
|
80
|
-
width,
|
|
81
|
-
height,
|
|
82
|
-
viewBox: `${WM_X} ${-WM_Y - WM_H} ${WM_W} ${WM_H}`,
|
|
83
|
-
children: /* @__PURE__ */jsx("g", {
|
|
84
|
-
transform: "scale(1,-1)",
|
|
85
|
-
children: /* @__PURE__ */jsx("path", {
|
|
86
|
-
d: WORDMARK.d,
|
|
87
|
-
fill
|
|
88
|
-
})
|
|
89
|
-
})
|
|
90
|
-
})]
|
|
91
|
-
});
|
|
92
|
-
});
|
|
93
|
-
export { LogoWords };
|
|
94
|
-
//# sourceMappingURL=LogoWords.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["React","useEffect","useState","Circle","XStack","WORDMARKS","useTint","jsx","jsxs","WORDMARK","WM_X","WM_Y","WM_W","WM_H","box","LogoWords","memo","downscale","animated","props","Tint","hovered","setHovered","mounted","setMounted","tintIndex","index","sections","tints","length","idle","window","requestIdleCallback","setTimeout","handleKeyDown","event","i","Number","parseInt","key","isNaN","setTintIndex","addEventListener","removeEventListener","layout","setLayout","fill","width","height","dotX","Math","round","onMouseEnter","onMouseLeave","paddingVertical","marginVertical","position","className","onLayout","e","nativeEvent","onMouseMove","x","clientX","pageX","sectionWidth","section","min","max","floor","children","transition","top","left","y","size","backgroundColor","role","viewBox","transform","d"],"sources":["../../src/LogoWords.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -1,100 +0,0 @@
|
|
|
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 { WORDMARKS } from "@hanzo/logo/wordmarks";
|
|
5
|
-
import { useTint } from "./useTint.native.js";
|
|
6
|
-
var WORDMARK = WORDMARKS["Hanzo"];
|
|
7
|
-
var [WM_X, WM_Y, WM_W, WM_H] = WORDMARK.box;
|
|
8
|
-
var LogoWords = /* @__PURE__ */React.memo(function (param) {
|
|
9
|
-
var {
|
|
10
|
-
downscale = 1,
|
|
11
|
-
animated,
|
|
12
|
-
...props
|
|
13
|
-
} = param;
|
|
14
|
-
var Tint = useTint();
|
|
15
|
-
var [hovered, setHovered] = React.useState(false);
|
|
16
|
-
var [mounted, setMounted] = React.useState("start");
|
|
17
|
-
var {
|
|
18
|
-
tintIndex: index
|
|
19
|
-
} = Tint;
|
|
20
|
-
var sections = Tint.tints.length;
|
|
21
|
-
useEffect(function () {
|
|
22
|
-
var idle = window.requestIdleCallback || setTimeout;
|
|
23
|
-
idle(function () {
|
|
24
|
-
setTimeout(function () {
|
|
25
|
-
setMounted("animate");
|
|
26
|
-
}, 50);
|
|
27
|
-
setTimeout(function () {
|
|
28
|
-
setMounted("done");
|
|
29
|
-
}, 1500);
|
|
30
|
-
});
|
|
31
|
-
}, []);
|
|
32
|
-
useEffect(function () {
|
|
33
|
-
var handleKeyDown = function (event) {
|
|
34
|
-
var i = Number.parseInt(event.key, 10) - 1;
|
|
35
|
-
if (!Number.isNaN(i) && i >= 0 && i < Tint.tints.length) {
|
|
36
|
-
Tint.setTintIndex(i);
|
|
37
|
-
}
|
|
38
|
-
};
|
|
39
|
-
window.addEventListener("keydown", handleKeyDown);
|
|
40
|
-
return function () {
|
|
41
|
-
window.removeEventListener("keydown", handleKeyDown);
|
|
42
|
-
};
|
|
43
|
-
}, [Tint]);
|
|
44
|
-
var [layout, setLayout] = useState();
|
|
45
|
-
var fill = hovered ? `var(--${Tint.tints[index]}9)` : "var(--color12)";
|
|
46
|
-
var width = 373 * (1 / downscale) * 0.3333333;
|
|
47
|
-
var height = width * WM_H / WM_W;
|
|
48
|
-
var dotX = Math.round(width / sections * (index + 0.5));
|
|
49
|
-
return /* @__PURE__ */_jsxs(XStack, {
|
|
50
|
-
onMouseEnter: function () {
|
|
51
|
-
return setHovered(true);
|
|
52
|
-
},
|
|
53
|
-
onMouseLeave: function () {
|
|
54
|
-
return setHovered(false);
|
|
55
|
-
},
|
|
56
|
-
paddingVertical: "$2",
|
|
57
|
-
"data-tauri-drag-region": true,
|
|
58
|
-
marginVertical: "$-2",
|
|
59
|
-
position: "relative",
|
|
60
|
-
className: "logo-words",
|
|
61
|
-
onLayout: function (e) {
|
|
62
|
-
setLayout(e.nativeEvent.layout);
|
|
63
|
-
},
|
|
64
|
-
// @ts-ignore
|
|
65
|
-
onMouseMove: function (e) {
|
|
66
|
-
if (!layout) return;
|
|
67
|
-
var x = e.clientX - layout.pageX;
|
|
68
|
-
var sectionWidth = layout.width / sections;
|
|
69
|
-
var section = Math.min(sections - 1, Math.max(0, Math.floor(x / sectionWidth)));
|
|
70
|
-
Tint.setTintIndex(section);
|
|
71
|
-
},
|
|
72
|
-
...props,
|
|
73
|
-
children: [animated && /* @__PURE__ */_jsx(Circle, {
|
|
74
|
-
transition: "medium",
|
|
75
|
-
position: "absolute",
|
|
76
|
-
top: 0,
|
|
77
|
-
left: 0,
|
|
78
|
-
y: mounted === "start" ? -30 : -4,
|
|
79
|
-
x: dotX,
|
|
80
|
-
size: 4,
|
|
81
|
-
backgroundColor: "$color12"
|
|
82
|
-
}), /* @__PURE__ */_jsx("svg", {
|
|
83
|
-
"data-tauri-drag-region": true,
|
|
84
|
-
role: "img",
|
|
85
|
-
"aria-label": "Hanzo",
|
|
86
|
-
width,
|
|
87
|
-
height,
|
|
88
|
-
viewBox: `${WM_X} ${-WM_Y - WM_H} ${WM_W} ${WM_H}`,
|
|
89
|
-
children: /* @__PURE__ */_jsx("g", {
|
|
90
|
-
transform: "scale(1,-1)",
|
|
91
|
-
children: /* @__PURE__ */_jsx("path", {
|
|
92
|
-
d: WORDMARK.d,
|
|
93
|
-
fill
|
|
94
|
-
})
|
|
95
|
-
})
|
|
96
|
-
})]
|
|
97
|
-
});
|
|
98
|
-
});
|
|
99
|
-
export { LogoWords };
|
|
100
|
-
//# sourceMappingURL=LogoWords.native.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","React","useEffect","useState","Circle","XStack","WORDMARKS","useTint","WORDMARK","WM_X","WM_Y","WM_W","WM_H","box","LogoWords","memo","param","downscale","animated","props","Tint","hovered","setHovered","mounted","setMounted","tintIndex","index","sections","tints","length","idle","window","requestIdleCallback","setTimeout","handleKeyDown","event","i","Number","parseInt","key","isNaN","setTintIndex","addEventListener","removeEventListener","layout","setLayout","fill","width","height","dotX","Math","round","onMouseEnter","onMouseLeave","paddingVertical","marginVertical","position","className","onLayout","e","nativeEvent","onMouseMove","x","clientX","pageX","sectionWidth","section","min","max","floor","children","transition","top","left","y","size","backgroundColor","role","viewBox","transform","d"],"sources":["../../src/LogoWords.tsx"],"sourcesContent":[null],"mappings":"AACA,SAAOA,GAAA,IAASC,IAAA,EAAAC,IAAA,IAAWC,KAAA,QAAgB;AAE3C,OAAAC,KAAS,IAAAC,SAAQ,EAAAC,QAAc;AAC/B,SAASC,MAAA,EAAAC,MAAA,QAAiB;AAC1B,SAASC,SAAA,QAAe;AAgFpB,SAsBIC,OAtBJ;AA5DJ,IAAAC,QAAM,GAAAF,SAAW,QAAU;AAC3B,KAAAG,IAAO,EAAAC,IAAM,EAAAC,IAAM,EAAAC,IAAM,IAAIJ,QAAI,CAAAK,GAAS;AAEnC,IAAAC,SAAM,kBASKb,KAAA,CAAAc,IAAA,WAAeC,KAAU;EACzC;IAAMC,SAAO;IAAQC,QAAA;IAAA,GAAAC;EAAA,IAAAH,KAAA;EACrB,IAAAI,IAAO,GAAAb,OAAS;EAChB,KAAAc,OAAO,EAAAC,UAAS,IAAUrB,KAAI,CAAAE,QAAM,MAAuC;EAE3E,KAAAoB,OAAQ,EAAAC,UAAW,CAAM,GAAAvB,KAAI,CAAAE,QAAA;EAC7B;IAAMsB,SAAA,EAAWC;EAAK,IAAAN,IAAM;EAE5B,IAAAO,QAAU,GAAAP,IAAM,CAAAQ,KAAA,CAAAC,MAAA;EACd3B,SAAM,aAAO;IACb,IAAA4B,IAAK,GAAMC,MAAA,CAAAC,mBAAA,IAAAC,UAAA;IACTH,IAAA,aAAW;MACTG,UAAA,aAAoB;QACtBT,UAAK;MAEL;MACES,UAAA,aAAiB;QACnBT,UAAO;MACR;IACH,CAAG,CAAC;EAEJ;EACEtB,SAAM;IACJ,IAAAgC,aAAU,GAAO,SAAAA,CAASC,KAAM;MAChC,IAAIC,CAAC,GAAAC,MAAO,CAAAC,QAAO,CAAKH,KAAK,CAAAI,GAAA,EAAK,GAAI;MACpC,KAAAF,MAAK,CAAAG,KAAA,CAAAJ,CAAA,CAAa,IAACA,CAAA,SAAAA,CAAA,GAAAhB,IAAA,CAAAQ,KAAA,CAAAC,MAAA;QACrBT,IAAA,CAAAqB,YAAA,CAAAL,CAAA;MACF;IAEA;IAEAL,MAAA,CAAOW,gBAAM,YAAAR,aAAA;IACX,mBAAO;MACTH,MAAA,CAAAY,mBAAA,YAAAT,aAAA;IACF,CAAG;EAEH,IAIAd,IAAM,CAEN;EACA,KAAAwB,MAAM,EAAAC,SAAU,CAAQ,GAAA1C,QAAQ;EAEhC,IAAA2C,IAAM,GAAAzB,OAAY,YAAOD,IAAQ,CAAAQ,KAAA,CAAAF,KAAa,QAAQ,gBAAI;EAE1D,IAAAqB,KACE,cAAA9B,SAAA;EAAA,IAAC+B,MAAA,GAAAD,KAAA,GAAAnC,IAAA,GAAAD,IAAA;EAAA,IAAAsC,IAAA,GAAAC,IAAA,CAAAC,KAAA,CAAAJ,KAAA,GAAApB,QAAA,IAAAD,KAAA;EAAA,OACC,eAAc1B,KAAM,CAAAK,MAAW;IAAI+C,YACnC,WAAAA,CAAA,EAAoB;MACpB,OAAA9B,UAAgB;IAAA;IACM+B,YACtB,WAAAA,CAAA,EAAe;MACf,OAAA/B,UAAS;IAAA;IACCgC,eACC,MAAM;IACf,wBAAY,MAAY;IAAaC,cACvC;IAAAC,QAEA,YAAc;IACZC,SAAK,cAAQ;IACbC,QAAA,EAAM,SAAAA,CAAMC,CAAA;MACZd,SAAM,CAAAc,CAAA,CAAAC,WAAe,CAAAhB,MAAO;IAC5B;IACA;IAAyBiB,WAC3B,WAAAA,CAAAF,CAAA;MACC,IAAG,CAAAf,MAAA;MAEH,IAAAkB,CAAA,GAAAH,CAAA,CAAAI,OAAA,GAAAnB,MAAA,CAAAoB,KAAA;MAAA,IAAAC,YACC,GAAArB,MAAA,CAAAG,KAAA,GAAApB,QAAA;MAAA,IAACuC,OAAA,GAAAhB,IAAA,CAAAiB,GAAA,CAAAxC,QAAA,MAAAuB,IAAA,CAAAkB,GAAA,IAAAlB,IAAA,CAAAmB,KAAA,CAAAP,CAAA,GAAAG,YAAA;MAAA7C,IAAA,CAAAqB,YAAA,CAAAyB,OAAA;IAAA;IACY,GAAA/C,KACX;IAASmD,QACT,GAAKpD,QACL,IAAM,eAAApB,IAAA,CAAAM,MAAA;MAAAmE,UACH,UAAY;MAAgBf,QAC5B;MAAAgB,GAAA,EACH;MAAMC,IACN;MAAgBC,CAAA,EAAAnD,OAAA;MAClBuC,CAAA,EAAAb,IAAA;MAGF0B,IAAA;MAAAC,eAAC;IAAA,mBACC9E,IAAA;MAAsB,wBACjB;MAAA+E,IACL;MAAW,YACX;MAAA9B,KACA;MAAAC,MACA;MAAgD8B,OAEhD,KAAArE,IAAA,KAAAC,IAAA,GAAAE,IAAA,IAACD,IAAA,IAAEC,IAAA;MAEH0D,QAAA,iBAAAxE,IAAA;QACFiF,SAAA;QAAAT,QAAA,iBAAAxE,IAAA;UAAAkF,CAAA,EAAAxE,QAAA,CAAAwE,CAAA;UACFlC;QAEH","ignoreList":[]}
|