@hanzogui/logo 8.3.0 → 8.3.2

package/dist/cjs/GuiLogo.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GuiLogo = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const gui_1 = require("@hanzo/gui");
+const LogoIcon_tsx_1 = require("./LogoIcon.js");
+const LogoWords_tsx_1 = require("./LogoWords.js");
+const GuiLogo = ({ showWords, downscale, animated, color, ref, ...props }) => {
+    return ((0, jsx_runtime_1.jsxs)(gui_1.XStack, { render: "span", ref: ref, alignItems: "center", justifyContent: "center", gap: "$5", ...props, children: [(0, jsx_runtime_1.jsx)(LogoIcon_tsx_1.LogoIcon, { downscale: (downscale ?? 1) * (showWords ? 2 : 1.5), color: color }), showWords && ((0, jsx_runtime_1.jsx)(gui_1.YStack, { render: "span", marginBottom: -4, children: (0, jsx_runtime_1.jsx)(LogoWords_tsx_1.LogoWords, { animated: animated, downscale: downscale ?? 2 }) }))] }));
+};
+exports.GuiLogo = GuiLogo;
+//# sourceMappingURL=GuiLogo.js.map

package/dist/cjs/GuiLogo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GuiLogo.js","sourceRoot":"","sources":["../../src/GuiLogo.tsx"],"names":[],"mappings":";;;;AAEA,oCAA2C;AAC3C,gDAAyC;AACzC,kDAA2C;AAUpC,MAAM,OAAO,GAAG,CAAC,EACtB,SAAS,EACT,SAAS,EACT,QAAQ,EACR,KAAK,EACL,GAAG,EACH,GAAG,KAAK,EACE,EAAe,EAAE;IAC3B,OAAO,CACL,wBAAC,YAAM,IACL,MAAM,EAAC,MAAM,EACb,GAAG,EAAE,GAAG,EACR,UAAU,EAAC,QAAQ,EACnB,cAAc,EAAC,QAAQ,EACvB,GAAG,EAAC,IAAI,KACJ,KAAK,aAET,uBAAC,uBAAQ,IAAC,SAAS,EAAE,CAAC,SAAS,IAAI,CAAC,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,KAAK,GAAI,EAC9E,SAAS,IAAI,CACZ,uBAAC,YAAM,IAAC,MAAM,EAAC,MAAM,EAAC,YAAY,EAAE,CAAC,CAAC,YACpC,uBAAC,yBAAS,IAAC,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,IAAI,CAAC,GAAI,GACrD,CACV,IACM,CACV,CAAA;AACH,CAAC,CAAA;AAzBY,QAAA,OAAO,GAAP,OAAO,CAyBnB"}

package/dist/cjs/GuiLogoSvg.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GuiIconSvg = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const logos_1 = require("@hanzo/logo/logos");
+/**
+ * The Hanzo mark.
+ *
+ * This drew a duck — `<g id="duck">`, pixel art, `#ECD20A` — because the fork
+ * renamed the package and left the artwork. It was the mark in this site's
+ * header, footer, login, 404, every doc page and its favicon.
+ *
+ * The geometry comes from `@hanzo/logo`, never retyped: MARK_BLOCKS is the five
+ * body blocks of the block-H on its own 67 viewBox. `currentColor` by default so
+ * the mark themes with the text around it rather than pinning a brand hex.
+ */
+const GuiIconSvg = ({ color = 'currentColor', ...props }) => ((0, jsx_runtime_1.jsx)("svg", { viewBox: "0 0 67 67", width: "67px", height: "67px", ...props, children: logos_1.MARK_BLOCKS.map((d) => ((0, jsx_runtime_1.jsx)("path", { d: d, fill: color }, d))) }));
+exports.GuiIconSvg = GuiIconSvg;
+//# sourceMappingURL=GuiLogoSvg.js.map

package/dist/cjs/GuiLogoSvg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GuiLogoSvg.js","sourceRoot":"","sources":["../../src/GuiLogoSvg.tsx"],"names":[],"mappings":";;;;AACA,6CAA+C;AAM/C;;;;;;;;;;GAUG;AACI,MAAM,UAAU,GAAG,CAAC,EACzB,KAAK,GAAG,cAAc,EACtB,GAAG,KAAK,EACQ,EAAe,EAAE,CAAC,CAClC,gCAAK,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,KAAK,KAAK,YAC1D,mBAAW,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CACtB,iCAAc,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,IAApB,CAAC,CAAuB,CACpC,CAAC,GACE,CACP,CAAA;AATY,QAAA,UAAU,GAAV,UAAU,CAStB"}

