@hanzogui/logo 8.3.1 → 8.3.2

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.
Files changed (129) hide show
  1. package/dist/cjs/GuiLogo.js +12 -0
  2. package/dist/cjs/GuiLogo.js.map +1 -0
  3. package/dist/cjs/GuiLogoSvg.js +19 -0
  4. package/dist/cjs/GuiLogoSvg.js.map +1 -0
  5. package/dist/cjs/LogoIcon.js +14 -0
  6. package/dist/cjs/LogoIcon.js.map +1 -0
  7. package/dist/cjs/LogoWords.js +80 -0
  8. package/dist/cjs/LogoWords.js.map +1 -0
  9. package/dist/cjs/SeasonProvider.js +42 -0
  10. package/dist/cjs/SeasonProvider.js.map +1 -0
  11. package/dist/cjs/ThemeTint.js +18 -0
  12. package/dist/cjs/ThemeTint.js.map +1 -0
  13. package/dist/cjs/index.js +11 -0
  14. package/dist/cjs/index.js.map +1 -0
  15. package/dist/cjs/package.json +1 -0
  16. package/dist/cjs/tints.js +102 -0
  17. package/dist/cjs/tints.js.map +1 -0
  18. package/dist/cjs/useTint.js +93 -0
  19. package/dist/cjs/useTint.js.map +1 -0
  20. package/dist/esm/GuiLogo.js +8 -0
  21. package/dist/esm/GuiLogo.js.map +1 -0
  22. package/dist/esm/GuiLogoSvg.js +15 -0
  23. package/dist/esm/GuiLogoSvg.js.map +1 -0
  24. package/dist/esm/LogoIcon.js +10 -0
  25. package/dist/esm/LogoIcon.js.map +1 -0
  26. package/dist/esm/LogoWords.js +76 -0
  27. package/dist/esm/LogoWords.js.map +1 -0
  28. package/dist/esm/SeasonProvider.js +39 -0
  29. package/dist/esm/SeasonProvider.js.map +1 -0
  30. package/dist/esm/ThemeTint.js +13 -0
  31. package/dist/esm/ThemeTint.js.map +1 -0
  32. package/dist/esm/index.js +8 -8
  33. package/dist/esm/index.js.map +1 -1
  34. package/dist/esm/tints.js +93 -0
  35. package/dist/esm/tints.js.map +1 -0
  36. package/dist/esm/useTint.js +83 -0
  37. package/dist/esm/useTint.js.map +1 -0
  38. package/package.json +29 -25
  39. package/src/GuiLogo.tsx +2 -2
  40. package/src/LogoIcon.tsx +1 -1
  41. package/src/LogoWords.tsx +1 -1
  42. package/src/SeasonProvider.tsx +1 -1
  43. package/src/ThemeTint.tsx +1 -1
  44. package/src/index.tsx +7 -7
  45. package/src/useTint.tsx +1 -1
  46. package/types/GuiLogo.d.ts +7 -8
  47. package/types/GuiLogo.d.ts.map +1 -11
  48. package/types/GuiLogoSvg.d.ts +12 -13
  49. package/types/GuiLogoSvg.d.ts.map +1 -11
  50. package/types/LogoIcon.d.ts +4 -5
  51. package/types/LogoIcon.d.ts.map +1 -11
  52. package/types/LogoWords.d.ts +5 -6
  53. package/types/LogoWords.d.ts.map +1 -11
  54. package/types/SeasonProvider.d.ts +3 -4
  55. package/types/SeasonProvider.d.ts.map +1 -11
  56. package/types/ThemeTint.d.ts +5 -6
  57. package/types/ThemeTint.d.ts.map +1 -11
  58. package/types/index.d.ts +7 -8
  59. package/types/index.d.ts.map +1 -11
  60. package/types/tints.d.ts +17 -16
  61. package/types/tints.d.ts.map +1 -11
  62. package/types/useTint.d.ts +22 -23
  63. package/types/useTint.d.ts.map +1 -11
  64. package/dist/cjs/GuiLogo.cjs +0 -59
  65. package/dist/cjs/GuiLogo.native.js +0 -63
  66. package/dist/cjs/GuiLogo.native.js.map +0 -1
  67. package/dist/cjs/GuiLogoSvg.cjs +0 -42
  68. package/dist/cjs/GuiLogoSvg.native.js +0 -50
  69. package/dist/cjs/GuiLogoSvg.native.js.map +0 -1
  70. package/dist/cjs/LogoIcon.cjs +0 -51
  71. package/dist/cjs/LogoIcon.native.js +0 -55
  72. package/dist/cjs/LogoIcon.native.js.map +0 -1
  73. package/dist/cjs/LogoWords.cjs +0 -130
  74. package/dist/cjs/LogoWords.native.js +0 -139
  75. package/dist/cjs/LogoWords.native.js.map +0 -1
  76. package/dist/cjs/SeasonProvider.cjs +0 -46
  77. package/dist/cjs/SeasonProvider.native.js +0 -57
  78. package/dist/cjs/SeasonProvider.native.js.map +0 -1
  79. package/dist/cjs/ThemeTint.cjs +0 -57
  80. package/dist/cjs/ThemeTint.native.js +0 -62
  81. package/dist/cjs/ThemeTint.native.js.map +0 -1
  82. package/dist/cjs/index.cjs +0 -26
  83. package/dist/cjs/index.native.js +0 -29
  84. package/dist/cjs/index.native.js.map +0 -1
  85. package/dist/cjs/tints.cjs +0 -102
  86. package/dist/cjs/tints.native.js +0 -107
  87. package/dist/cjs/tints.native.js.map +0 -1
  88. package/dist/cjs/useTint.cjs +0 -116
  89. package/dist/cjs/useTint.native.js +0 -128
  90. package/dist/cjs/useTint.native.js.map +0 -1
  91. package/dist/esm/GuiLogo.mjs +0 -34
  92. package/dist/esm/GuiLogo.mjs.map +0 -1
  93. package/dist/esm/GuiLogo.native.js +0 -35
  94. package/dist/esm/GuiLogo.native.js.map +0 -1
  95. package/dist/esm/GuiLogoSvg.mjs +0 -17
  96. package/dist/esm/GuiLogoSvg.mjs.map +0 -1
  97. package/dist/esm/GuiLogoSvg.native.js +0 -22
  98. package/dist/esm/GuiLogoSvg.native.js.map +0 -1
  99. package/dist/esm/LogoIcon.mjs +0 -26
  100. package/dist/esm/LogoIcon.mjs.map +0 -1
  101. package/dist/esm/LogoIcon.native.js +0 -27
  102. package/dist/esm/LogoIcon.native.js.map +0 -1
  103. package/dist/esm/LogoWords.mjs +0 -94
  104. package/dist/esm/LogoWords.mjs.map +0 -1
  105. package/dist/esm/LogoWords.native.js +0 -100
  106. package/dist/esm/LogoWords.native.js.map +0 -1
  107. package/dist/esm/SeasonProvider.mjs +0 -21
  108. package/dist/esm/SeasonProvider.mjs.map +0 -1
  109. package/dist/esm/SeasonProvider.native.js +0 -29
  110. package/dist/esm/SeasonProvider.native.js.map +0 -1
  111. package/dist/esm/ThemeTint.mjs +0 -31
  112. package/dist/esm/ThemeTint.mjs.map +0 -1
  113. package/dist/esm/ThemeTint.native.js +0 -33
  114. package/dist/esm/ThemeTint.native.js.map +0 -1
  115. package/dist/esm/index.mjs +0 -8
  116. package/dist/esm/index.mjs.map +0 -1
  117. package/dist/esm/index.native.js +0 -8
  118. package/dist/esm/index.native.js.map +0 -1
  119. package/dist/esm/tints.mjs +0 -62
  120. package/dist/esm/tints.mjs.map +0 -1
  121. package/dist/esm/tints.native.js +0 -64
  122. package/dist/esm/tints.native.js.map +0 -1
  123. package/dist/esm/useTint.mjs +0 -74
  124. package/dist/esm/useTint.mjs.map +0 -1
  125. package/dist/esm/useTint.native.js +0 -83
  126. package/dist/esm/useTint.native.js.map +0 -1
  127. package/icon/index.js +0 -1
  128. package/icon/index.native.js +0 -1
  129. package/icon.cjs +0 -1
