@hanzogui/logo 8.3.0 → 8.3.2

package/types/index.d.ts.map

@@ -1,11 +1 @@
-{
-  "mappings": "AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc",
-  "names": [],
-  "sources": [
-    "src/index.tsx"
-  ],
-  "version": 3,
-  "sourcesContent": [
-    "export * from './GuiLogo'\nexport * from './LogoWords'\nexport * from './LogoIcon'\nexport * from './tints'\nexport * from './useTint'\nexport * from './ThemeTint'\nexport * from './SeasonProvider'\n"
-  ]
-}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA;AAC7B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,aAAa,CAAA;AAC3B,cAAc,eAAe,CAAA;AAC7B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,sBAAsB,CAAA"}

package/types/tints.d.ts

@@ -1,31 +1,32 @@
-import type { ThemeName } from "@hanzo/gui";
+import type { ThemeName } from '@hanzo/gui';
 type ChangeHandler = (next: TintFamily) => void;
 declare const familiesValues: {
-	hanzogui: ThemeName[];
-	xmas: ThemeName[];
-	easter: ThemeName[];
-	halloween: ThemeName[];
-	valentine: ThemeName[];
-	lunar: ThemeName[];
-	stpatricks: ThemeName[];
+    hanzogui: ThemeName[];
+    xmas: ThemeName[];
+    easter: ThemeName[];
+    halloween: ThemeName[];
+    valentine: ThemeName[];
+    lunar: ThemeName[];
+    stpatricks: ThemeName[];
 };
 type Family = keyof typeof familiesValues;
-type Families = { [key in Family] : ThemeName[] };
+type Families = {
+    [key in Family]: ThemeName[];
+};
 declare const families: Families;
 export type TintFamily = keyof typeof families;
 export declare function getTints(): {
-	name: string;
-	tints: ThemeName[];
-	families: Families;
+    name: string;
+    tints: ThemeName[];
+    families: Families;
 };
 export declare function useTints(): {
-	name: string;
-	tints: ThemeName[];
-	families: Families;
+    name: string;
+    tints: ThemeName[];
+    families: Families;
 };
 export declare function setTintFamily(next: TintFamily): void;
 export declare const setNextTintFamily: () => void;
 export declare const onTintFamilyChange: (cb: ChangeHandler) => () => void;
 export {};
-
 //# sourceMappingURL=tints.d.ts.map

package/types/tints.d.ts.map