package/dist/cjs/LogoIcon.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LogoIcon = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const gui_1 = require("@hanzo/gui");
+const GuiLogoSvg_tsx_1 = require("./GuiLogoSvg.js");
+const LogoIcon = ({ downscale = 2, color, }) => {
+    return ((0, jsx_runtime_1.jsx)(gui_1.YStack, { render: "span", className: "unselectable", alignSelf: "center", marginVertical: -10, pressStyle: {
+            opacity: 0.7,
+            scaleX: -1,
+        }, children: (0, jsx_runtime_1.jsx)(GuiLogoSvg_tsx_1.GuiIconSvg, { className: "hanzogui-icon", width: 440 / 8 / downscale, height: 440 / 8 / downscale, color: color }) }));
+};
+exports.LogoIcon = LogoIcon;
+//# sourceMappingURL=LogoIcon.js.map

package/dist/cjs/LogoIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LogoIcon.js","sourceRoot":"","sources":["../../src/LogoIcon.tsx"],"names":[],"mappings":";;;;AAAA,oCAAmC;AACnC,oDAA6C;AAGtC,MAAM,QAAQ,GAAG,CAAC,EACvB,SAAS,GAAG,CAAC,EACb,KAAK,GAIN,EAAe,EAAE;IAChB,OAAO,CACL,uBAAC,YAAM,IACL,MAAM,EAAC,MAAM,EACb,SAAS,EAAC,cAAc,EACxB,SAAS,EAAC,QAAQ,EAClB,cAAc,EAAE,CAAC,EAAE,EACnB,UAAU,EAAE;YACV,OAAO,EAAE,GAAG;YACZ,MAAM,EAAE,CAAC,CAAC;SACX,YAED,uBAAC,2BAAU,IACT,SAAS,EAAC,eAAe,EACzB,KAAK,EAAE,GAAG,GAAG,CAAC,GAAG,SAAS,EAC1B,MAAM,EAAE,GAAG,GAAG,CAAC,GAAG,SAAS,EAC3B,KAAK,EAAE,KAAK,GACZ,GACK,CACV,CAAA;AACH,CAAC,CAAA;AA1BY,QAAA,QAAQ,GAAR,QAAQ,CA0BpB"}

package/dist/cjs/LogoWords.js

@@ -0,0 +1,80 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LogoWords = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = tslib_1.__importStar(require("react"));
+const gui_1 = require("@hanzo/gui");
+const wordmarks_1 = require("@hanzo/logo/wordmarks");
+const useTint_tsx_1 = require("./useTint.js");
+/**
+ * The wordmark.
+ *
+ * This drew T-A-M-A-G-U-I: seven pixel-art letter polygons on a 373x41 box,
+ * each tinted from a seven-colour table, with the hover strip split into seven
+ * sections and the dot stepped by a constant fitted to those letters. The fork
+ * renamed the package and kept the artwork, so the site's own name was another
+ * company's.
+ *
+ * It renders the outlined Hanzo wordmark from @hanzo/logo now — real paths cut
+ * from Zen, so it needs no font loaded and cannot drift from the wordmark every
+ * other Hanzo surface uses.
+ *
+ * The tint interaction stays, because it is a feature rather than a piece of
+ * the old wordmark — but it is no longer DIMENSIONED to seven letters. The
+ * strip divides by however many tints there are, and the dot rides the same
+ * fraction, so the two agree whatever that number becomes.
+ */
+const WORDMARK = wordmarks_1.WORDMARKS['Hanzo'];
+const [WM_X, WM_Y, WM_W, WM_H] = WORDMARK.box;
+exports.LogoWords = react_1.default.memo(({ downscale = 1, animated, ...props }) => {
+    const Tint = (0, useTint_tsx_1.useTint)();
+    const [hovered, setHovered] = react_1.default.useState(false);
+    const [mounted, setMounted] = react_1.default.useState('start');
+    const { tintIndex: index } = Tint;
+    const sections = Tint.tints.length;
+    (0, react_1.useEffect)(() => {
+        const idle = window.requestIdleCallback || setTimeout;
+        idle(() => {
+            setTimeout(() => {
+                setMounted('animate');
+            }, 50);
+            setTimeout(() => {
+                setMounted('done');
+            }, 1500);
+        });
+    }, []);
+    (0, react_1.useEffect)(() => {
+        const handleKeyDown = (event) => {
+            const i = Number.parseInt(event.key, 10) - 1; // Convert key to index (0-based)
+            if (!Number.isNaN(i) && i >= 0 && i < Tint.tints.length) {
+                Tint.setTintIndex(i);
+            }
+        };
+        window.addEventListener('keydown', handleKeyDown);
+        return () => {
+            window.removeEventListener('keydown', handleKeyDown);
+        };
+    }, [Tint]);
+    const [layout, setLayout] = (0, react_1.useState)();
+    // The mark is one ink; the tint shows through the dot rather than by
+    // recolouring letters, which is what the seven-colour table did.
+    const fill = hovered ? `var(--${Tint.tints[index]}9)` : 'var(--color12)';
+    const width = 373 * (1 / downscale) * 0.3333333;
+    const height = (width * WM_H) / WM_W;
+    // the dot sits over the section the current tint owns
+    const dotX = Math.round((width / sections) * (index + 0.5));
+    return ((0, jsx_runtime_1.jsxs)(gui_1.XStack, { onMouseEnter: () => setHovered(true), onMouseLeave: () => setHovered(false), paddingVertical: "$2", "data-tauri-drag-region": true, marginVertical: "$-2", position: "relative", className: "logo-words", onLayout: (e) => {
+            setLayout(e.nativeEvent.layout);
+        }, 
+        // @ts-ignore
+        onMouseMove: (e) => {
+            if (!layout)
+                return;
+            const x = e.clientX - layout.pageX;
+            const sectionWidth = layout.width / sections;
+            const section = Math.min(sections - 1, Math.max(0, Math.floor(x / sectionWidth)));
+            Tint.setTintIndex(section);
+        }, ...props, children: [animated && ((0, jsx_runtime_1.jsx)(gui_1.Circle, { transition: "medium", position: "absolute", top: 0, left: 0, y: mounted === 'start' ? -30 : -4, x: dotX, size: 4, backgroundColor: "$color12" })), (0, jsx_runtime_1.jsx)("svg", { "data-tauri-drag-region": true, role: "img", "aria-label": "Hanzo", width: width, height: height, viewBox: `${WM_X} ${-WM_Y - WM_H} ${WM_W} ${WM_H}`, children: (0, jsx_runtime_1.jsx)("g", { transform: "scale(1,-1)", children: (0, jsx_runtime_1.jsx)("path", { d: WORDMARK.d, fill: fill }) }) })] }));
+});
+//# sourceMappingURL=LogoWords.js.map

