@krizaka/ui 3.13.0 → 3.15.0

package/dist/{chunk-GR5JNFGQ.js → chunk-LIPK4UCS.js}

@@ -1,7 +1,149 @@
 "use client";
 
-// src/marks/krizaka-geometry.ts
+// src/marks/akinaza-geometry.ts
 import { marks } from "@krizaka/tokens/native";
+var copper = marks.akinaza[marks.akinaza.length - 1][1];
+var AKINAZA = {
+  viewBox: "0 0 400 400",
+  croppedViewBox: "80 80 240 240",
+  center: 200,
+  /** The awning: 124 → 276 at y 108, cut 28 at its upper-right corner, four scallops below (y 150, 19 deep). */
+  awning: "M124 108 H248 L276 136 V150 A19 19 0 0 1 238 150 A19 19 0 0 1 200 150 A19 19 0 0 1 162 150 A19 19 0 0 1 124 150 Z",
+  /** The awning's stripes, in light. */
+  stripes: "M162 116 V146 M200 116 V146 M238 116 V140",
+  stripe: { color: "#fff7ed", opacity: 0.55, width: 8 },
+  /** The shop front: walls 140 → 260 from y 178 to the ground, the door cut out (178 → 222, from y 222). */
+  front: "M140 178 H260 V300 H222 V222 H178 V300 H140 Z",
+  /** The open door: the bright core, a warm light. */
+  door: { x: 182, y: 226, w: 36, h: 74, rx: 4 },
+  coreGradient: { stops: [["0%", "#fde7c7"], ["100%", "#fffaf2"]] },
+  /** A window each side, in light. */
+  windows: "M154 196 H168 V212 H154 Z M232 196 H246 V212 H232 Z",
+  gradient: { x1: 140, y1: 300, x2: 276, y2: 108, stops: marks.akinaza },
+  /** A coin: one node on the orbit, that turns with it. */
+  node: { r: 9, at: [200, 40] },
+  glow: { color: copper, opacity: 0.16 },
+  /** The door's breathing light (web), in the copper. */
+  pulse: { color: copper, low: 0.3, high: 0.65 },
+  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/AkinazaLogo.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var CSS = `
+.akm-orbit { transform-origin: 200px 200px; animation: akm-orbit 32s linear infinite; }
+.akm-door { animation: akm-door 3.8s ease-in-out infinite; }
+@keyframes akm-orbit { to { transform: rotate(360deg); } }
+@keyframes akm-door {
+  0%, 100% { filter: drop-shadow(0 0 4px ${withAlpha(AKINAZA.pulse.color, AKINAZA.pulse.low)}); }
+  50% { filter: drop-shadow(0 0 14px ${withAlpha(AKINAZA.pulse.color, AKINAZA.pulse.high)}); }
+}
+@media (prefers-reduced-motion: reduce) { .akm-orbit, .akm-door { animation: none; } }
+`;
+function AkinazaLogo({ size = 32, animated = true, title, className }) {
+  const id = useIds("akm", ["gradient", "core", "glow"]);
+  const fill = `url(#${id.gradient})`;
+  return /* @__PURE__ */ jsxs("svg", { width: size, height: size, viewBox: size < 48 ? AKINAZA.croppedViewBox : AKINAZA.viewBox, fill: "none", xmlns: "http://www.w3.org/2000/svg", className, ...a11y(title), children: [
+    /* @__PURE__ */ jsx("style", { children: CSS }),
+    /* @__PURE__ */ jsxs("defs", { children: [
+      /* @__PURE__ */ jsx("linearGradient", { id: id.gradient, gradientUnits: "userSpaceOnUse", x1: AKINAZA.gradient.x1, y1: AKINAZA.gradient.y1, x2: AKINAZA.gradient.x2, y2: AKINAZA.gradient.y2, children: AKINAZA.gradient.stops.map(([offset, color]) => /* @__PURE__ */ jsx("stop", { offset, stopColor: color }, offset)) }),
+      /* @__PURE__ */ jsx("linearGradient", { id: id.core, x1: "50%", y1: "100%", x2: "50%", y2: "0%", children: AKINAZA.coreGradient.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: AKINAZA.glow.color, stopOpacity: AKINAZA.glow.opacity }),
+        /* @__PURE__ */ jsx("stop", { offset: "100%", stopColor: AKINAZA.glow.color, stopOpacity: "0" })
+      ] })
+    ] }),
+    size >= 48 ? /* @__PURE__ */ jsx("circle", { cx: AKINAZA.center, cy: AKINAZA.center, r: "190", fill: `url(#${id.glow})` }) : null,
+    /* @__PURE__ */ jsx("circle", { cx: AKINAZA.center, cy: AKINAZA.center, r: AKINAZA.ring.r, stroke: neutral("--kz-border-default", 30), strokeWidth: AKINAZA.ring.width, opacity: ".35" }),
+    /* @__PURE__ */ jsxs("g", { className: animated ? "akm-orbit" : void 0, children: [
+      /* @__PURE__ */ jsx("circle", { cx: AKINAZA.center, cy: AKINAZA.center, r: AKINAZA.orbit.r, stroke: neutral("--kz-border-strong", 40), strokeWidth: AKINAZA.orbit.width, strokeDasharray: AKINAZA.orbit.dash, opacity: ".6" }),
+      /* @__PURE__ */ jsx("circle", { cx: AKINAZA.node.at[0], cy: AKINAZA.node.at[1], r: AKINAZA.node.r, fill })
+    ] }),
+    /* @__PURE__ */ jsx("path", { d: AKINAZA.awning, fill }),
+    /* @__PURE__ */ jsx("path", { d: AKINAZA.stripes, stroke: AKINAZA.stripe.color, strokeOpacity: AKINAZA.stripe.opacity, strokeWidth: AKINAZA.stripe.width, strokeLinecap: "round" }),
+    /* @__PURE__ */ jsx("path", { d: AKINAZA.front, fill }),
+    /* @__PURE__ */ jsx("path", { d: AKINAZA.windows, fill: AKINAZA.stripe.color, fillOpacity: AKINAZA.stripe.opacity }),
+    /* @__PURE__ */ jsx("rect", { className: animated ? "akm-door" : void 0, x: AKINAZA.door.x, y: AKINAZA.door.y, width: AKINAZA.door.w, height: AKINAZA.door.h, rx: AKINAZA.door.rx, fill: `url(#${id.core})` })
+  ] });
+}
+
+// src/marks/kachizaka-geometry.ts
+import { marks as marks2 } from "@krizaka/tokens/native";
+var gold = marks2.kachizaka[marks2.kachizaka.length - 1][1];
+var KACHIZAKA = {
+  viewBox: "0 0 400 400",
+  croppedViewBox: "80 80 240 240",
+  center: 200,
+  /** The bowl: a rim 136 → 264 at y 104, cut 32 at its upper-right corner (the Krizaka chamfer), rounding down to the stem. */
+  cup: "M136 104 H232 L264 136 V164 C264 214 236 242 200 246 C164 242 136 214 136 164 Z",
+  /** The stem and the base, one shape. */
+  base: "M190 244 H210 V272 H240 C244 272 248 276 248 280 V300 H152 V280 C152 276 156 272 160 272 H190 Z",
+  /** The two handles, stroked in the gradient. */
+  handles: "M138 128 C100 124 100 196 150 202 M262 128 C300 124 300 196 250 202",
+  handleWidth: 14,
+  /** The seal: a five-pointed star in light on the bowl, centred (200, 172), radii 30 / 13. */
+  star: "M200 142 L207.6 161.5 L228.5 162.7 L212.4 176 L217.6 196.3 L200 185 L182.4 196.3 L187.6 176 L171.5 162.7 L192.4 161.5 Z",
+  starColor: "#fffbea",
+  gradient: { x1: 136, y1: 300, x2: 264, y2: 104, stops: marks2.kachizaka },
+  /** The ball: one node on the orbit, that turns with it. */
+  node: { r: 9, at: [200, 40] },
+  glow: { color: gold, opacity: 0.18 },
+  /** The seal's breathing shadow (web), in the gold. */
+  pulse: { color: gold, low: 0.35, high: 0.75 },
+  orbit: { r: 160, dash: "8 8", width: 1.5 },
+  ring: { r: 134, width: 1 }
+};
+
+// src/marks/KachizakaLogo.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var CSS2 = `
+.kzm-orbit { transform-origin: 200px 200px; animation: kzm-orbit 28s linear infinite; }
+.kzm-seal { transform-box: fill-box; transform-origin: center; animation: kzm-seal 3.2s ease-in-out infinite; }
+@keyframes kzm-orbit { to { transform: rotate(360deg); } }
+@keyframes kzm-seal {
+  0%, 100% { transform: scale(1); filter: drop-shadow(0 0 4px ${withAlpha(KACHIZAKA.pulse.color, KACHIZAKA.pulse.low)}); }
+  50% { transform: scale(1.06); filter: drop-shadow(0 0 12px ${withAlpha(KACHIZAKA.pulse.color, KACHIZAKA.pulse.high)}); }
+}
+@media (prefers-reduced-motion: reduce) { .kzm-orbit, .kzm-seal { animation: none; } }
+`;
+function KachizakaLogo({ size = 32, animated = true, title, className }) {
+  const id = useIds("kzm", ["gradient", "glow"]);
+  const fill = `url(#${id.gradient})`;
+  return /* @__PURE__ */ jsxs2("svg", { width: size, height: size, viewBox: size < 48 ? KACHIZAKA.croppedViewBox : KACHIZAKA.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: KACHIZAKA.gradient.x1, y1: KACHIZAKA.gradient.y1, x2: KACHIZAKA.gradient.x2, y2: KACHIZAKA.gradient.y2, children: KACHIZAKA.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: KACHIZAKA.glow.color, stopOpacity: KACHIZAKA.glow.opacity }),
+        /* @__PURE__ */ jsx2("stop", { offset: "100%", stopColor: KACHIZAKA.glow.color, stopOpacity: "0" })
+      ] })
+    ] }),
+    size >= 48 ? /* @__PURE__ */ jsx2("circle", { cx: KACHIZAKA.center, cy: KACHIZAKA.center, r: "190", fill: `url(#${id.glow})` }) : null,
+    /* @__PURE__ */ jsx2("circle", { cx: KACHIZAKA.center, cy: KACHIZAKA.center, r: KACHIZAKA.ring.r, stroke: neutral("--kz-border-default", 30), strokeWidth: KACHIZAKA.ring.width, opacity: ".35" }),
+    /* @__PURE__ */ jsxs2("g", { className: animated ? "kzm-orbit" : void 0, children: [
+      /* @__PURE__ */ jsx2("circle", { cx: KACHIZAKA.center, cy: KACHIZAKA.center, r: KACHIZAKA.orbit.r, stroke: neutral("--kz-border-strong", 40), strokeWidth: KACHIZAKA.orbit.width, strokeDasharray: KACHIZAKA.orbit.dash, opacity: ".6" }),
+      /* @__PURE__ */ jsx2("circle", { cx: KACHIZAKA.node.at[0], cy: KACHIZAKA.node.at[1], r: KACHIZAKA.node.r, fill })
+    ] }),
+    /* @__PURE__ */ jsx2("path", { d: KACHIZAKA.handles, stroke: fill, strokeWidth: KACHIZAKA.handleWidth, strokeLinecap: "round" }),
+    /* @__PURE__ */ jsx2("path", { d: KACHIZAKA.base, fill }),
+    /* @__PURE__ */ jsx2("path", { d: KACHIZAKA.cup, fill }),
+    /* @__PURE__ */ jsx2("path", { className: animated ? "kzm-seal" : void 0, d: KACHIZAKA.star, fill: KACHIZAKA.starColor })
+  ] });
+}
+
+// src/marks/krizaka-geometry.ts
+import { marks as marks3 } from "@krizaka/tokens/native";
 var KRIZAKA = {
   viewBox: "0 0 400 400",
   croppedViewBox: "86 82 228 228",
@@ -10,7 +152,7 @@ var KRIZAKA = {
   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 },
+  blue: { x1: 180, y1: 180, x2: 300, y2: 60, stops: marks3.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 },
@@ -20,19 +162,9 @@ var KRIZAKA = {
   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 = `
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+var CSS3 = `
 .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); } }
