@hanzogui/logo 8.3.0 → 8.3.2

package/dist/esm/ThemeTint.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Theme } from '@hanzogui/web';
+import { useTint } from './useTint.js';
+export const ThemeTint = ({ disable, children, ...rest }) => {
+    const curTint = useTint().tint;
+    return (_jsx(Theme, { ...rest, name: disable ? null : curTint, children: children }));
+};
+export const ThemeTintAlt = ({ children, disable, offset = 1, ...rest }) => {
+    const curTint = useTint(offset).tintAlt;
+    const name = disable ? null : curTint;
+    return (_jsx(Theme, { name: name, ...rest, children: children }));
+};
+//# sourceMappingURL=ThemeTint.js.map

package/dist/esm/ThemeTint.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeTint.js","sourceRoot":"","sources":["../../src/ThemeTint.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAmB,KAAK,EAAE,MAAM,eAAe,CAAA;AAEtD,OAAO,EAAE,OAAO,EAAE,MAAM,cAAe,CAAA;AAEvC,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EACxB,OAAO,EACP,QAAQ,EACR,GAAG,IAAI,EAC4B,EAAe,EAAE;IACpD,MAAM,OAAO,GAAG,OAAO,EAAE,CAAC,IAAI,CAAA;IAE9B,OAAO,CACL,KAAC,KAAK,OAAK,IAAI,EAAE,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,YAC5C,QAAQ,GACH,CACT,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAC3B,QAAQ,EACR,OAAO,EACP,MAAM,GAAG,CAAC,EACV,GAAG,IAAI,EAC6C,EAAe,EAAE;IACrE,MAAM,OAAO,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,OAAO,CAAA;IACvC,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAA;IACrC,OAAO,CACL,KAAC,KAAK,IAAC,IAAI,EAAE,IAAI,KAAM,IAAI,YACxB,QAAQ,GACH,CACT,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/index.js

@@ -1,8 +1,8 @@
-export * from "./GuiLogo.mjs";
-export * from "./LogoWords.mjs";
-export * from "./LogoIcon.mjs";
-export * from "./tints.mjs";
-export * from "./useTint.mjs";
-export * from "./ThemeTint.mjs";
-export * from "./SeasonProvider.mjs";
-//# sourceMappingURL=index.js.map
+export * from './GuiLogo.js';
+export * from './LogoWords.js';
+export * from './LogoIcon.js';
+export * from './tints.js';
+export * from './useTint.js';
+export * from './ThemeTint.js';
+export * from './SeasonProvider.js';
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../src/index.tsx"],"sourcesContent":[null],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc","ignoreList":[]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAAA,cAAc,cAAe,CAAA;AAC7B,cAAc,gBAAiB,CAAA;AAC/B,cAAc,eAAgB,CAAA;AAC9B,cAAc,YAAa,CAAA;AAC3B,cAAc,cAAe,CAAA;AAC7B,cAAc,gBAAiB,CAAA;AAC/B,cAAc,qBAAsB,CAAA"}

package/dist/esm/tints.js

@@ -0,0 +1,93 @@
+import React from '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;
+export function getTints() {
+    return {
+        name: fam || DEFAULT_FAMILY,
+        tints: families[fam] || families.hanzogui,
+        families,
+    };
+}
+export function useTints() {
+    const [val, setVal] = React.useState(getTints());
+    React.useEffect(() => {
+        return onTintFamilyChange(() => {
+            React.startTransition(() => {
+                setVal(getTints());
+            });
+        });
+    }, []);
+    return val;
+}
+export 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.startTransition(() => {
+        listeners.forEach((l) => l(next));
+    });
+}
+export const setNextTintFamily = () => {
+    setTintFamily(familiesNames[(familiesNames.indexOf(fam) + 1) % familiesNames.length]);
+};
+export const onTintFamilyChange = (cb) => {
+    listeners.add(cb);
+    return () => {
+        listeners.delete(cb);
+    };
+};
+//# sourceMappingURL=tints.js.map

package/dist/esm/tints.js.map

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

package/dist/esm/useTint.js

