@krizaka/ui 3.9.0 → 3.11.0

package/dist/chunk-OT6HX3PN.js

@@ -0,0 +1,85 @@
+"use client";
+import {
+  ProductLogo
+} from "./chunk-HG65YAV4.js";
+
+// src/family-mark.tsx
+import { jsx } from "react/jsx-runtime";
+function GitHubGlyph({ size = 16, className }) {
+  return /* @__PURE__ */ jsx("svg", { viewBox: "0 0 16 16", width: size, height: size, fill: "currentColor", "aria-hidden": true, className, children: /* @__PURE__ */ jsx("path", { d: "M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0 0 16 8c0-4.42-3.58-8-8-8Z" }) });
+}
+function FamilyMark({ mark, size }) {
+  if (mark === "github") return /* @__PURE__ */ jsx(GitHubGlyph, { size: Math.round(size * 0.8) });
+  return /* @__PURE__ */ jsx(ProductLogo, { id: mark, size, animated: false });
+}
+
+// src/sites/sites.ts
+var site = (s) => ({ ...s, host: s.url.replace(/^https?:\/\//, "").replace(/\/$/, "") });
+var sites = [
+  site({ id: "krizaka", name: "Krizaka", url: "https://www.krizaka.com", kind: "company", group: "krizaka", status: "released", mark: "krizaka", repo: "https://github.com/krizaka/krizaka-com" }),
+  site({ id: "orazaka", name: "Orazaka", url: "https://dev.orazaka.com", kind: "product", group: "products", status: "released", mark: "orazaka", repo: "https://github.com/krizaka/orazaka" }),
+  site({ id: "orochia", name: "Orochia", url: "https://dev.orochia.com", kind: "product", group: "products", status: "released", mark: "orochia", repo: "https://github.com/krizaka/orochia" }),
+  site({ id: "yasakia", name: "Yasakia", url: "https://dev.yasakia.com", kind: "product", group: "products", status: "upcoming", mark: "yasakia", repo: "https://github.com/krizaka/yasakia" }),
+  site({ id: "yororis", name: "Yororis", url: "https://dev.yororis.com", kind: "product", group: "products", status: "construction", mark: "yororis", repo: "https://github.com/krizaka/yororis" }),
+  site({ id: "ui", name: "Krizaka UI", url: "https://ui.krizaka.com", kind: "open-source", group: "open-source", status: "released", mark: "krizaka", repo: "https://github.com/krizaka/krizaka-ui" }),
+  site({ id: "java", name: "Krizaka Java", url: "https://java.krizaka.com", kind: "open-source", group: "open-source", status: "released", mark: "krizaka", repo: "https://github.com/krizaka/krizaka-build" }),
+  site({ id: "github", name: "GitHub", url: "https://github.com/krizaka", kind: "open-source", group: "github", status: "released", mark: "github", repo: "https://github.com/krizaka" })
+];
+var siteGroups = ["krizaka", "products", "open-source", "github"];
+function siteById(id) {
+  const found = sites.find((s) => s.id === id);
+  if (!found) throw new Error(`Unknown Krizaka site "${id}".`);
+  return found;
+}
+function sitesByGroup() {
+  return siteGroups.map((group) => ({ group, sites: sites.filter((s) => s.group === group) })).filter((g) => g.sites.length > 0);
+}
+var familyLabels = {
+  en: {
+    family: "Krizaka family",
+    groups: { krizaka: "Krizaka", products: "Products", "open-source": "Open source", github: "GitHub" },
+    status: { upcoming: "Coming soon", construction: "Under construction" },
+    current: "You are here",
+    descriptions: {
+      krizaka: "The company: our products, our open source, our story.",
+      orazaka: "Sovereign AI, on your own servers.",
+      orochia: "A video platform for creators.",
+      yasakia: "The dating app where you talk first.",
+      yororis: "A listening space with a face and a voice.",
+      ui: "Components, tokens, icons and charts \u2014 web and React Native.",
+      java: "Spring Boot building blocks on Maven Central.",
+      github: "Every repository, in the open."
+    },
+    signature: { company: "A Krizaka company", product: "A Krizaka product", "open-source": "A Krizaka open-source project" },
+    place: "Made in Montr\xE9al",
+    version: "Version"
+  },
+  fr: {
+    family: "Famille Krizaka",
+    groups: { krizaka: "Krizaka", products: "Produits", "open-source": "Open source", github: "GitHub" },
+    status: { upcoming: "Bient\xF4t", construction: "En construction" },
+    current: "Vous \xEAtes ici",
+    descriptions: {
+      krizaka: "La compagnie : nos produits, notre open source, notre histoire.",
+      orazaka: "L\u2019IA souveraine, sur vos propres serveurs.",
+      orochia: "Une plateforme vid\xE9o pour les cr\xE9ateurs.",
+      yasakia: "L\u2019app de rencontre o\xF9 l\u2019on se parle d\u2019abord.",
+      yororis: "Un espace d\u2019\xE9coute avec un visage et une voix.",
+      ui: "Composants, jetons, ic\xF4nes et graphiques \u2014 web et React Native.",
+      java: "Des briques Spring Boot sur Maven Central.",
+      github: "Tous les d\xE9p\xF4ts, au grand jour."
+    },
+    signature: { company: "Une compagnie Krizaka", product: "Un produit Krizaka", "open-source": "Un projet open source de Krizaka" },
+    place: "Fait \xE0 Montr\xE9al",
+    version: "Version"
+  }
+};
+
+export {
+  GitHubGlyph,
+  FamilyMark,
+  siteById,
+  sitesByGroup,
+  familyLabels
+};
+//# sourceMappingURL=chunk-OT6HX3PN.js.map

package/dist/chunk-OT6HX3PN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/family-mark.tsx","../src/sites/sites.ts"],"sourcesContent":["// The mark of a site of the family (`@krizaka/ui/sites`): its brand's `ProductLogo`, still (a list of marks never\n// moves), or GitHub's, in the text colour. Shared by `NavBar.Family` and `SiteFooter` — not an entry of its own.\nimport type * as React from \"react\";\n\nimport { ProductLogo } from \"./marks/ProductLogo\";\nimport type { SiteMark } from \"./sites/sites\";\n\n/** GitHub's mark, in the text colour (both themes). */\nexport function GitHubGlyph({ size = 16, className }: { size?: number; className?: string }) {\n  return (\n    <svg viewBox=\"0 0 16 16\" width={size} height={size} fill=\"currentColor\" aria-hidden className={className}>\n      <path d=\"M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0 0 16 8c0-4.42-3.58-8-8-8Z\" />\n    </svg>\n  );\n}\n\n/** A site's mark, decorative (its name is always written beside it). */\nexport function FamilyMark({ mark, size }: { mark: SiteMark; size: number }): React.ReactElement {\n  if (mark === \"github\") return <GitHubGlyph size={Math.round(size * 0.8)} />;\n  return <ProductLogo id={mark} size={size} animated={false} />;\n}\n","// Server-safe: plain data. The Krizaka family — every site Krizaka runs, once. The family switcher of the bar\n// (`NavBar.Family`) and the common footer (`SiteFooter`) both read it, so adding a site is one release of this package:\n// every bar and every footer of the family follow.\n//\n// The words of the family (a site's one line, the groups, the statuses, the footer's signature) are brand data, written\n// here in English and French (`familyLabels`) — a site passes the set of its locale, or its own translation.\n\n/** A site of the family. */\nexport type SiteId = \"krizaka\" | \"orazaka\" | \"orochia\" | \"yasakia\" | \"yororis\" | \"ui\" | \"java\" | \"github\";\n\n/** What a site is: the company, a product, or an open-source project. It chooses the footer's signature line. */\nexport type SiteKind = \"company\" | \"product\" | \"open-source\";\n\n/**\n * `released`: open to visit. `upcoming`: announced, not released yet (said \"Coming soon\"). `construction`: under\n * construction — nothing deployed beyond its page, nothing offered.\n */\nexport type SiteStatus = \"released\" | \"upcoming\" | \"construction\";\n\n/** The groups of the family, in reading order: Krizaka · Products · Open source · GitHub. */\nexport type SiteGroup = \"krizaka\" | \"products\" | \"open-source\" | \"github\";\n\n/** The mark a site wears: a brand of `ProductLogo` (Krizaka UI and Krizaka Java wear Krizaka's), or GitHub's. */\nexport type SiteMark = \"krizaka\" | \"orazaka\" | \"orochia\" | \"yasakia\" | \"yororis\" | \"github\";\n\nexport interface Site {\n  readonly id: SiteId;\n  /** The name, never translated. */\n  readonly name: string;\n  /** The address of the site (its home). */\n  readonly url: string;\n  /** The address without the scheme, as people say it (`ui.krizaka.com`). */\n  readonly host: string;\n  readonly kind: SiteKind;\n  readonly group: SiteGroup;\n  readonly status: SiteStatus;\n  readonly mark: SiteMark;\n  /** The repository the site is built from. */\n  readonly repo: string;\n}\n\nconst site = (s: Omit<Site, \"host\">): Site => ({ ...s, host: s.url.replace(/^https?:\\/\\//, \"\").replace(/\\/$/, \"\") });\n\n/** Every site of the family, in reading order (the group order, then the order inside each group). */\nexport const sites: readonly Site[] = [\n  site({ id: \"krizaka\", name: \"Krizaka\", url: \"https://www.krizaka.com\", kind: \"company\", group: \"krizaka\", status: \"released\", mark: \"krizaka\", repo: \"https://github.com/krizaka/krizaka-com\" }),\n  site({ id: \"orazaka\", name: \"Orazaka\", url: \"https://dev.orazaka.com\", kind: \"product\", group: \"products\", status: \"released\", mark: \"orazaka\", repo: \"https://github.com/krizaka/orazaka\" }),\n  site({ id: \"orochia\", name: \"Orochia\", url: \"https://dev.orochia.com\", kind: \"product\", group: \"products\", status: \"released\", mark: \"orochia\", repo: \"https://github.com/krizaka/orochia\" }),\n  site({ id: \"yasakia\", name: \"Yasakia\", url: \"https://dev.yasakia.com\", kind: \"product\", group: \"products\", status: \"upcoming\", mark: \"yasakia\", repo: \"https://github.com/krizaka/yasakia\" }),\n  site({ id: \"yororis\", name: \"Yororis\", url: \"https://dev.yororis.com\", kind: \"product\", group: \"products\", status: \"construction\", mark: \"yororis\", repo: \"https://github.com/krizaka/yororis\" }),\n  site({ id: \"ui\", name: \"Krizaka UI\", url: \"https://ui.krizaka.com\", kind: \"open-source\", group: \"open-source\", status: \"released\", mark: \"krizaka\", repo: \"https://github.com/krizaka/krizaka-ui\" }),\n  site({ id: \"java\", name: \"Krizaka Java\", url: \"https://java.krizaka.com\", kind: \"open-source\", group: \"open-source\", status: \"released\", mark: \"krizaka\", repo: \"https://github.com/krizaka/krizaka-build\" }),\n  site({ id: \"github\", name: \"GitHub\", url: \"https://github.com/krizaka\", kind: \"open-source\", group: \"github\", status: \"released\", mark: \"github\", repo: \"https://github.com/krizaka\" }),\n];\n\n/** The groups, in reading order. */\nexport const siteGroups: readonly SiteGroup[] = [\"krizaka\", \"products\", \"open-source\", \"github\"];\n\n/** A site by id. */\nexport function siteById(id: SiteId): Site {\n  const found = sites.find((s) => s.id === id);\n  if (!found) throw new Error(`Unknown Krizaka site \"${id}\".`);\n  return found;\n}\n\n/** The family grouped, in reading order: `[{ group, sites }]`, empty groups left out. */\nexport function sitesByGroup(): { group: SiteGroup; sites: Site[] }[] {\n  return siteGroups.map((group) => ({ group, sites: sites.filter((s) => s.group === group) })).filter((g) => g.sites.length > 0);\n}\n\n/** The languages the family's words are written in. */\nexport type SiteLocale = \"en\" | \"fr\";\n\n/** The words of the family: the switcher, the footer, each site's one line. */\nexport interface FamilyLabels {\n  /** The family's name: the switcher's navigation and its button, the footer's navigation (“Krizaka family”). */\n  family: string;\n  /** The heading of each group. */\n  groups: Record<SiteGroup, string>;\n  /** The badge of a site that is not released. */\n  status: Record<Exclude<SiteStatus, \"released\">, string>;\n  /** Says which site is the current one (“You are here”). */\n  current: string;\n  /** One line per site: what it is. */\n  descriptions: Record<SiteId, string>;\n  /** The footer's signature, by the kind of the current site (“A Krizaka product”). */\n  signature: Record<SiteKind, string>;\n  /** The footer's place line (“Made in Montréal”). */\n  place: string;\n  /** The accessible name of the version (“Version”). */\n  version: string;\n}\n\n/** The family's words in English and French. Pass `familyLabels[locale]`, or your own translation of the same shape. */\nexport const familyLabels: Record<SiteLocale, FamilyLabels> = {\n  en: {\n    family: \"Krizaka family\",\n    groups: { krizaka: \"Krizaka\", products: \"Products\", \"open-source\": \"Open source\", github: \"GitHub\" },\n    status: { upcoming: \"Coming soon\", construction: \"Under construction\" },\n    current: \"You are here\",\n    descriptions: {\n      krizaka: \"The company: our products, our open source, our story.\",\n      orazaka: \"Sovereign AI, on your own servers.\",\n      orochia: \"A video platform for creators.\",\n      yasakia: \"The dating app where you talk first.\",\n      yororis: \"A listening space with a face and a voice.\",\n      ui: \"Components, tokens, icons and charts — web and React Native.\",\n      java: \"Spring Boot building blocks on Maven Central.\",\n      github: \"Every repository, in the open.\",\n    },\n    signature: { company: \"A Krizaka company\", product: \"A Krizaka product\", \"open-source\": \"A Krizaka open-source project\" },\n    place: \"Made in Montréal\",\n    version: \"Version\",\n  },\n  fr: {\n    family: \"Famille Krizaka\",\n    groups: { krizaka: \"Krizaka\", products: \"Produits\", \"open-source\": \"Open source\", github: \"GitHub\" },\n    status: { upcoming: \"Bientôt\", construction: \"En construction\" },\n    current: \"Vous êtes ici\",\n    descriptions: {\n      krizaka: \"La compagnie : nos produits, notre open source, notre histoire.\",\n      orazaka: \"L’IA souveraine, sur vos propres serveurs.\",\n      orochia: \"Une plateforme vidéo pour les créateurs.\",\n      yasakia: \"L’app de rencontre où l’on se parle d’abord.\",\n      yororis: \"Un espace d’écoute avec un visage et une voix.\",\n      ui: \"Composants, jetons, icônes et graphiques — web et React Native.\",\n      java: \"Des briques Spring Boot sur Maven Central.\",\n      github: \"Tous les dépôts, au grand jour.\",\n    },\n    signature: { company: \"Une compagnie Krizaka\", product: \"Un produit Krizaka\", \"open-source\": \"Un projet open source de Krizaka\" },\n    place: \"Fait à Montréal\",\n    version: \"Version\",\n  },\n};\n"],"mappings":"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","names":[]}

package/dist/index.js

@@ -3,376 +3,18 @@ import {
   MotionObserver,
   RotatingWord
 } from "./chunk-HAQWKORZ.js";
+import {
+  KrizakaLogo,
+  OrazakaLogo,
+  OrochiaLogo,
+  ProductLogo,
+  YasakiaLogo,
+  YazakiaLogo,
+  YororisLogo
+} from "./chunk-HG65YAV4.js";
 import {
   cx
 } from "./chunk-6ISW63JI.js";
-
-// src/marks/krizaka-geometry.ts
-import { marks } from "@krizaka/tokens/native";
-var KRIZAKA = {
-  viewBox: "0 0 400 400",
-  croppedViewBox: "86 82 228 228",
-  offset: 20,
-  /** The shield: a pointy-top hexagon (r 92 around 180,180), open at its upper-right edge. */
-  shield: "M259.7,134 L259.7,226 L180,272 L100.3,226 L100.3,134 L180,88 L212,106.5",
-  stroke: 22,
-  ink: { x1: 70, y1: 290, x2: 290, y2: 70 },
-  blue: { x1: 180, y1: 180, x2: 300, y2: 60, stops: marks.krizaka },
-  /** The vertex where the shield opens: a node (the serpent's head in Orochia's grammar). */
-  node: { cx: 259.7, cy: 134, r: 19, inner: 6 },
-  core: { cx: 180, cy: 180, r: 24, inner: 8 },
-  highlight: "#dbeafe",
-  glow: { color: "#196df5", opacity: 0.16 },
-  orbit: { r: 160, dash: "8 8", width: 1.5 },
-  ring: { r: 134, width: 1 }
-};
-
-// src/marks/shared.ts
-import { useId } from "react";
-var neutral = (token, percent) => `var(${token}, color-mix(in srgb, currentColor ${percent}%, transparent))`;
-function useIds(prefix, keys) {
-  const uid = useId().replace(/[^a-zA-Z0-9_-]/g, "");
-  return Object.fromEntries(keys.map((k) => [k, `${prefix}-${k}-${uid}`]));
-}
-var a11y = (title) => title ? { role: "img", "aria-label": title } : { "aria-hidden": true };
-var withAlpha = (hex, opacity) => `${hex}${Math.round(opacity * 255).toString(16).padStart(2, "0")}`;
-
-// src/marks/KrizakaLogo.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-var CSS = `
-.kzm-spin { transform-origin: 200px 200px; animation: kzm-spin 30s linear infinite; }
-.kzm-pulse { transform-box: fill-box; transform-origin: center; animation: kzm-pulse 3.2s ease-in-out infinite; }
-@keyframes kzm-spin { to { transform: rotate(360deg); } }
-@keyframes kzm-pulse {
-  0%, 100% { filter: drop-shadow(0 0 6px hsla(217, 92%, 53%, .25)); opacity: .9; }
-  50% { filter: drop-shadow(0 0 14px hsla(217, 92%, 53%, .55)); opacity: 1; }
-}
-@media (prefers-reduced-motion: reduce) { .kzm-spin, .kzm-pulse { animation: none; } }
-`;
-function KrizakaLogo({ size = 32, animated = true, title, className }) {
-  const id = useIds("kzm", ["ink", "blue", "glow"]);
-  const m = (cls) => animated ? cls : void 0;
-  return /* @__PURE__ */ jsxs("svg", { width: size, height: size, viewBox: size < 48 ? KRIZAKA.croppedViewBox : KRIZAKA.viewBox, fill: "none", xmlns: "http://www.w3.org/2000/svg", className, ...a11y(title), children: [
-    /* @__PURE__ */ jsx("style", { children: CSS }),
-    /* @__PURE__ */ jsxs("defs", { children: [
-      /* @__PURE__ */ jsxs("linearGradient", { id: id.ink, gradientUnits: "userSpaceOnUse", x1: KRIZAKA.ink.x1, y1: KRIZAKA.ink.y1, x2: KRIZAKA.ink.x2, y2: KRIZAKA.ink.y2, children: [
-        /* @__PURE__ */ jsx("stop", { offset: "0%", stopColor: neutral("--kz-text-secondary", 60) }),
-        /* @__PURE__ */ jsx("stop", { offset: "100%", stopColor: neutral("--kz-text-primary", 92) })
-      ] }),
-      /* @__PURE__ */ jsx("linearGradient", { id: id.blue, gradientUnits: "userSpaceOnUse", x1: KRIZAKA.blue.x1, y1: KRIZAKA.blue.y1, x2: KRIZAKA.blue.x2, y2: KRIZAKA.blue.y2, children: KRIZAKA.blue.stops.map(([offset, color]) => /* @__PURE__ */ jsx("stop", { offset, stopColor: color }, offset)) }),
-      /* @__PURE__ */ jsxs("radialGradient", { id: id.glow, cx: "50%", cy: "50%", r: "50%", children: [
-        /* @__PURE__ */ jsx("stop", { offset: "0%", stopColor: KRIZAKA.glow.color, stopOpacity: KRIZAKA.glow.opacity }),
-        /* @__PURE__ */ jsx("stop", { offset: "100%", stopColor: KRIZAKA.glow.color, stopOpacity: "0" })
-      ] })
-    ] }),
-    size >= 48 ? /* @__PURE__ */ jsx("circle", { cx: "200", cy: "200", r: "190", fill: `url(#${id.glow})` }) : null,
-    /* @__PURE__ */ jsx("circle", { className: m("kzm-spin"), cx: "200", cy: "200", r: KRIZAKA.orbit.r, stroke: neutral("--kz-border-strong", 40), strokeWidth: KRIZAKA.orbit.width, strokeDasharray: KRIZAKA.orbit.dash, opacity: ".6" }),
-    /* @__PURE__ */ jsx("circle", { cx: "200", cy: "200", r: KRIZAKA.ring.r, stroke: neutral("--kz-border-default", 30), strokeWidth: KRIZAKA.ring.width, opacity: ".35" }),
-    /* @__PURE__ */ jsxs("g", { transform: `translate(${KRIZAKA.offset} ${KRIZAKA.offset})`, children: [
-      /* @__PURE__ */ jsx("path", { d: KRIZAKA.shield, stroke: `url(#${id.ink})`, strokeWidth: KRIZAKA.stroke, strokeLinecap: "round", strokeLinejoin: "round" }),
-      /* @__PURE__ */ jsxs("g", { className: m("kzm-pulse"), children: [
-        /* @__PURE__ */ jsx("circle", { cx: KRIZAKA.node.cx, cy: KRIZAKA.node.cy, r: KRIZAKA.node.r, fill: `url(#${id.blue})` }),
-        /* @__PURE__ */ jsx("circle", { cx: KRIZAKA.node.cx, cy: KRIZAKA.node.cy, r: KRIZAKA.node.inner, fill: KRIZAKA.highlight })
-      ] }),
-      /* @__PURE__ */ jsxs("g", { className: m("kzm-pulse"), children: [
-        /* @__PURE__ */ jsx("circle", { cx: KRIZAKA.core.cx, cy: KRIZAKA.core.cy, r: KRIZAKA.core.r, fill: `url(#${id.blue})` }),
-        /* @__PURE__ */ jsx("circle", { cx: KRIZAKA.core.cx, cy: KRIZAKA.core.cy, r: KRIZAKA.core.inner, fill: KRIZAKA.highlight })
-      ] })
-    ] })
-  ] });
-}
-
-// src/marks/orazaka-geometry.ts
-import { marks as marks2 } from "@krizaka/tokens/native";
-var orange = marks2.orazaka[marks2.orazaka.length - 1][1];
-var ORAZAKA = {
-  viewBox: "0 0 400 400",
-  croppedViewBox: "76 76 248 248",
-  center: 200,
-  /**
-   * The three shards — a hexagon's cap (from the original 132-unit drawing), scaled ×1.9 around the centre and turned
-   * 0°, 120°, 240° — in view-box coordinates, so that one gradient runs across all three.
-   */
-  shards: [
-    "M154.4,121.2 L200,94.7 L245.6,121.2 L245.6,154.4 L226.6,165.4 L226.6,132.2 L200,116.8 L173.4,132.2 L173.4,165.4 L154.4,154.4 Z",
-    "M291.1,199.9 L291.2,252.6 L245.5,278.9 L216.7,262.3 L216.6,240.3 L245.4,257 L272.1,241.6 L272,210.9 L243.2,194.3 L262.3,183.3 Z",
-    "M154.5,278.9 L108.8,252.6 L108.9,199.9 L137.7,183.3 L156.8,194.3 L128,210.9 L127.9,241.6 L154.6,257 L183.4,240.3 L183.3,262.3 Z"
-  ],
-  shardStroke: 5.7,
-  gradient: { x1: 90, y1: 310, x2: 310, y2: 90, stops: marks2.orazaka },
-  core: { r: 21, inner: 7.6 },
-  highlight: "#fff7ed",
-  glow: { color: orange, opacity: 0.16 },
-  /** The core's breathing shadow (web), in the mark's orange. */
-  pulse: { color: orange, low: 0.3, high: 0.6 },
-  orbit: { r: 160, dash: "8 8", width: 1.5 },
-  ring: { r: 134, width: 1 }
-};
-
-// src/marks/OrazakaLogo.tsx
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-var CSS2 = `
-.ozm-orbit { transform-origin: 200px 200px; animation: ozm-orbit 35s linear infinite; }
-.ozm-core { transform-box: fill-box; transform-origin: center; animation: ozm-core 3.2s ease-in-out infinite; }
-@keyframes ozm-orbit { to { transform: rotate(360deg); } }
-@keyframes ozm-core {
-  0%, 100% { filter: drop-shadow(0 0 6px ${withAlpha(ORAZAKA.pulse.color, ORAZAKA.pulse.low)}); opacity: .9; }
-  50% { filter: drop-shadow(0 0 14px ${withAlpha(ORAZAKA.pulse.color, ORAZAKA.pulse.high)}); opacity: 1; }
-}
-@media (prefers-reduced-motion: reduce) { .ozm-orbit, .ozm-core { animation: none; } }
-`;
-function OrazakaLogo({ size = 32, animated = true, title, className }) {
-  const id = useIds("ozm", ["gradient", "glow"]);
-  const fill = `url(#${id.gradient})`;
-  return /* @__PURE__ */ jsxs2("svg", { width: size, height: size, viewBox: size < 48 ? ORAZAKA.croppedViewBox : ORAZAKA.viewBox, fill: "none", xmlns: "http://www.w3.org/2000/svg", className, ...a11y(title), children: [
-    /* @__PURE__ */ jsx2("style", { children: CSS2 }),
-    /* @__PURE__ */ jsxs2("defs", { children: [
-      /* @__PURE__ */ jsx2("linearGradient", { id: id.gradient, gradientUnits: "userSpaceOnUse", x1: ORAZAKA.gradient.x1, y1: ORAZAKA.gradient.y1, x2: ORAZAKA.gradient.x2, y2: ORAZAKA.gradient.y2, children: ORAZAKA.gradient.stops.map(([offset, color]) => /* @__PURE__ */ jsx2("stop", { offset, stopColor: color }, offset)) }),
-      /* @__PURE__ */ jsxs2("radialGradient", { id: id.glow, cx: "50%", cy: "50%", r: "50%", children: [
-        /* @__PURE__ */ jsx2("stop", { offset: "0%", stopColor: ORAZAKA.glow.color, stopOpacity: ORAZAKA.glow.opacity }),
-        /* @__PURE__ */ jsx2("stop", { offset: "100%", stopColor: ORAZAKA.glow.color, stopOpacity: "0" })
-      ] })
-    ] }),
-    size >= 48 ? /* @__PURE__ */ jsx2("circle", { cx: ORAZAKA.center, cy: ORAZAKA.center, r: "190", fill: `url(#${id.glow})` }) : null,
-    /* @__PURE__ */ jsx2("circle", { cx: ORAZAKA.center, cy: ORAZAKA.center, r: ORAZAKA.orbit.r, stroke: neutral("--kz-border-strong", 40), strokeWidth: ORAZAKA.orbit.width, strokeDasharray: ORAZAKA.orbit.dash, opacity: ".6" }),
-    /* @__PURE__ */ jsx2("circle", { cx: ORAZAKA.center, cy: ORAZAKA.center, r: ORAZAKA.ring.r, stroke: neutral("--kz-border-default", 30), strokeWidth: ORAZAKA.ring.width, opacity: ".35" }),
-    /* @__PURE__ */ jsx2("g", { className: animated ? "ozm-orbit" : void 0, children: ORAZAKA.shards.map((d) => /* @__PURE__ */ jsx2("path", { d, fill, stroke: fill, strokeWidth: ORAZAKA.shardStroke, strokeLinejoin: "round" }, d)) }),
-    /* @__PURE__ */ jsxs2("g", { className: animated ? "ozm-core" : void 0, children: [
-      /* @__PURE__ */ jsx2("circle", { cx: ORAZAKA.center, cy: ORAZAKA.center, r: ORAZAKA.core.r, fill }),
-      /* @__PURE__ */ jsx2("circle", { cx: ORAZAKA.center, cy: ORAZAKA.center, r: ORAZAKA.core.inner, fill: ORAZAKA.highlight })
-    ] })
-  ] });
-}
-
-// src/marks/orochia-geometry.ts
-import { marks as marks3 } from "@krizaka/tokens/native";
-var OROCHIA = {
-  viewBox: "0 0 400 400",
-  croppedViewBox: "86 82 228 228",
-  offset: 20,
-  body: { x1: 70, y1: 290, x2: 290, y2: 70, stops: marks3.orochia },
-  flameGradient: { stops: [["0%", "#a855f7"], ["100%", "#f9a8d4"]] },
-  glow: { color: "#d946ef", opacity: 0.18 },
-  orbit: { r: 160, dash: "8 8", width: 1.5 },
-  ring: { r: 134, width: 1 },
-  arc: "M259.8,142.8 A88,88 0 1 1 142.8,100.2",
-  neck: "M142.8,100.2 A88,88 0 0 1 187.7,92.3",
-  tail: "M187.7,92.3 A88,88 0 0 1 221.3,102.3",
-  scales: { color: "#fdf4ff", opacity: 0.45, width: 3, dash: "2 14" },
-  head: { cx: 253.9, cy: 130.1, rx: 13, ry: 20, rotate: -25 },
-  tongue: { d: "M245.4,112.0 L242.0,104.8 L235.0,101.5 M242.0,104.8 L244.0,97.3", color: "#f472b6" },
-  eye: { cx: 256.3, cy: 123.5, r: 4.5, color: "#fdf4ff" },
-  flame: {
-    translate: [127, 120],
-    scale: 4.4,
-    d: "M8.5 14.5A2.5 2.5 0 0 0 11 12c0-1.38-.5-2-1-3-1.072-2.143-.224-4.054 2-6 .5 2.5 2 4.9 4 6.5 2 1.6 3 3.5 3 5.5a7 7 0 1 1-14 0c0-1.153.433-2.294 1-3a2.5 2.5 0 0 0 2.5 2.5z"
-  }
-};
-
-// src/marks/OrochiaLogo.tsx
-import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
-var CSS3 = `
-.orom-spin { transform-origin: 180px 180px; animation: orom-spin 30s linear infinite; }
-.orom-slither { animation: orom-slither 2.4s linear infinite; }
-.orom-pulse { transform-box: view-box; animation: orom-pulse 3.2s ease-in-out infinite; }
-@keyframes orom-spin { to { transform: rotate(360deg); } }
-@keyframes orom-slither { to { stroke-dashoffset: -64; } }
-@keyframes orom-pulse {
-  0%, 100% { filter: drop-shadow(0 0 6px hsla(292, 84%, 61%, .25)); opacity: .9; }
-  50% { filter: drop-shadow(0 0 14px hsla(292, 84%, 61%, .55)); opacity: 1; }
-}
-@media (prefers-reduced-motion: reduce) { .orom-spin, .orom-slither, .orom-pulse { animation: none; } }
-`;
-function OrochiaLogo({ size = 36, animated = true, title, className }) {
-  const id = useIds("orom", ["body", "flame", "glow"]);
-  const m = (cls) => animated ? cls : void 0;
-  return /* @__PURE__ */ jsxs3("svg", { width: size, height: size, viewBox: size < 48 ? OROCHIA.croppedViewBox : OROCHIA.viewBox, fill: "none", xmlns: "http://www.w3.org/2000/svg", className, ...a11y(title), children: [
-    /* @__PURE__ */ jsx3("style", { children: CSS3 }),
-    /* @__PURE__ */ jsxs3("defs", { children: [
-      /* @__PURE__ */ jsx3("linearGradient", { id: id.body, gradientUnits: "userSpaceOnUse", x1: OROCHIA.body.x1, y1: OROCHIA.body.y1, x2: OROCHIA.body.x2, y2: OROCHIA.body.y2, children: OROCHIA.body.stops.map(([offset, color]) => /* @__PURE__ */ jsx3("stop", { offset, stopColor: color }, offset)) }),
-      /* @__PURE__ */ jsx3("linearGradient", { id: id.flame, x1: "50%", y1: "100%", x2: "50%", y2: "0%", children: OROCHIA.flameGradient.stops.map(([offset, color]) => /* @__PURE__ */ jsx3("stop", { offset, stopColor: color }, offset)) }),
-      /* @__PURE__ */ jsxs3("radialGradient", { id: id.glow, cx: "50%", cy: "50%", r: "50%", children: [
-        /* @__PURE__ */ jsx3("stop", { offset: "0%", stopColor: OROCHIA.glow.color, stopOpacity: OROCHIA.glow.opacity }),
-        /* @__PURE__ */ jsx3("stop", { offset: "100%", stopColor: OROCHIA.glow.color, stopOpacity: "0" })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs3("g", { transform: `translate(${OROCHIA.offset} ${OROCHIA.offset})`, children: [
-      /* @__PURE__ */ jsx3("circle", { cx: "180", cy: "180", r: "170", fill: `url(#${id.glow})` }),
-      /* @__PURE__ */ jsx3("circle", { className: m("orom-spin"), cx: "180", cy: "180", r: OROCHIA.orbit.r, stroke: neutral("--kz-border-strong", 40), strokeWidth: OROCHIA.orbit.width, strokeDasharray: OROCHIA.orbit.dash, opacity: ".6" }),
-      /* @__PURE__ */ jsx3("circle", { cx: "180", cy: "180", r: OROCHIA.ring.r, stroke: neutral("--kz-border-default", 30), strokeWidth: OROCHIA.ring.width, opacity: ".35" }),
-      /* @__PURE__ */ jsx3("path", { d: OROCHIA.arc, stroke: `url(#${id.body})`, strokeWidth: "22", strokeLinecap: "round" }),
-      /* @__PURE__ */ jsx3("path", { className: m("orom-slither"), d: OROCHIA.arc, stroke: OROCHIA.scales.color, strokeOpacity: OROCHIA.scales.opacity, strokeWidth: OROCHIA.scales.width, strokeLinecap: "round", strokeDasharray: OROCHIA.scales.dash }),
-      /* @__PURE__ */ jsx3("path", { d: OROCHIA.neck, stroke: `url(#${id.body})`, strokeWidth: "14", strokeLinecap: "round" }),
-      /* @__PURE__ */ jsx3("path", { d: OROCHIA.tail, stroke: `url(#${id.body})`, strokeWidth: "6", strokeLinecap: "round" }),
-      /* @__PURE__ */ jsx3("ellipse", { cx: OROCHIA.head.cx, cy: OROCHIA.head.cy, rx: OROCHIA.head.rx, ry: OROCHIA.head.ry, transform: `rotate(${OROCHIA.head.rotate} ${OROCHIA.head.cx} ${OROCHIA.head.cy})`, fill: `url(#${id.body})` }),
-      /* @__PURE__ */ jsx3("path", { d: OROCHIA.tongue.d, stroke: OROCHIA.tongue.color, strokeWidth: "3", strokeLinecap: "round" }),
-      /* @__PURE__ */ jsx3("circle", { className: m("orom-pulse"), cx: OROCHIA.eye.cx, cy: OROCHIA.eye.cy, r: OROCHIA.eye.r, fill: OROCHIA.eye.color }),
-      /* @__PURE__ */ jsx3("path", { className: m("orom-pulse"), transform: `translate(${OROCHIA.flame.translate[0]} ${OROCHIA.flame.translate[1]}) scale(${OROCHIA.flame.scale})`, d: OROCHIA.flame.d, fill: `url(#${id.flame})` })
-    ] })
-  ] });
-}
-
-// src/marks/yasakia-geometry.ts
-import { marks as marks4 } from "@krizaka/tokens/native";
-var turquoise = marks4.yasakia[marks4.yasakia.length - 1][1];
-var YASAKIA = {
-  viewBox: "0 0 400 400",
-  croppedViewBox: "80 80 240 240",
-  center: 200,
-  /** The two voices, left then right: each a bubble (cut around the lens) and its tail. */
-  voices: [
-    { body: "M191.9 109 A80 80 0 1 0 191.9 259 A87 87 0 0 1 191.9 109 Z", tail: "M98 230 Q104 268 88 294 Q122 288 144 262 L130 200 Z" },
-    { body: "M208.1 109 A80 80 0 1 1 208.1 259 A87 87 0 0 0 208.1 109 Z", tail: "M302 230 Q296 268 312 294 Q278 288 256 262 L270 200 Z" }
-  ],
-  /** The left voice, a shade deeper: the depth between the two. */
-  shade: { color: "#000", opacity: 0.22 },
-  /** Where the bubbles overlap: the core, lit from above. */
-  lens: { d: "M200 112.6 A80 80 0 0 1 200 255.4 A80 80 0 0 1 200 112.6 Z", y1: 112.6, y2: 255.4 },
-  gradient: { x1: 110, y1: 300, x2: 290, y2: 100, stops: marks4.yasakia },
-  /** The light on the lens: bright at the top, fading down. */
-  highlight: { color: "#f0fdfa", from: 0.75, to: 0.2 },
-  /** The pair: two nodes on the orbit, opposite each other, that turn with it. */
-  pair: { r: 8, at: [[40, 200], [360, 200]] },
-  glow: { color: turquoise, opacity: 0.16 },
-  /** The core's breathing shadow (web), in the mark's turquoise. */
-  pulse: { color: turquoise, low: 0.3, high: 0.6 },
-  orbit: { r: 160, dash: "8 8", width: 1.5 },
-  ring: { r: 134, width: 1 }
-};
-
-// src/marks/YasakiaLogo.tsx
-import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
-var CSS4 = `
-.yzm-orbit { transform-origin: 200px 200px; animation: yzm-orbit 30s linear infinite; }
-.yzm-core { transform-box: fill-box; transform-origin: center; animation: yzm-core 3.2s ease-in-out infinite; }
-@keyframes yzm-orbit { to { transform: rotate(360deg); } }
-@keyframes yzm-core {
-  0%, 100% { filter: drop-shadow(0 0 6px ${withAlpha(YASAKIA.pulse.color, YASAKIA.pulse.low)}); opacity: .9; }
-  50% { filter: drop-shadow(0 0 14px ${withAlpha(YASAKIA.pulse.color, YASAKIA.pulse.high)}); opacity: 1; }
-}
-@media (prefers-reduced-motion: reduce) { .yzm-orbit, .yzm-core { animation: none; } }
-`;
-function YasakiaLogo({ size = 32, animated = true, title, className }) {
-  const id = useIds("yzm", ["gradient", "light", "glow"]);
-  const fill = `url(#${id.gradient})`;
-  return /* @__PURE__ */ jsxs4("svg", { width: size, height: size, viewBox: size < 48 ? YASAKIA.croppedViewBox : YASAKIA.viewBox, fill: "none", xmlns: "http://www.w3.org/2000/svg", className, ...a11y(title), children: [
-    /* @__PURE__ */ jsx4("style", { children: CSS4 }),
-    /* @__PURE__ */ jsxs4("defs", { children: [
-      /* @__PURE__ */ jsx4("linearGradient", { id: id.gradient, gradientUnits: "userSpaceOnUse", x1: YASAKIA.gradient.x1, y1: YASAKIA.gradient.y1, x2: YASAKIA.gradient.x2, y2: YASAKIA.gradient.y2, children: YASAKIA.gradient.stops.map(([offset, color]) => /* @__PURE__ */ jsx4("stop", { offset, stopColor: color }, offset)) }),
-      /* @__PURE__ */ jsxs4("linearGradient", { id: id.light, gradientUnits: "userSpaceOnUse", x1: "0", y1: YASAKIA.lens.y1, x2: "0", y2: YASAKIA.lens.y2, children: [
-        /* @__PURE__ */ jsx4("stop", { offset: "0%", stopColor: YASAKIA.highlight.color, stopOpacity: YASAKIA.highlight.from }),
-        /* @__PURE__ */ jsx4("stop", { offset: "100%", stopColor: YASAKIA.highlight.color, stopOpacity: YASAKIA.highlight.to })
-      ] }),
-      /* @__PURE__ */ jsxs4("radialGradient", { id: id.glow, cx: "50%", cy: "50%", r: "50%", children: [
-        /* @__PURE__ */ jsx4("stop", { offset: "0%", stopColor: YASAKIA.glow.color, stopOpacity: YASAKIA.glow.opacity }),
-        /* @__PURE__ */ jsx4("stop", { offset: "100%", stopColor: YASAKIA.glow.color, stopOpacity: "0" })
-      ] })
-    ] }),
-    size >= 48 ? /* @__PURE__ */ jsx4("circle", { cx: YASAKIA.center, cy: YASAKIA.center, r: "190", fill: `url(#${id.glow})` }) : null,
-    /* @__PURE__ */ jsx4("circle", { cx: YASAKIA.center, cy: YASAKIA.center, r: YASAKIA.ring.r, stroke: neutral("--kz-border-default", 30), strokeWidth: YASAKIA.ring.width, opacity: ".35" }),
-    /* @__PURE__ */ jsxs4("g", { className: animated ? "yzm-orbit" : void 0, children: [
-      /* @__PURE__ */ jsx4("circle", { cx: YASAKIA.center, cy: YASAKIA.center, r: YASAKIA.orbit.r, stroke: neutral("--kz-border-strong", 40), strokeWidth: YASAKIA.orbit.width, strokeDasharray: YASAKIA.orbit.dash, opacity: ".6" }),
-      YASAKIA.pair.at.map(([cx2, cy]) => /* @__PURE__ */ jsx4("circle", { cx: cx2, cy, r: YASAKIA.pair.r, fill }, cx2))
-    ] }),
-    YASAKIA.voices.map((v, i) => /* @__PURE__ */ jsxs4("g", { children: [
-      /* @__PURE__ */ jsx4("path", { d: v.body, fill }),
-      /* @__PURE__ */ jsx4("path", { d: v.tail, fill }),
-      i === 0 ? /* @__PURE__ */ jsx4("path", { d: `${v.body} ${v.tail}`, fill: YASAKIA.shade.color, opacity: YASAKIA.shade.opacity }) : null
-    ] }, v.body)),
-    /* @__PURE__ */ jsxs4("g", { className: animated ? "yzm-core" : void 0, children: [
-      /* @__PURE__ */ jsx4("path", { d: YASAKIA.lens.d, fill }),
-      /* @__PURE__ */ jsx4("path", { d: YASAKIA.lens.d, fill: `url(#${id.light})` })
-    ] })
-  ] });
-}
-var YazakiaLogo = YasakiaLogo;
-
-// src/marks/yororis-geometry.ts
-import { marks as marks5 } from "@krizaka/tokens/native";
-var sand = marks5.yororis[0][1];
-var sage = marks5.yororis[marks5.yororis.length - 1][1];
-var YORORIS = {
-  viewBox: "0 0 400 400",
-  croppedViewBox: "80 80 240 240",
-  center: 200,
-  /** The two leaves — open hands, mirrored around x = 200 — filled, rising from the stem. */
-  leaves: [
-    "M200 262 C142 256 104 206 110 122 C138 130 154 152 160 180 C168 218 182 238 204 246 Z",
-    "M200 262 C258 256 296 206 290 122 C262 130 246 152 240 180 C232 218 218 238 196 246 Z"
-  ],
-  /** A vein of light along each leaf (dashed, it drifts slowly when animated). */
-  veins: "M122 142 C128 196 156 232 192 248 M278 142 C272 196 244 232 208 248",
-  vein: { color: "#fbf6ea", opacity: 0.45, width: 3, dash: "2 14" },
-  /** The stem, from the junction down. */
-  stem: "M200 244 L200 312",
-  stroke: 30,
-  gradient: { x1: 110, y1: 300, x2: 290, y2: 100, stops: marks5.yororis },
-  /** The core's warm light: from the mark's sand (below) to a light sand (above). */
-  coreGradient: { stops: [["0%", sand], ["100%", "#e6c993"]] },
-  /** The core, held in the hollow of the leaves (not on the junction): the one who is listened to. It breathes. */
-  core: { cx: 200, cy: 184, r: 32, inner: 11 },
-  highlight: "#fbf6ea",
-  /** The moment: one node on the orbit, that turns with it. */
-  moment: { r: 9, at: [200, 40] },
-  glow: { color: sage, opacity: 0.18 },
-  /** The core's breathing shadow (web), in the core's warm sand. */
-  pulse: { color: sand, low: 0.3, high: 0.6 },
-  orbit: { r: 160, dash: "8 8", width: 1.5 },
-  ring: { r: 134, width: 1 }
-};
-
-// src/marks/YororisLogo.tsx
-import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
-var CSS5 = `
-.yrm-orbit { transform-origin: 200px 200px; animation: yrm-orbit 36s linear infinite; }
-.yrm-vein { animation: yrm-vein 4.8s linear infinite; }
-.yrm-core { transform-box: fill-box; transform-origin: center; animation: yrm-core 4.2s ease-in-out infinite; }
-@keyframes yrm-orbit { to { transform: rotate(360deg); } }
-@keyframes yrm-vein { to { stroke-dashoffset: 64; } }
-@keyframes yrm-core {
-  0%, 100% { filter: drop-shadow(0 0 6px ${withAlpha(YORORIS.pulse.color, YORORIS.pulse.low)}); opacity: .9; }
-  50% { filter: drop-shadow(0 0 16px ${withAlpha(YORORIS.pulse.color, YORORIS.pulse.high)}); opacity: 1; }
-}
-@media (prefers-reduced-motion: reduce) { .yrm-orbit, .yrm-vein, .yrm-core { animation: none; } }
-`;
-function YororisLogo({ size = 32, animated = true, title, className }) {
-  const id = useIds("yrm", ["gradient", "core", "glow"]);
-  const fill = `url(#${id.gradient})`;
-  return /* @__PURE__ */ jsxs5("svg", { width: size, height: size, viewBox: size < 48 ? YORORIS.croppedViewBox : YORORIS.viewBox, fill: "none", xmlns: "http://www.w3.org/2000/svg", className, ...a11y(title), children: [
-    /* @__PURE__ */ jsx5("style", { children: CSS5 }),
-    /* @__PURE__ */ jsxs5("defs", { children: [
-      /* @__PURE__ */ jsx5("linearGradient", { id: id.gradient, gradientUnits: "userSpaceOnUse", x1: YORORIS.gradient.x1, y1: YORORIS.gradient.y1, x2: YORORIS.gradient.x2, y2: YORORIS.gradient.y2, children: YORORIS.gradient.stops.map(([offset, color]) => /* @__PURE__ */ jsx5("stop", { offset, stopColor: color }, offset)) }),
-      /* @__PURE__ */ jsx5("linearGradient", { id: id.core, x1: "50%", y1: "100%", x2: "50%", y2: "0%", children: YORORIS.coreGradient.stops.map(([offset, color]) => /* @__PURE__ */ jsx5("stop", { offset, stopColor: color }, offset)) }),
-      /* @__PURE__ */ jsxs5("radialGradient", { id: id.glow, cx: "50%", cy: "50%", r: "50%", children: [
-        /* @__PURE__ */ jsx5("stop", { offset: "0%", stopColor: YORORIS.glow.color, stopOpacity: YORORIS.glow.opacity }),
-        /* @__PURE__ */ jsx5("stop", { offset: "100%", stopColor: YORORIS.glow.color, stopOpacity: "0" })
-      ] })
-    ] }),
-    size >= 48 ? /* @__PURE__ */ jsx5("circle", { cx: YORORIS.center, cy: YORORIS.center, r: "190", fill: `url(#${id.glow})` }) : null,
-    /* @__PURE__ */ jsx5("circle", { cx: YORORIS.center, cy: YORORIS.center, r: YORORIS.ring.r, stroke: neutral("--kz-border-default", 30), strokeWidth: YORORIS.ring.width, opacity: ".35" }),
-    /* @__PURE__ */ jsxs5("g", { className: animated ? "yrm-orbit" : void 0, children: [
-      /* @__PURE__ */ jsx5("circle", { cx: YORORIS.center, cy: YORORIS.center, r: YORORIS.orbit.r, stroke: neutral("--kz-border-strong", 40), strokeWidth: YORORIS.orbit.width, strokeDasharray: YORORIS.orbit.dash, opacity: ".6" }),
-      /* @__PURE__ */ jsx5("circle", { cx: YORORIS.moment.at[0], cy: YORORIS.moment.at[1], r: YORORIS.moment.r, fill })
-    ] }),
-    /* @__PURE__ */ jsx5("path", { d: YORORIS.stem, stroke: fill, strokeWidth: YORORIS.stroke, strokeLinecap: "round" }),
-    YORORIS.leaves.map((d) => /* @__PURE__ */ jsx5("path", { d, fill }, d)),
-    /* @__PURE__ */ jsx5("path", { className: animated ? "yrm-vein" : void 0, d: YORORIS.veins, stroke: YORORIS.vein.color, strokeOpacity: YORORIS.vein.opacity, strokeWidth: YORORIS.vein.width, strokeLinecap: "round", strokeDasharray: YORORIS.vein.dash }),
-    /* @__PURE__ */ jsxs5("g", { className: animated ? "yrm-core" : void 0, children: [
-      /* @__PURE__ */ jsx5("circle", { cx: YORORIS.core.cx, cy: YORORIS.core.cy, r: YORORIS.core.r, fill: `url(#${id.core})` }),
-      /* @__PURE__ */ jsx5("circle", { cx: YORORIS.core.cx, cy: YORORIS.core.cy, r: YORORIS.core.inner, fill: YORORIS.highlight })
-    ] })
-  ] });
-}
-
-// src/marks/ProductLogo.tsx
-import { jsx as jsx6 } from "react/jsx-runtime";
-function ProductLogo({ id, ...props }) {
-  if (id === "krizaka") return /* @__PURE__ */ jsx6(KrizakaLogo, { ...props });
-  if (id === "orazaka") return /* @__PURE__ */ jsx6(OrazakaLogo, { ...props });
-  if (id === "yasakia" || id === "yazakia") return /* @__PURE__ */ jsx6(YasakiaLogo, { ...props });
-  if (id === "yororis") return /* @__PURE__ */ jsx6(YororisLogo, { ...props });
-  return /* @__PURE__ */ jsx6(OrochiaLogo, { ...props });
-}
 export {
   KrizakaLogo,
   MotionObserver,