@@ -1,11 +1 @@
-{
-  "mappings": "AACA,cAAc,iBAAiB;KAE1B,iBAAiB,MAAM;AAQ5B,cAAM;CACJ,UAA4E;CAC5E,MAAiE;CACjE,QAQK;CACL,WAQK;CACL,WAAgE;CAChE,OAAkE;CAClE,YAQK;;KAGF,sBAAsB;KAMtB,cAAc,OAAO,UAAS;AACnC,cAAM,UAA6B;AAEnC,YAAY,0BAA0B;AAItC,OAAO,iBAAS,YAAY;CAC1B;CACA,OAAO;CACP,UAAU;;AASZ,OAAO,iBAAS,YAAY;CAC1B;CACA,OAAO;CACP,UAAU;;AAeZ,OAAO,iBAAS,cAAc,MAAM;AAwBpC,OAAO,cAAM;AAIb,OAAO,cAAM,qBAAsB,IAAI",
-  "names": [],
-  "sources": [
-    "src/tints.tsx"
-  ],
-  "version": 3,
-  "sourcesContent": [
-    "import React from 'react'\nimport type { ThemeName } from '@hanzo/gui'\n\ntype ChangeHandler = (next: TintFamily) => void\n\nconst listeners = new Set<ChangeHandler>()\n\n// A seasonal ramp of tint stops. These used to be one entry per letter of the\n// old seven-letter wordmark, with index 3 reserved as the neutral notch; the\n// wordmark is Hanzo now and every reader indexes by `tints.length`, so the\n// length is just how many stops the ramp has.\nconst familiesValues = {\n  hanzogui: ['yellow', 'yellow', 'yellow', 'gray', 'red', 'green', 'blue'] as ThemeName[],\n  xmas: ['red', 'green', 'red', 'green', 'red', 'green', 'red'] as ThemeName[],\n  easter: [\n    'yellow',\n    'yellow',\n    'yellow',\n    'yellow',\n    'yellow',\n    'yellow',\n    'yellow',\n  ] as ThemeName[],\n  halloween: [\n    'yellow',\n    'gray',\n    'yellow',\n    'gray',\n    'yellow',\n    'gray',\n    'yellow',\n  ] as ThemeName[],\n  valentine: ['red', 'red', 'red', 'red', 'red', 'red', 'red'] as ThemeName[],\n  lunar: ['yellow', 'red', 'red', 'red', 'red', 'red', 'yellow'] as ThemeName[],\n  stpatricks: [\n    'green',\n    'yellow',\n    'green',\n    'yellow',\n    'green',\n    'yellow',\n    'green',\n  ] as ThemeName[],\n}\n\ntype Family = keyof typeof familiesValues\n\nconst DEFAULT_FAMILY: Family = 'hanzogui'\n\nconst familiesNames = Object.keys(familiesValues) as any as Family[]\n\ntype Families = { [key in Family]: ThemeName[] }\nconst families = familiesValues as Families\n\nexport type TintFamily = keyof typeof families\n\nlet fam: TintFamily = DEFAULT_FAMILY\n\nexport function getTints(): {\n  name: string\n  tints: ThemeName[]\n  families: Families\n} {\n  return {\n    name: fam || DEFAULT_FAMILY,\n    tints: families[fam] || families.hanzogui,\n    families,\n  }\n}\n\nexport function useTints(): {\n  name: string\n  tints: ThemeName[]\n  families: Families\n} {\n  const [val, setVal] = React.useState(getTints())\n\n  React.useEffect(() => {\n    return onTintFamilyChange(() => {\n      React.startTransition(() => {\n        setVal(getTints())\n      })\n    })\n  }, [])\n\n  return val\n}\n\nexport function setTintFamily(next: TintFamily): void {\n  if (!families[next]) throw `impossible`\n  fam = next\n\n  // update DOM class for CSS-based styling (e.g., rainbow gradients)\n  if (typeof document !== 'undefined') {\n    const root = document.documentElement.classList\n    // remove all season classes\n    familiesNames.forEach((s) => {\n      if (s !== 'hanzogui') {\n        root.remove(`${s}-season`)\n      }\n    })\n    // add the new one if not hanzogui\n    if (next !== 'hanzogui') {\n      root.add(`${next}-season`)\n    }\n  }\n\n  React.startTransition(() => {\n    listeners.forEach((l) => l(next))\n  })\n}\n\nexport const setNextTintFamily = (): void => {\n  setTintFamily(familiesNames[(familiesNames.indexOf(fam) + 1) % familiesNames.length])\n}\n\nexport const onTintFamilyChange = (cb: ChangeHandler) => {\n  listeners.add(cb)\n  return (): void => {\n    listeners.delete(cb)\n  }\n}\n"
-  ]
-}
+{"version":3,"file":"tints.d.ts","sourceRoot":"","sources":["../src/tints.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAA;AAE3C,KAAK,aAAa,GAAG,CAAC,IAAI,EAAE,UAAU,KAAK,IAAI,CAAA;AAQ/C,QAAA,MAAM,cAAc;IAClB,QAAQ,EAAoE,SAAS,EAAE;IACvF,IAAI,EAA6D,SAAS,EAAE;IAC5E,MAAM,EAQD,SAAS,EAAE;IAChB,SAAS,EAQJ,SAAS,EAAE;IAChB,SAAS,EAAuD,SAAS,EAAE;IAC3E,KAAK,EAA6D,SAAS,EAAE;IAC7E,UAAU,EAQL,SAAS,EAAE;CACjB,CAAA;AAED,KAAK,MAAM,GAAG,MAAM,OAAO,cAAc,CAAA;AAMzC,KAAK,QAAQ,GAAG;KAAG,GAAG,IAAI,MAAM,GAAG,SAAS,EAAE;CAAE,CAAA;AAChD,QAAA,MAAM,QAAQ,EAAqB,QAAQ,CAAA;AAE3C,MAAM,MAAM,UAAU,GAAG,MAAM,OAAO,QAAQ,CAAA;AAI9C,wBAAgB,QAAQ,IAAI;IAC1B,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,SAAS,EAAE,CAAA;IAClB,QAAQ,EAAE,QAAQ,CAAA;CACnB,CAMA;AAED,wBAAgB,QAAQ,IAAI;IAC1B,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,SAAS,EAAE,CAAA;IAClB,QAAQ,EAAE,QAAQ,CAAA;CACnB,CAYA;AAED,wBAAgB,aAAa,CAAC,IAAI,EAAE,UAAU,GAAG,IAAI,CAsBpD;AAED,eAAO,MAAM,iBAAiB,QAAO,IAEpC,CAAA;AAED,eAAO,MAAM,kBAAkB,OAAQ,aAAa,WAEvC,IAGZ,CAAA"}

package/types/useTint.d.ts

@@ -1,31 +1,30 @@
-import React from "react";
-import { type ThemeName } from "@hanzo/gui";
+import React from 'react';
+import { type ThemeName } from '@hanzo/gui';
 export declare const onTintChange: (listener: (cur: number) => void) => () => void;
 export declare const setTintIndex: (next: number) => void;
 export declare const setDisableTintTheme: (disable: boolean) => void;
 export declare const getDisableTintTheme: () => boolean;
-export declare function getDocsSection(pathname: string): "compiler" | "ui" | "core" | null;
+export declare function getDocsSection(pathname: string): 'compiler' | 'ui' | 'core' | null;
 export declare const InitialPathContext: React.Context<number>;
 export declare const useTint: (altOffset?: number) => {
-	tints: ThemeName[];
-	tintIndex: number;
-	tintAltIndex: number;
-	tint: ThemeName;
-	tintAlt: ThemeName;
-	setTintIndex: (next: number) => void;
-	setNextTintFamily: () => void;
-	setNextTint: () => void;
-	setDisableTintTheme: (disable: boolean) => void;
-	disableTintTheme: boolean;
-	name: string;
-	families: {
-		hanzogui: string[];
-		xmas: string[];
-		easter: string[];
-		halloween: string[];
-		valentine: string[];
-		lunar: string[];
-	};
+    tints: ThemeName[];
+    tintIndex: number;
+    tintAltIndex: number;
+    tint: ThemeName;
+    tintAlt: ThemeName;
+    setTintIndex: (next: number) => void;
+    setNextTintFamily: () => void;
+    setNextTint: () => void;
+    setDisableTintTheme: (disable: boolean) => void;
+    disableTintTheme: boolean;
+    name: string;
+    families: {
+        hanzogui: string[];
+        xmas: string[];
+        easter: string[];
+        halloween: string[];
+        valentine: string[];
+        lunar: string[];
+    };
 };
-
 //# sourceMappingURL=useTint.d.ts.map

package/types/useTint.d.ts.map

@@ -1,11 +1 @@
-{
-  "mappings": "AAAA,OAAO,WAA+D;AACtE,cAA+B,iBAAiB;AAShD,OAAO,cAAM,eAAgB,WAAW;AASxC,OAAO,cAAM,eAAgB;AAQ7B,OAAO,cAAM,sBAAuB;AAMpC,OAAO,cAAM;AAEb,OAAO,iBAAS,eAAe,mBAAmB,aAAa,OAAO;AAYtE,OAAO,cAAM,oBAAoB,MAAM;AAEvC,OAAO,cAAM,UACX,uBACC;CACD,OAAO;CACP;CACA;CACA,MAAM;CACN,SAAS;CACT,eAAe;CACf;CACA;CACA,sBAAsB;CACtB;CACA;CACA,UAAU;EACR;EACA;EACA;EACA;EACA;EACA",
-  "names": [],
-  "sources": [
-    "src/useTint.tsx"
-  ],
-  "version": 3,
-  "sourcesContent": [
-    "import React, { createContext, useContext, useEffect, useState } from 'react'\nimport { useDidFinishSSR, type ThemeName } from '@hanzo/gui'\nimport { getTints, setNextTintFamily, useTints } from './tints'\n\nlet current = 3\nlet disableTintTheme = false\n\nconst listeners = new Set<Function>()\nconst disableListeners = new Set<Function>()\n\nexport const onTintChange = (listener: (cur: number) => void) => {\n  listeners.add(listener)\n  return (): void => {\n    listeners.delete(listener)\n  }\n}\n\nconst numTints = getTints().tints.length\n\nexport const setTintIndex = (next: number): void => {\n  const val = Math.max(0, next % numTints)\n  if (val === current) return\n  current = val\n  listeners.forEach((x) => x(val))\n}\n\n// when true, useTint returns null for tint/tintAlt so ThemeTint doesn't apply sub-themes\nexport const setDisableTintTheme = (disable: boolean): void => {\n  if (disable === disableTintTheme) return\n  disableTintTheme = disable\n  disableListeners.forEach((x) => x(disable))\n}\n\nexport const getDisableTintTheme = (): boolean => disableTintTheme\n\nexport function getDocsSection(pathname: string): 'compiler' | 'ui' | 'core' | null {\n  return pathname === '/docs/intro/compiler-install' ||\n    pathname === '/docs/intro/benchmarks' ||\n    pathname === '/docs/intro/why-a-compiler'\n    ? 'compiler'\n    : pathname.startsWith('/ui/')\n      ? 'ui'\n      : pathname.startsWith('/docs/')\n        ? 'core'\n        : null\n}\n\nexport const InitialPathContext: React.Context<number> = createContext(3)\n\nexport const useTint = (\n  altOffset = -1\n): {\n  tints: ThemeName[]\n  tintIndex: number\n  tintAltIndex: number\n  tint: ThemeName\n  tintAlt: ThemeName\n  setTintIndex: (next: number) => void\n  setNextTintFamily: () => void\n  setNextTint: () => void\n  setDisableTintTheme: (disable: boolean) => void\n  disableTintTheme: boolean\n  name: string\n  families: {\n    hanzogui: string[]\n    xmas: string[]\n    easter: string[]\n    halloween: string[]\n    valentine: string[]\n    lunar: string[]\n  }\n} => {\n  const initial = useContext(InitialPathContext)\n  const didHydrate = useDidFinishSSR()\n  const [index, setIndex] = useState(didHydrate ? current : initial)\n  const [disabled, setDisabled] = useState(disableTintTheme)\n  const tintsContext = useTints()\n  const { tints } = tintsContext\n  const tintAltIndex = Math.abs((index + altOffset) % tints.length)\n\n  useEffect(() => {\n    return onTintChange((cur) => {\n      setIndex(cur)\n    })\n  }, [])\n\n  useEffect(() => {\n    const cb = (val: boolean) => setDisabled(val)\n    disableListeners.add(cb)\n    return () => {\n      disableListeners.delete(cb)\n    }\n  }, [])\n\n  // return null for tint when disabled or at the \"none\" position (index 3)\n  const tint = disabled || index === 3 ? null : tints[index]\n  const tintAlt = disabled || tintAltIndex === 3 ? null : tints[tintAltIndex]\n\n  return {\n    ...tintsContext,\n    tints: tintsContext.tints as ThemeName[],\n    tintIndex: index,\n    tintAltIndex,\n    tint: tint as ThemeName,\n    tintAlt: tintAlt as ThemeName,\n    setTintIndex,\n    setNextTintFamily,\n    setDisableTintTheme,\n    disableTintTheme: disabled,\n    setNextTint: () => {\n      React.startTransition(() => {\n        setTintIndex(index + 1)\n      })\n    },\n  } as const\n}\n"
-  ]
-}
+{"version":3,"file":"useTint.d.ts","sourceRoot":"","sources":["../src/useTint.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyD,MAAM,OAAO,CAAA;AAC7E,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,YAAY,CAAA;AAS5D,eAAO,MAAM,YAAY,aAAc,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,WAE/C,IAGZ,CAAA;AAID,eAAO,MAAM,YAAY,SAAU,MAAM,KAAG,IAK3C,CAAA;AAGD,eAAO,MAAM,mBAAmB,YAAa,OAAO,KAAG,IAItD,CAAA;AAED,eAAO,MAAM,mBAAmB,QAAO,OAA2B,CAAA;AAElE,wBAAgB,cAAc,CAAC,QAAQ,EAAE,MAAM,GAAG,UAAU,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI,CAUlF;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAoB,CAAA;AAEzE,eAAO,MAAM,OAAO,0BAEjB;IACD,KAAK,EAAE,SAAS,EAAE,CAAA;IAClB,SAAS,EAAE,MAAM,CAAA;IACjB,YAAY,EAAE,MAAM,CAAA;IACpB,IAAI,EAAE,SAAS,CAAA;IACf,OAAO,EAAE,SAAS,CAAA;IAClB,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACpC,iBAAiB,EAAE,MAAM,IAAI,CAAA;IAC7B,WAAW,EAAE,MAAM,IAAI,CAAA;IACvB,mBAAmB,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;IAC/C,gBAAgB,EAAE,OAAO,CAAA;IACzB,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE;QACR,QAAQ,EAAE,MAAM,EAAE,CAAA;QAClB,IAAI,EAAE,MAAM,EAAE,CAAA;QACd,MAAM,EAAE,MAAM,EAAE,CAAA;QAChB,SAAS,EAAE,MAAM,EAAE,CAAA;QACnB,SAAS,EAAE,MAAM,EAAE,CAAA;QACnB,KAAK,EAAE,MAAM,EAAE,CAAA;KAChB,CAAA;CA6CF,CAAA"}

package/dist/cjs/GuiLogo.cjs

@@ -1,59 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all) __defProp(target, name, {
-    get: all[name],
-    enumerable: true
-  });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
-};
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
-var GuiLogo_exports = {};
-__export(GuiLogo_exports, {
-  GuiLogo: () => GuiLogo
-});
-module.exports = __toCommonJS(GuiLogo_exports);
-var import_gui = require("@hanzo/gui");
-var import_LogoIcon = require("./LogoIcon.cjs");
-var import_LogoWords = require("./LogoWords.cjs");
-var import_jsx_runtime = require("react/jsx-runtime");
-const GuiLogo = ({
-  showWords,
-  downscale,
-  animated,
-  color,
-  ref,
-  ...props
-}) => {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
-    render: "span",
-    ref,
-    alignItems: "center",
-    justifyContent: "center",
-    gap: "$5",
-    ...props,
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_LogoIcon.LogoIcon, {
-      downscale: (downscale ?? 1) * (showWords ? 2 : 1.5),
-      color
-    }), showWords && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
-      render: "span",
-      marginBottom: -4,
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_LogoWords.LogoWords, {
-        animated,
-        downscale: downscale ?? 2
-      })
-    })]
-  });
-};

