@krizaka/ui 3.20.0 → 3.22.0

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

@@ -2,29 +2,27 @@
 
 // src/marks/akinaza-geometry.ts
 import { marks } from "@krizaka/tokens/native";
+var forest = marks.akinaza[0][1];
 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 },
+  forest,
+  copper,
+  log: "M197 110 L290 203 A96 96 0 1 1 197 110 Z",
+  /** The fresh face of the cut: a copper band along the chord. */
+  cut: "M197 110 L290 203 A96 96 0 0 1 289.1 219.1 L180.9 110.9 A96 96 0 0 1 197 110 Z",
+  /** The year rings, in light, inside the band. */
+  rings: { cx: 194, cy: 206, r: [52, 28], width: 7, opacity: 0.42 },
+  heart: { cx: 194, cy: 206, r: 16, inner: 5.4 },
+  highlight: "#fff7ed",
+  gradient: { x1: 110, y1: 300, x2: 290, y2: 100, 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 },
+  motion: { spin: 32, breath: 3.8 },
   orbit: { r: 160, dash: "8 8", width: 1.5 },
   ring: { r: 134, width: 1 }
 };
@@ -38,107 +36,99 @@ function useIds(prefix, keys) {
 }
 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")}`;
+var familyMotion = (prefix, { spin, breath, color, low, high }) => `
+.${prefix}-orbit { transform-origin: 200px 200px; animation: ${prefix}-orbit ${spin}s linear infinite; }
+.${prefix}-core { transform-box: fill-box; transform-origin: center; animation: ${prefix}-core ${breath}s ease-in-out infinite; }
+@keyframes ${prefix}-orbit { to { transform: rotate(360deg); } }
+@keyframes ${prefix}-core {
+  0%, 100% { filter: drop-shadow(0 0 6px ${withAlpha(color, low)}); opacity: .92; }
+  50% { filter: drop-shadow(0 0 16px ${withAlpha(color, high)}); opacity: 1; }
+}
+@media (prefers-reduced-motion: reduce) { .${prefix}-orbit, .${prefix}-core { animation: none; } }
+`;
 
 // 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; } }
-`;
+var CSS = familyMotion("akm", { ...AKINAZA.motion, ...AKINAZA.pulse });
 function AkinazaLogo({ size = 32, animated = true, title, className }) {
-  const id = useIds("akm", ["gradient", "core", "glow"]);
-  const fill = `url(#${id.gradient})`;
+  const id = useIds("akm", ["glow"]);
+  const m = (cls) => animated ? `akm-${cls}` : void 0;
   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" })
-      ] })
-    ] }),
+    /* @__PURE__ */ jsx("defs", { children: /* @__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__ */ jsxs("g", { className: m("orbit"), 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("circle", { cx: AKINAZA.node.at[0], cy: AKINAZA.node.at[1], r: AKINAZA.node.r, fill: AKINAZA.copper })
     ] }),
-    /* @__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})` })
+    /* @__PURE__ */ jsx("path", { d: AKINAZA.log, fill: AKINAZA.forest }),
+    /* @__PURE__ */ jsx("path", { d: AKINAZA.cut, fill: AKINAZA.copper }),
+    AKINAZA.rings.r.map((r) => /* @__PURE__ */ jsx("circle", { cx: AKINAZA.rings.cx, cy: AKINAZA.rings.cy, r, stroke: AKINAZA.highlight, strokeOpacity: AKINAZA.rings.opacity, strokeWidth: AKINAZA.rings.width }, r)),
+    /* @__PURE__ */ jsxs("g", { className: m("core"), children: [
+      /* @__PURE__ */ jsx("circle", { cx: AKINAZA.heart.cx, cy: AKINAZA.heart.cy, r: AKINAZA.heart.r, fill: AKINAZA.copper }),
+      /* @__PURE__ */ jsx("circle", { cx: AKINAZA.heart.cx, cy: AKINAZA.heart.cy, r: AKINAZA.heart.inner, fill: AKINAZA.highlight })
+    ] })
   ] });
 }
 
 // src/marks/kachizaka-geometry.ts
 import { marks as marks2 } from "@krizaka/tokens/native";
+var cobalt = marks2.kachizaka[0][1];
 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 },