@@ -0,0 +1,83 @@
+import React, { createContext, useContext, useEffect, useState } from 'react';
+import { useDidFinishSSR } from '@hanzo/gui';
+import { getTints, setNextTintFamily, useTints } from './tints.js';
+let current = 3;
+let disableTintTheme = false;
+const listeners = new Set();
+const disableListeners = new Set();
+export const onTintChange = (listener) => {
+    listeners.add(listener);
+    return () => {
+        listeners.delete(listener);
+    };
+};
+const numTints = getTints().tints.length;
+export const setTintIndex = (next) => {
+    const val = Math.max(0, next % numTints);
+    if (val === current)
+        return;
+    current = val;
+    listeners.forEach((x) => x(val));
+};
+// when true, useTint returns null for tint/tintAlt so ThemeTint doesn't apply sub-themes
+export const setDisableTintTheme = (disable) => {
+    if (disable === disableTintTheme)
+        return;
+    disableTintTheme = disable;
+    disableListeners.forEach((x) => x(disable));
+};
+export const getDisableTintTheme = () => disableTintTheme;
+export 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;
+}
+export const InitialPathContext = createContext(3);
+export const useTint = (altOffset = -1) => {
+    const initial = useContext(InitialPathContext);
+    const didHydrate = useDidFinishSSR();
+    const [index, setIndex] = useState(didHydrate ? current : initial);
+    const [disabled, setDisabled] = useState(disableTintTheme);
+    const tintsContext = useTints();
+    const { tints } = tintsContext;
+    const tintAltIndex = Math.abs((index + altOffset) % tints.length);
+    useEffect(() => {
+        return onTintChange((cur) => {
+            setIndex(cur);
+        });
+    }, []);
+    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,
+        setNextTintFamily,
+        setDisableTintTheme,
+        disableTintTheme: disabled,
+        setNextTint: () => {
+            React.startTransition(() => {
+                setTintIndex(index + 1);
+            });
+        },
+    };
+};
+//# sourceMappingURL=useTint.js.map

package/dist/esm/useTint.js.map

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

package/package.json