package/dist/cjs/GuiLogo.native.js

@@ -1,63 +0,0 @@
-"use strict";
-
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all) __defProp(target, name, {
-    get: all[name],
-    enumerable: true
-  });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
-};
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
-var GuiLogo_exports = {};
-__export(GuiLogo_exports, {
-  GuiLogo: () => GuiLogo
-});
-module.exports = __toCommonJS(GuiLogo_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_gui = require("@hanzo/gui");
-var import_LogoIcon = require("./LogoIcon.native.js");
-var import_LogoWords = require("./LogoWords.native.js");
-var GuiLogo = function (param) {
-  var {
-    showWords,
-    downscale,
-    animated,
-    color,
-    ref,
-    ...props
-  } = param;
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
-    render: "span",
-    ref,
-    alignItems: "center",
-    justifyContent: "center",
-    gap: "$5",
-    ...props,
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_LogoIcon.LogoIcon, {
-      downscale: (downscale !== null && downscale !== void 0 ? downscale : 1) * (showWords ? 2 : 1.5),
-      color
-    }), showWords && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
-      render: "span",
-      marginBottom: -4,
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_LogoWords.LogoWords, {
-        animated,
-        downscale: downscale !== null && downscale !== void 0 ? downscale : 2
-      })
-    })]
-  });
-};
-//# sourceMappingURL=GuiLogo.native.js.map