+  cobalt,
+  gold,
+  /** The steps: second (left, cut top-left), first (centre, both top corners cut, in gold), third (right, cut top-right). */
+  steps: {
+    second: "M102 240 L122 220 H162 V296 H102 Z",
+    first: "M170 192 L188 174 H212 L230 192 V296 H170 Z",
+    third: "M238 248 H278 L298 268 V296 H238 Z"
+  },
+  /** The lit node over the winner: a gold diamond (half-diagonal 22, softened by a 6-unit round stroke), its light inside. */
+  node: { d: "M200 102 L222 124 L200 146 L178 124 Z", light: "M200 116.1 L207.9 124 L200 131.9 L192.1 124 Z", soften: 6 },
+  highlight: "#fffbea",
+  gradient: { x1: 110, y1: 300, x2: 290, y2: 100, stops: marks2.kachizaka },
   /** The ball: one node on the orbit, that turns with it. */
-  node: { r: 9, at: [200, 40] },
+  ball: { 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 },
+  motion: { spin: 28, breath: 3.2 },
   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; } }
-`;
+var CSS2 = familyMotion("kcm", { ...KACHIZAKA.motion, ...KACHIZAKA.pulse });
 function KachizakaLogo({ size = 32, animated = true, title, className }) {
-  const id = useIds("kzm", ["gradient", "glow"]);
-  const fill = `url(#${id.gradient})`;
+  const id = useIds("kcm", ["glow"]);
+  const m = (cls) => animated ? `kcm-${cls}` : void 0;
   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" })
-      ] })
-    ] }),
+    /* @__PURE__ */ jsx2("defs", { children: /* @__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__ */ jsxs2("g", { className: m("orbit"), 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("circle", { cx: KACHIZAKA.ball.at[0], cy: KACHIZAKA.ball.at[1], r: KACHIZAKA.ball.r, fill: KACHIZAKA.gold })
     ] }),
-    /* @__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 })
+    /* @__PURE__ */ jsx2("path", { d: KACHIZAKA.steps.second, fill: KACHIZAKA.cobalt }),
+    /* @__PURE__ */ jsx2("path", { d: KACHIZAKA.steps.first, fill: KACHIZAKA.gold }),
+    /* @__PURE__ */ jsx2("path", { d: KACHIZAKA.steps.third, fill: KACHIZAKA.cobalt }),
+    /* @__PURE__ */ jsxs2("g", { className: m("core"), children: [
+      /* @__PURE__ */ jsx2("path", { d: KACHIZAKA.node.d, fill: KACHIZAKA.gold, stroke: KACHIZAKA.gold, strokeWidth: KACHIZAKA.node.soften, strokeLinejoin: "round" }),
+      /* @__PURE__ */ jsx2("path", { d: KACHIZAKA.node.light, fill: KACHIZAKA.highlight })
+    ] })
   ] });
 }
 
@@ -344,50 +334,36 @@ 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" }
+  bubble: { cx: 200, cy: 200, r: 86 },
+  /** The two tails, out of the bubble at 115°–160° and, turned 180° about the centre, at 295°–340°. */
+  tails: [
+    "M163.7 277.9 Q138 294 106 304 Q124 270 119.2 229.4 Z",
+    "M236.3 122.1 Q262 106 294 96 Q276 130 280.8 170.6 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 },
+  /** The spark: a diamond of light (half-diagonal 24, softened by a 6-unit round stroke). */
+  spark: { d: "M200 176 L224 200 L200 224 L176 200 Z", soften: 6 },
+  highlight: "#f0fdfa",
   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. */
-  pair: { r: 8, at: [[40, 200], [360, 200]] },
+  /** The two people: one node on the orbit, that turns with it. */
+  node: { r: 9, at: [200, 40] },
   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 },
+  motion: { spin: 30, breath: 3.2 },
   orbit: { r: 160, dash: "8 8", width: 1.5 },
   ring: { r: 134, width: 1 }
 };
 
 // src/marks/YasakiaLogo.tsx
 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); } }
-@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; } }
-`;
+var CSS6 = familyMotion("yzm", { ...YASAKIA.motion, ...YASAKIA.pulse });
 function YasakiaLogo({ size = 32, animated = true, title, className }) {
-  const id = useIds("yzm", ["gradient", "light", "glow"]);
+  const id = useIds("yzm", ["gradient", "glow"]);
   const fill = `url(#${id.gradient})`;
+  const m = (cls) => animated ? `yzm-${cls}` : void 0;
   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__ */ 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" })
@@ -395,19 +371,13 @@ function YasakiaLogo({ size = 32, animated = true, title, className }) {
     ] }),
     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__ */ jsxs6("g", { className: m("orbit"), 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))