@@ -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":[]}
@@ -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
@@ -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":[]}
@@ -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":[]}
@@ -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":[]}
@@ -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":"AACA,OAAOA,KAAA,IAASC,SAAA,EAAWC,QAAA,QAAgB;AAE3C,SAASC,MAAA,EAAQC,MAAA,QAAc;AAC/B,SAASC,SAAA,QAAiB;AAC1B,SAASC,OAAA,QAAe;AAgFpB,SAsBIC,GAAA,EAtBJC,IAAA;AA5DJ,MAAMC,QAAA,GAAWJ,SAAA,CAAU,OAAO;AAClC,MAAM,CAACK,IAAA,EAAMC,IAAA,EAAMC,IAAA,EAAMC,IAAI,IAAIJ,QAAA,CAASK,GAAA;AAEnC,MAAMC,SAAA,GASTf,KAAA,CAAMgB,IAAA,CAAK,CAAC;EAAEC,SAAA,GAAY;EAAGC,QAAA;EAAU,GAAGC;AAAM,MAAM;EACxD,MAAMC,IAAA,GAAOd,OAAA,CAAQ;EACrB,MAAM,CAACe,OAAA,EAASC,UAAU,IAAItB,KAAA,CAAME,QAAA,CAAS,KAAK;EAClD,MAAM,CAACqB,OAAA,EAASC,UAAU,IAAIxB,KAAA,CAAME,QAAA,CAAuC,OAAO;EAElF,MAAM;IAAEuB,SAAA,EAAWC;EAAM,IAAIN,IAAA;EAC7B,MAAMO,QAAA,GAAWP,IAAA,CAAKQ,KAAA,CAAMC,MAAA;EAE5B5B,SAAA,CAAU,MAAM;IACd,MAAM6B,IAAA,GAAOC,MAAA,CAAOC,mBAAA,IAAuBC,UAAA;IAC3CH,IAAA,CAAK,MAAM;MACTG,UAAA,CAAW,MAAM;QACfT,UAAA,CAAW,SAAS;MACtB,GAAG,EAAE;MAELS,UAAA,CAAW,MAAM;QACfT,UAAA,CAAW,MAAM;MACnB,GAAG,IAAI;IACT,CAAC;EACH,GAAG,EAAE;EAELvB,SAAA,CAAU,MAAM;IACd,MAAMiC,aAAA,GAAiBC,KAAA,IAAyB;MAC9C,MAAMC,CAAA,GAAIC,MAAA,CAAOC,QAAA,CAASH,KAAA,CAAMI,GAAA,EAAK,EAAE,IAAI;MAC3C,IAAI,CAACF,MAAA,CAAOG,KAAA,CAAMJ,CAAC,KAAKA,CAAA,IAAK,KAAKA,CAAA,GAAIhB,IAAA,CAAKQ,KAAA,CAAMC,MAAA,EAAQ;QACvDT,IAAA,CAAKqB,YAAA,CAAaL,CAAC;MACrB;IACF;IAEAL,MAAA,CAAOW,gBAAA,CAAiB,WAAWR,aAAa;IAEhD,OAAO,MAAM;MACXH,MAAA,CAAOY,mBAAA,CAAoB,WAAWT,aAAa;IACrD;EACF,GAAG,CAACd,IAAI,CAAC;EAET,MAAM,CAACwB,MAAA,EAAQC,SAAS,IAAI3C,QAAA,CAAsB;EAIlD,MAAM4C,IAAA,GAAOzB,OAAA,GAAU,SAASD,IAAA,CAAKQ,KAAA,CAAMF,KAAK,CAAC,OAAO;EAExD,MAAMqB,KAAA,GAAQ,OAAO,IAAI9B,SAAA,IAAa;EACtC,MAAM+B,MAAA,GAAUD,KAAA,GAAQlC,IAAA,GAAQD,IAAA;EAEhC,MAAMqC,IAAA,GAAOC,IAAA,CAAKC,KAAA,CAAOJ,KAAA,GAAQpB,QAAA,IAAaD,KAAA,GAAQ,IAAI;EAE1D,OACE,eAAAlB,IAAA,CAACJ,MAAA;IACCgD,YAAA,EAAcA,CAAA,KAAM9B,UAAA,CAAW,IAAI;IACnC+B,YAAA,EAAcA,CAAA,KAAM/B,UAAA,CAAW,KAAK;IACpCgC,eAAA,EAAgB;IAChB,0BAAsB;IACtBC,cAAA,EAAe;IACfC,QAAA,EAAS;IACTC,SAAA,EAAU;IACVC,QAAA,EAAWC,CAAA,IAAM;MACfd,SAAA,CAAUc,CAAA,CAAEC,WAAA,CAAYhB,MAAa;IACvC;IAEAiB,WAAA,EAAcF,CAAA,IAAkB;MAC9B,IAAI,CAACf,MAAA,EAAQ;MACb,MAAMkB,CAAA,GAAIH,CAAA,CAAEI,OAAA,GAAUnB,MAAA,CAAOoB,KAAA;MAC7B,MAAMC,YAAA,GAAerB,MAAA,CAAOG,KAAA,GAAQpB,QAAA;MACpC,MAAMuC,OAAA,GAAUhB,IAAA,CAAKiB,GAAA,CAAIxC,QAAA,GAAW,GAAGuB,IAAA,CAAKkB,GAAA,CAAI,GAAGlB,IAAA,CAAKmB,KAAA,CAAMP,CAAA,GAAIG,YAAY,CAAC,CAAC;MAChF7C,IAAA,CAAKqB,YAAA,CAAayB,OAAO;IAC3B;IACC,GAAG/C,KAAA;IAEHmD,QAAA,GAAApD,QAAA,IACC,eAAAX,GAAA,CAACJ,MAAA;MACCoE,UAAA,EAAW;MACXf,QAAA,EAAS;MACTgB,GAAA,EAAK;MACLC,IAAA,EAAM;MACNC,CAAA,EAAGnD,OAAA,KAAY,UAAU,MAAM;MAC/BuC,CAAA,EAAGb,IAAA;MACH0B,IAAA,EAAM;MACNC,eAAA,EAAgB;IAAA,CAClB,GAGF,eAAArE,GAAA,CAAC;MACC,0BAAsB;MACtBsE,IAAA,EAAK;MACL,cAAW;MACX9B,KAAA;MACAC,MAAA;MACA8B,OAAA,EAAS,GAAGpE,IAAI,IAAI,CAACC,IAAA,GAAOE,IAAI,IAAID,IAAI,IAAIC,IAAI;MAEhDyD,QAAA,iBAAA/D,GAAA,CAAC;QAAEwE,SAAA,EAAU;QACXT,QAAA,iBAAA/D,GAAA,CAAC;UAAKyE,CAAA,EAAGvE,QAAA,CAASuE,CAAA;UAAGlC;QAAA,CAAY;MAAA,CACnC;IAAA,CACF;EAAA,CACF;AAEJ,CAAC","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":"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","ignoreList":[]}