package/dist/cjs/GuiLogo.native.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","GuiLogo_exports","__export","GuiLogo","module","exports","import_jsx_runtime","require","import_gui","import_LogoIcon","import_LogoWords","param","showWords","downscale","animated","color","ref","props","jsxs","XStack","render","alignItems","justifyContent","gap","children","jsx","LogoIcon","YStack","marginBottom","LogoWords"],"sources":["../../src/GuiLogo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,eAAA;AAAAC,QAAA,CAAAD,eAAA;EAAAE,OAAA,EAAAA,CAAA,KAAAA;AAAA;AAEAC,MAAA,CAAAC,OAAA,GAA+BT,YAAA,CAAAK,eAAA;AAC/B,IAAAK,kBAAyB,GAAAC,OAAA;AACzB,IAAAC,UAAA,GAAAD,OAA0B;AAmBtB,IAAAE,eAAA,GAAAF,OAAA;AATG,IAAAG,gBAAiB,GAAAH,OAAA;AAAA,IACtBJ,OAAA,YAAAA,CAAAQ,KAAA;EACA;IAAAC,SAAA;IAAAC,SAAA;IAAAC,QAAA;IAAAC,KAAA;IAAAC,GAAA;IAAA,GAAAC;EAAA,IAAAN,KAAA;EACA,0BAAAL,kBAAA,CAAAY,IAAA,EAAAV,UAAA,CAAAW,MAAA;IACAC,MAAA;IACAJ,GAAA;IACAK,UAAG;IACLC,cAA8B;IAC5BC,GAAA,EACE;IAAC,GAAAN,KAAA;IAAAO,QAAA,GACC,eAAO,IAAAlB,kBAAA,CAAAmB,GAAA,EAAAhB,eAAA,CAAAiB,QAAA;MACPb,SAAA,GAAAA,SAAA,aAAAA,SAAA,cAAAA,SAAA,SAAAD,SAAA;MACAG;IACA,IACAH,SAAI,uBAAAN,kBAAA,CAAAmB,GAAA,EAAAjB,UAAA,CAAAmB,MAAA;MACHP,MAAG;MAEJQ,YAAA;MAAAJ,QAAA,qBAAAlB,kBAAC,CAAAmB,GAAA,EAAAf,gBAAA,CAAAmB,SAAS;QACTf,QAAA;QAGCD,SAAA,EAAAA,SAAA,aAAAA,SAAA,cAAAA,SAAA;MAAA;IAEJ","ignoreList":[]}