@@ -1,60 +1,59 @@
 {
   "name": "@hanzogui/logo",
-  "version": "8.3.0",
+  "version": "8.3.2",
   "source": "src/index.tsx",
   "files": [
     "src",
     "types",
     "dist",
-    "*.cjs",
-    "icon"
+    "*.cjs"
   ],
   "type": "module",
-  "main": "dist/cjs",
-  "module": "dist/esm",
+  "main": "./dist/cjs/index.js",
+  "module": "./dist/esm/index.js",
   "types": "./types/index.d.ts",
   "exports": {
     "./package.json": "./package.json",
     ".": {
       "types": "./types/index.d.ts",
-      "react-native": "./dist/esm/index.native.js",
-      "browser": "./dist/esm/index.mjs",
-      "module": "./dist/esm/index.mjs",
-      "import": "./dist/esm/index.mjs",
-      "require": "./dist/cjs/index.cjs",
-      "default": "./dist/esm/index.mjs"
+      "react-native": "./dist/esm/index.js",
+      "browser": "./dist/esm/index.js",
+      "module": "./dist/esm/index.js",
+      "import": "./dist/esm/index.js",
+      "require": "./dist/cjs/index.js",
+      "default": "./dist/esm/index.js"
     },
     "./icon": {
       "types": "./types/LogoIcon.d.ts",
-      "react-native": "./dist/esm/LogoIcon.native.js",
-      "browser": "./dist/esm/LogoIcon.mjs",
-      "module": "./dist/esm/LogoIcon.mjs",
-      "import": "./dist/esm/LogoIcon.mjs",
-      "require": "./dist/cjs/LogoIcon.cjs",
-      "default": "./dist/cjs/LogoIcon.native.js"
+      "react-native": "./dist/esm/LogoIcon.js",
+      "browser": "./dist/esm/LogoIcon.js",
+      "module": "./dist/esm/LogoIcon.js",
+      "import": "./dist/esm/LogoIcon.js",
+      "require": "./dist/cjs/LogoIcon.js",
+      "default": "./dist/esm/LogoIcon.js"
     }
   },
   "publishConfig": {
     "access": "public"
   },
   "scripts": {
-    "build": "hanzogui-build",
+    "build": "hanzogui-build --skip-native",
     "watch": "hanzogui-build --watch",
     "clean": "hanzogui-build clean",
     "clean:build": "hanzogui-build clean:build"
   },
   "dependencies": {
-    "@hanzo/gui": "8.3.0",
-    "@hanzo/logo": "^1.0.24",
-    "@hanzogui/use-element-layout": "8.3.0",
-    "@hanzogui/web": "8.3.0"
+    "@hanzo/gui": "8.3.2",
+    "@hanzo/logo": "^1.0.26",
+    "@hanzogui/use-element-layout": "8.3.2",
+    "@hanzogui/web": "8.3.2"
   },
   "devDependencies": {
-    "@hanzogui/build": "8.3.0",
-    "react": ">=19"
+    "@hanzogui/build": "8.3.2",
+    "react": "19.2.8"
   },
   "peerDependencies": {
-    "react": ">=19"
+    "react": ">=19.2.8"
   },
   "repository": {
     "type": "git",

package/src/GuiLogo.tsx

@@ -1,8 +1,8 @@
 import type { JSX } from 'react/jsx-runtime'
 import type { XStackProps } from '@hanzo/gui'
 import { XStack, YStack } from '@hanzo/gui'
-import { LogoIcon } from './LogoIcon'
-import { LogoWords } from './LogoWords'
+import { LogoIcon } from './LogoIcon.tsx'
+import { LogoWords } from './LogoWords.tsx'
 
 type LogoProps = {
   showWords?: boolean

package/src/LogoIcon.tsx

@@ -1,5 +1,5 @@
 import { YStack } from '@hanzo/gui'
-import { GuiIconSvg } from './GuiLogoSvg'
+import { GuiIconSvg } from './GuiLogoSvg.tsx'
 import type { JSX } from 'react/jsx-runtime'
 
 export const LogoIcon = ({

package/src/LogoWords.tsx

@@ -3,7 +3,7 @@ import React, { useEffect, useState } from 'react'
 import type { XStackProps } from '@hanzo/gui'
 import { Circle, XStack } from '@hanzo/gui'
 import { WORDMARKS } from '@hanzo/logo/wordmarks'
-import { useTint } from './useTint'
+import { useTint } from './useTint.tsx'
 
 /**
  * The wordmark.

package/src/SeasonProvider.tsx

@@ -1,6 +1,6 @@
 import type React from 'react'
 import { useEffect } from 'react'
-import { setTintFamily, type TintFamily } from './tints'
+import { setTintFamily, type TintFamily } from './tints.tsx'
 
 // inline script that runs before hydration to set season class on html
 // auto-detects season from current date

package/src/ThemeTint.tsx

@@ -1,6 +1,6 @@
 import { type ThemeProps, Theme } from '@hanzogui/web'
 import type { JSX } from 'react/jsx-runtime'
-import { useTint } from './useTint'
+import { useTint } from './useTint.tsx'
 
 export const ThemeTint = ({
   disable,

package/src/index.tsx

@@ -1,7 +1,7 @@
-export * from './GuiLogo'
-export * from './LogoWords'
-export * from './LogoIcon'
-export * from './tints'
-export * from './useTint'
-export * from './ThemeTint'
-export * from './SeasonProvider'
+export * from './GuiLogo.tsx'
+export * from './LogoWords.tsx'
+export * from './LogoIcon.tsx'
+export * from './tints.tsx'
+export * from './useTint.tsx'
+export * from './ThemeTint.tsx'
+export * from './SeasonProvider.tsx'

package/src/useTint.tsx

@@ -1,6 +1,6 @@
 import React, { createContext, useContext, useEffect, useState } from 'react'
 import { useDidFinishSSR, type ThemeName } from '@hanzo/gui'
-import { getTints, setNextTintFamily, useTints } from './tints'
+import { getTints, setNextTintFamily, useTints } from './tints.tsx'
 
 let current = 3
 let disableTintTheme = false

package/types/GuiLogo.d.ts

@@ -1,13 +1,12 @@
-import type { JSX } from "react/jsx-runtime";
-import type { XStackProps } from "@hanzo/gui";
+import type { JSX } from 'react/jsx-runtime';
+import type { XStackProps } from '@hanzo/gui';
 type LogoProps = {
-	showWords?: boolean;
-	downscale?: number;
-	animated?: boolean;
-	color?: string;
-	ref?: any;
+    showWords?: boolean;
+    downscale?: number;
+    animated?: boolean;
+    color?: string;
+    ref?: any;
 } & XStackProps;
 export declare const GuiLogo: ({ showWords, downscale, animated, color, ref, ...props }: LogoProps) => JSX.Element;
 export {};
-
 //# sourceMappingURL=GuiLogo.d.ts.map

package/types/GuiLogo.d.ts.map

@@ -1,11 +1 @@
-{
-  "mappings": "AAAA,cAAc,WAAW;AACzB,cAAc,mBAAmB;KAK5B,YAAY;CACf;CACA;CACA;CACA;CACA;IACE;AAEJ,OAAO,cAAM,UAAW,EACtB,WACA,WACA,UACA,OACA,KACA,GAAG,SACF,cAAY,IAAI",
-  "names": [],
-  "sources": [
-    "src/GuiLogo.tsx"
-  ],
-  "version": 3,
-  "sourcesContent": [
-    "import type { JSX } from 'react/jsx-runtime'\nimport type { XStackProps } from '@hanzo/gui'\nimport { XStack, YStack } from '@hanzo/gui'\nimport { LogoIcon } from './LogoIcon'\nimport { LogoWords } from './LogoWords'\n\ntype LogoProps = {\n  showWords?: boolean\n  downscale?: number\n  animated?: boolean\n  color?: string\n  ref?: any\n} & XStackProps\n\nexport const GuiLogo = ({\n  showWords,\n  downscale,\n  animated,\n  color,\n  ref,\n  ...props\n}: LogoProps): JSX.Element => {\n  return (\n    <XStack\n      render=\"span\"\n      ref={ref}\n      alignItems=\"center\"\n      justifyContent=\"center\"\n      gap=\"$5\"\n      {...props}\n    >\n      <LogoIcon downscale={(downscale ?? 1) * (showWords ? 2 : 1.5)} color={color} />\n      {showWords && (\n        <YStack render=\"span\" marginBottom={-4}>\n          <LogoWords animated={animated} downscale={downscale ?? 2} />\n        </YStack>\n      )}\n    </XStack>\n  )\n}\n"
-  ]
-}
+{"version":3,"file":"GuiLogo.d.ts","sourceRoot":"","sources":["../src/GuiLogo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC5C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AAK7C,KAAK,SAAS,GAAG;IACf,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,GAAG,CAAC,EAAE,GAAG,CAAA;CACV,GAAG,WAAW,CAAA;AAEf,eAAO,MAAM,OAAO,6DAOjB,SAAS,KAAG,GAAG,CAAC,OAkBlB,CAAA"}

package/types/GuiLogoSvg.d.ts

@@ -1,19 +1,18 @@
-import type { JSX } from "react/jsx-runtime";
+import type { JSX } from 'react/jsx-runtime';
 type GuiIconSvgProps = React.SVGProps<SVGSVGElement> & {
-	color?: string;
+    color?: string;
 };
 /**
-* 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.
-*/
+ * 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 declare const GuiIconSvg: ({ color, ...props }: GuiIconSvgProps) => JSX.Element;
 export {};
-
 //# sourceMappingURL=GuiLogoSvg.d.ts.map

package/types/GuiLogoSvg.d.ts.map

@@ -1,11 +1 @@
-{
-  "mappings": "AAAA,cAAc,WAAW;KAGpB,kBAAkB,MAAM,SAAS,iBAAiB;CACrD;;;;;;;;;;;;;AAcF,OAAO,cAAM,aAAc,EACzB,OACA,GAAG,SACF,oBAAkB,IAAI",
-  "names": [],
-  "sources": [
-    "src/GuiLogoSvg.tsx"
-  ],
-  "version": 3,
-  "sourcesContent": [
-    "import type { JSX } from 'react/jsx-runtime'\nimport { MARK_BLOCKS } from '@hanzo/logo/logos'\n\ntype GuiIconSvgProps = React.SVGProps<SVGSVGElement> & {\n  color?: string\n}\n\n/**\n * The Hanzo mark.\n *\n * This drew a duck — `<g id=\"duck\">`, pixel art, `#ECD20A` — because the fork\n * renamed the package and left the artwork. It was the mark in this site's\n * header, footer, login, 404, every doc page and its favicon.\n *\n * The geometry comes from `@hanzo/logo`, never retyped: MARK_BLOCKS is the five\n * body blocks of the block-H on its own 67 viewBox. `currentColor` by default so\n * the mark themes with the text around it rather than pinning a brand hex.\n */\nexport const GuiIconSvg = ({\n  color = 'currentColor',\n  ...props\n}: GuiIconSvgProps): JSX.Element => (\n  <svg viewBox=\"0 0 67 67\" width=\"67px\" height=\"67px\" {...props}>\n    {MARK_BLOCKS.map((d) => (\n      <path key={d} d={d} fill={color} />\n    ))}\n  </svg>\n)\n"
-  ]
-}
+{"version":3,"file":"GuiLogoSvg.d.ts","sourceRoot":"","sources":["../src/GuiLogoSvg.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAG5C,KAAK,eAAe,GAAG,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,GAAG;IACrD,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED;;;;;;;;;;GAUG;AACH,eAAO,MAAM,UAAU,wBAGpB,eAAe,KAAG,GAAG,CAAC,OAMxB,CAAA"}

package/types/LogoIcon.d.ts

@@ -1,7 +1,6 @@
-import type { JSX } from "react/jsx-runtime";
-export declare const LogoIcon: ({ downscale, color }: {
-	downscale?: number;
-	color?: string;
+import type { JSX } from 'react/jsx-runtime';
+export declare const LogoIcon: ({ downscale, color, }: {
+    downscale?: number;
+    color?: string;
 }) => JSX.Element;
-
 //# sourceMappingURL=LogoIcon.d.ts.map

package/types/LogoIcon.d.ts.map

@@ -1,11 +1 @@
-{
-  "mappings": "AAEA,cAAc,WAAW;AAEzB,OAAO,cAAM,WAAY,EACvB,WACA,SACC;CACD;CACA;MACE,IAAI",
-  "names": [],
-  "sources": [
-    "src/LogoIcon.tsx"
-  ],
-  "version": 3,
-  "sourcesContent": [
-    "import { YStack } from '@hanzo/gui'\nimport { GuiIconSvg } from './GuiLogoSvg'\nimport type { JSX } from 'react/jsx-runtime'\n\nexport const LogoIcon = ({\n  downscale = 2,\n  color,\n}: {\n  downscale?: number\n  color?: string\n}): JSX.Element => {\n  return (\n    <YStack\n      render=\"span\"\n      className=\"unselectable\"\n      alignSelf=\"center\"\n      marginVertical={-10}\n      pressStyle={{\n        opacity: 0.7,\n        scaleX: -1,\n      }}\n    >\n      <GuiIconSvg\n        className=\"hanzogui-icon\"\n        width={440 / 8 / downscale}\n        height={440 / 8 / downscale}\n        color={color}\n      />\n    </YStack>\n  )\n}\n"
-  ]
-}
+{"version":3,"file":"LogoIcon.d.ts","sourceRoot":"","sources":["../src/LogoIcon.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE5C,eAAO,MAAM,QAAQ,0BAGlB;IACD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,KAAG,GAAG,CAAC,OAoBP,CAAA"}

package/types/LogoWords.d.ts

@@ -1,8 +1,7 @@
-import React from "react";
-import type { XStackProps } from "@hanzo/gui";
+import React from 'react';
+import type { XStackProps } from '@hanzo/gui';
 export declare const LogoWords: React.MemoExoticComponent<({ downscale, animated, ...props }: XStackProps & {
-	downscale?: number;
-	animated?: boolean;
-}) => import("react/jsx-runtime").JSX.Element>;
-
+    downscale?: number;
+    animated?: boolean;
+}) => import('react/jsx-runtime').JSX.Element>;
 //# sourceMappingURL=LogoWords.d.ts.map

package/types/LogoWords.d.ts.map

@@ -1,11 +1 @@
-{
-  "mappings": "AACA,OAAO,WAAoC;AAC3C,cAAc,mBAAmB;AA0BjC,OAAO,cAAM,WAAW,MAAM,qBAC3B,EACC,WACA,UACA,GAAG,SACF,cAAc;CACf;CACA;aACW",
-  "names": [],
-  "sources": [
-    "src/LogoWords.tsx"
-  ],
-  "version": 3,
-  "sourcesContent": [
-    "import type { LayoutValue } from '@hanzogui/use-element-layout'\nimport React, { useEffect, useState } from 'react'\nimport type { XStackProps } from '@hanzo/gui'\nimport { Circle, XStack } from '@hanzo/gui'\nimport { WORDMARKS } from '@hanzo/logo/wordmarks'\nimport { useTint } from './useTint'\n\n/**\n * The wordmark.\n *\n * This drew T-A-M-A-G-U-I: seven pixel-art letter polygons on a 373x41 box,\n * each tinted from a seven-colour table, with the hover strip split into seven\n * sections and the dot stepped by a constant fitted to those letters. The fork\n * renamed the package and kept the artwork, so the site's own name was another\n * company's.\n *\n * It renders the outlined Hanzo wordmark from @hanzo/logo now — real paths cut\n * from Zen, so it needs no font loaded and cannot drift from the wordmark every\n * other Hanzo surface uses.\n *\n * The tint interaction stays, because it is a feature rather than a piece of\n * the old wordmark — but it is no longer DIMENSIONED to seven letters. The\n * strip divides by however many tints there are, and the dot rides the same\n * fraction, so the two agree whatever that number becomes.\n */\nconst WORDMARK = WORDMARKS['Hanzo']\nconst [WM_X, WM_Y, WM_W, WM_H] = WORDMARK.box\n\nexport const LogoWords: React.MemoExoticComponent<\n  ({\n    downscale,\n    animated,\n    ...props\n  }: XStackProps & {\n    downscale?: number\n    animated?: boolean\n  }) => import('react/jsx-runtime').JSX.Element\n> = React.memo(({ downscale = 1, animated, ...props }) => {\n  const Tint = useTint()\n  const [hovered, setHovered] = React.useState(false)\n  const [mounted, setMounted] = React.useState<'start' | 'animate' | 'done'>('start')\n\n  const { tintIndex: index } = Tint\n  const sections = Tint.tints.length\n\n  useEffect(() => {\n    const idle = window.requestIdleCallback || setTimeout\n    idle(() => {\n      setTimeout(() => {\n        setMounted('animate')\n      }, 50)\n\n      setTimeout(() => {\n        setMounted('done')\n      }, 1500)\n    })\n  }, [])\n\n  useEffect(() => {\n    const handleKeyDown = (event: KeyboardEvent) => {\n      const i = Number.parseInt(event.key, 10) - 1 // Convert key to index (0-based)\n      if (!Number.isNaN(i) && i >= 0 && i < Tint.tints.length) {\n        Tint.setTintIndex(i)\n      }\n    }\n\n    window.addEventListener('keydown', handleKeyDown)\n\n    return () => {\n      window.removeEventListener('keydown', handleKeyDown)\n    }\n  }, [Tint])\n\n  const [layout, setLayout] = useState<LayoutValue>()\n\n  // The mark is one ink; the tint shows through the dot rather than by\n  // recolouring letters, which is what the seven-colour table did.\n  const fill = hovered ? `var(--${Tint.tints[index]}9)` : 'var(--color12)'\n\n  const width = 373 * (1 / downscale) * 0.3333333\n  const height = (width * WM_H) / WM_W\n  // the dot sits over the section the current tint owns\n  const dotX = Math.round((width / sections) * (index + 0.5))\n\n  return (\n    <XStack\n      onMouseEnter={() => setHovered(true)}\n      onMouseLeave={() => setHovered(false)}\n      paddingVertical=\"$2\"\n      data-tauri-drag-region\n      marginVertical=\"$-2\"\n      position=\"relative\"\n      className=\"logo-words\"\n      onLayout={(e) => {\n        setLayout(e.nativeEvent.layout as any)\n      }}\n      // @ts-ignore\n      onMouseMove={(e: MouseEvent) => {\n        if (!layout) return\n        const x = e.clientX - layout.pageX\n        const sectionWidth = layout.width / sections\n        const section = Math.min(sections - 1, Math.max(0, Math.floor(x / sectionWidth)))\n        Tint.setTintIndex(section)\n      }}\n      {...props}\n    >\n      {animated && (\n        <Circle\n          transition=\"medium\"\n          position=\"absolute\"\n          top={0}\n          left={0}\n          y={mounted === 'start' ? -30 : -4}\n          x={dotX}\n          size={4}\n          backgroundColor=\"$color12\"\n        />\n      )}\n\n      <svg\n        data-tauri-drag-region\n        role=\"img\"\n        aria-label=\"Hanzo\"\n        width={width}\n        height={height}\n        viewBox={`${WM_X} ${-WM_Y - WM_H} ${WM_W} ${WM_H}`}\n      >\n        <g transform=\"scale(1,-1)\">\n          <path d={WORDMARK.d} fill={fill} />\n        </g>\n      </svg>\n    </XStack>\n  )\n})\n"
-  ]
-}
+{"version":3,"file":"LogoWords.d.ts","sourceRoot":"","sources":["../src/LogoWords.tsx"],"names":[],"mappings":"AACA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAClD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AA0B7C,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,mBAAmB,CAC/C,CAAC,EACC,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,WAAW,GAAG;IACf,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,KAAK,OAAO,mBAAmB,EAAE,GAAG,CAAC,OAAO,CAiG7C,CAAA"}

package/types/SeasonProvider.d.ts

@@ -1,6 +1,5 @@
-import type React from "react";
-export declare function SeasonProvider({ children }: {
-	children: React.ReactNode;
+import type React from 'react';
+export declare function SeasonProvider({ children, }: {
+    children: React.ReactNode;
 }): React.ReactNode;
-
 //# sourceMappingURL=SeasonProvider.d.ts.map

package/types/SeasonProvider.d.ts.map

@@ -1,11 +1 @@
-{
-  "mappings": "AAAA,YAAY,WAAW;AAqCvB,OAAO,iBAAS,eAAe,EAC7B,YACC;CACD,UAAU,MAAM;IACd,MAAM",
-  "names": [],
-  "sources": [
-    "src/SeasonProvider.tsx"
-  ],
-  "version": 3,
-  "sourcesContent": [
-    "import type React from 'react'\nimport { useEffect } from 'react'\nimport { setTintFamily, type TintFamily } from './tints'\n\n// inline script that runs before hydration to set season class on html\n// auto-detects season from current date\nfunction getInlineScript() {\n  return `(function(){\n  var d = new Date();\n  var m = d.getMonth();\n  var day = d.getDate();\n  var season = 'hanzogui';\n\n  if (m === 11 && day >= 14) season = 'xmas';\n  else if (m === 9 && day >= 20) season = 'halloween';\n  else if (m === 2 && day >= 10 && day <= 17) season = 'stpatricks';\n  else if (m === 2 && day >= 30 || m === 3 && day <= 20) season = 'easter';\n  else if (m === 1 && day >= 7 && day <= 14) season = 'valentine';\n  else if (m === 0 && day >= 20 || m === 1 && day <= 12) season = 'lunar';\n\n  if (season !== 'hanzogui') {\n    document.documentElement.classList.add(season + '-season');\n  }\n  window.__GUI_SEASON__ = season;\n})();`\n}\n\n// syncs the tint family with the value computed by the inline script\nfunction useSeasonSync() {\n  useEffect(() => {\n    const computed = (window as any).__GUI_SEASON__ as TintFamily | undefined\n    if (computed) {\n      setTintFamily(computed)\n    }\n  }, [])\n}\n\nexport function SeasonProvider({\n  children,\n}: {\n  children: React.ReactNode\n}): React.ReactNode {\n  useSeasonSync()\n\n  return (\n    <>\n      {/* disabled because were launchig v2 and its lunar new year */}\n      {/* <script\n        suppressHydrationWarning\n        dangerouslySetInnerHTML={{\n          __html: getInlineScript(),\n        }}\n      /> */}\n      {children}\n    </>\n  )\n}\n"
-  ]
-}
+{"version":3,"file":"SeasonProvider.d.ts","sourceRoot":"","sources":["../src/SeasonProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAqC9B,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,GACT,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,GAAG,KAAK,CAAC,SAAS,CAelB"}

package/types/ThemeTint.d.ts

@@ -1,11 +1,10 @@
-import { type ThemeProps } from "@hanzogui/web";
-import type { JSX } from "react/jsx-runtime";
+import { type ThemeProps } from '@hanzogui/web';
+import type { JSX } from 'react/jsx-runtime';
 export declare const ThemeTint: ({ disable, children, ...rest }: ThemeProps & {
-	disable?: boolean;
+    disable?: boolean;
 }) => JSX.Element;
 export declare const ThemeTintAlt: ({ children, disable, offset, ...rest }: ThemeProps & {
-	disable?: boolean;
-	offset?: number;
+    disable?: boolean;
+    offset?: number;
 }) => JSX.Element;
-
 //# sourceMappingURL=ThemeTint.d.ts.map

package/types/ThemeTint.d.ts.map

@@ -1,11 +1 @@
-{
-  "mappings": "AAAA,cAAc,kBAAyB;AACvC,cAAc,WAAW;AAGzB,OAAO,cAAM,YAAa,EACxB,SACA,UACA,GAAG,QACF,aAAa;CAAE;MAAsB,IAAI;AAU5C,OAAO,cAAM,eAAgB,EAC3B,UACA,SACA,QACA,GAAG,QACF,aAAa;CAAE;CAAmB;MAAoB,IAAI",
-  "names": [],
-  "sources": [
-    "src/ThemeTint.tsx"
-  ],
-  "version": 3,
-  "sourcesContent": [
-    "import { type ThemeProps, Theme } from '@hanzogui/web'\nimport type { JSX } from 'react/jsx-runtime'\nimport { useTint } from './useTint'\n\nexport const ThemeTint = ({\n  disable,\n  children,\n  ...rest\n}: ThemeProps & { disable?: boolean }): JSX.Element => {\n  const curTint = useTint().tint\n\n  return (\n    <Theme {...rest} name={disable ? null : curTint}>\n      {children}\n    </Theme>\n  )\n}\n\nexport const ThemeTintAlt = ({\n  children,\n  disable,\n  offset = 1,\n  ...rest\n}: ThemeProps & { disable?: boolean; offset?: number }): JSX.Element => {\n  const curTint = useTint(offset).tintAlt\n  const name = disable ? null : curTint\n  return (\n    <Theme name={name} {...rest}>\n      {children}\n    </Theme>\n  )\n}\n"
-  ]
-}
+{"version":3,"file":"ThemeTint.d.ts","sourceRoot":"","sources":["../src/ThemeTint.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,UAAU,EAAS,MAAM,eAAe,CAAA;AACtD,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAG5C,eAAO,MAAM,SAAS,mCAInB,UAAU,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,KAAG,GAAG,CAAC,OAQ3C,CAAA;AAED,eAAO,MAAM,YAAY,2CAKtB,UAAU,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,KAAG,GAAG,CAAC,OAQ5D,CAAA"}

package/types/index.d.ts

@@ -1,9 +1,8 @@
-export * from "./GuiLogo";
-export * from "./LogoWords";
-export * from "./LogoIcon";
-export * from "./tints";
-export * from "./useTint";
-export * from "./ThemeTint";
-export * from "./SeasonProvider";
-
+export * from './GuiLogo.tsx';
+export * from './LogoWords.tsx';
+export * from './LogoIcon.tsx';
+export * from './tints.tsx';
+export * from './useTint.tsx';
+export * from './ThemeTint.tsx';
+export * from './SeasonProvider.tsx';
 //# sourceMappingURL=index.d.ts.map