package/dist/cjs/LogoWords.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LogoWords.js","sourceRoot":"","sources":["../../src/LogoWords.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/SeasonProvider.js

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SeasonProvider = SeasonProvider;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const tints_tsx_1 = require("./tints.js");
+// inline script that runs before hydration to set season class on html
+// auto-detects season from current date
+function getInlineScript() {
+    return `(function(){
+  var d = new Date();
+  var m = d.getMonth();
+  var day = d.getDate();
+  var season = 'hanzogui';
+
+  if (m === 11 && day >= 14) season = 'xmas';
+  else if (m === 9 && day >= 20) season = 'halloween';
+  else if (m === 2 && day >= 10 && day <= 17) season = 'stpatricks';
+  else if (m === 2 && day >= 30 || m === 3 && day <= 20) season = 'easter';
+  else if (m === 1 && day >= 7 && day <= 14) season = 'valentine';
+  else if (m === 0 && day >= 20 || m === 1 && day <= 12) season = 'lunar';
+
+  if (season !== 'hanzogui') {
+    document.documentElement.classList.add(season + '-season');
+  }
+  window.__GUI_SEASON__ = season;
+})();`;
+}
+// syncs the tint family with the value computed by the inline script
+function useSeasonSync() {
+    (0, react_1.useEffect)(() => {
+        const computed = window.__GUI_SEASON__;
+        if (computed) {
+            (0, tints_tsx_1.setTintFamily)(computed);
+        }
+    }, []);
+}
+function SeasonProvider({ children, }) {
+    useSeasonSync();
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children }));
+}
+//# sourceMappingURL=SeasonProvider.js.map

package/dist/cjs/SeasonProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SeasonProvider.js","sourceRoot":"","sources":["../../src/SeasonProvider.tsx"],"names":[],"mappings":";;;;AACA,iCAAiC;AACjC,0CAA4D;AAE5D,uEAAuE;AACvE,wCAAwC;AACxC,SAAS,eAAe;IACtB,OAAO;;;;;;;;;;;;;;;;;MAiBH,CAAA;AACN,CAAC;AAED,qEAAqE;AACrE,SAAS,aAAa;IACpB,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,QAAQ,GAAI,MAAc,CAAC,cAAwC,CAAA;QACzE,IAAI,QAAQ,EAAE,CAAC;YACb,IAAA,yBAAa,EAAC,QAAQ,CAAC,CAAA;QACzB,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;AACR,CAAC;AAED,wBAA+B,EAC7B,QAAQ,GAGT;IACC,aAAa,EAAE,CAAA;IAEf,OAAO,CACL,2DAQG,QAAQ,GACR,CACJ,CAAA;AACH,CAAC"}