package/dist/cjs/GuiLogoSvg.cjs

@@ -1,42 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all) __defProp(target, name, {
-    get: all[name],
-    enumerable: true
-  });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
-};
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
-var GuiLogoSvg_exports = {};
-__export(GuiLogoSvg_exports, {
-  GuiIconSvg: () => GuiIconSvg
-});
-module.exports = __toCommonJS(GuiLogoSvg_exports);
-var import_logos = require("@hanzo/logo/logos");
-var import_jsx_runtime = require("react/jsx-runtime");
-const GuiIconSvg = ({
-  color = "currentColor",
-  ...props
-}) => /* @__PURE__ */(0, import_jsx_runtime.jsx)("svg", {
-  viewBox: "0 0 67 67",
-  width: "67px",
-  height: "67px",
-  ...props,
-  children: import_logos.MARK_BLOCKS.map(d => /* @__PURE__ */(0, import_jsx_runtime.jsx)("path", {
-    d,
-    fill: color
-  }, d))
-});

package/dist/cjs/GuiLogoSvg.native.js

@@ -1,50 +0,0 @@
-"use strict";
-
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all) __defProp(target, name, {
-    get: all[name],
-    enumerable: true
-  });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
-};
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
-var GuiLogoSvg_exports = {};
-__export(GuiLogoSvg_exports, {
-  GuiIconSvg: () => GuiIconSvg
-});
-module.exports = __toCommonJS(GuiLogoSvg_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_logos = require("@hanzo/logo/logos");
-var GuiIconSvg = function (param) {
-  var {
-    color = "currentColor",
-    ...props
-  } = param;
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)("svg", {
-    viewBox: "0 0 67 67",
-    width: "67px",
-    height: "67px",
-    ...props,
-    children: import_logos.MARK_BLOCKS.map(function (d) {
-      return /* @__PURE__ */(0, import_jsx_runtime.jsx)("path", {
-        d,
-        fill: color
-      }, d);
-    })
-  });
-};
-//# sourceMappingURL=GuiLogoSvg.native.js.map