+      /* @__PURE__ */ jsx6("circle", { cx: YASAKIA.node.at[0], cy: YASAKIA.node.at[1], r: YASAKIA.node.r, fill })
     ] }),
-    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__ */ 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})` })
-    ] })
+    /* @__PURE__ */ jsx6("circle", { cx: YASAKIA.bubble.cx, cy: YASAKIA.bubble.cy, r: YASAKIA.bubble.r, fill }),
+    /* @__PURE__ */ jsx6("path", { d: YASAKIA.tails.join(" "), fill }),
+    /* @__PURE__ */ jsx6("g", { className: m("core"), children: /* @__PURE__ */ jsx6("path", { d: YASAKIA.spark.d, fill: YASAKIA.highlight, stroke: YASAKIA.highlight, strokeWidth: YASAKIA.spark.soften, strokeLinejoin: "round" }) })
   ] });
 }
 var YazakiaLogo = YasakiaLogo;
@@ -419,72 +389,58 @@ var YOMIZAKA = {
   viewBox: "0 0 400 400",
   croppedViewBox: "80 80 240 240",
   center: 200,
-  /** The page, cut at its corner (the Krizaka chamfer) and around the lens. */
-  page: "M128 92 H228 L264 128 V185.87 A52 52 0 1 0 264 278.13 V300 H128 Z",
-  /** Three lines of text and the start of a fourth, in light: they wrap around the lens. */
-  lines: "M156 140 H226 M156 170 H236 M156 200 H184 M156 230 H176",
-  line: { color: "#f4f5ff", opacity: 0.6, width: 10 },
-  /** The lens: a ring in the brand gradient, its pale core lit from above, a glint; the handle leaves the page. */
-  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: marks7.yomizaka },
-  /** The lens' core: a pale indigo light, brighter at the top. */
-  coreGradient: { stops: [["0%", "#c9ceff"], ["100%", "#f4f5ff"]] },
-  highlight: "#ffffff",
-  /** The reading (web): a line of light that scans the page from top to bottom, clipped to the page. */
-  scan: { d: "M136 100 H236", travel: 192, color: "#f4f5ff", opacity: 0.7, width: 3 },
-  /** A page: one node on the orbit, that turns with it. */
+  stroke: 22,
+  /** The brow: two soft arcs that meet over the beak — calm, never a sharp V. */
+  brow: "M106 153 C130 125 176 129 200 159 C224 129 270 125 294 153",
+  /** The two lenses (rings at the family stroke). */
+  lenses: [
+    { cx: 146, cy: 223, r: 40 },
+    { cx: 254, cy: 223, r: 40 }
+  ],
+  /** The pupils, glancing down-right (reading): the lit cores. */
+  pupils: [
+    { cx: 154, cy: 229, r: 15, inner: 5.1 },
+    { cx: 262, cy: 229, r: 15, inner: 5.1 }
+  ],
+  highlight: "#f4f5ff",
+  gradient: { x1: 110, y1: 300, x2: 290, y2: 100, stops: marks7.yomizaka },
+  /** One node, a page, rides the orbit. */
   node: { r: 9, at: [200, 40] },
   glow: { color: indigo, opacity: 0.18 },
-  /** The lens' breathing shadow (web), in the indigo. */
   pulse: { color: indigo, low: 0.3, high: 0.6 },
+  motion: { spin: 32, breath: 3.6 },
   orbit: { r: 160, dash: "8 8", width: 1.5 },
   ring: { r: 134, width: 1 }
 };
 
 // src/marks/YomizakaLogo.tsx
 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; }
-@keyframes ymm-orbit { to { transform: rotate(360deg); } }
-@keyframes ymm-scan { 0% { transform: translateY(0); opacity: 0; } 12%, 80% { opacity: 1; } 100% { transform: translateY(${YOMIZAKA.scan.travel}px); opacity: 0; } }
-@keyframes ymm-lens {
-  0%, 100% { filter: drop-shadow(0 0 6px ${withAlpha(YOMIZAKA.pulse.color, YOMIZAKA.pulse.low)}); }
-  50% { filter: drop-shadow(0 0 16px ${withAlpha(YOMIZAKA.pulse.color, YOMIZAKA.pulse.high)}); }
-}
-@media (prefers-reduced-motion: reduce) { .ymm-orbit, .ymm-scan, .ymm-lens { animation: none; } .ymm-scan { opacity: 0; } }
-`;
+var CSS7 = familyMotion("ymm", { ...YOMIZAKA.motion, ...YOMIZAKA.pulse });
 function YomizakaLogo({ size = 32, animated = true, title, className }) {
-  const id = useIds("ymm", ["gradient", "core", "glow", "page"]);
+  const id = useIds("ymm", ["gradient", "glow"]);
   const fill = `url(#${id.gradient})`;
+  const m = (cls) => animated ? `ymm-${cls}` : void 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__ */ jsx7("clipPath", { id: id.page, children: /* @__PURE__ */ jsx7("path", { d: YOMIZAKA.page }) })
+      ] })
     ] }),
     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__ */ jsxs7("g", { className: m("orbit"), 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__ */ 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 })