@@ -45,39 +177,39 @@ var CSS = `
 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) })
+  return /* @__PURE__ */ jsxs3("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__ */ jsx3("style", { children: CSS3 }),
+    /* @__PURE__ */ jsxs3("defs", { children: [
+      /* @__PURE__ */ jsxs3("linearGradient", { id: id.ink, gradientUnits: "userSpaceOnUse", x1: KRIZAKA.ink.x1, y1: KRIZAKA.ink.y1, x2: KRIZAKA.ink.x2, y2: KRIZAKA.ink.y2, children: [
+        /* @__PURE__ */ jsx3("stop", { offset: "0%", stopColor: neutral("--kz-text-secondary", 60) }),
+        /* @__PURE__ */ jsx3("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" })
+      /* @__PURE__ */ jsx3("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__ */ 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: KRIZAKA.glow.color, stopOpacity: KRIZAKA.glow.opacity }),
+        /* @__PURE__ */ jsx3("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 })
+    size >= 48 ? /* @__PURE__ */ jsx3("circle", { cx: "200", cy: "200", r: "190", fill: `url(#${id.glow})` }) : null,
+    /* @__PURE__ */ jsx3("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__ */ jsx3("circle", { cx: "200", cy: "200", r: KRIZAKA.ring.r, stroke: neutral("--kz-border-default", 30), strokeWidth: KRIZAKA.ring.width, opacity: ".35" }),
+    /* @__PURE__ */ jsxs3("g", { transform: `translate(${KRIZAKA.offset} ${KRIZAKA.offset})`, children: [
+      /* @__PURE__ */ jsx3("path", { d: KRIZAKA.shield, stroke: `url(#${id.ink})`, strokeWidth: KRIZAKA.stroke, strokeLinecap: "round", strokeLinejoin: "round" }),
+      /* @__PURE__ */ jsxs3("g", { className: m("kzm-pulse"), children: [
+        /* @__PURE__ */ jsx3("circle", { cx: KRIZAKA.node.cx, cy: KRIZAKA.node.cy, r: KRIZAKA.node.r, fill: `url(#${id.blue})` }),
+        /* @__PURE__ */ jsx3("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 })
+      /* @__PURE__ */ jsxs3("g", { className: m("kzm-pulse"), children: [
+        /* @__PURE__ */ jsx3("circle", { cx: KRIZAKA.core.cx, cy: KRIZAKA.core.cy, r: KRIZAKA.core.r, fill: `url(#${id.blue})` }),
+        /* @__PURE__ */ jsx3("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];
+import { marks as marks4 } from "@krizaka/tokens/native";
+var orange = marks4.orazaka[marks4.orazaka.length - 1][1];
 var ORAZAKA = {
   viewBox: "0 0 400 400",
   croppedViewBox: "76 76 248 248",
@@ -92,7 +224,7 @@ var ORAZAKA = {
     "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 },
+  gradient: { x1: 90, y1: 310, x2: 310, y2: 90, stops: marks4.orazaka },
   core: { r: 21, inner: 7.6 },
   highlight: "#fff7ed",
   glow: { color: orange, opacity: 0.16 },
@@ -103,8 +235,8 @@ var ORAZAKA = {
 };
 
 // src/marks/OrazakaLogo.tsx
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-var CSS2 = `
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+var CSS4 = `
 .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); } }
@@ -117,33 +249,33 @@ var CSS2 = `
 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" })
+  return /* @__PURE__ */ jsxs4("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__ */ jsx4("style", { children: CSS4 }),
+    /* @__PURE__ */ jsxs4("defs", { children: [
+      /* @__PURE__ */ jsx4("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__ */ jsx4("stop", { offset, stopColor: color }, offset)) }),
+      /* @__PURE__ */ jsxs4("radialGradient", { id: id.glow, cx: "50%", cy: "50%", r: "50%", children: [
+        /* @__PURE__ */ jsx4("stop", { offset: "0%", stopColor: ORAZAKA.glow.color, stopOpacity: ORAZAKA.glow.opacity }),
+        /* @__PURE__ */ jsx4("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 })
+    size >= 48 ? /* @__PURE__ */ jsx4("circle", { cx: ORAZAKA.center, cy: ORAZAKA.center, r: "190", fill: `url(#${id.glow})` }) : null,
+    /* @__PURE__ */ jsx4("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__ */ jsx4("circle", { cx: ORAZAKA.center, cy: ORAZAKA.center, r: ORAZAKA.ring.r, stroke: neutral("--kz-border-default", 30), strokeWidth: ORAZAKA.ring.width, opacity: ".35" }),
+    /* @__PURE__ */ jsx4("g", { className: animated ? "ozm-orbit" : void 0, children: ORAZAKA.shards.map((d) => /* @__PURE__ */ jsx4("path", { d, fill, stroke: fill, strokeWidth: ORAZAKA.shardStroke, strokeLinejoin: "round" }, d)) }),
+    /* @__PURE__ */ jsxs4("g", { className: animated ? "ozm-core" : void 0, children: [
+      /* @__PURE__ */ jsx4("circle", { cx: ORAZAKA.center, cy: ORAZAKA.center, r: ORAZAKA.core.r, fill }),
+      /* @__PURE__ */ jsx4("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";
+import { marks as marks5 } 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 },
+  body: { x1: 70, y1: 290, x2: 290, y2: 70, stops: marks5.orochia },
   flameGradient: { stops: [["0%", "#a855f7"], ["100%", "#f9a8d4"]] },
   glow: { color: "#d946ef", opacity: 0.18 },
   orbit: { r: 160, dash: "8 8", width: 1.5 },
@@ -163,8 +295,8 @@ var OROCHIA = {
 };
 
 // src/marks/OrochiaLogo.tsx
-import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
-var CSS3 = `
+import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+var CSS5 = `
 .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; }
@@ -179,35 +311,35 @@ var CSS3 = `
 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" })
+  return /* @__PURE__ */ jsxs5("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__ */ jsx5("style", { children: CSS5 }),
+    /* @__PURE__ */ jsxs5("defs", { children: [
+      /* @__PURE__ */ jsx5("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__ */ jsx5("stop", { offset, stopColor: color }, offset)) }),
+      /* @__PURE__ */ jsx5("linearGradient", { id: id.flame, x1: "50%", y1: "100%", x2: "50%", y2: "0%", children: OROCHIA.flameGradient.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: OROCHIA.glow.color, stopOpacity: OROCHIA.glow.opacity }),
+        /* @__PURE__ */ jsx5("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})` })
+    /* @__PURE__ */ jsxs5("g", { transform: `translate(${OROCHIA.offset} ${OROCHIA.offset})`, children: [
+      /* @__PURE__ */ jsx5("circle", { cx: "180", cy: "180", r: "170", fill: `url(#${id.glow})` }),
+      /* @__PURE__ */ jsx5("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__ */ jsx5("circle", { cx: "180", cy: "180", r: OROCHIA.ring.r, stroke: neutral("--kz-border-default", 30), strokeWidth: OROCHIA.ring.width, opacity: ".35" }),
+      /* @__PURE__ */ jsx5("path", { d: OROCHIA.arc, stroke: `url(#${id.body})`, strokeWidth: "22", strokeLinecap: "round" }),
+      /* @__PURE__ */ jsx5("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__ */ jsx5("path", { d: OROCHIA.neck, stroke: `url(#${id.body})`, strokeWidth: "14", strokeLinecap: "round" }),
+      /* @__PURE__ */ jsx5("path", { d: OROCHIA.tail, stroke: `url(#${id.body})`, strokeWidth: "6", strokeLinecap: "round" }),
+      /* @__PURE__ */ jsx5("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__ */ jsx5("path", { d: OROCHIA.tongue.d, stroke: OROCHIA.tongue.color, strokeWidth: "3", strokeLinecap: "round" }),
+      /* @__PURE__ */ jsx5("circle", { className: m("orom-pulse"), cx: OROCHIA.eye.cx, cy: OROCHIA.eye.cy, r: OROCHIA.eye.r, fill: OROCHIA.eye.color }),
+      /* @__PURE__ */ jsx5("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];
+import { marks as marks6 } from "@krizaka/tokens/native";
+var turquoise = marks6.yasakia[marks6.yasakia.length - 1][1];
 var YASAKIA = {
   viewBox: "0 0 400 400",
   croppedViewBox: "80 80 240 240",
@@ -221,7 +353,7 @@ var YASAKIA = {
   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 },
+  gradient: { x1: 110, y1: 300, x2: 290, y2: 100, stops: marks6.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. */
@@ -234,8 +366,8 @@ var YASAKIA = {
 };
 
 // src/marks/YasakiaLogo.tsx
-import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
-var CSS4 = `
+import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+var CSS6 = `
 .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); } }
@@ -248,41 +380,41 @@ var CSS4 = `
 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 })
+  return /* @__PURE__ */ jsxs6("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__ */ jsx6("style", { children: CSS6 }),
+    /* @__PURE__ */ jsxs6("defs", { children: [
+      /* @__PURE__ */ jsx6("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__ */ jsx6("stop", { offset, stopColor: color }, offset)) }),
+      /* @__PURE__ */ jsxs6("linearGradient", { id: id.light, gradientUnits: "userSpaceOnUse", x1: "0", y1: YASAKIA.lens.y1, x2: "0", y2: YASAKIA.lens.y2, children: [
+        /* @__PURE__ */ jsx6("stop", { offset: "0%", stopColor: YASAKIA.highlight.color, stopOpacity: YASAKIA.highlight.from }),
+        /* @__PURE__ */ jsx6("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" })
+      /* @__PURE__ */ jsxs6("radialGradient", { id: id.glow, cx: "50%", cy: "50%", r: "50%", children: [
+        /* @__PURE__ */ jsx6("stop", { offset: "0%", stopColor: YASAKIA.glow.color, stopOpacity: YASAKIA.glow.opacity }),
+        /* @__PURE__ */ jsx6("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(([cx, cy]) => /* @__PURE__ */ jsx4("circle", { cx, cy, r: YASAKIA.pair.r, fill }, cx))
+    size >= 48 ? /* @__PURE__ */ jsx6("circle", { cx: YASAKIA.center, cy: YASAKIA.center, r: "190", fill: `url(#${id.glow})` }) : null,
+    /* @__PURE__ */ jsx6("circle", { cx: YASAKIA.center, cy: YASAKIA.center, r: YASAKIA.ring.r, stroke: neutral("--kz-border-default", 30), strokeWidth: YASAKIA.ring.width, opacity: ".35" }),
+    /* @__PURE__ */ jsxs6("g", { className: animated ? "yzm-orbit" : void 0, children: [
+      /* @__PURE__ */ jsx6("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(([cx, cy]) => /* @__PURE__ */ jsx6("circle", { cx, cy, r: YASAKIA.pair.r, fill }, cx))
     ] }),
-    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
+    YASAKIA.voices.map((v, i) => /* @__PURE__ */ jsxs6("g", { children: [
+      /* @__PURE__ */ jsx6("path", { d: v.body, fill }),
+      /* @__PURE__ */ jsx6("path", { d: v.tail, fill }),
+      i === 0 ? /* @__PURE__ */ jsx6("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})` })
+    /* @__PURE__ */ jsxs6("g", { className: animated ? "yzm-core" : void 0, children: [
+      /* @__PURE__ */ jsx6("path", { d: YASAKIA.lens.d, fill }),
+      /* @__PURE__ */ jsx6("path", { d: YASAKIA.lens.d, fill: `url(#${id.light})` })
     ] })
   ] });
 }
 var YazakiaLogo = YasakiaLogo;
 
 // src/marks/yomizaka-geometry.ts
-import { marks as marks5 } from "@krizaka/tokens/native";
-var indigo = marks5.yomizaka[marks5.yomizaka.length - 1][1];
+import { marks as marks7 } from "@krizaka/tokens/native";
+var indigo = marks7.yomizaka[marks7.yomizaka.length - 1][1];
 var YOMIZAKA = {
   viewBox: "0 0 400 400",
   croppedViewBox: "80 80 240 240",
@@ -296,7 +428,7 @@ var YOMIZAKA = {
   lens: { cx: 240, cy: 232, r: 40, width: 12, core: 28, glint: { cx: 230, cy: 222, r: 8 } },
   handle: "M276 268 L304 296",
   handleWidth: 20,
-  gradient: { x1: 128, y1: 300, x2: 304, y2: 92, stops: marks5.yomizaka },
+  gradient: { x1: 128, y1: 300, x2: 304, y2: 92, stops: marks7.yomizaka },
   /** The lens' core: a pale indigo light, brighter at the top. */
   coreGradient: { stops: [["0%", "#c9ceff"], ["100%", "#f4f5ff"]] },
   highlight: "#ffffff",
@@ -312,8 +444,8 @@ var YOMIZAKA = {
 };
 
 // src/marks/YomizakaLogo.tsx
-import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
-var CSS5 = `
+import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
+var CSS7 = `
 .ymm-orbit { transform-origin: 200px 200px; animation: ymm-orbit 32s linear infinite; }
 .ymm-scan { animation: ymm-scan 3.6s cubic-bezier(.45,0,.55,1) infinite; }
 .ymm-lens { transform-box: fill-box; transform-origin: center; animation: ymm-lens 3.6s ease-in-out infinite; }
@@ -328,38 +460,38 @@ var CSS5 = `
 function YomizakaLogo({ size = 32, animated = true, title, className }) {
   const id = useIds("ymm", ["gradient", "core", "glow", "page"]);
   const fill = `url(#${id.gradient})`;
-  return /* @__PURE__ */ jsxs5("svg", { width: size, height: size, viewBox: size < 48 ? YOMIZAKA.croppedViewBox : YOMIZAKA.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: YOMIZAKA.gradient.x1, y1: YOMIZAKA.gradient.y1, x2: YOMIZAKA.gradient.x2, y2: YOMIZAKA.gradient.y2, children: YOMIZAKA.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: YOMIZAKA.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: YOMIZAKA.glow.color, stopOpacity: YOMIZAKA.glow.opacity }),
-        /* @__PURE__ */ jsx5("stop", { offset: "100%", stopColor: YOMIZAKA.glow.color, stopOpacity: "0" })
+  return /* @__PURE__ */ jsxs7("svg", { width: size, height: size, viewBox: size < 48 ? YOMIZAKA.croppedViewBox : YOMIZAKA.viewBox, fill: "none", xmlns: "http://www.w3.org/2000/svg", className, ...a11y(title), children: [
+    /* @__PURE__ */ jsx7("style", { children: CSS7 }),
+    /* @__PURE__ */ jsxs7("defs", { children: [
+      /* @__PURE__ */ jsx7("linearGradient", { id: id.gradient, gradientUnits: "userSpaceOnUse", x1: YOMIZAKA.gradient.x1, y1: YOMIZAKA.gradient.y1, x2: YOMIZAKA.gradient.x2, y2: YOMIZAKA.gradient.y2, children: YOMIZAKA.gradient.stops.map(([offset, color]) => /* @__PURE__ */ jsx7("stop", { offset, stopColor: color }, offset)) }),
+      /* @__PURE__ */ jsx7("linearGradient", { id: id.core, x1: "50%", y1: "100%", x2: "50%", y2: "0%", children: YOMIZAKA.coreGradient.stops.map(([offset, color]) => /* @__PURE__ */ jsx7("stop", { offset, stopColor: color }, offset)) }),
+      /* @__PURE__ */ jsxs7("radialGradient", { id: id.glow, cx: "50%", cy: "50%", r: "50%", children: [
+        /* @__PURE__ */ jsx7("stop", { offset: "0%", stopColor: YOMIZAKA.glow.color, stopOpacity: YOMIZAKA.glow.opacity }),
+        /* @__PURE__ */ jsx7("stop", { offset: "100%", stopColor: YOMIZAKA.glow.color, stopOpacity: "0" })
       ] }),
-      /* @__PURE__ */ jsx5("clipPath", { id: id.page, children: /* @__PURE__ */ jsx5("path", { d: YOMIZAKA.page }) })
+      /* @__PURE__ */ jsx7("clipPath", { id: id.page, children: /* @__PURE__ */ jsx7("path", { d: YOMIZAKA.page }) })
     ] }),
-    size >= 48 ? /* @__PURE__ */ jsx5("circle", { cx: YOMIZAKA.center, cy: YOMIZAKA.center, r: "190", fill: `url(#${id.glow})` }) : null,
-    /* @__PURE__ */ jsx5("circle", { cx: YOMIZAKA.center, cy: YOMIZAKA.center, r: YOMIZAKA.ring.r, stroke: neutral("--kz-border-default", 30), strokeWidth: YOMIZAKA.ring.width, opacity: ".35" }),
-    /* @__PURE__ */ jsxs5("g", { className: animated ? "ymm-orbit" : void 0, children: [
-      /* @__PURE__ */ jsx5("circle", { cx: YOMIZAKA.center, cy: YOMIZAKA.center, r: YOMIZAKA.orbit.r, stroke: neutral("--kz-border-strong", 40), strokeWidth: YOMIZAKA.orbit.width, strokeDasharray: YOMIZAKA.orbit.dash, opacity: ".6" }),
-      /* @__PURE__ */ jsx5("circle", { cx: YOMIZAKA.node.at[0], cy: YOMIZAKA.node.at[1], r: YOMIZAKA.node.r, fill })
+    size >= 48 ? /* @__PURE__ */ jsx7("circle", { cx: YOMIZAKA.center, cy: YOMIZAKA.center, r: "190", fill: `url(#${id.glow})` }) : null,
+    /* @__PURE__ */ jsx7("circle", { cx: YOMIZAKA.center, cy: YOMIZAKA.center, r: YOMIZAKA.ring.r, stroke: neutral("--kz-border-default", 30), strokeWidth: YOMIZAKA.ring.width, opacity: ".35" }),
+    /* @__PURE__ */ jsxs7("g", { className: animated ? "ymm-orbit" : void 0, children: [
+      /* @__PURE__ */ jsx7("circle", { cx: YOMIZAKA.center, cy: YOMIZAKA.center, r: YOMIZAKA.orbit.r, stroke: neutral("--kz-border-strong", 40), strokeWidth: YOMIZAKA.orbit.width, strokeDasharray: YOMIZAKA.orbit.dash, opacity: ".6" }),
+      /* @__PURE__ */ jsx7("circle", { cx: YOMIZAKA.node.at[0], cy: YOMIZAKA.node.at[1], r: YOMIZAKA.node.r, fill })
     ] }),
-    /* @__PURE__ */ jsx5("path", { d: YOMIZAKA.page, fill }),
-    /* @__PURE__ */ jsx5("path", { d: YOMIZAKA.lines, stroke: YOMIZAKA.line.color, strokeOpacity: YOMIZAKA.line.opacity, strokeWidth: YOMIZAKA.line.width, strokeLinecap: "round" }),
-    animated ? /* @__PURE__ */ jsx5("g", { clipPath: `url(#${id.page})`, children: /* @__PURE__ */ jsx5("path", { className: "ymm-scan", d: YOMIZAKA.scan.d, stroke: YOMIZAKA.scan.color, strokeOpacity: YOMIZAKA.scan.opacity, strokeWidth: YOMIZAKA.scan.width, strokeLinecap: "round" }) }) : null,
-    /* @__PURE__ */ jsx5("path", { d: YOMIZAKA.handle, stroke: fill, strokeWidth: YOMIZAKA.handleWidth, strokeLinecap: "round" }),
-    /* @__PURE__ */ jsxs5("g", { className: animated ? "ymm-lens" : void 0, children: [
-      /* @__PURE__ */ jsx5("circle", { cx: YOMIZAKA.lens.cx, cy: YOMIZAKA.lens.cy, r: YOMIZAKA.lens.r, stroke: fill, strokeWidth: YOMIZAKA.lens.width, fill: `url(#${id.core})` }),
-      /* @__PURE__ */ jsx5("circle", { cx: YOMIZAKA.lens.glint.cx, cy: YOMIZAKA.lens.glint.cy, r: YOMIZAKA.lens.glint.r, fill: YOMIZAKA.highlight })
+    /* @__PURE__ */ jsx7("path", { d: YOMIZAKA.page, fill }),
+    /* @__PURE__ */ jsx7("path", { d: YOMIZAKA.lines, stroke: YOMIZAKA.line.color, strokeOpacity: YOMIZAKA.line.opacity, strokeWidth: YOMIZAKA.line.width, strokeLinecap: "round" }),
+    animated ? /* @__PURE__ */ jsx7("g", { clipPath: `url(#${id.page})`, children: /* @__PURE__ */ jsx7("path", { className: "ymm-scan", d: YOMIZAKA.scan.d, stroke: YOMIZAKA.scan.color, strokeOpacity: YOMIZAKA.scan.opacity, strokeWidth: YOMIZAKA.scan.width, strokeLinecap: "round" }) }) : null,
+    /* @__PURE__ */ jsx7("path", { d: YOMIZAKA.handle, stroke: fill, strokeWidth: YOMIZAKA.handleWidth, strokeLinecap: "round" }),
+    /* @__PURE__ */ jsxs7("g", { className: animated ? "ymm-lens" : void 0, children: [
+      /* @__PURE__ */ jsx7("circle", { cx: YOMIZAKA.lens.cx, cy: YOMIZAKA.lens.cy, r: YOMIZAKA.lens.r, stroke: fill, strokeWidth: YOMIZAKA.lens.width, fill: `url(#${id.core})` }),
+      /* @__PURE__ */ jsx7("circle", { cx: YOMIZAKA.lens.glint.cx, cy: YOMIZAKA.lens.glint.cy, r: YOMIZAKA.lens.glint.r, fill: YOMIZAKA.highlight })
     ] })
   ] });
 }
 
 // src/marks/yororis-geometry.ts
-import { marks as marks6 } from "@krizaka/tokens/native";
-var sand = marks6.yororis[0][1];
-var sage = marks6.yororis[marks6.yororis.length - 1][1];
+import { marks as marks8 } from "@krizaka/tokens/native";
+var sand = marks8.yororis[0][1];
+var sage = marks8.yororis[marks8.yororis.length - 1][1];
 var YORORIS = {
   viewBox: "0 0 400 400",
   croppedViewBox: "80 80 240 240",
@@ -375,7 +507,7 @@ var YORORIS = {
   /** The stem, from the junction down. */
   stem: "M200 244 L200 312",
   stroke: 30,
-  gradient: { x1: 110, y1: 300, x2: 290, y2: 100, stops: marks6.yororis },
+  gradient: { x1: 110, y1: 300, x2: 290, y2: 100, stops: marks8.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. */
@@ -391,8 +523,8 @@ var YORORIS = {
 };
 
 // src/marks/YororisLogo.tsx
-import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
-var CSS6 = `
+import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
+var CSS8 = `
 .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; }
@@ -407,44 +539,48 @@ var CSS6 = `
 function YororisLogo({ size = 32, animated = true, title, className }) {
   const id = useIds("yrm", ["gradient", "core", "glow"]);
   const fill = `url(#${id.gradient})`;
-  return /* @__PURE__ */ jsxs6("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__ */ jsx6("style", { children: CSS6 }),
-    /* @__PURE__ */ jsxs6("defs", { children: [
-      /* @__PURE__ */ jsx6("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__ */ jsx6("stop", { offset, stopColor: color }, offset)) }),
-      /* @__PURE__ */ jsx6("linearGradient", { id: id.core, x1: "50%", y1: "100%", x2: "50%", y2: "0%", children: YORORIS.coreGradient.stops.map(([offset, color]) => /* @__PURE__ */ jsx6("stop", { offset, stopColor: color }, offset)) }),
-      /* @__PURE__ */ jsxs6("radialGradient", { id: id.glow, cx: "50%", cy: "50%", r: "50%", children: [
-        /* @__PURE__ */ jsx6("stop", { offset: "0%", stopColor: YORORIS.glow.color, stopOpacity: YORORIS.glow.opacity }),
-        /* @__PURE__ */ jsx6("stop", { offset: "100%", stopColor: YORORIS.glow.color, stopOpacity: "0" })
+  return /* @__PURE__ */ jsxs8("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__ */ jsx8("style", { children: CSS8 }),
+    /* @__PURE__ */ jsxs8("defs", { children: [
+      /* @__PURE__ */ jsx8("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__ */ jsx8("stop", { offset, stopColor: color }, offset)) }),
+      /* @__PURE__ */ jsx8("linearGradient", { id: id.core, x1: "50%", y1: "100%", x2: "50%", y2: "0%", children: YORORIS.coreGradient.stops.map(([offset, color]) => /* @__PURE__ */ jsx8("stop", { offset, stopColor: color }, offset)) }),
+      /* @__PURE__ */ jsxs8("radialGradient", { id: id.glow, cx: "50%", cy: "50%", r: "50%", children: [
+        /* @__PURE__ */ jsx8("stop", { offset: "0%", stopColor: YORORIS.glow.color, stopOpacity: YORORIS.glow.opacity }),
+        /* @__PURE__ */ jsx8("stop", { offset: "100%", stopColor: YORORIS.glow.color, stopOpacity: "0" })
       ] })
     ] }),
-    size >= 48 ? /* @__PURE__ */ jsx6("circle", { cx: YORORIS.center, cy: YORORIS.center, r: "190", fill: `url(#${id.glow})` }) : null,
-    /* @__PURE__ */ jsx6("circle", { cx: YORORIS.center, cy: YORORIS.center, r: YORORIS.ring.r, stroke: neutral("--kz-border-default", 30), strokeWidth: YORORIS.ring.width, opacity: ".35" }),
-    /* @__PURE__ */ jsxs6("g", { className: animated ? "yrm-orbit" : void 0, children: [
-      /* @__PURE__ */ jsx6("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__ */ jsx6("circle", { cx: YORORIS.moment.at[0], cy: YORORIS.moment.at[1], r: YORORIS.moment.r, fill })
+    size >= 48 ? /* @__PURE__ */ jsx8("circle", { cx: YORORIS.center, cy: YORORIS.center, r: "190", fill: `url(#${id.glow})` }) : null,
+    /* @__PURE__ */ jsx8("circle", { cx: YORORIS.center, cy: YORORIS.center, r: YORORIS.ring.r, stroke: neutral("--kz-border-default", 30), strokeWidth: YORORIS.ring.width, opacity: ".35" }),
+    /* @__PURE__ */ jsxs8("g", { className: animated ? "yrm-orbit" : void 0, children: [
+      /* @__PURE__ */ jsx8("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__ */ jsx8("circle", { cx: YORORIS.moment.at[0], cy: YORORIS.moment.at[1], r: YORORIS.moment.r, fill })
     ] }),
-    /* @__PURE__ */ jsx6("path", { d: YORORIS.stem, stroke: fill, strokeWidth: YORORIS.stroke, strokeLinecap: "round" }),
-    YORORIS.leaves.map((d) => /* @__PURE__ */ jsx6("path", { d, fill }, d)),
-    /* @__PURE__ */ jsx6("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__ */ jsxs6("g", { className: animated ? "yrm-core" : void 0, children: [
-      /* @__PURE__ */ jsx6("circle", { cx: YORORIS.core.cx, cy: YORORIS.core.cy, r: YORORIS.core.r, fill: `url(#${id.core})` }),
-      /* @__PURE__ */ jsx6("circle", { cx: YORORIS.core.cx, cy: YORORIS.core.cy, r: YORORIS.core.inner, fill: YORORIS.highlight })
+    /* @__PURE__ */ jsx8("path", { d: YORORIS.stem, stroke: fill, strokeWidth: YORORIS.stroke, strokeLinecap: "round" }),
+    YORORIS.leaves.map((d) => /* @__PURE__ */ jsx8("path", { d, fill }, d)),
+    /* @__PURE__ */ jsx8("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__ */ jsxs8("g", { className: animated ? "yrm-core" : void 0, children: [
+      /* @__PURE__ */ jsx8("circle", { cx: YORORIS.core.cx, cy: YORORIS.core.cy, r: YORORIS.core.r, fill: `url(#${id.core})` }),
+      /* @__PURE__ */ jsx8("circle", { cx: YORORIS.core.cx, cy: YORORIS.core.cy, r: YORORIS.core.inner, fill: YORORIS.highlight })
     ] })
   ] });
 }
 
 // src/marks/ProductLogo.tsx
-import { jsx as jsx7 } from "react/jsx-runtime";
+import { jsx as jsx9 } from "react/jsx-runtime";
 function ProductLogo({ id, ...props }) {
-  if (id === "krizaka") return /* @__PURE__ */ jsx7(KrizakaLogo, { ...props });
-  if (id === "orazaka") return /* @__PURE__ */ jsx7(OrazakaLogo, { ...props });
-  if (id === "yasakia" || id === "yazakia") return /* @__PURE__ */ jsx7(YasakiaLogo, { ...props });
-  if (id === "yororis") return /* @__PURE__ */ jsx7(YororisLogo, { ...props });
-  if (id === "yomizaka") return /* @__PURE__ */ jsx7(YomizakaLogo, { ...props });
-  return /* @__PURE__ */ jsx7(OrochiaLogo, { ...props });
+  if (id === "krizaka") return /* @__PURE__ */ jsx9(KrizakaLogo, { ...props });
+  if (id === "orazaka") return /* @__PURE__ */ jsx9(OrazakaLogo, { ...props });
+  if (id === "yasakia" || id === "yazakia") return /* @__PURE__ */ jsx9(YasakiaLogo, { ...props });
+  if (id === "yororis") return /* @__PURE__ */ jsx9(YororisLogo, { ...props });
+  if (id === "yomizaka") return /* @__PURE__ */ jsx9(YomizakaLogo, { ...props });
+  if (id === "kachizaka") return /* @__PURE__ */ jsx9(KachizakaLogo, { ...props });
+  if (id === "akinaza") return /* @__PURE__ */ jsx9(AkinazaLogo, { ...props });
+  return /* @__PURE__ */ jsx9(OrochiaLogo, { ...props });
 }
 
 export {
+  AkinazaLogo,
+  KachizakaLogo,
   KrizakaLogo,
   OrazakaLogo,
   OrochiaLogo,
@@ -454,4 +590,4 @@ export {
   YororisLogo,
   ProductLogo
 };
-//# sourceMappingURL=chunk-GR5JNFGQ.js.map
+//# sourceMappingURL=chunk-LIPK4UCS.js.map