@hanzogui/logo 8.1.1 → 8.2.1

package/dist/esm/LogoIcon.native.js

@@ -17,8 +17,8 @@ var LogoIcon = function (param) {
     },
     children: /* @__PURE__ */_jsx(GuiIconSvg, {
       className: "hanzogui-icon",
-      width: 450 / 8 / downscale,
-      height: 420 / 8 / downscale,
+      width: 440 / 8 / downscale,
+      height: 440 / 8 / downscale,
       color
     })
   });

package/dist/esm/LogoWords.mjs

@@ -1,8 +1,10 @@
 import React, { useEffect, useState } from "react";
 import { Circle, XStack } from "@hanzo/gui";
+import { WORDMARKS } from "@hanzo/logo/wordmarks";
 import { useTint } from "./useTint.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
-const defaultColors = ["var(--color12)", "var(--color12)", "var(--color12)", "var(--color12)", "var(--red9)", "var(--green9)", "var(--blue9)"];
+const WORDMARK = WORDMARKS["Hanzo"];
+const [WM_X, WM_Y, WM_W, WM_H] = WORDMARK.box;
 const LogoWords = React.memo(({
   downscale = 1,
   animated,
@@ -14,6 +16,7 @@ const LogoWords = React.memo(({
   const {
     tintIndex: index
   } = Tint;
+  const sections = Tint.tints.length;
   useEffect(() => {
     const idle = window.requestIdleCallback || setTimeout;
     idle(() => {
@@ -27,9 +30,9 @@ const LogoWords = React.memo(({
   }, []);
   useEffect(() => {
     const handleKeyDown = event => {
-      const index2 = Number.parseInt(event.key, 10) - 1;
-      if (!Number.isNaN(index2) && index2 >= 0 && index2 < Tint.tints.length) {
-        Tint.setTintIndex(index2);
+      const i = Number.parseInt(event.key, 10) - 1;
+      if (!Number.isNaN(i) && i >= 0 && i < Tint.tints.length) {
+        Tint.setTintIndex(i);
       }
     };
     window.addEventListener("keydown", handleKeyDown);
@@ -37,12 +40,11 @@ const LogoWords = React.memo(({
       window.removeEventListener("keydown", handleKeyDown);
     };
   }, [Tint]);
-  const getColor = i => {
-    if (hovered) return `var(--${Tint.tints[i]}9)`;
-    return defaultColors[i];
-  };
-  const x = Math.round(index * 18.5 + 18 / 2 * (index / defaultColors.length) + 3 + (index === 6 ? -3 : 0));
   const [layout, setLayout] = useState();
+  const fill = hovered ? `var(--${Tint.tints[index]}9)` : "var(--color12)";
+  const width = 373 * (1 / downscale) * 0.3333333;
+  const height = width * WM_H / WM_W;
+  const dotX = Math.round(width / sections * (index + 0.5));
   return /* @__PURE__ */jsxs(XStack, {
     onMouseEnter: () => setHovered(true),
     onMouseLeave: () => setHovered(false),
@@ -56,9 +58,9 @@ const LogoWords = React.memo(({
     },
     onMouseMove: e => {
       if (!layout) return;
-      const x2 = e.clientX - layout.pageX;
-      const sectionWidth = layout.width / 7;
-      const section = Math.min(6, Math.floor(x2 / sectionWidth));
+      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,
@@ -68,49 +70,23 @@ const LogoWords = React.memo(({
       top: 0,
       left: 0,
       y: mounted === "start" ? -30 : -4,
-      x,
+      x: dotX,
       size: 4,
       backgroundColor: "$color12"
-    }), /* @__PURE__ */jsxs("svg", {
+    }), /* @__PURE__ */jsx("svg", {
       "data-tauri-drag-region": true,
-      width: 373 * (1 / downscale) * 0.3333333,
-      height: 41 * (1 / downscale) * 0.3333333,
-      viewBox: "0 0 373 41",
-      children: [/* @__PURE__ */jsx("polygon", {
-        "data-tauri-drag-region": true,
-        shapeRendering: "crispEdges",
-        fill: getColor(0),
-        points: "24.3870968 40.1612903 24.3870968 8.67741935 32.2580645 8.67741935 32.2580645 0.806451613 0.774193548 0.806451613 0.774193548 8.67741935 8.64516129 8.67741935 8.64516129 40.1612903"
-      }), /* @__PURE__ */jsx("path", {
-        shapeRendering: "crispEdges",
-        fill: getColor(1),
-        d: "M87.3548387,0.806451613 L87.3548387,8.67741935 L95.2258065,8.67741935 L95.2258065,40.1612903 L79.483871,40.1612903 L79.483871,24.4193548 L71.6129032,24.4193548 L71.6129032,40.1612903 L55.8709677,40.1612903 L55.8709677,8.67741935 L63.7419355,8.67741935 L63.7419355,0.806451613 L87.3548387,0.806451613 Z M79.483871,8.67741935 L71.6129032,8.67741935 L71.6129032,16.5483871 L79.483871,16.5483871 L79.483871,8.67741935 Z",
-        fillRule: "nonzero"
-      }), /* @__PURE__ */jsx("polygon", {
-        "data-tauri-drag-region": true,
-        shapeRendering: "crispEdges",
-        fill: getColor(2),
-        points: "130.645161 40.1612903 130.645161 22.4516129 138.516129 22.4516129 138.516129 40.1612903 154.258065 40.1612903 154.258065 0.806451613 142.451613 0.806451613 142.451613 8.67741935 126.709677 8.67741935 126.709677 0.806451613 114.903226 0.806451613 114.903226 40.1612903"
-      }), /* @__PURE__ */jsx("path", {
-        fill: getColor(3),
-        d: "M205.419355,0.806451613 L205.419355,8.67741935 L213.290323,8.67741935 L213.290323,40.1612903 L197.548387,40.1612903 L197.548387,24.4193548 L189.677419,24.4193548 L189.677419,40.1612903 L173.935484,40.1612903 L173.935484,8.67741935 L181.806452,8.67741935 L181.806452,0.806451613 L205.419355,0.806451613 Z M197.548387,8.67741935 L189.677419,8.67741935 L189.677419,16.5483871 L197.548387,16.5483871 L197.548387,8.67741935 Z",
-        fillRule: "nonzero"
-      }), /* @__PURE__ */jsx("polygon", {
-        "data-tauri-drag-region": true,
-        shapeRendering: "crispEdges",
-        fill: getColor(4),
-        points: "264.451613 40.1612903 264.451613 32.2903226 272.322581 32.2903226 272.322581 16.5483871 256.580645 16.5483871 256.580645 32.2903226 248.709677 32.2903226 248.709677 8.67741935 272.322581 8.67741935 272.322581 0.806451613 240.83871 0.806451613 240.83871 8.67741935 232.967742 8.67741935 232.967742 32.2903226 240.83871 32.2903226 240.83871 40.1612903"
-      }), /* @__PURE__ */jsx("polygon", {
-        "data-tauri-drag-region": true,
-        shapeRendering: "crispEdges",
-        fill: getColor(5),
-        points: "323.483871 40.1612903 323.483871 32.2903226 331.354839 32.2903226 331.354839 0.806451613 315.612903 0.806451613 315.612903 32.2903226 307.741935 32.2903226 307.741935 0.806451613 292 0.806451613 292 32.2903226 299.870968 32.2903226 299.870968 40.1612903"
-      }), /* @__PURE__ */jsx("polygon", {
-        "data-tauri-drag-region": true,
-        shapeRendering: "crispEdges",
-        fill: getColor(6),
-        points: "372.677419 40.1612903 372.677419 0.806451613 356.935484 0.806451613 356.935484 40.1612903"
-      })]
+      role: "img",
+      "aria-label": "Hanzo",
+      width,
+      height,
+      viewBox: `${WM_X} ${-WM_Y - WM_H} ${WM_W} ${WM_H}`,
+      children: /* @__PURE__ */jsx("g", {
+        transform: "scale(1,-1)",
+        children: /* @__PURE__ */jsx("path", {
+          d: WORDMARK.d,
+          fill
+        })
+      })
     })]
   });
 });

package/dist/esm/LogoWords.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","useState","Circle","XStack","useTint","jsx","jsxs","defaultColors","LogoWords","memo","downscale","animated","props","Tint","hovered","setHovered","mounted","setMounted","tintIndex","index","idle","window","requestIdleCallback","setTimeout","handleKeyDown","event","Number","parseInt","key","isNaN","index2","tints","length","setTintIndex","addEventListener","removeEventListener","getColor","i","x","Math","round","layout","setLayout","onMouseEnter","onMouseLeave","paddingVertical","marginVertical","position","className","onLayout","e","nativeEvent","onMouseMove","clientX","pageX","sectionWidth","width","section","min","floor","children","transition","top","left","y","size","backgroundColor","height","viewBox","shapeRendering","fill","points","d","fillRule"],"sources":["../../src/LogoWords.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useEffect","useState","Circle","XStack","WORDMARKS","useTint","jsx","jsxs","WORDMARK","WM_X","WM_Y","WM_W","WM_H","box","LogoWords","memo","downscale","animated","props","Tint","hovered","setHovered","mounted","setMounted","tintIndex","index","sections","tints","length","idle","window","requestIdleCallback","setTimeout","handleKeyDown","event","i","Number","parseInt","key","isNaN","setTintIndex","addEventListener","removeEventListener","layout","setLayout","fill","width","height","dotX","Math","round","onMouseEnter","onMouseLeave","paddingVertical","marginVertical","position","className","onLayout","e","nativeEvent","onMouseMove","x","clientX","pageX","sectionWidth","section","min","max","floor","children","transition","top","left","y","size","backgroundColor","role","viewBox","transform","d"],"sources":["../../src/LogoWords.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/LogoWords.native.js

@@ -1,8 +1,10 @@
 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.native.js";
-var defaultColors = ["var(--color12)", "var(--color12)", "var(--color12)", "var(--color12)", "var(--red9)", "var(--green9)", "var(--blue9)"];
+var WORDMARK = WORDMARKS["Hanzo"];
+var [WM_X, WM_Y, WM_W, WM_H] = WORDMARK.box;
 var LogoWords = /* @__PURE__ */React.memo(function (param) {
   var {
     downscale = 1,
@@ -15,6 +17,7 @@ var LogoWords = /* @__PURE__ */React.memo(function (param) {
   var {
     tintIndex: index
   } = Tint;
+  var sections = Tint.tints.length;
   useEffect(function () {
     var idle = window.requestIdleCallback || setTimeout;
     idle(function () {
@@ -28,9 +31,9 @@ var LogoWords = /* @__PURE__ */React.memo(function (param) {
   }, []);
   useEffect(function () {
     var handleKeyDown = function (event) {
-      var index2 = Number.parseInt(event.key, 10) - 1;
-      if (!Number.isNaN(index2) && index2 >= 0 && index2 < Tint.tints.length) {
-        Tint.setTintIndex(index2);
+      var i = Number.parseInt(event.key, 10) - 1;
+      if (!Number.isNaN(i) && i >= 0 && i < Tint.tints.length) {
+        Tint.setTintIndex(i);
       }
     };
     window.addEventListener("keydown", handleKeyDown);
@@ -38,12 +41,11 @@ var LogoWords = /* @__PURE__ */React.memo(function (param) {
       window.removeEventListener("keydown", handleKeyDown);
     };
   }, [Tint]);
-  var getColor = function (i) {
-    if (hovered) return `var(--${Tint.tints[i]}9)`;
-    return defaultColors[i];
-  };
-  var x = Math.round(index * 18.5 + 18 / 2 * (index / defaultColors.length) + 3 + (index === 6 ? -3 : 0));
   var [layout, setLayout] = useState();
+  var fill = hovered ? `var(--${Tint.tints[index]}9)` : "var(--color12)";
+  var width = 373 * (1 / downscale) * 0.3333333;
+  var height = width * WM_H / WM_W;
+  var dotX = Math.round(width / sections * (index + 0.5));
   return /* @__PURE__ */_jsxs(XStack, {
     onMouseEnter: function () {
       return setHovered(true);
@@ -62,9 +64,9 @@ var LogoWords = /* @__PURE__ */React.memo(function (param) {
     // @ts-ignore
     onMouseMove: function (e) {
       if (!layout) return;
-      var x2 = e.clientX - layout.pageX;
-      var sectionWidth = layout.width / 7;
-      var section = Math.min(6, Math.floor(x2 / sectionWidth));
+      var x = e.clientX - layout.pageX;
+      var sectionWidth = layout.width / sections;
+      var section = Math.min(sections - 1, Math.max(0, Math.floor(x / sectionWidth)));
       Tint.setTintIndex(section);
     },
     ...props,
@@ -74,68 +76,23 @@ var LogoWords = /* @__PURE__ */React.memo(function (param) {
       top: 0,
       left: 0,
       y: mounted === "start" ? -30 : -4,
-      // the last i is less wide
-      x,
+      x: dotX,
       size: 4,
       backgroundColor: "$color12"
-    }), /* @__PURE__ */_jsxs("svg", {
+    }), /* @__PURE__ */_jsx("svg", {
       "data-tauri-drag-region": true,
-      width: 373 * (1 / downscale) * 0.3333333,
-      height: 41 * (1 / downscale) * 0.3333333,
-      viewBox: "0 0 373 41",
-      children: [/* @__PURE__ */_jsx("polygon", {
-        "data-tauri-drag-region": true,
-        shapeRendering: "crispEdges",
-        fill: getColor(0),
-        points: "24.3870968 40.1612903 24.3870968 8.67741935 32.2580645 8.67741935 32.2580645 0.806451613 0.774193548 0.806451613 0.774193548 8.67741935 8.64516129 8.67741935 8.64516129 40.1612903"
-      }),
-      // onMouseEnter={() => Tint.setTintIndex(0)}
-      /* @__PURE__ */
-      _jsx("path", {
-        shapeRendering: "crispEdges",
-        fill: getColor(1),
-        d: "M87.3548387,0.806451613 L87.3548387,8.67741935 L95.2258065,8.67741935 L95.2258065,40.1612903 L79.483871,40.1612903 L79.483871,24.4193548 L71.6129032,24.4193548 L71.6129032,40.1612903 L55.8709677,40.1612903 L55.8709677,8.67741935 L63.7419355,8.67741935 L63.7419355,0.806451613 L87.3548387,0.806451613 Z M79.483871,8.67741935 L71.6129032,8.67741935 L71.6129032,16.5483871 L79.483871,16.5483871 L79.483871,8.67741935 Z",
-        fillRule: "nonzero"
-      }),
-      // onMouseEnter={() => Tint.setTintIndex(1)}
-      /* @__PURE__ */
-      _jsx("polygon", {
-        "data-tauri-drag-region": true,
-        shapeRendering: "crispEdges",
-        fill: getColor(2),
-        points: "130.645161 40.1612903 130.645161 22.4516129 138.516129 22.4516129 138.516129 40.1612903 154.258065 40.1612903 154.258065 0.806451613 142.451613 0.806451613 142.451613 8.67741935 126.709677 8.67741935 126.709677 0.806451613 114.903226 0.806451613 114.903226 40.1612903"
-      }),
-      // onMouseEnter={() => Tint.setTintIndex(2)}
-      /* @__PURE__ */
-      _jsx("path", {
-        fill: getColor(3),
-        d: "M205.419355,0.806451613 L205.419355,8.67741935 L213.290323,8.67741935 L213.290323,40.1612903 L197.548387,40.1612903 L197.548387,24.4193548 L189.677419,24.4193548 L189.677419,40.1612903 L173.935484,40.1612903 L173.935484,8.67741935 L181.806452,8.67741935 L181.806452,0.806451613 L205.419355,0.806451613 Z M197.548387,8.67741935 L189.677419,8.67741935 L189.677419,16.5483871 L197.548387,16.5483871 L197.548387,8.67741935 Z",
-        fillRule: "nonzero"
-      }),
-      // onMouseEnter={() => Tint.setTintIndex(3)}
-      /* @__PURE__ */
-      _jsx("polygon", {
-        "data-tauri-drag-region": true,
-        shapeRendering: "crispEdges",
-        fill: getColor(4),
-        points: "264.451613 40.1612903 264.451613 32.2903226 272.322581 32.2903226 272.322581 16.5483871 256.580645 16.5483871 256.580645 32.2903226 248.709677 32.2903226 248.709677 8.67741935 272.322581 8.67741935 272.322581 0.806451613 240.83871 0.806451613 240.83871 8.67741935 232.967742 8.67741935 232.967742 32.2903226 240.83871 32.2903226 240.83871 40.1612903"
-      }),
-      // onMouseEnter={() => Tint.setTintIndex(4)}
-      /* @__PURE__ */
-      _jsx("polygon", {
-        "data-tauri-drag-region": true,
-        shapeRendering: "crispEdges",
-        fill: getColor(5),
-        points: "323.483871 40.1612903 323.483871 32.2903226 331.354839 32.2903226 331.354839 0.806451613 315.612903 0.806451613 315.612903 32.2903226 307.741935 32.2903226 307.741935 0.806451613 292 0.806451613 292 32.2903226 299.870968 32.2903226 299.870968 40.1612903"
-      }),
-      // onMouseEnter={() => Tint.setTintIndex(5)}
-      /* @__PURE__ */
-      _jsx("polygon", {
-        "data-tauri-drag-region": true,
-        shapeRendering: "crispEdges",
-        fill: getColor(6),
-        points: "372.677419 40.1612903 372.677419 0.806451613 356.935484 0.806451613 356.935484 40.1612903"
-      })]
+      role: "img",
+      "aria-label": "Hanzo",
+      width,
+      height,
+      viewBox: `${WM_X} ${-WM_Y - WM_H} ${WM_W} ${WM_H}`,
+      children: /* @__PURE__ */_jsx("g", {
+        transform: "scale(1,-1)",
+        children: /* @__PURE__ */_jsx("path", {
+          d: WORDMARK.d,
+          fill
+        })
+      })
     })]
   });
 });

package/dist/esm/LogoWords.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","React","useEffect","useState","Circle","XStack","useTint","defaultColors","LogoWords","memo","param","downscale","animated","props","Tint","hovered","setHovered","mounted","setMounted","tintIndex","index","idle","window","requestIdleCallback","setTimeout","handleKeyDown","event","index2","Number","parseInt","key","isNaN","tints","length","setTintIndex","addEventListener","removeEventListener","getColor","i","x","Math","round","layout","setLayout","onMouseEnter","onMouseLeave","paddingVertical","marginVertical","position","className","onLayout","e","nativeEvent","onMouseMove","x2","clientX","pageX","sectionWidth","width","section","min","floor","children","transition","top","left","y","size","backgroundColor","height","viewBox","shapeRendering","fill","points","d","fillRule"],"sources":["../../src/LogoWords.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"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":[]}

package/dist/esm/tints.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["React","listeners","Set","familiesValues","hanzogui","xmas","easter","halloween","valentine","lunar","stpatricks","DEFAULT_FAMILY","familiesNames","Object","keys","families","fam","getTints","name","tints","useTints","val","setVal","useState","useEffect","onTintFamilyChange","startTransition","setTintFamily","next","document","root","documentElement","classList","forEach","s","remove","add","l","setNextTintFamily","indexOf","length","cb","delete"],"sources":["../../src/tints.tsx"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,MAAW;AAKlB,MAAMC,SAAA,GAAY,mBAAIC,GAAA,CAAmB;AAIzC,MAAMC,cAAA,GAAiB;EACrBC,QAAA,EAAU,CAAC,UAAU,UAAU,UAAU,QAAQ,OAAO,SAAS,MAAM;EACvEC,IAAA,EAAM,CAAC,OAAO,SAAS,OAAO,SAAS,OAAO,SAAS,KAAK;EAC5DC,MAAA,EAAQ,CACN,UACA,UACA,UACA,UACA,UACA,UACA,SACF;EACAC,SAAA,EAAW,CACT,UACA,QACA,UACA,QACA,UACA,QACA,SACF;EACAC,SAAA,EAAW,CAAC,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,KAAK;EAC3DC,KAAA,EAAO,CAAC,UAAU,OAAO,OAAO,OAAO,OAAO,OAAO,QAAQ;EAC7DC,UAAA,EAAY,CACV,SACA,UACA,SACA,UACA,SACA,UACA;AAEJ;AAIA,MAAMC,cAAA,GAAyB;AAE/B,MAAMC,aAAA,GAAgBC,MAAA,CAAOC,IAAA,CAAKX,cAAc;AAGhD,MAAMY,QAAA,GAAWZ,cAAA;AAIjB,IAAIa,GAAA,GAAkBL,cAAA;AAEf,SAASM,SAAA,EAId;EACA,OAAO;IACLC,IAAA,EAAMF,GAAA,IAAOL,cAAA;IACbQ,KAAA,EAAOJ,QAAA,CAASC,GAAG,KAAKD,QAAA,CAASX,QAAA;IACjCW;EACF;AACF;AAEO,SAASK,SAAA,EAId;EACA,MAAM,CAACC,GAAA,EAAKC,MAAM,IAAItB,KAAA,CAAMuB,QAAA,CAASN,QAAA,CAAS,CAAC;EAE/CjB,KAAA,CAAMwB,SAAA,CAAU,MAAM;IACpB,OAAOC,kBAAA,CAAmB,MAAM;MAC9BzB,KAAA,CAAM0B,eAAA,CAAgB,MAAM;QAC1BJ,MAAA,CAAOL,QAAA,CAAS,CAAC;MACnB,CAAC;IACH,CAAC;EACH,GAAG,EAAE;EAEL,OAAOI,GAAA;AACT;AAEO,SAASM,cAAcC,IAAA,EAAwB;EACpD,IAAI,CAACb,QAAA,CAASa,IAAI,GAAG,MAAM;EAC3BZ,GAAA,GAAMY,IAAA;EAGN,IAAI,OAAOC,QAAA,KAAa,aAAa;IACnC,MAAMC,IAAA,GAAOD,QAAA,CAASE,eAAA,CAAgBC,SAAA;IAEtCpB,aAAA,CAAcqB,OAAA,CAASC,CAAA,IAAM;MAC3B,IAAIA,CAAA,KAAM,YAAY;QACpBJ,IAAA,CAAKK,MAAA,CAAO,GAAGD,CAAC,SAAS;MAC3B;IACF,CAAC;IAED,IAAIN,IAAA,KAAS,YAAY;MACvBE,IAAA,CAAKM,GAAA,CAAI,GAAGR,IAAI,SAAS;IAC3B;EACF;EAEA5B,KAAA,CAAM0B,eAAA,CAAgB,MAAM;IAC1BzB,SAAA,CAAUgC,OAAA,CAASI,CAAA,IAAMA,CAAA,CAAET,IAAI,CAAC;EAClC,CAAC;AACH;AAEO,MAAMU,iBAAA,GAAoBA,CAAA,KAAY;EAC3CX,aAAA,CAAcf,aAAA,EAAeA,aAAA,CAAc2B,OAAA,CAAQvB,GAAG,IAAI,KAAKJ,aAAA,CAAc4B,MAAM,CAAC;AACtF;AAEO,MAAMf,kBAAA,GAAsBgB,EAAA,IAAsB;EACvDxC,SAAA,CAAUmC,GAAA,CAAIK,EAAE;EAChB,OAAO,MAAY;IACjBxC,SAAA,CAAUyC,MAAA,CAAOD,EAAE;EACrB;AACF","ignoreList":[]}
+{"version":3,"names":["React","listeners","Set","familiesValues","hanzogui","xmas","easter","halloween","valentine","lunar","stpatricks","DEFAULT_FAMILY","familiesNames","Object","keys","families","fam","getTints","name","tints","useTints","val","setVal","useState","useEffect","onTintFamilyChange","startTransition","setTintFamily","next","document","root","documentElement","classList","forEach","s","remove","add","l","setNextTintFamily","indexOf","length","cb","delete"],"sources":["../../src/tints.tsx"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,MAAW;AAKlB,MAAMC,SAAA,GAAY,mBAAIC,GAAA,CAAmB;AAMzC,MAAMC,cAAA,GAAiB;EACrBC,QAAA,EAAU,CAAC,UAAU,UAAU,UAAU,QAAQ,OAAO,SAAS,MAAM;EACvEC,IAAA,EAAM,CAAC,OAAO,SAAS,OAAO,SAAS,OAAO,SAAS,KAAK;EAC5DC,MAAA,EAAQ,CACN,UACA,UACA,UACA,UACA,UACA,UACA,SACF;EACAC,SAAA,EAAW,CACT,UACA,QACA,UACA,QACA,UACA,QACA,SACF;EACAC,SAAA,EAAW,CAAC,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,KAAK;EAC3DC,KAAA,EAAO,CAAC,UAAU,OAAO,OAAO,OAAO,OAAO,OAAO,QAAQ;EAC7DC,UAAA,EAAY,CACV,SACA,UACA,SACA,UACA,SACA,UACA;AAEJ;AAIA,MAAMC,cAAA,GAAyB;AAE/B,MAAMC,aAAA,GAAgBC,MAAA,CAAOC,IAAA,CAAKX,cAAc;AAGhD,MAAMY,QAAA,GAAWZ,cAAA;AAIjB,IAAIa,GAAA,GAAkBL,cAAA;AAEf,SAASM,SAAA,EAId;EACA,OAAO;IACLC,IAAA,EAAMF,GAAA,IAAOL,cAAA;IACbQ,KAAA,EAAOJ,QAAA,CAASC,GAAG,KAAKD,QAAA,CAASX,QAAA;IACjCW;EACF;AACF;AAEO,SAASK,SAAA,EAId;EACA,MAAM,CAACC,GAAA,EAAKC,MAAM,IAAItB,KAAA,CAAMuB,QAAA,CAASN,QAAA,CAAS,CAAC;EAE/CjB,KAAA,CAAMwB,SAAA,CAAU,MAAM;IACpB,OAAOC,kBAAA,CAAmB,MAAM;MAC9BzB,KAAA,CAAM0B,eAAA,CAAgB,MAAM;QAC1BJ,MAAA,CAAOL,QAAA,CAAS,CAAC;MACnB,CAAC;IACH,CAAC;EACH,GAAG,EAAE;EAEL,OAAOI,GAAA;AACT;AAEO,SAASM,cAAcC,IAAA,EAAwB;EACpD,IAAI,CAACb,QAAA,CAASa,IAAI,GAAG,MAAM;EAC3BZ,GAAA,GAAMY,IAAA;EAGN,IAAI,OAAOC,QAAA,KAAa,aAAa;IACnC,MAAMC,IAAA,GAAOD,QAAA,CAASE,eAAA,CAAgBC,SAAA;IAEtCpB,aAAA,CAAcqB,OAAA,CAASC,CAAA,IAAM;MAC3B,IAAIA,CAAA,KAAM,YAAY;QACpBJ,IAAA,CAAKK,MAAA,CAAO,GAAGD,CAAC,SAAS;MAC3B;IACF,CAAC;IAED,IAAIN,IAAA,KAAS,YAAY;MACvBE,IAAA,CAAKM,GAAA,CAAI,GAAGR,IAAI,SAAS;IAC3B;EACF;EAEA5B,KAAA,CAAM0B,eAAA,CAAgB,MAAM;IAC1BzB,SAAA,CAAUgC,OAAA,CAASI,CAAA,IAAMA,CAAA,CAAET,IAAI,CAAC;EAClC,CAAC;AACH;AAEO,MAAMU,iBAAA,GAAoBA,CAAA,KAAY;EAC3CX,aAAA,CAAcf,aAAA,EAAeA,aAAA,CAAc2B,OAAA,CAAQvB,GAAG,IAAI,KAAKJ,aAAA,CAAc4B,MAAM,CAAC;AACtF;AAEO,MAAMf,kBAAA,GAAsBgB,EAAA,IAAsB;EACvDxC,SAAA,CAAUmC,GAAA,CAAIK,EAAE;EAChB,OAAO,MAAY;IACjBxC,SAAA,CAAUyC,MAAA,CAAOD,EAAE;EACrB;AACF","ignoreList":[]}

package/dist/esm/tints.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","listeners","Set","familiesValues","hanzogui","xmas","easter","halloween","valentine","lunar","stpatricks","DEFAULT_FAMILY","familiesNames","Object","keys","families","fam","getTints","name","tints","useTints","val","setVal","useState","useEffect","onTintFamilyChange","startTransition"],"sources":["../../src/tints.tsx"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,MAAW;AAKlB,IAAAC,SAAM,kBAAY,IAAAC,GAAI;AAItB,IAAAC,cAAM;EACJC,QAAA,EAAU,CACV,QAAO,EACP,QAAQ,EACN,UACA,QACA,OACA,SACA;EACAC,IACA,GACF,OACA,SACE,OACA,SACA,OACA,SACA;EACAC,MACA,GACF,UACA,UACA,QAAQ,EACR,UACE,UACA,UACA;EACAC,SACA,GACA,UACA,QACF,UACF,QAIA,QAAM,EAEN,MAAM,EAGN,QAAM,CAIN;EAEOC,SAAS,GAKd,KAAO,EACL,OACA,OACA,OACF,OACF,OAEO,KAAS,CAKd;EAEAC,KAAA,EAAM,CACJ,QAAO,EACL,OACE,OAAiB,KAClB,EACH,KAAC,EACH,KAAK,EAEL,QAAO,CACT;EAEOC,UAAS,GACd,OAAK,EACL,QAAM,EAGN,OAAI,EACF,QAAM,EAEN,SACE,QAAI,EACF;AACF;AAGF,IAAAC,cAAa,aAAY;AACvB,IAAAC,aAAS,GAAGC,MAAI,CAAAC,IAAS,CAAAX,cAAA;AAAA,IAC3BY,QAAA,GAAAZ,cAAA;AAAA,IACFa,GAAA,GAAAL,cAAA;AAEA,SAAMM,SAAA;EACJ;IACDC,IAAA,EAAAF,GAAA,IAAAL,cAAA;IACHQ,KAAA,EAAAJ,QAAA,CAAAC,GAAA,KAAAD,QAAA,CAAAX,QAAA;IAEOW;EACL;AACF;AAEO,SAAMK,SAAA;EACX,KAAAC,GAAA,EAAUC,MAAM,IAAAtB,KAAA,CAAAuB,QAAA,CAAAN,QAAA;EAChBjB,KAAA,CAAAwB,SAAmB;IACjB,OAAAC,kBAAmB;MACrBzB,KAAA,CAAA0B,eAAA;QACFJ,MAAA,CAAAL,QAAA","ignoreList":[]}
+{"version":3,"names":["React","listeners","Set","familiesValues","hanzogui","xmas","easter","halloween","valentine","lunar","stpatricks","DEFAULT_FAMILY","familiesNames","Object","keys","families","fam","getTints","name","tints","useTints","val","setVal","useState","useEffect","onTintFamilyChange","startTransition"],"sources":["../../src/tints.tsx"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,MAAW;AAKlB,IAAAC,SAAM,kBAAY,IAAAC,GAAI;AAMtB,IAAAC,cAAM;EACJC,QAAA,EAAU,CACV,QAAO,EACP,QAAQ,EACN,UACA,QACA,OACA,SACA;EACAC,IACA,GACF,OACA,SACE,OACA,SACA,OACA,SACA;EACAC,MACA,GACF,UACA,UACA,QAAQ,EACR,UACE,UACA,UACA;EACAC,SACA,GACA,UACA,QACF,UACF,QAIA,QAAM,EAEN,MAAM,EAGN,QAAM,CAIN;EAEOC,SAAS,GAKd,KAAO,EACL,OACA,OACA,OACF,OACF,OAEO,KAAS,CAKd;EAEAC,KAAA,EAAM,CACJ,QAAO,EACL,OACE,OAAiB,KAClB,EACH,KAAC,EACH,KAAK,EAEL,QAAO,CACT;EAEOC,UAAS,GACd,OAAK,EACL,QAAM,EAGN,OAAI,EACF,QAAM,EAEN,SACE,QAAI,EACF;AACF;AAGF,IAAAC,cAAa,aAAY;AACvB,IAAAC,aAAS,GAAGC,MAAI,CAAAC,IAAS,CAAAX,cAAA;AAAA,IAC3BY,QAAA,GAAAZ,cAAA;AAAA,IACFa,GAAA,GAAAL,cAAA;AAEA,SAAMM,SAAA;EACJ;IACDC,IAAA,EAAAF,GAAA,IAAAL,cAAA;IACHQ,KAAA,EAAAJ,QAAA,CAAAC,GAAA,KAAAD,QAAA,CAAAX,QAAA;IAEOW;EACL;AACF;AAEO,SAAMK,SAAA;EACX,KAAAC,GAAA,EAAUC,MAAM,IAAAtB,KAAA,CAAAuB,QAAA,CAAAN,QAAA;EAChBjB,KAAA,CAAAwB,SAAmB;IACjB,OAAAC,kBAAmB;MACrBzB,KAAA,CAAA0B,eAAA;QACFJ,MAAA,CAAAL,QAAA","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hanzogui/logo",
-  "version": "8.1.1",
+  "version": "8.2.1",
   "source": "src/index.tsx",
   "files": [
     "src",
@@ -44,12 +44,13 @@
     "clean:build": "hanzogui-build clean:build"
   },
   "dependencies": {
-    "@hanzogui/use-element-layout": "8.1.1",
-    "@hanzogui/web": "8.1.1",
-    "@hanzo/gui": "8.1.1"
+    "@hanzo/gui": "8.2.1",
+    "@hanzo/logo": "^1.0.24",
+    "@hanzogui/use-element-layout": "8.2.1",
+    "@hanzogui/web": "8.2.1"
   },
   "devDependencies": {
-    "@hanzogui/build": "8.1.1",
+    "@hanzogui/build": "8.2.1",
     "react": ">=19"
   },
   "peerDependencies": {

package/src/GuiLogoSvg.tsx

@@ -1,27 +1,28 @@
 import type { JSX } from 'react/jsx-runtime'
+import { MARK_BLOCKS } from '@hanzo/logo/logos'
 
 type GuiIconSvgProps = React.SVGProps<SVGSVGElement> & {
   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.
+ */
 export const GuiIconSvg = ({
-  color = '#ECD20A',
+  color = 'currentColor',
   ...props
 }: GuiIconSvgProps): JSX.Element => (
-  <svg width="160px" height="160px" viewBox="0 0 160 160" {...props}>
-    <g id="duck" stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
-      <circle id="Oval" cx="80" cy="80" r="145"></circle>
-      <g id="Group-Copy-5">
-        <path
-          d="M10,110 L10,100 L20,100 L20,90 L30,90 L30,80 L40,80 L40,30 L50,30 L50,10 L70,10 L70,0 L120,0 L120,10 L130,10 L130,20 L140,20 L140,40 L160,40 L160,50 L150,50 L150,60 L160,60 L160,70 L150,70 L150,80 L140,80 L140,100 L150,100 L150,110 L160,110 L160,140 L150,140 L150,150 L130,150 L130,160 L40,160 L40,150 L20,150 L20,140 L10,140 L10,130 L0,130 L0,110 L10,110 Z M90,40 L80,40 L80,50 L90,50 L90,40 Z M120,30 L110,30 L110,40 L120,40 L120,30 Z"
-          id="Combined-Shape"
-          fill={color}
-        ></path>
-        <g id="Group" transform="translate(80, 30)" fill="#000000">
-          <rect id="Rectangle-Copy-117" x="0" y="10" width="10" height="10"></rect>
-          <rect id="Rectangle-Copy-141" x="30" y="0" width="10" height="10"></rect>
-        </g>
-      </g>
-    </g>
+  <svg viewBox="0 0 67 67" width="67px" height="67px" {...props}>
+    {MARK_BLOCKS.map((d) => (
+      <path key={d} d={d} fill={color} />
+    ))}
   </svg>
 )

package/src/LogoIcon.tsx

@@ -22,8 +22,8 @@ export const LogoIcon = ({
     >
       <GuiIconSvg
         className="hanzogui-icon"
-        width={450 / 8 / downscale}
-        height={420 / 8 / downscale}
+        width={440 / 8 / downscale}
+        height={440 / 8 / downscale}
         color={color}
       />
     </YStack>