@hanzogui/logo 2.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +21 -0
- package/dist/cjs/GuiLogo.cjs +55 -0
- package/dist/cjs/GuiLogo.native.js +61 -0
- package/dist/cjs/GuiLogo.native.js.map +1 -0
- package/dist/cjs/GuiLogoSvg.cjs +72 -0
- package/dist/cjs/GuiLogoSvg.native.js +78 -0
- package/dist/cjs/GuiLogoSvg.native.js.map +1 -0
- package/dist/cjs/LogoIcon.cjs +47 -0
- package/dist/cjs/LogoIcon.native.js +53 -0
- package/dist/cjs/LogoIcon.native.js.map +1 -0
- package/dist/cjs/LogoWords.cjs +143 -0
- package/dist/cjs/LogoWords.native.js +175 -0
- package/dist/cjs/LogoWords.native.js.map +1 -0
- package/dist/cjs/SeasonProvider.cjs +41 -0
- package/dist/cjs/SeasonProvider.native.js +52 -0
- package/dist/cjs/SeasonProvider.native.js.map +1 -0
- package/dist/cjs/ThemeTint.cjs +54 -0
- package/dist/cjs/ThemeTint.native.js +60 -0
- package/dist/cjs/ThemeTint.native.js.map +1 -0
- package/dist/cjs/index.cjs +24 -0
- package/dist/cjs/index.native.js +27 -0
- package/dist/cjs/index.native.js.map +1 -0
- package/dist/cjs/tints.cjs +88 -0
- package/dist/cjs/tints.native.js +97 -0
- package/dist/cjs/tints.native.js.map +1 -0
- package/dist/cjs/useTint.cjs +103 -0
- package/dist/cjs/useTint.native.js +119 -0
- package/dist/cjs/useTint.native.js.map +1 -0
- package/dist/esm/GuiLogo.mjs +32 -0
- package/dist/esm/GuiLogo.mjs.map +1 -0
- package/dist/esm/GuiLogo.native.js +35 -0
- package/dist/esm/GuiLogo.native.js.map +1 -0
- package/dist/esm/GuiLogoSvg.mjs +49 -0
- package/dist/esm/GuiLogoSvg.mjs.map +1 -0
- package/dist/esm/GuiLogoSvg.native.js +52 -0
- package/dist/esm/GuiLogoSvg.native.js.map +1 -0
- package/dist/esm/LogoIcon.mjs +24 -0
- package/dist/esm/LogoIcon.mjs.map +1 -0
- package/dist/esm/LogoIcon.native.js +27 -0
- package/dist/esm/LogoIcon.native.js.map +1 -0
- package/dist/esm/LogoWords.mjs +109 -0
- package/dist/esm/LogoWords.mjs.map +1 -0
- package/dist/esm/LogoWords.native.js +138 -0
- package/dist/esm/LogoWords.native.js.map +1 -0
- package/dist/esm/SeasonProvider.mjs +18 -0
- package/dist/esm/SeasonProvider.mjs.map +1 -0
- package/dist/esm/SeasonProvider.native.js +26 -0
- package/dist/esm/SeasonProvider.native.js.map +1 -0
- package/dist/esm/ThemeTint.mjs +30 -0
- package/dist/esm/ThemeTint.mjs.map +1 -0
- package/dist/esm/ThemeTint.native.js +33 -0
- package/dist/esm/ThemeTint.native.js.map +1 -0
- package/dist/esm/index.js +8 -0
- package/dist/esm/index.js.map +1 -0
- package/dist/esm/index.mjs +8 -0
- package/dist/esm/index.mjs.map +1 -0
- package/dist/esm/index.native.js +8 -0
- package/dist/esm/index.native.js.map +1 -0
- package/dist/esm/tints.mjs +50 -0
- package/dist/esm/tints.mjs.map +1 -0
- package/dist/esm/tints.native.js +56 -0
- package/dist/esm/tints.native.js.map +1 -0
- package/dist/esm/useTint.mjs +63 -0
- package/dist/esm/useTint.mjs.map +1 -0
- package/dist/esm/useTint.native.js +76 -0
- package/dist/esm/useTint.native.js.map +1 -0
- package/icon/index.js +1 -0
- package/icon/index.native.js +1 -0
- package/icon.cjs +1 -0
- package/package.json +58 -0
- package/src/GuiLogo.tsx +40 -0
- package/src/GuiLogoSvg.tsx +27 -0
- package/src/LogoIcon.tsx +31 -0
- package/src/LogoWords.tsx +186 -0
- package/src/SeasonProvider.tsx +57 -0
- package/src/ThemeTint.tsx +32 -0
- package/src/index.tsx +7 -0
- package/src/tints.tsx +112 -0
- package/src/useTint.tsx +116 -0
- package/types/GuiLogo.d.ts +13 -0
- package/types/GuiLogo.d.ts.map +11 -0
- package/types/GuiLogoSvg.d.ts +8 -0
- package/types/GuiLogoSvg.d.ts.map +11 -0
- package/types/LogoIcon.d.ts +7 -0
- package/types/LogoIcon.d.ts.map +11 -0
- package/types/LogoWords.d.ts +8 -0
- package/types/LogoWords.d.ts.map +11 -0
- package/types/SeasonProvider.d.ts +6 -0
- package/types/SeasonProvider.d.ts.map +11 -0
- package/types/ThemeTint.d.ts +11 -0
- package/types/ThemeTint.d.ts.map +11 -0
- package/types/index.d.ts +9 -0
- package/types/index.d.ts.map +11 -0
- package/types/tints.d.ts +31 -0
- package/types/tints.d.ts.map +11 -0
- package/types/useTint.d.ts +31 -0
- package/types/useTint.d.ts.map +11 -0
|
@@ -0,0 +1,103 @@
|
|
|
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
|
+
__hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
+
var __export = (target, all) => {
|
|
8
|
+
for (var name in all) __defProp(target, name, {
|
|
9
|
+
get: all[name],
|
|
10
|
+
enumerable: !0
|
|
11
|
+
});
|
|
12
|
+
},
|
|
13
|
+
__copyProps = (to, from, except, desc) => {
|
|
14
|
+
if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
|
|
15
|
+
get: () => from[key],
|
|
16
|
+
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
17
|
+
});
|
|
18
|
+
return to;
|
|
19
|
+
};
|
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
22
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
23
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
24
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
25
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
|
|
26
|
+
value: mod,
|
|
27
|
+
enumerable: !0
|
|
28
|
+
}) : target, mod)),
|
|
29
|
+
__toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
30
|
+
value: !0
|
|
31
|
+
}), mod);
|
|
32
|
+
var useTint_exports = {};
|
|
33
|
+
__export(useTint_exports, {
|
|
34
|
+
InitialPathContext: () => InitialPathContext,
|
|
35
|
+
getDisableTintTheme: () => getDisableTintTheme,
|
|
36
|
+
getDocsSection: () => getDocsSection,
|
|
37
|
+
onTintChange: () => onTintChange,
|
|
38
|
+
setDisableTintTheme: () => setDisableTintTheme,
|
|
39
|
+
setTintIndex: () => setTintIndex,
|
|
40
|
+
useTint: () => useTint
|
|
41
|
+
});
|
|
42
|
+
module.exports = __toCommonJS(useTint_exports);
|
|
43
|
+
var import_react = __toESM(require("react"), 1),
|
|
44
|
+
import_gui = require("@hanzo/gui"),
|
|
45
|
+
import_tints = require("./tints.cjs");
|
|
46
|
+
let current = 3,
|
|
47
|
+
disableTintTheme = !1;
|
|
48
|
+
const listeners = /* @__PURE__ */new Set(),
|
|
49
|
+
disableListeners = /* @__PURE__ */new Set(),
|
|
50
|
+
onTintChange = listener => (listeners.add(listener), () => {
|
|
51
|
+
listeners.delete(listener);
|
|
52
|
+
}),
|
|
53
|
+
numTints = (0, import_tints.getTints)().tints.length,
|
|
54
|
+
setTintIndex = next => {
|
|
55
|
+
const val = Math.max(0, next % numTints);
|
|
56
|
+
val !== current && (current = val, listeners.forEach(x => x(val)));
|
|
57
|
+
},
|
|
58
|
+
setDisableTintTheme = disable => {
|
|
59
|
+
disable !== disableTintTheme && (disableTintTheme = disable, disableListeners.forEach(x => x(disable)));
|
|
60
|
+
},
|
|
61
|
+
getDisableTintTheme = () => disableTintTheme;
|
|
62
|
+
function getDocsSection(pathname) {
|
|
63
|
+
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;
|
|
64
|
+
}
|
|
65
|
+
const InitialPathContext = (0, import_react.createContext)(3),
|
|
66
|
+
useTint = (altOffset = -1) => {
|
|
67
|
+
const initial = (0, import_react.useContext)(InitialPathContext),
|
|
68
|
+
didHydrate = (0, import_gui.useDidFinishSSR)(),
|
|
69
|
+
[index, setIndex] = (0, import_react.useState)(didHydrate ? current : initial),
|
|
70
|
+
[disabled, setDisabled] = (0, import_react.useState)(disableTintTheme),
|
|
71
|
+
tintsContext = (0, import_tints.useTints)(),
|
|
72
|
+
{
|
|
73
|
+
tints
|
|
74
|
+
} = tintsContext,
|
|
75
|
+
tintAltIndex = Math.abs((index + altOffset) % tints.length);
|
|
76
|
+
(0, import_react.useEffect)(() => onTintChange(cur => {
|
|
77
|
+
setIndex(cur);
|
|
78
|
+
}), []), (0, import_react.useEffect)(() => {
|
|
79
|
+
const cb = val => setDisabled(val);
|
|
80
|
+
return disableListeners.add(cb), () => {
|
|
81
|
+
disableListeners.delete(cb);
|
|
82
|
+
};
|
|
83
|
+
}, []);
|
|
84
|
+
const tint = disabled || index === 3 ? null : tints[index],
|
|
85
|
+
tintAlt = disabled || tintAltIndex === 3 ? null : tints[tintAltIndex];
|
|
86
|
+
return {
|
|
87
|
+
...tintsContext,
|
|
88
|
+
tints: tintsContext.tints,
|
|
89
|
+
tintIndex: index,
|
|
90
|
+
tintAltIndex,
|
|
91
|
+
tint,
|
|
92
|
+
tintAlt,
|
|
93
|
+
setTintIndex,
|
|
94
|
+
setNextTintFamily: import_tints.setNextTintFamily,
|
|
95
|
+
setDisableTintTheme,
|
|
96
|
+
disableTintTheme: disabled,
|
|
97
|
+
setNextTint: () => {
|
|
98
|
+
import_react.default.startTransition(() => {
|
|
99
|
+
setTintIndex(index + 1);
|
|
100
|
+
});
|
|
101
|
+
}
|
|
102
|
+
};
|
|
103
|
+
};
|
|
@@ -0,0 +1,119 @@
|
|
|
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
|
+
__hasOwnProp = Object.prototype.hasOwnProperty;
|
|
9
|
+
var __export = (target, all) => {
|
|
10
|
+
for (var name in all) __defProp(target, name, {
|
|
11
|
+
get: all[name],
|
|
12
|
+
enumerable: !0
|
|
13
|
+
});
|
|
14
|
+
},
|
|
15
|
+
__copyProps = (to, from, except, desc) => {
|
|
16
|
+
if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
|
|
17
|
+
get: () => from[key],
|
|
18
|
+
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
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: !0
|
|
30
|
+
}) : target, mod)),
|
|
31
|
+
__toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
32
|
+
value: !0
|
|
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
|
+
import_gui = require("@hanzo/gui"),
|
|
47
|
+
import_tints = require("./tints.native.js"),
|
|
48
|
+
current = 3,
|
|
49
|
+
disableTintTheme = !1,
|
|
50
|
+
listeners = /* @__PURE__ */new Set(),
|
|
51
|
+
disableListeners = /* @__PURE__ */new Set(),
|
|
52
|
+
onTintChange = function (listener) {
|
|
53
|
+
return listeners.add(listener), function () {
|
|
54
|
+
listeners.delete(listener);
|
|
55
|
+
};
|
|
56
|
+
},
|
|
57
|
+
numTints = (0, import_tints.getTints)().tints.length,
|
|
58
|
+
setTintIndex = function (next) {
|
|
59
|
+
var val = Math.max(0, next % numTints);
|
|
60
|
+
val !== current && (current = val, listeners.forEach(function (x) {
|
|
61
|
+
return x(val);
|
|
62
|
+
}));
|
|
63
|
+
},
|
|
64
|
+
setDisableTintTheme = function (disable) {
|
|
65
|
+
disable !== disableTintTheme && (disableTintTheme = disable, disableListeners.forEach(function (x) {
|
|
66
|
+
return x(disable);
|
|
67
|
+
}));
|
|
68
|
+
},
|
|
69
|
+
getDisableTintTheme = function () {
|
|
70
|
+
return disableTintTheme;
|
|
71
|
+
};
|
|
72
|
+
function getDocsSection(pathname) {
|
|
73
|
+
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;
|
|
74
|
+
}
|
|
75
|
+
var InitialPathContext = /* @__PURE__ */(0, import_react.createContext)(3),
|
|
76
|
+
useTint = function () {
|
|
77
|
+
var altOffset = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : -1,
|
|
78
|
+
initial = (0, import_react.useContext)(InitialPathContext),
|
|
79
|
+
didHydrate = (0, import_gui.useDidFinishSSR)(),
|
|
80
|
+
[index, setIndex] = (0, import_react.useState)(didHydrate ? current : initial),
|
|
81
|
+
[disabled, setDisabled] = (0, import_react.useState)(disableTintTheme),
|
|
82
|
+
tintsContext = (0, import_tints.useTints)(),
|
|
83
|
+
{
|
|
84
|
+
tints
|
|
85
|
+
} = tintsContext,
|
|
86
|
+
tintAltIndex = Math.abs((index + altOffset) % tints.length);
|
|
87
|
+
(0, import_react.useEffect)(function () {
|
|
88
|
+
return onTintChange(function (cur) {
|
|
89
|
+
setIndex(cur);
|
|
90
|
+
});
|
|
91
|
+
}, []), (0, import_react.useEffect)(function () {
|
|
92
|
+
var cb = function (val) {
|
|
93
|
+
return setDisabled(val);
|
|
94
|
+
};
|
|
95
|
+
return disableListeners.add(cb), function () {
|
|
96
|
+
disableListeners.delete(cb);
|
|
97
|
+
};
|
|
98
|
+
}, []);
|
|
99
|
+
var tint = disabled || index === 3 ? null : tints[index],
|
|
100
|
+
tintAlt = disabled || tintAltIndex === 3 ? null : tints[tintAltIndex];
|
|
101
|
+
return {
|
|
102
|
+
...tintsContext,
|
|
103
|
+
tints: tintsContext.tints,
|
|
104
|
+
tintIndex: index,
|
|
105
|
+
tintAltIndex,
|
|
106
|
+
tint,
|
|
107
|
+
tintAlt,
|
|
108
|
+
setTintIndex,
|
|
109
|
+
setNextTintFamily: import_tints.setNextTintFamily,
|
|
110
|
+
setDisableTintTheme,
|
|
111
|
+
disableTintTheme: disabled,
|
|
112
|
+
setNextTint: function () {
|
|
113
|
+
import_react.default.startTransition(function () {
|
|
114
|
+
setTintIndex(index + 1);
|
|
115
|
+
});
|
|
116
|
+
}
|
|
117
|
+
};
|
|
118
|
+
};
|
|
119
|
+
//# sourceMappingURL=useTint.native.js.map
|
|
@@ -0,0 +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","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":[]}
|
|
@@ -0,0 +1,32 @@
|
|
|
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
|
+
}) => /* @__PURE__ */jsxs(XStack, {
|
|
13
|
+
render: "span",
|
|
14
|
+
ref,
|
|
15
|
+
alignItems: "center",
|
|
16
|
+
justifyContent: "center",
|
|
17
|
+
gap: "$5",
|
|
18
|
+
...props,
|
|
19
|
+
children: [/* @__PURE__ */jsx(LogoIcon, {
|
|
20
|
+
downscale: (downscale ?? 1) * (showWords ? 2 : 1.5),
|
|
21
|
+
color
|
|
22
|
+
}), showWords && /* @__PURE__ */jsx(YStack, {
|
|
23
|
+
render: "span",
|
|
24
|
+
marginBottom: -4,
|
|
25
|
+
children: /* @__PURE__ */jsx(LogoWords, {
|
|
26
|
+
animated,
|
|
27
|
+
downscale: downscale ?? 2
|
|
28
|
+
})
|
|
29
|
+
})]
|
|
30
|
+
});
|
|
31
|
+
export { GuiLogo };
|
|
32
|
+
//# sourceMappingURL=GuiLogo.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
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,MAEI,eAAAP,IAAA,CAACL,MAAA;EACCa,MAAA,EAAO;EACPF,GAAA;EACAG,UAAA,EAAW;EACXC,cAAA,EAAe;EACfC,GAAA,EAAI;EACH,GAAGJ,KAAA;EAEJK,QAAA,kBAAAb,GAAA,CAACF,QAAA;IAASM,SAAA,GAAYA,SAAA,IAAa,MAAMD,SAAA,GAAY,IAAI;IAAMG;EAAA,CAAc,GAC5EH,SAAA,IACC,eAAAH,GAAA,CAACH,MAAA;IAAOY,MAAA,EAAO;IAAOK,YAAA,EAAc;IAClCD,QAAA,iBAAAb,GAAA,CAACD,SAAA;MAAUM,QAAA;MAAoBD,SAAA,EAAWA,SAAA,IAAa;IAAA,CAAG;EAAA,CAC5D;AAAA,CAEJ","ignoreList":[]}
|
|
@@ -0,0 +1,35 @@
|
|
|
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 ?? 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 ?? 2
|
|
30
|
+
})
|
|
31
|
+
})]
|
|
32
|
+
});
|
|
33
|
+
};
|
|
34
|
+
export { GuiLogo };
|
|
35
|
+
//# sourceMappingURL=GuiLogo.native.js.map
|
|
@@ -0,0 +1 @@
|
|
|
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,GAEI;IAAC,GAAAJ,KAAA;IAAAK,QAAA,GACC,eAAOnB,IAAA,CAAAK,QAAA;MACPK,SAAA,GAAAA,SAAA,UAAAD,SAAA;MACAG;IACA,IACAH,SAAI,mBAAAT,IAAA,CAAAI,MAAA;MACAW,MAAA;MAEJK,YAAA;MAAAD,QAAA,iBAACnB,IAAS,CAAAM,SAAA,EAAY;QACrBK,QAAA;QAGCD,SAAA,EAAAA,SAAA;MAAA;IAEJ","ignoreList":[]}
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
|
+
const GuiIconSvg = ({
|
|
3
|
+
color = "#ECD20A",
|
|
4
|
+
...props
|
|
5
|
+
}) => /* @__PURE__ */jsx("svg", {
|
|
6
|
+
width: "160px",
|
|
7
|
+
height: "160px",
|
|
8
|
+
viewBox: "0 0 160 160",
|
|
9
|
+
...props,
|
|
10
|
+
children: /* @__PURE__ */jsxs("g", {
|
|
11
|
+
id: "duck",
|
|
12
|
+
stroke: "none",
|
|
13
|
+
strokeWidth: "1",
|
|
14
|
+
fill: "none",
|
|
15
|
+
fillRule: "evenodd",
|
|
16
|
+
children: [/* @__PURE__ */jsx("circle", {
|
|
17
|
+
id: "Oval",
|
|
18
|
+
cx: "80",
|
|
19
|
+
cy: "80",
|
|
20
|
+
r: "145"
|
|
21
|
+
}), /* @__PURE__ */jsxs("g", {
|
|
22
|
+
id: "Group-Copy-5",
|
|
23
|
+
children: [/* @__PURE__ */jsx("path", {
|
|
24
|
+
d: "M10,110 L10,100 L20,100 L20,90 L30,90 L30,80 L40,80 L40,30 L50,30 L50,10 L70,10 L70,0 L120,0 L120,10 L130,10 L130,20 L140,20 L140,40 L160,40 L160,50 L150,50 L150,60 L160,60 L160,70 L150,70 L150,80 L140,80 L140,100 L150,100 L150,110 L160,110 L160,140 L150,140 L150,150 L130,150 L130,160 L40,160 L40,150 L20,150 L20,140 L10,140 L10,130 L0,130 L0,110 L10,110 Z M90,40 L80,40 L80,50 L90,50 L90,40 Z M120,30 L110,30 L110,40 L120,40 L120,30 Z",
|
|
25
|
+
id: "Combined-Shape",
|
|
26
|
+
fill: color
|
|
27
|
+
}), /* @__PURE__ */jsxs("g", {
|
|
28
|
+
id: "Group",
|
|
29
|
+
transform: "translate(80, 30)",
|
|
30
|
+
fill: "#000000",
|
|
31
|
+
children: [/* @__PURE__ */jsx("rect", {
|
|
32
|
+
id: "Rectangle-Copy-117",
|
|
33
|
+
x: "0",
|
|
34
|
+
y: "10",
|
|
35
|
+
width: "10",
|
|
36
|
+
height: "10"
|
|
37
|
+
}), /* @__PURE__ */jsx("rect", {
|
|
38
|
+
id: "Rectangle-Copy-141",
|
|
39
|
+
x: "30",
|
|
40
|
+
y: "0",
|
|
41
|
+
width: "10",
|
|
42
|
+
height: "10"
|
|
43
|
+
})]
|
|
44
|
+
})]
|
|
45
|
+
})]
|
|
46
|
+
})
|
|
47
|
+
});
|
|
48
|
+
export { GuiIconSvg };
|
|
49
|
+
//# sourceMappingURL=GuiLogoSvg.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["jsx","jsxs","GuiIconSvg","color","props","width","height","viewBox","children","id","stroke","strokeWidth","fill","fillRule","cx","cy","r","d","transform","x","y"],"sources":["../../src/GuiLogoSvg.tsx"],"sourcesContent":[null],"mappings":"AAYM,SAAAA,GAAA,EAOEC,IAAA,QAPF;AANC,MAAMC,UAAA,GAAaA,CAAC;EACzBC,KAAA,GAAQ;EACR,GAAGC;AACL,MACE,eAAAJ,GAAA,CAAC;EAAIK,KAAA,EAAM;EAAQC,MAAA,EAAO;EAAQC,OAAA,EAAQ;EAAe,GAAGH,KAAA;EAC1DI,QAAA,iBAAAP,IAAA,CAAC;IAAEQ,EAAA,EAAG;IAAOC,MAAA,EAAO;IAAOC,WAAA,EAAY;IAAIC,IAAA,EAAK;IAAOC,QAAA,EAAS;IAC9DL,QAAA,kBAAAR,GAAA,CAAC;MAAOS,EAAA,EAAG;MAAOK,EAAA,EAAG;MAAKC,EAAA,EAAG;MAAKC,CAAA,EAAE;IAAA,CAAM,GAC1C,eAAAf,IAAA,CAAC;MAAEQ,EAAA,EAAG;MACJD,QAAA,kBAAAR,GAAA,CAAC;QACCiB,CAAA,EAAE;QACFR,EAAA,EAAG;QACHG,IAAA,EAAMT;MAAA,CACP,GACD,eAAAF,IAAA,CAAC;QAAEQ,EAAA,EAAG;QAAQS,SAAA,EAAU;QAAoBN,IAAA,EAAK;QAC/CJ,QAAA,kBAAAR,GAAA,CAAC;UAAKS,EAAA,EAAG;UAAqBU,CAAA,EAAE;UAAIC,CAAA,EAAE;UAAKf,KAAA,EAAM;UAAKC,MAAA,EAAO;QAAA,CAAK,GAClE,eAAAN,GAAA,CAAC;UAAKS,EAAA,EAAG;UAAqBU,CAAA,EAAE;UAAKC,CAAA,EAAE;UAAIf,KAAA,EAAM;UAAKC,MAAA,EAAO;QAAA,CAAK;MAAA,CACpE;IAAA,CACF;EAAA,CACF;AAAA,CACF","ignoreList":[]}
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
var GuiIconSvg = function (param) {
|
|
3
|
+
var {
|
|
4
|
+
color = "#ECD20A",
|
|
5
|
+
...props
|
|
6
|
+
} = param;
|
|
7
|
+
return /* @__PURE__ */_jsx("svg", {
|
|
8
|
+
width: "160px",
|
|
9
|
+
height: "160px",
|
|
10
|
+
viewBox: "0 0 160 160",
|
|
11
|
+
...props,
|
|
12
|
+
children: /* @__PURE__ */_jsxs("g", {
|
|
13
|
+
id: "duck",
|
|
14
|
+
stroke: "none",
|
|
15
|
+
strokeWidth: "1",
|
|
16
|
+
fill: "none",
|
|
17
|
+
fillRule: "evenodd",
|
|
18
|
+
children: [/* @__PURE__ */_jsx("circle", {
|
|
19
|
+
id: "Oval",
|
|
20
|
+
cx: "80",
|
|
21
|
+
cy: "80",
|
|
22
|
+
r: "145"
|
|
23
|
+
}), /* @__PURE__ */_jsxs("g", {
|
|
24
|
+
id: "Group-Copy-5",
|
|
25
|
+
children: [/* @__PURE__ */_jsx("path", {
|
|
26
|
+
d: "M10,110 L10,100 L20,100 L20,90 L30,90 L30,80 L40,80 L40,30 L50,30 L50,10 L70,10 L70,0 L120,0 L120,10 L130,10 L130,20 L140,20 L140,40 L160,40 L160,50 L150,50 L150,60 L160,60 L160,70 L150,70 L150,80 L140,80 L140,100 L150,100 L150,110 L160,110 L160,140 L150,140 L150,150 L130,150 L130,160 L40,160 L40,150 L20,150 L20,140 L10,140 L10,130 L0,130 L0,110 L10,110 Z M90,40 L80,40 L80,50 L90,50 L90,40 Z M120,30 L110,30 L110,40 L120,40 L120,30 Z",
|
|
27
|
+
id: "Combined-Shape",
|
|
28
|
+
fill: color
|
|
29
|
+
}), /* @__PURE__ */_jsxs("g", {
|
|
30
|
+
id: "Group",
|
|
31
|
+
transform: "translate(80, 30)",
|
|
32
|
+
fill: "#000000",
|
|
33
|
+
children: [/* @__PURE__ */_jsx("rect", {
|
|
34
|
+
id: "Rectangle-Copy-117",
|
|
35
|
+
x: "0",
|
|
36
|
+
y: "10",
|
|
37
|
+
width: "10",
|
|
38
|
+
height: "10"
|
|
39
|
+
}), /* @__PURE__ */_jsx("rect", {
|
|
40
|
+
id: "Rectangle-Copy-141",
|
|
41
|
+
x: "30",
|
|
42
|
+
y: "0",
|
|
43
|
+
width: "10",
|
|
44
|
+
height: "10"
|
|
45
|
+
})]
|
|
46
|
+
})]
|
|
47
|
+
})]
|
|
48
|
+
})
|
|
49
|
+
});
|
|
50
|
+
};
|
|
51
|
+
export { GuiIconSvg };
|
|
52
|
+
//# sourceMappingURL=GuiLogoSvg.native.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","GuiIconSvg","param","color","props","width","height","viewBox","children","id","stroke","strokeWidth","fill","fillRule","cx","cy","r"],"sources":["../../src/GuiLogoSvg.tsx"],"sourcesContent":[null],"mappings":"AAYM,SAAAA,GAAA,IAOEC,IAAA,EAAAC,IAPF,IAAAC,KAAA;AANC,IAAAC,UAAM,YAAAA,CAAcC,KAAA;EACzB;IAAAC,KAAQ;IAAA,GAAAC;EAAA,IAAAF,KAAA;EACR,OAAG,eAAAJ,IAAA;IACLO,KACE;IAEIC,MAAA;IACAC,OAAA,eAAC;IACC,GAAAH,KAAA;IAAAI,QAAC,iBAAAR,KAAA;MAAAS,EAAA;MAAAC,MACG;MAAAC,WACC;MAAAC,IACH,QAAM;MAAAC,QAAA;MACPL,QAAA,GACD,eAAAV,IAAC,SAAK;QACJW,EAAA;QACAK,EAAA;QACFC,EAAA;QACFC,CAAA;MAEJ,I","ignoreList":[]}
|
|
@@ -0,0 +1,24 @@
|
|
|
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
|
+
}) => /* @__PURE__ */jsx(YStack, {
|
|
8
|
+
render: "span",
|
|
9
|
+
className: "unselectable",
|
|
10
|
+
alignSelf: "center",
|
|
11
|
+
marginVertical: -10,
|
|
12
|
+
pressStyle: {
|
|
13
|
+
opacity: 0.7,
|
|
14
|
+
scaleX: -1
|
|
15
|
+
},
|
|
16
|
+
children: /* @__PURE__ */jsx(GuiIconSvg, {
|
|
17
|
+
className: "gui-icon",
|
|
18
|
+
width: 450 / 8 / downscale,
|
|
19
|
+
height: 420 / 8 / downscale,
|
|
20
|
+
color
|
|
21
|
+
})
|
|
22
|
+
});
|
|
23
|
+
export { LogoIcon };
|
|
24
|
+
//# sourceMappingURL=LogoIcon.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
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,MAKI,eAAAH,GAAA,CAACF,MAAA;EACCM,MAAA,EAAO;EACPC,SAAA,EAAU;EACVC,SAAA,EAAU;EACVC,cAAA,EAAgB;EAChBC,UAAA,EAAY;IACVC,OAAA,EAAS;IACTC,MAAA,EAAQ;EACV;EAEAC,QAAA,iBAAAX,GAAA,CAACD,UAAA;IACCM,SAAA,EAAU;IACVO,KAAA,EAAO,MAAM,IAAIV,SAAA;IACjBW,MAAA,EAAQ,MAAM,IAAIX,SAAA;IAClBC;EAAA,CACF;AAAA,CACF","ignoreList":[]}
|
|
@@ -0,0 +1,27 @@
|
|
|
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: "gui-icon",
|
|
20
|
+
width: 450 / 8 / downscale,
|
|
21
|
+
height: 420 / 8 / downscale,
|
|
22
|
+
color
|
|
23
|
+
})
|
|
24
|
+
});
|
|
25
|
+
};
|
|
26
|
+
export { LogoIcon };
|
|
27
|
+
//# sourceMappingURL=LogoIcon.native.js.map
|
|
@@ -0,0 +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,oBAAkB;AAqBrB,SAAAC,UAAA;AAlBC,IAAAC,QAAM,YAAAA,CAAYC,KAAA;EACvB;IAAAC,SAAY;IAAAC;EAAA,IAAAF,KAAA;EACZ,sBAAAJ,IAAA,CAAAC,MAAA;IACFM,MAKI;IAACC,SAAA;IAAAC,SAAA;IACCC,cAAO;IACPC,UAAA,EAAU;MACVC,OAAA,EAAU;MACVC,MAAA;IACA;IAAYC,QACV,iBAASd,IAAA,CAAAE,UAAA;MACTM,SAAQ;MACVO,KAAA,YAAAV,SAAA;MAEAW,MAAA,YAAAX,SAAA;MAACC;IAAA;EAAA;AACW;AACO,SACCH,QAClB","ignoreList":[]}
|
|
@@ -0,0 +1,109 @@
|
|
|
1
|
+
import React, { useEffect, useState } from "react";
|
|
2
|
+
import { Circle, XStack } from "@hanzo/gui";
|
|
3
|
+
import { useTint } from "./useTint.mjs";
|
|
4
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
5
|
+
const defaultColors = ["var(--color12)", "var(--color12)", "var(--color12)", "var(--color12)", "var(--red9)", "var(--green9)", "var(--blue9)"];
|
|
6
|
+
const LogoWords = React.memo(({
|
|
7
|
+
downscale = 1,
|
|
8
|
+
animated,
|
|
9
|
+
...props
|
|
10
|
+
}) => {
|
|
11
|
+
const Tint = useTint(),
|
|
12
|
+
[hovered, setHovered] = React.useState(!1),
|
|
13
|
+
[mounted, setMounted] = React.useState("start"),
|
|
14
|
+
{
|
|
15
|
+
tintIndex: index
|
|
16
|
+
} = Tint;
|
|
17
|
+
useEffect(() => {
|
|
18
|
+
(window.requestIdleCallback || setTimeout)(() => {
|
|
19
|
+
setTimeout(() => {
|
|
20
|
+
setMounted("animate");
|
|
21
|
+
}, 50), setTimeout(() => {
|
|
22
|
+
setMounted("done");
|
|
23
|
+
}, 1500);
|
|
24
|
+
});
|
|
25
|
+
}, []), useEffect(() => {
|
|
26
|
+
const handleKeyDown = event => {
|
|
27
|
+
const index2 = Number.parseInt(event.key, 10) - 1;
|
|
28
|
+
!Number.isNaN(index2) && index2 >= 0 && index2 < Tint.tints.length && Tint.setTintIndex(index2);
|
|
29
|
+
};
|
|
30
|
+
return window.addEventListener("keydown", handleKeyDown), () => {
|
|
31
|
+
window.removeEventListener("keydown", handleKeyDown);
|
|
32
|
+
};
|
|
33
|
+
}, [Tint]);
|
|
34
|
+
const getColor = i => hovered ? `var(--${Tint.tints[i]}9)` : defaultColors[i],
|
|
35
|
+
x = Math.round(index * 18.5 + 18 / 2 * (index / defaultColors.length) + 3 + (index === 6 ? -3 : 0)),
|
|
36
|
+
[layout, setLayout] = useState();
|
|
37
|
+
return /* @__PURE__ */jsxs(XStack, {
|
|
38
|
+
onMouseEnter: () => setHovered(!0),
|
|
39
|
+
onMouseLeave: () => setHovered(!1),
|
|
40
|
+
paddingVertical: "$2",
|
|
41
|
+
"data-tauri-drag-region": !0,
|
|
42
|
+
marginVertical: "$-2",
|
|
43
|
+
position: "relative",
|
|
44
|
+
className: "logo-words",
|
|
45
|
+
onLayout: e => {
|
|
46
|
+
setLayout(e.nativeEvent.layout);
|
|
47
|
+
},
|
|
48
|
+
onMouseMove: e => {
|
|
49
|
+
if (!layout) return;
|
|
50
|
+
const x2 = e.clientX - layout.pageX,
|
|
51
|
+
sectionWidth = layout.width / 7,
|
|
52
|
+
section = Math.min(6, Math.floor(x2 / sectionWidth));
|
|
53
|
+
Tint.setTintIndex(section);
|
|
54
|
+
},
|
|
55
|
+
...props,
|
|
56
|
+
children: [animated && /* @__PURE__ */jsx(Circle, {
|
|
57
|
+
transition: "medium",
|
|
58
|
+
position: "absolute",
|
|
59
|
+
top: 0,
|
|
60
|
+
left: 0,
|
|
61
|
+
y: mounted === "start" ? -30 : -4,
|
|
62
|
+
x,
|
|
63
|
+
size: 4,
|
|
64
|
+
backgroundColor: "$color12"
|
|
65
|
+
}), /* @__PURE__ */jsxs("svg", {
|
|
66
|
+
"data-tauri-drag-region": !0,
|
|
67
|
+
width: 373 * (1 / downscale) * 0.3333333,
|
|
68
|
+
height: 41 * (1 / downscale) * 0.3333333,
|
|
69
|
+
viewBox: "0 0 373 41",
|
|
70
|
+
children: [/* @__PURE__ */jsx("polygon", {
|
|
71
|
+
"data-tauri-drag-region": !0,
|
|
72
|
+
shapeRendering: "crispEdges",
|
|
73
|
+
fill: getColor(0),
|
|
74
|
+
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"
|
|
75
|
+
}), /* @__PURE__ */jsx("path", {
|
|
76
|
+
shapeRendering: "crispEdges",
|
|
77
|
+
fill: getColor(1),
|
|
78
|
+
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",
|
|
79
|
+
fillRule: "nonzero"
|
|
80
|
+
}), /* @__PURE__ */jsx("polygon", {
|
|
81
|
+
"data-tauri-drag-region": !0,
|
|
82
|
+
shapeRendering: "crispEdges",
|
|
83
|
+
fill: getColor(2),
|
|
84
|
+
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"
|
|
85
|
+
}), /* @__PURE__ */jsx("path", {
|
|
86
|
+
fill: getColor(3),
|
|
87
|
+
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",
|
|
88
|
+
fillRule: "nonzero"
|
|
89
|
+
}), /* @__PURE__ */jsx("polygon", {
|
|
90
|
+
"data-tauri-drag-region": !0,
|
|
91
|
+
shapeRendering: "crispEdges",
|
|
92
|
+
fill: getColor(4),
|
|
93
|
+
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"
|
|
94
|
+
}), /* @__PURE__ */jsx("polygon", {
|
|
95
|
+
"data-tauri-drag-region": !0,
|
|
96
|
+
shapeRendering: "crispEdges",
|
|
97
|
+
fill: getColor(5),
|
|
98
|
+
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"
|
|
99
|
+
}), /* @__PURE__ */jsx("polygon", {
|
|
100
|
+
"data-tauri-drag-region": !0,
|
|
101
|
+
shapeRendering: "crispEdges",
|
|
102
|
+
fill: getColor(6),
|
|
103
|
+
points: "372.677419 40.1612903 372.677419 0.806451613 356.935484 0.806451613 356.935484 40.1612903"
|
|
104
|
+
})]
|
|
105
|
+
})]
|
|
106
|
+
});
|
|
107
|
+
});
|
|
108
|
+
export { LogoWords };
|
|
109
|
+
//# sourceMappingURL=LogoWords.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","useEffect","useState","Circle","XStack","useTint","jsx","jsxs","defaultColors","LogoWords","memo","downscale","animated","props","Tint","hovered","setHovered","mounted","setMounted","tintIndex","index","window","requestIdleCallback","setTimeout","handleKeyDown","event","index2","Number","parseInt","key","isNaN","tints","length","setTintIndex","addEventListener","removeEventListener","getColor","i","x","Math","round","layout","setLayout","onMouseEnter","onMouseLeave","paddingVertical","marginVertical","position","className","onLayout","e","nativeEvent","onMouseMove","x2","clientX","pageX","sectionWidth","width","section","min","floor","children","transition","top","left","y","size","backgroundColor","height","viewBox","shapeRendering","fill","points","d","fillRule"],"sources":["../../src/LogoWords.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|