-    ] })
+    /* @__PURE__ */ jsx7("path", { d: YOMIZAKA.brow, stroke: fill, strokeWidth: YOMIZAKA.stroke, strokeLinecap: "round", strokeLinejoin: "round" }),
+    YOMIZAKA.lenses.map((l) => /* @__PURE__ */ jsx7("circle", { cx: l.cx, cy: l.cy, r: l.r, stroke: fill, strokeWidth: YOMIZAKA.stroke }, l.cx)),
+    /* @__PURE__ */ jsx7("g", { className: m("core"), children: YOMIZAKA.pupils.map((p) => /* @__PURE__ */ jsxs7("g", { children: [
+      /* @__PURE__ */ jsx7("circle", { cx: p.cx, cy: p.cy, r: p.r, fill }),
+      /* @__PURE__ */ jsx7("circle", { cx: p.cx, cy: p.cy, r: p.inner, fill: YOMIZAKA.highlight })
+    ] }, p.cx)) })
   ] });
 }
 
@@ -496,70 +452,45 @@ 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: 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. */
-  core: { cx: 200, cy: 184, r: 32, inner: 11 },
+  stroke: 22,
+  sand,
+  sage,
+  /** The two hands: arcs of a circle r 92 centred (200, 162), from 196° to 104° and from 76° to −16°; open at the bottom and the top. */
+  hands: "M111.6 136.6 A92 92 0 0 0 177.7 251.3 M222.3 251.3 A92 92 0 0 0 288.4 136.6",
+  /** The warm core, held inside the hands. */
+  core: { cx: 200, cy: 176, r: 30, inner: 10.2 },
   highlight: "#fbf6ea",
-  /** The moment: one node on the orbit, that turns with it. */
-  moment: { r: 9, at: [200, 40] },
+  gradient: { x1: 110, y1: 300, x2: 290, y2: 100, stops: marks8.yororis },
+  /** The moment: one node on the orbit — it comes round, then it goes. */
+  node: { 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 },
+  motion: { spin: 36, breath: 4.2 },
   orbit: { r: 160, dash: "8 8", width: 1.5 },
   ring: { r: 134, width: 1 }
 };
 
 // src/marks/YororisLogo.tsx
 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; }
-@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; } }
-`;
+var CSS8 = familyMotion("yrm", { ...YORORIS.motion, ...YORORIS.pulse });
 function YororisLogo({ size = 32, animated = true, title, className }) {
-  const id = useIds("yrm", ["gradient", "core", "glow"]);
-  const fill = `url(#${id.gradient})`;
+  const id = useIds("yrm", ["glow"]);
+  const m = (cls) => animated ? `yrm-${cls}` : void 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" })
-      ] })
-    ] }),
+    /* @__PURE__ */ jsx8("defs", { children: /* @__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__ */ 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__ */ jsxs8("g", { className: m("orbit"), 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__ */ jsx8("circle", { cx: YORORIS.node.at[0], cy: YORORIS.node.at[1], r: YORORIS.node.r, fill: YORORIS.sage })
     ] }),
-    /* @__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("path", { d: YORORIS.hands, stroke: YORORIS.sage, strokeWidth: YORORIS.stroke, strokeLinecap: "round" }),
+    /* @__PURE__ */ jsxs8("g", { className: m("core"), children: [
+      /* @__PURE__ */ jsx8("circle", { cx: YORORIS.core.cx, cy: YORORIS.core.cy, r: YORORIS.core.r, fill: YORORIS.sand }),
       /* @__PURE__ */ jsx8("circle", { cx: YORORIS.core.cx, cy: YORORIS.core.cy, r: YORORIS.core.inner, fill: YORORIS.highlight })
     ] })
   ] });
@@ -590,4 +521,4 @@ export {
   YororisLogo,
   ProductLogo
 };
-//# sourceMappingURL=chunk-LIPK4UCS.js.map
+//# sourceMappingURL=chunk-YCIBJ6OQ.js.map