package/dist/cjs/GuiLogoSvg.native.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","GuiLogoSvg_exports","__export","GuiIconSvg","module","exports","import_jsx_runtime","require","import_logos","param","color","props","jsx"],"sources":["../../src/GuiLogoSvg.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,kBAAA;AAAAC,QAAA,CAAAD,kBAAA;EAAAE,UAAA,EAAAA,CAAA,KAAAA;AAAA;AACAC,MAAA,CAAAC,OAAA,GAAAT,YAA4B,CAAAK,kBAAA;AAuBtB,IAAAK,kBAAA,GAAAC,OAAA;AANC,IAAAC,YAAM,GAAaD,OAAC;AAAA,IACzBJ,UAAQ,YAAAA,CAAAM,KAAA;EACR,IAAG;IAAAC,KAAA;IAAA,GAAAC;EAAA,IAAAF,KAAA;EACL,OACE,mBAAAH,kBAAA,CAAAM,GAAC,SAAI","ignoreList":[]}

package/dist/cjs/LogoIcon.cjs

@@ -1,51 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all) __defProp(target, name, {
-    get: all[name],
-    enumerable: true
-  });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
-};
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
-var LogoIcon_exports = {};
-__export(LogoIcon_exports, {
-  LogoIcon: () => LogoIcon
-});
-module.exports = __toCommonJS(LogoIcon_exports);
-var import_gui = require("@hanzo/gui");
-var import_GuiLogoSvg = require("./GuiLogoSvg.cjs");
-var import_jsx_runtime = require("react/jsx-runtime");
-const LogoIcon = ({
-  downscale = 2,
-  color
-}) => {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
-    render: "span",
-    className: "unselectable",
-    alignSelf: "center",
-    marginVertical: -10,
-    pressStyle: {
-      opacity: 0.7,
-      scaleX: -1
-    },
-    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_GuiLogoSvg.GuiIconSvg, {
-      className: "hanzogui-icon",
-      width: 440 / 8 / downscale,
-      height: 440 / 8 / downscale,
-      color
-    })
-  });
-};