package/dist/cjs/ThemeTint.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ThemeTintAlt = exports.ThemeTint = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const web_1 = require("@hanzogui/web");
+const useTint_tsx_1 = require("./useTint.js");
+const ThemeTint = ({ disable, children, ...rest }) => {
+    const curTint = (0, useTint_tsx_1.useTint)().tint;
+    return ((0, jsx_runtime_1.jsx)(web_1.Theme, { ...rest, name: disable ? null : curTint, children: children }));
+};
+exports.ThemeTint = ThemeTint;
+const ThemeTintAlt = ({ children, disable, offset = 1, ...rest }) => {
+    const curTint = (0, useTint_tsx_1.useTint)(offset).tintAlt;
+    const name = disable ? null : curTint;
+    return ((0, jsx_runtime_1.jsx)(web_1.Theme, { name: name, ...rest, children: children }));
+};
+exports.ThemeTintAlt = ThemeTintAlt;
+//# sourceMappingURL=ThemeTint.js.map

package/dist/cjs/ThemeTint.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeTint.js","sourceRoot":"","sources":["../../src/ThemeTint.tsx"],"names":[],"mappings":";;;;AAAA,uCAAsD;AAEtD,8CAAuC;AAEhC,MAAM,SAAS,GAAG,CAAC,EACxB,OAAO,EACP,QAAQ,EACR,GAAG,IAAI,EAC4B,EAAe,EAAE;IACpD,MAAM,OAAO,GAAG,IAAA,qBAAO,GAAE,CAAC,IAAI,CAAA;IAE9B,OAAO,CACL,uBAAC,WAAK,OAAK,IAAI,EAAE,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,YAC5C,QAAQ,GACH,CACT,CAAA;AACH,CAAC,CAAA;AAZY,QAAA,SAAS,GAAT,SAAS,CAYrB;AAEM,MAAM,YAAY,GAAG,CAAC,EAC3B,QAAQ,EACR,OAAO,EACP,MAAM,GAAG,CAAC,EACV,GAAG,IAAI,EAC6C,EAAe,EAAE;IACrE,MAAM,OAAO,GAAG,IAAA,qBAAO,EAAC,MAAM,CAAC,CAAC,OAAO,CAAA;IACvC,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAA;IACrC,OAAO,CACL,uBAAC,WAAK,IAAC,IAAI,EAAE,IAAI,KAAM,IAAI,YACxB,QAAQ,GACH,CACT,CAAA;AACH,CAAC,CAAA;AAbY,QAAA,YAAY,GAAZ,YAAY,CAaxB"}