package/dist/cjs/LogoIcon.native.js

@@ -1,55 +0,0 @@
-"use strict";
-
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all) __defProp(target, name, {
-    get: all[name],
-    enumerable: true
-  });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
-};
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
-var LogoIcon_exports = {};
-__export(LogoIcon_exports, {
-  LogoIcon: () => LogoIcon
-});
-module.exports = __toCommonJS(LogoIcon_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_gui = require("@hanzo/gui");
-var import_GuiLogoSvg = require("./GuiLogoSvg.native.js");
-var LogoIcon = function (param) {
-  var {
-    downscale = 2,
-    color
-  } = param;
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
-    render: "span",
-    className: "unselectable",
-    alignSelf: "center",
-    marginVertical: -10,
-    pressStyle: {
-      opacity: 0.7,
-      scaleX: -1
-    },
-    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_GuiLogoSvg.GuiIconSvg, {
-      className: "hanzogui-icon",
-      width: 440 / 8 / downscale,
-      height: 440 / 8 / downscale,
-      color
-    })
-  });
-};
-//# sourceMappingURL=LogoIcon.native.js.map

package/dist/cjs/LogoIcon.native.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","LogoIcon_exports","__export","LogoIcon","module","exports","import_jsx_runtime","require","import_gui","import_GuiLogoSvg","param","downscale","color","jsx","YStack","render","className","alignSelf","marginVertical","pressStyle","opacity","scaleX","children","GuiIconSvg","width","height"],"sources":["../../src/LogoIcon.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,gBAAA;AAAAC,QAAA,CAAAD,gBAAA;EAAAE,QAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAuBT,YAAA,CAAAK,gBAAA;AACvB,IAAAK,kBAAA,GAA2BC,OAAA;AAqBrB,IAAAC,UAAA,GAAAD,OAAA;AAlBC,IAAAE,iBAAkB,GAAAF,OAAA;AAAA,IACvBJ,QAAA,GAAY,SAAAA,CAAAO,KAAA;EACZ;IAAAC,SAAA;IAAAC;EAAA,IAAAF,KAAA;EACF,OAGmB,mBAAAJ,kBAAA,CAAAO,GAAA,EAAAL,UAAA,CAAAM,MAAA;IACjBC,MACE;IAACC,SAAA;IAAAC,SAAA;IAAAC,cACQ;IAAAC,UACP;MACAC,OAAA,KAAU;MACVC,MAAA;IAAgB;IACJC,QACV,iBAAS,IAAAhB,kBAAA,CAAAO,GAAA,EAAAJ,iBAAA,CAAAc,UAAA;MAAAP,SACT,EAAQ;MACVQ,KAAA,YAAAb,SAAA;MAEAc,MAAA,YAAAd,SAAA;MAAAC;IAAC;EAAA;AACW","ignoreList":[]}