package/dist/cjs/index.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./GuiLogo.js"), exports);
+tslib_1.__exportStar(require("./LogoWords.js"), exports);
+tslib_1.__exportStar(require("./LogoIcon.js"), exports);
+tslib_1.__exportStar(require("./tints.js"), exports);
+tslib_1.__exportStar(require("./useTint.js"), exports);
+tslib_1.__exportStar(require("./ThemeTint.js"), exports);
+tslib_1.__exportStar(require("./SeasonProvider.js"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":";;;AAAA,uDAA6B;AAC7B,yDAA+B;AAC/B,wDAA8B;AAC9B,qDAA2B;AAC3B,uDAA6B;AAC7B,yDAA+B;AAC/B,8DAAoC"}

package/dist/cjs/package.json

@@ -0,0 +1 @@
+{ "type": "commonjs" }

package/dist/cjs/tints.js

@@ -0,0 +1,102 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.onTintFamilyChange = exports.setNextTintFamily = void 0;
+exports.getTints = getTints;
+exports.useTints = useTints;
+exports.setTintFamily = setTintFamily;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const listeners = new Set();
+// A seasonal ramp of tint stops. These used to be one entry per letter of the
+// old seven-letter wordmark, with index 3 reserved as the neutral notch; the
+// wordmark is Hanzo now and every reader indexes by `tints.length`, so the
+// length is just how many stops the ramp has.
+const familiesValues = {
+    hanzogui: ['yellow', 'yellow', 'yellow', 'gray', 'red', 'green', 'blue'],
+    xmas: ['red', 'green', 'red', 'green', 'red', 'green', 'red'],
+    easter: [
+        'yellow',
+        'yellow',
+        'yellow',
+        'yellow',
+        'yellow',
+        'yellow',
+        'yellow',
+    ],
+    halloween: [
+        'yellow',
+        'gray',
+        'yellow',
+        'gray',
+        'yellow',
+        'gray',
+        'yellow',
+    ],
+    valentine: ['red', 'red', 'red', 'red', 'red', 'red', 'red'],
+    lunar: ['yellow', 'red', 'red', 'red', 'red', 'red', 'yellow'],
+    stpatricks: [
+        'green',
+        'yellow',
+        'green',
+        'yellow',
+        'green',
+        'yellow',
+        'green',
+    ],
+};
+const DEFAULT_FAMILY = 'hanzogui';
+const familiesNames = Object.keys(familiesValues);
+const families = familiesValues;
+let fam = DEFAULT_FAMILY;
+function getTints() {
+    return {
+        name: fam || DEFAULT_FAMILY,
+        tints: families[fam] || families.hanzogui,
+        families,
+    };
+}
+function useTints() {
+    const [val, setVal] = react_1.default.useState(getTints());
+    react_1.default.useEffect(() => {
+        return (0, exports.onTintFamilyChange)(() => {
+            react_1.default.startTransition(() => {
+                setVal(getTints());
+            });
+        });
+    }, []);
+    return val;
+}
+function setTintFamily(next) {
+    if (!families[next])
+        throw `impossible`;
+    fam = next;
+    // update DOM class for CSS-based styling (e.g., rainbow gradients)
+    if (typeof document !== 'undefined') {
+        const root = document.documentElement.classList;
+        // remove all season classes
+        familiesNames.forEach((s) => {
+            if (s !== 'hanzogui') {
+                root.remove(`${s}-season`);
+            }
+        });
+        // add the new one if not hanzogui
+        if (next !== 'hanzogui') {
+            root.add(`${next}-season`);
+        }
+    }
+    react_1.default.startTransition(() => {
+        listeners.forEach((l) => l(next));
+    });
+}
+const setNextTintFamily = () => {
+    setTintFamily(familiesNames[(familiesNames.indexOf(fam) + 1) % familiesNames.length]);
+};
+exports.setNextTintFamily = setNextTintFamily;
+const onTintFamilyChange = (cb) => {
+    listeners.add(cb);
+    return () => {
+        listeners.delete(cb);
+    };
+};
+exports.onTintFamilyChange = onTintFamilyChange;
+//# sourceMappingURL=tints.js.map

package/dist/cjs/tints.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tints.js","sourceRoot":"","sources":["../../src/tints.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/useTint.js

@@ -0,0 +1,93 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useTint = exports.InitialPathContext = exports.getDisableTintTheme = exports.setDisableTintTheme = exports.setTintIndex = exports.onTintChange = void 0;
+exports.getDocsSection = getDocsSection;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const gui_1 = require("@hanzo/gui");
+const tints_tsx_1 = require("./tints.js");
+let current = 3;
+let disableTintTheme = false;
+const listeners = new Set();
+const disableListeners = new Set();
+const onTintChange = (listener) => {
+    listeners.add(listener);
+    return () => {
+        listeners.delete(listener);
+    };
+};
+exports.onTintChange = onTintChange;
+const numTints = (0, tints_tsx_1.getTints)().tints.length;
+const setTintIndex = (next) => {
+    const val = Math.max(0, next % numTints);
+    if (val === current)
+        return;
+    current = val;
+    listeners.forEach((x) => x(val));
+};
+exports.setTintIndex = setTintIndex;
+// when true, useTint returns null for tint/tintAlt so ThemeTint doesn't apply sub-themes
+const setDisableTintTheme = (disable) => {
+    if (disable === disableTintTheme)
+        return;
+    disableTintTheme = disable;
+    disableListeners.forEach((x) => x(disable));
+};
+exports.setDisableTintTheme = setDisableTintTheme;
+const getDisableTintTheme = () => disableTintTheme;
+exports.getDisableTintTheme = getDisableTintTheme;
+function getDocsSection(pathname) {
+    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;
+}
+exports.InitialPathContext = (0, react_1.createContext)(3);
+const useTint = (altOffset = -1) => {
+    const initial = (0, react_1.useContext)(exports.InitialPathContext);
+    const didHydrate = (0, gui_1.useDidFinishSSR)();
+    const [index, setIndex] = (0, react_1.useState)(didHydrate ? current : initial);
+    const [disabled, setDisabled] = (0, react_1.useState)(disableTintTheme);
+    const tintsContext = (0, tints_tsx_1.useTints)();
+    const { tints } = tintsContext;
+    const tintAltIndex = Math.abs((index + altOffset) % tints.length);
+    (0, react_1.useEffect)(() => {
+        return (0, exports.onTintChange)((cur) => {
+            setIndex(cur);
+        });
+    }, []);
+    (0, react_1.useEffect)(() => {
+        const cb = (val) => setDisabled(val);
+        disableListeners.add(cb);
+        return () => {
+            disableListeners.delete(cb);
+        };
+    }, []);
+    // return null for tint when disabled or at the "none" position (index 3)
+    const tint = disabled || index === 3 ? null : tints[index];
+    const tintAlt = disabled || tintAltIndex === 3 ? null : tints[tintAltIndex];
+    return {
+        ...tintsContext,
+        tints: tintsContext.tints,
+        tintIndex: index,
+        tintAltIndex,
+        tint: tint,
+        tintAlt: tintAlt,
+        setTintIndex: exports.setTintIndex,
+        setNextTintFamily: tints_tsx_1.setNextTintFamily,
+        setDisableTintTheme: exports.setDisableTintTheme,
+        disableTintTheme: disabled,
+        setNextTint: () => {
+            react_1.default.startTransition(() => {
+                (0, exports.setTintIndex)(index + 1);
+            });
+        },
+    };
+};
+exports.useTint = useTint;
+//# sourceMappingURL=useTint.js.map

package/dist/cjs/useTint.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTint.js","sourceRoot":"","sources":["../../src/useTint.tsx"],"names":[],"mappings":"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"}

package/dist/esm/GuiLogo.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { XStack, YStack } from '@hanzo/gui';
+import { LogoIcon } from './LogoIcon.js';
+import { LogoWords } from './LogoWords.js';
+export const GuiLogo = ({ showWords, downscale, animated, color, ref, ...props }) => {
+    return (_jsxs(XStack, { render: "span", ref: ref, alignItems: "center", justifyContent: "center", gap: "$5", ...props, children: [_jsx(LogoIcon, { downscale: (downscale ?? 1) * (showWords ? 2 : 1.5), color: color }), showWords && (_jsx(YStack, { render: "span", marginBottom: -4, children: _jsx(LogoWords, { animated: animated, downscale: downscale ?? 2 }) }))] }));
+};
+//# sourceMappingURL=GuiLogo.js.map

package/dist/esm/GuiLogo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GuiLogo.js","sourceRoot":"","sources":["../../src/GuiLogo.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAgB,CAAA;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAiB,CAAA;AAU3C,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EACtB,SAAS,EACT,SAAS,EACT,QAAQ,EACR,KAAK,EACL,GAAG,EACH,GAAG,KAAK,EACE,EAAe,EAAE;IAC3B,OAAO,CACL,MAAC,MAAM,IACL,MAAM,EAAC,MAAM,EACb,GAAG,EAAE,GAAG,EACR,UAAU,EAAC,QAAQ,EACnB,cAAc,EAAC,QAAQ,EACvB,GAAG,EAAC,IAAI,KACJ,KAAK,aAET,KAAC,QAAQ,IAAC,SAAS,EAAE,CAAC,SAAS,IAAI,CAAC,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,KAAK,GAAI,EAC9E,SAAS,IAAI,CACZ,KAAC,MAAM,IAAC,MAAM,EAAC,MAAM,EAAC,YAAY,EAAE,CAAC,CAAC,YACpC,KAAC,SAAS,IAAC,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,IAAI,CAAC,GAAI,GACrD,CACV,IACM,CACV,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/GuiLogoSvg.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { MARK_BLOCKS } from '@hanzo/logo/logos';
+/**
+ * The Hanzo mark.
+ *
+ * This drew a duck — `<g id="duck">`, pixel art, `#ECD20A` — because the fork
+ * renamed the package and left the artwork. It was the mark in this site's
+ * header, footer, login, 404, every doc page and its favicon.
+ *
+ * The geometry comes from `@hanzo/logo`, never retyped: MARK_BLOCKS is the five
+ * body blocks of the block-H on its own 67 viewBox. `currentColor` by default so
+ * the mark themes with the text around it rather than pinning a brand hex.
+ */
+export const GuiIconSvg = ({ color = 'currentColor', ...props }) => (_jsx("svg", { viewBox: "0 0 67 67", width: "67px", height: "67px", ...props, children: MARK_BLOCKS.map((d) => (_jsx("path", { d: d, fill: color }, d))) }));
+//# sourceMappingURL=GuiLogoSvg.js.map

package/dist/esm/GuiLogoSvg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GuiLogoSvg.js","sourceRoot":"","sources":["../../src/GuiLogoSvg.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAM/C;;;;;;;;;;GAUG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EACzB,KAAK,GAAG,cAAc,EACtB,GAAG,KAAK,EACQ,EAAe,EAAE,CAAC,CAClC,cAAK,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,KAAK,KAAK,YAC1D,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CACtB,eAAc,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,IAApB,CAAC,CAAuB,CACpC,CAAC,GACE,CACP,CAAA"}

package/dist/esm/LogoIcon.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { YStack } from '@hanzo/gui';
+import { GuiIconSvg } from './GuiLogoSvg.js';
+export const LogoIcon = ({ downscale = 2, color, }) => {
+    return (_jsx(YStack, { render: "span", className: "unselectable", alignSelf: "center", marginVertical: -10, pressStyle: {
+            opacity: 0.7,
+            scaleX: -1,
+        }, children: _jsx(GuiIconSvg, { className: "hanzogui-icon", width: 440 / 8 / downscale, height: 440 / 8 / downscale, color: color }) }));
+};
+//# sourceMappingURL=LogoIcon.js.map

package/dist/esm/LogoIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LogoIcon.js","sourceRoot":"","sources":["../../src/LogoIcon.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAkB,CAAA;AAG7C,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EACvB,SAAS,GAAG,CAAC,EACb,KAAK,GAIN,EAAe,EAAE;IAChB,OAAO,CACL,KAAC,MAAM,IACL,MAAM,EAAC,MAAM,EACb,SAAS,EAAC,cAAc,EACxB,SAAS,EAAC,QAAQ,EAClB,cAAc,EAAE,CAAC,EAAE,EACnB,UAAU,EAAE;YACV,OAAO,EAAE,GAAG;YACZ,MAAM,EAAE,CAAC,CAAC;SACX,YAED,KAAC,UAAU,IACT,SAAS,EAAC,eAAe,EACzB,KAAK,EAAE,GAAG,GAAG,CAAC,GAAG,SAAS,EAC1B,MAAM,EAAE,GAAG,GAAG,CAAC,GAAG,SAAS,EAC3B,KAAK,EAAE,KAAK,GACZ,GACK,CACV,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/LogoWords.js

@@ -0,0 +1,76 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useEffect, useState } from 'react';
+import { Circle, XStack } from '@hanzo/gui';
+import { WORDMARKS } from '@hanzo/logo/wordmarks';
+import { useTint } from './useTint.js';
+/**
+ * The wordmark.
+ *
+ * This drew T-A-M-A-G-U-I: seven pixel-art letter polygons on a 373x41 box,
+ * each tinted from a seven-colour table, with the hover strip split into seven
+ * sections and the dot stepped by a constant fitted to those letters. The fork
+ * renamed the package and kept the artwork, so the site's own name was another
+ * company's.
+ *
+ * It renders the outlined Hanzo wordmark from @hanzo/logo now — real paths cut
+ * from Zen, so it needs no font loaded and cannot drift from the wordmark every
+ * other Hanzo surface uses.
+ *
+ * The tint interaction stays, because it is a feature rather than a piece of
+ * the old wordmark — but it is no longer DIMENSIONED to seven letters. The
+ * strip divides by however many tints there are, and the dot rides the same
+ * fraction, so the two agree whatever that number becomes.
+ */
+const WORDMARK = WORDMARKS['Hanzo'];
+const [WM_X, WM_Y, WM_W, WM_H] = WORDMARK.box;
+export const LogoWords = React.memo(({ downscale = 1, animated, ...props }) => {
+    const Tint = useTint();
+    const [hovered, setHovered] = React.useState(false);
+    const [mounted, setMounted] = React.useState('start');
+    const { tintIndex: index } = Tint;
+    const sections = Tint.tints.length;
+    useEffect(() => {
+        const idle = window.requestIdleCallback || setTimeout;
+        idle(() => {
+            setTimeout(() => {
+                setMounted('animate');
+            }, 50);
+            setTimeout(() => {
+                setMounted('done');
+            }, 1500);
+        });
+    }, []);
+    useEffect(() => {
+        const handleKeyDown = (event) => {
+            const i = Number.parseInt(event.key, 10) - 1; // Convert key to index (0-based)
+            if (!Number.isNaN(i) && i >= 0 && i < Tint.tints.length) {
+                Tint.setTintIndex(i);
+            }
+        };
+        window.addEventListener('keydown', handleKeyDown);
+        return () => {
+            window.removeEventListener('keydown', handleKeyDown);
+        };
+    }, [Tint]);
+    const [layout, setLayout] = useState();
+    // The mark is one ink; the tint shows through the dot rather than by
+    // recolouring letters, which is what the seven-colour table did.
+    const fill = hovered ? `var(--${Tint.tints[index]}9)` : 'var(--color12)';
+    const width = 373 * (1 / downscale) * 0.3333333;
+    const height = (width * WM_H) / WM_W;
+    // the dot sits over the section the current tint owns
+    const dotX = Math.round((width / sections) * (index + 0.5));
+    return (_jsxs(XStack, { onMouseEnter: () => setHovered(true), onMouseLeave: () => setHovered(false), paddingVertical: "$2", "data-tauri-drag-region": true, marginVertical: "$-2", position: "relative", className: "logo-words", onLayout: (e) => {
+            setLayout(e.nativeEvent.layout);
+        }, 
+        // @ts-ignore
+        onMouseMove: (e) => {
+            if (!layout)
+                return;
+            const x = e.clientX - layout.pageX;
+            const sectionWidth = layout.width / sections;
+            const section = Math.min(sections - 1, Math.max(0, Math.floor(x / sectionWidth)));
+            Tint.setTintIndex(section);
+        }, ...props, children: [animated && (_jsx(Circle, { transition: "medium", position: "absolute", top: 0, left: 0, y: mounted === 'start' ? -30 : -4, x: dotX, size: 4, backgroundColor: "$color12" })), _jsx("svg", { "data-tauri-drag-region": true, role: "img", "aria-label": "Hanzo", width: width, height: height, viewBox: `${WM_X} ${-WM_Y - WM_H} ${WM_W} ${WM_H}`, children: _jsx("g", { transform: "scale(1,-1)", children: _jsx("path", { d: WORDMARK.d, fill: fill }) }) })] }));
+});
+//# sourceMappingURL=LogoWords.js.map

package/dist/esm/LogoWords.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LogoWords.js","sourceRoot":"","sources":["../../src/LogoWords.tsx"],"names":[],"mappings":"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"}

package/dist/esm/SeasonProvider.js

@@ -0,0 +1,39 @@
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import { useEffect } from 'react';
+import { setTintFamily } from './tints.js';
+// inline script that runs before hydration to set season class on html
+// auto-detects season from current date
+function getInlineScript() {
+    return `(function(){
+  var d = new Date();
+  var m = d.getMonth();
+  var day = d.getDate();
+  var season = 'hanzogui';
+
+  if (m === 11 && day >= 14) season = 'xmas';
+  else if (m === 9 && day >= 20) season = 'halloween';
+  else if (m === 2 && day >= 10 && day <= 17) season = 'stpatricks';
+  else if (m === 2 && day >= 30 || m === 3 && day <= 20) season = 'easter';
+  else if (m === 1 && day >= 7 && day <= 14) season = 'valentine';
+  else if (m === 0 && day >= 20 || m === 1 && day <= 12) season = 'lunar';
+
+  if (season !== 'hanzogui') {
+    document.documentElement.classList.add(season + '-season');
+  }
+  window.__GUI_SEASON__ = season;
+})();`;
+}
+// syncs the tint family with the value computed by the inline script
+function useSeasonSync() {
+    useEffect(() => {
+        const computed = window.__GUI_SEASON__;
+        if (computed) {
+            setTintFamily(computed);
+        }
+    }, []);
+}
+export function SeasonProvider({ children, }) {
+    useSeasonSync();
+    return (_jsx(_Fragment, { children: children }));
+}
+//# sourceMappingURL=SeasonProvider.js.map

package/dist/esm/SeasonProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SeasonProvider.js","sourceRoot":"","sources":["../../src/SeasonProvider.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACjC,OAAO,EAAE,aAAa,EAAmB,MAAM,YAAa,CAAA;AAE5D,uEAAuE;AACvE,wCAAwC;AACxC,SAAS,eAAe;IACtB,OAAO;;;;;;;;;;;;;;;;;MAiBH,CAAA;AACN,CAAC;AAED,qEAAqE;AACrE,SAAS,aAAa;IACpB,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,QAAQ,GAAI,MAAc,CAAC,cAAwC,CAAA;QACzE,IAAI,QAAQ,EAAE,CAAC;YACb,aAAa,CAAC,QAAQ,CAAC,CAAA;QACzB,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;AACR,CAAC;AAED,MAAM,UAAU,cAAc,CAAC,EAC7B,QAAQ,GAGT;IACC,aAAa,EAAE,CAAA;IAEf,OAAO,CACL,4BAQG,QAAQ,GACR,CACJ,CAAA;AACH,CAAC"}