package/dist/cjs/LogoWords.cjs

@@ -1,130 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all) __defProp(target, name, {
-    get: all[name],
-    enumerable: true
-  });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-// If the importer is in node compatibility mode or this is not an ESM
-// file that has been converted to a CommonJS file using a Babel-
-// compatible transform (i.e. "__esModule" has not been set), then set
-// "default" to the CommonJS "module.exports" for node compatibility.
-isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-  value: mod,
-  enumerable: true
-}) : target, mod));
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
-var LogoWords_exports = {};
-__export(LogoWords_exports, {
-  LogoWords: () => LogoWords
-});
-module.exports = __toCommonJS(LogoWords_exports);
-var import_react = __toESM(require("react"), 1);
-var import_gui = require("@hanzo/gui");
-var import_wordmarks = require("@hanzo/logo/wordmarks");
-var import_useTint = require("./useTint.cjs");
-var import_jsx_runtime = require("react/jsx-runtime");
-const WORDMARK = import_wordmarks.WORDMARKS["Hanzo"];
-const [WM_X, WM_Y, WM_W, WM_H] = WORDMARK.box;
-const LogoWords = import_react.default.memo(({
-  downscale = 1,
-  animated,
-  ...props
-}) => {
-  const Tint = (0, import_useTint.useTint)();
-  const [hovered, setHovered] = import_react.default.useState(false);
-  const [mounted, setMounted] = import_react.default.useState("start");
-  const {
-    tintIndex: index
-  } = Tint;
-  const sections = Tint.tints.length;
-  (0, import_react.useEffect)(() => {
-    const idle = window.requestIdleCallback || setTimeout;
-    idle(() => {
-      setTimeout(() => {
-        setMounted("animate");
-      }, 50);
-      setTimeout(() => {
-        setMounted("done");
-      }, 1500);
-    });
-  }, []);
-  (0, import_react.useEffect)(() => {
-    const handleKeyDown = event => {
-      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);
-    return () => {
-      window.removeEventListener("keydown", handleKeyDown);
-    };
-  }, [Tint]);
-  const [layout, setLayout] = (0, import_react.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__ */(0, import_jsx_runtime.jsxs)(import_gui.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);
-    },
-    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 && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Circle, {
-      transition: "medium",
-      position: "absolute",
-      top: 0,
-      left: 0,
-      y: mounted === "start" ? -30 : -4,
-      x: dotX,
-      size: 4,
-      backgroundColor: "$color12"
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)("svg", {
-      "data-tauri-drag-region": true,
-      role: "img",
-      "aria-label": "Hanzo",
-      width,
-      height,
-      viewBox: `${WM_X} ${-WM_Y - WM_H} ${WM_W} ${WM_H}`,
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)("g", {
-        transform: "scale(1,-1)",
-        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)("path", {
-          d: WORDMARK.d,
-          fill
-        })
-      })
-    })]
-  });
-});