@krizaka/ui 3.14.0 → 3.15.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (68) hide show
  1. package/README.md +5 -3
  2. package/dist/avatar/defaults.d.ts +43 -0
  3. package/dist/avatar/defaults.js +76 -0
  4. package/dist/avatar/defaults.js.map +1 -0
  5. package/dist/avatar.d.ts +1 -1
  6. package/dist/avatar.js +4 -2
  7. package/dist/avatar.js.map +1 -1
  8. package/dist/chat.js +1 -1
  9. package/dist/{chunk-UB2BI3AW.js → chunk-BCVLLY3R.js} +47 -3
  10. package/dist/chunk-BCVLLY3R.js.map +1 -0
  11. package/dist/{chunk-GR5JNFGQ.js → chunk-LIPK4UCS.js} +300 -164
  12. package/dist/chunk-LIPK4UCS.js.map +1 -0
  13. package/dist/{chunk-COJ3IDE2.js → chunk-SKMJRM5K.js} +11 -4
  14. package/dist/chunk-SKMJRM5K.js.map +1 -0
  15. package/dist/{chunk-2JFARUKC.js → chunk-YIBKJ36L.js} +1 -1
  16. package/dist/chunk-YIBKJ36L.js.map +1 -0
  17. package/dist/{geometry-B2E8oFhg.d.ts → geometry-DX-W-Yyf.d.ts} +5 -2
  18. package/dist/index.d.ts +18 -2
  19. package/dist/index.js +5 -1
  20. package/dist/map.js +60 -0
  21. package/dist/map.js.map +1 -1
  22. package/dist/mascot-quote.d.ts +5 -2
  23. package/dist/mascot-quote.js +45 -1
  24. package/dist/mascot-quote.js.map +1 -1
  25. package/dist/mascot-state.d.ts +2 -2
  26. package/dist/mascot-state.js +1 -1
  27. package/dist/mascot-state.js.map +1 -1
  28. package/dist/mascots.d.ts +4 -4
  29. package/dist/mascots.js +1 -1
  30. package/dist/match-dialog.js +1 -1
  31. package/dist/native/map.js +60 -0
  32. package/dist/native/map.js.map +1 -1
  33. package/dist/native.d.ts +35 -18
  34. package/dist/native.js +1114 -912
  35. package/dist/native.js.map +1 -1
  36. package/dist/nav-bar.d.ts +1 -1
  37. package/dist/nav-bar.js +3 -2
  38. package/dist/nav-bar.js.map +1 -1
  39. package/dist/site-footer.d.ts +1 -1
  40. package/dist/site-footer.js +2 -2
  41. package/dist/{sites-ClGou6ou.d.ts → sites-CHp_vELn.d.ts} +4 -3
  42. package/dist/sites.d.ts +5 -4
  43. package/dist/sites.js +9 -2
  44. package/dist/sites.js.map +1 -1
  45. package/dist/vertical-video.js +1 -1
  46. package/package.json +15 -9
  47. package/registry/avatar.json +6 -2
  48. package/registry/examples/mascots/beaver.d.ts +4 -0
  49. package/registry/examples/mascots/beaver.js +19 -0
  50. package/registry/examples/mascots/beaver.tsx +18 -0
  51. package/registry/examples/mascots/flock.tsx +1 -1
  52. package/registry/examples/mascots/magpie.d.ts +4 -0
  53. package/registry/examples/mascots/magpie.js +19 -0
  54. package/registry/examples/mascots/magpie.tsx +18 -0
  55. package/registry/index.json +7 -7
  56. package/registry/map.json +1 -1
  57. package/registry/mascot-quote.json +5 -5
  58. package/registry/mascot-state.json +33 -33
  59. package/registry/mascots.json +36 -20
  60. package/registry/nav-bar.json +19 -3
  61. package/registry/permission-prompt.json +1 -1
  62. package/registry/product-page.json +2 -2
  63. package/registry/site-footer.json +18 -2
  64. package/registry/sites.json +3 -3
  65. package/dist/chunk-2JFARUKC.js.map +0 -1
  66. package/dist/chunk-COJ3IDE2.js.map +0 -1
  67. package/dist/chunk-GR5JNFGQ.js.map +0 -1
  68. package/dist/chunk-UB2BI3AW.js.map +0 -1
@@ -1,7 +1,149 @@
1
1
  "use client";
2
2
 
3
- // src/marks/krizaka-geometry.ts
3
+ // src/marks/akinaza-geometry.ts
4
4
  import { marks } from "@krizaka/tokens/native";
5
+ var copper = marks.akinaza[marks.akinaza.length - 1][1];
6
+ var AKINAZA = {
7
+ viewBox: "0 0 400 400",
8
+ croppedViewBox: "80 80 240 240",
9
+ center: 200,
10
+ /** The awning: 124 → 276 at y 108, cut 28 at its upper-right corner, four scallops below (y 150, 19 deep). */
11
+ 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",
12
+ /** The awning's stripes, in light. */
13
+ stripes: "M162 116 V146 M200 116 V146 M238 116 V140",
14
+ stripe: { color: "#fff7ed", opacity: 0.55, width: 8 },
15
+ /** The shop front: walls 140 → 260 from y 178 to the ground, the door cut out (178 → 222, from y 222). */
16
+ front: "M140 178 H260 V300 H222 V222 H178 V300 H140 Z",
17
+ /** The open door: the bright core, a warm light. */
18
+ door: { x: 182, y: 226, w: 36, h: 74, rx: 4 },
19
+ coreGradient: { stops: [["0%", "#fde7c7"], ["100%", "#fffaf2"]] },
20
+ /** A window each side, in light. */
21
+ windows: "M154 196 H168 V212 H154 Z M232 196 H246 V212 H232 Z",
22
+ gradient: { x1: 140, y1: 300, x2: 276, y2: 108, stops: marks.akinaza },
23
+ /** A coin: one node on the orbit, that turns with it. */
24
+ node: { r: 9, at: [200, 40] },
25
+ glow: { color: copper, opacity: 0.16 },
26
+ /** The door's breathing light (web), in the copper. */
27
+ pulse: { color: copper, low: 0.3, high: 0.65 },
28
+ orbit: { r: 160, dash: "8 8", width: 1.5 },
29
+ ring: { r: 134, width: 1 }
30
+ };
31
+
32
+ // src/marks/shared.ts
33
+ import { useId } from "react";
34
+ var neutral = (token, percent) => `var(${token}, color-mix(in srgb, currentColor ${percent}%, transparent))`;
35
+ function useIds(prefix, keys) {
36
+ const uid = useId().replace(/[^a-zA-Z0-9_-]/g, "");
37
+ return Object.fromEntries(keys.map((k) => [k, `${prefix}-${k}-${uid}`]));
38
+ }
39
+ var a11y = (title) => title ? { role: "img", "aria-label": title } : { "aria-hidden": true };
40
+ var withAlpha = (hex, opacity) => `${hex}${Math.round(opacity * 255).toString(16).padStart(2, "0")}`;
41
+
42
+ // src/marks/AkinazaLogo.tsx
43
+ import { jsx, jsxs } from "react/jsx-runtime";
44
+ var CSS = `
45
+ .akm-orbit { transform-origin: 200px 200px; animation: akm-orbit 32s linear infinite; }
46
+ .akm-door { animation: akm-door 3.8s ease-in-out infinite; }
47
+ @keyframes akm-orbit { to { transform: rotate(360deg); } }
48
+ @keyframes akm-door {
49
+ 0%, 100% { filter: drop-shadow(0 0 4px ${withAlpha(AKINAZA.pulse.color, AKINAZA.pulse.low)}); }
50
+ 50% { filter: drop-shadow(0 0 14px ${withAlpha(AKINAZA.pulse.color, AKINAZA.pulse.high)}); }
51
+ }
52
+ @media (prefers-reduced-motion: reduce) { .akm-orbit, .akm-door { animation: none; } }
53
+ `;
54
+ function AkinazaLogo({ size = 32, animated = true, title, className }) {
55
+ const id = useIds("akm", ["gradient", "core", "glow"]);
56
+ const fill = `url(#${id.gradient})`;
57
+ 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: [
58
+ /* @__PURE__ */ jsx("style", { children: CSS }),
59
+ /* @__PURE__ */ jsxs("defs", { children: [
60
+ /* @__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)) }),
61
+ /* @__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)) }),
62
+ /* @__PURE__ */ jsxs("radialGradient", { id: id.glow, cx: "50%", cy: "50%", r: "50%", children: [
63
+ /* @__PURE__ */ jsx("stop", { offset: "0%", stopColor: AKINAZA.glow.color, stopOpacity: AKINAZA.glow.opacity }),
64
+ /* @__PURE__ */ jsx("stop", { offset: "100%", stopColor: AKINAZA.glow.color, stopOpacity: "0" })
65
+ ] })
66
+ ] }),
67
+ size >= 48 ? /* @__PURE__ */ jsx("circle", { cx: AKINAZA.center, cy: AKINAZA.center, r: "190", fill: `url(#${id.glow})` }) : null,
68
+ /* @__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" }),
69
+ /* @__PURE__ */ jsxs("g", { className: animated ? "akm-orbit" : void 0, children: [
70
+ /* @__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" }),
71
+ /* @__PURE__ */ jsx("circle", { cx: AKINAZA.node.at[0], cy: AKINAZA.node.at[1], r: AKINAZA.node.r, fill })
72
+ ] }),
73
+ /* @__PURE__ */ jsx("path", { d: AKINAZA.awning, fill }),
74
+ /* @__PURE__ */ jsx("path", { d: AKINAZA.stripes, stroke: AKINAZA.stripe.color, strokeOpacity: AKINAZA.stripe.opacity, strokeWidth: AKINAZA.stripe.width, strokeLinecap: "round" }),
75
+ /* @__PURE__ */ jsx("path", { d: AKINAZA.front, fill }),
76
+ /* @__PURE__ */ jsx("path", { d: AKINAZA.windows, fill: AKINAZA.stripe.color, fillOpacity: AKINAZA.stripe.opacity }),
77
+ /* @__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})` })
78
+ ] });
79
+ }
80
+
81
+ // src/marks/kachizaka-geometry.ts
82
+ import { marks as marks2 } from "@krizaka/tokens/native";
83
+ var gold = marks2.kachizaka[marks2.kachizaka.length - 1][1];
84
+ var KACHIZAKA = {
85
+ viewBox: "0 0 400 400",
86
+ croppedViewBox: "80 80 240 240",
87
+ center: 200,
88
+ /** The bowl: a rim 136 → 264 at y 104, cut 32 at its upper-right corner (the Krizaka chamfer), rounding down to the stem. */
89
+ cup: "M136 104 H232 L264 136 V164 C264 214 236 242 200 246 C164 242 136 214 136 164 Z",
90
+ /** The stem and the base, one shape. */
91
+ base: "M190 244 H210 V272 H240 C244 272 248 276 248 280 V300 H152 V280 C152 276 156 272 160 272 H190 Z",
92
+ /** The two handles, stroked in the gradient. */
93
+ handles: "M138 128 C100 124 100 196 150 202 M262 128 C300 124 300 196 250 202",
94
+ handleWidth: 14,
95
+ /** The seal: a five-pointed star in light on the bowl, centred (200, 172), radii 30 / 13. */
96
+ 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",
97
+ starColor: "#fffbea",
98
+ gradient: { x1: 136, y1: 300, x2: 264, y2: 104, stops: marks2.kachizaka },
99
+ /** The ball: one node on the orbit, that turns with it. */
100
+ node: { r: 9, at: [200, 40] },
101
+ glow: { color: gold, opacity: 0.18 },
102
+ /** The seal's breathing shadow (web), in the gold. */
103
+ pulse: { color: gold, low: 0.35, high: 0.75 },
104
+ orbit: { r: 160, dash: "8 8", width: 1.5 },
105
+ ring: { r: 134, width: 1 }
106
+ };
107
+
108
+ // src/marks/KachizakaLogo.tsx
109
+ import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
110
+ var CSS2 = `
111
+ .kzm-orbit { transform-origin: 200px 200px; animation: kzm-orbit 28s linear infinite; }
112
+ .kzm-seal { transform-box: fill-box; transform-origin: center; animation: kzm-seal 3.2s ease-in-out infinite; }
113
+ @keyframes kzm-orbit { to { transform: rotate(360deg); } }
114
+ @keyframes kzm-seal {
115
+ 0%, 100% { transform: scale(1); filter: drop-shadow(0 0 4px ${withAlpha(KACHIZAKA.pulse.color, KACHIZAKA.pulse.low)}); }
116
+ 50% { transform: scale(1.06); filter: drop-shadow(0 0 12px ${withAlpha(KACHIZAKA.pulse.color, KACHIZAKA.pulse.high)}); }
117
+ }
118
+ @media (prefers-reduced-motion: reduce) { .kzm-orbit, .kzm-seal { animation: none; } }
119
+ `;
120
+ function KachizakaLogo({ size = 32, animated = true, title, className }) {
121
+ const id = useIds("kzm", ["gradient", "glow"]);
122
+ const fill = `url(#${id.gradient})`;
123
+ 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: [
124
+ /* @__PURE__ */ jsx2("style", { children: CSS2 }),
125
+ /* @__PURE__ */ jsxs2("defs", { children: [
126
+ /* @__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)) }),
127
+ /* @__PURE__ */ jsxs2("radialGradient", { id: id.glow, cx: "50%", cy: "50%", r: "50%", children: [
128
+ /* @__PURE__ */ jsx2("stop", { offset: "0%", stopColor: KACHIZAKA.glow.color, stopOpacity: KACHIZAKA.glow.opacity }),
129
+ /* @__PURE__ */ jsx2("stop", { offset: "100%", stopColor: KACHIZAKA.glow.color, stopOpacity: "0" })
130
+ ] })
131
+ ] }),
132
+ size >= 48 ? /* @__PURE__ */ jsx2("circle", { cx: KACHIZAKA.center, cy: KACHIZAKA.center, r: "190", fill: `url(#${id.glow})` }) : null,
133
+ /* @__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" }),
134
+ /* @__PURE__ */ jsxs2("g", { className: animated ? "kzm-orbit" : void 0, children: [
135
+ /* @__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" }),
136
+ /* @__PURE__ */ jsx2("circle", { cx: KACHIZAKA.node.at[0], cy: KACHIZAKA.node.at[1], r: KACHIZAKA.node.r, fill })
137
+ ] }),
138
+ /* @__PURE__ */ jsx2("path", { d: KACHIZAKA.handles, stroke: fill, strokeWidth: KACHIZAKA.handleWidth, strokeLinecap: "round" }),
139
+ /* @__PURE__ */ jsx2("path", { d: KACHIZAKA.base, fill }),
140
+ /* @__PURE__ */ jsx2("path", { d: KACHIZAKA.cup, fill }),
141
+ /* @__PURE__ */ jsx2("path", { className: animated ? "kzm-seal" : void 0, d: KACHIZAKA.star, fill: KACHIZAKA.starColor })
142
+ ] });
143
+ }
144
+
145
+ // src/marks/krizaka-geometry.ts
146
+ import { marks as marks3 } from "@krizaka/tokens/native";
5
147
  var KRIZAKA = {
6
148
  viewBox: "0 0 400 400",
7
149
  croppedViewBox: "86 82 228 228",
@@ -10,7 +152,7 @@ var KRIZAKA = {
10
152
  shield: "M259.7,134 L259.7,226 L180,272 L100.3,226 L100.3,134 L180,88 L212,106.5",
11
153
  stroke: 22,
12
154
  ink: { x1: 70, y1: 290, x2: 290, y2: 70 },
13
- blue: { x1: 180, y1: 180, x2: 300, y2: 60, stops: marks.krizaka },
155
+ blue: { x1: 180, y1: 180, x2: 300, y2: 60, stops: marks3.krizaka },
14
156
  /** The vertex where the shield opens: a node (the serpent's head in Orochia's grammar). */
15
157
  node: { cx: 259.7, cy: 134, r: 19, inner: 6 },
16
158
  core: { cx: 180, cy: 180, r: 24, inner: 8 },
@@ -20,19 +162,9 @@ var KRIZAKA = {
20
162
  ring: { r: 134, width: 1 }
21
163
  };
22
164
 
23
- // src/marks/shared.ts
24
- import { useId } from "react";
25
- var neutral = (token, percent) => `var(${token}, color-mix(in srgb, currentColor ${percent}%, transparent))`;
26
- function useIds(prefix, keys) {
27
- const uid = useId().replace(/[^a-zA-Z0-9_-]/g, "");
28
- return Object.fromEntries(keys.map((k) => [k, `${prefix}-${k}-${uid}`]));
29
- }
30
- var a11y = (title) => title ? { role: "img", "aria-label": title } : { "aria-hidden": true };
31
- var withAlpha = (hex, opacity) => `${hex}${Math.round(opacity * 255).toString(16).padStart(2, "0")}`;
32
-
33
165
  // src/marks/KrizakaLogo.tsx
34
- import { jsx, jsxs } from "react/jsx-runtime";
35
- var CSS = `
166
+ import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
167
+ var CSS3 = `
36
168
  .kzm-spin { transform-origin: 200px 200px; animation: kzm-spin 30s linear infinite; }
37
169
  .kzm-pulse { transform-box: fill-box; transform-origin: center; animation: kzm-pulse 3.2s ease-in-out infinite; }
38
170
  @keyframes kzm-spin { to { transform: rotate(360deg); } }
@@ -45,39 +177,39 @@ var CSS = `
45
177
  function KrizakaLogo({ size = 32, animated = true, title, className }) {
46
178
  const id = useIds("kzm", ["ink", "blue", "glow"]);
47
179
  const m = (cls) => animated ? cls : void 0;
48
- 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: [
49
- /* @__PURE__ */ jsx("style", { children: CSS }),
50
- /* @__PURE__ */ jsxs("defs", { children: [
51
- /* @__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: [
52
- /* @__PURE__ */ jsx("stop", { offset: "0%", stopColor: neutral("--kz-text-secondary", 60) }),
53
- /* @__PURE__ */ jsx("stop", { offset: "100%", stopColor: neutral("--kz-text-primary", 92) })
180
+ 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: [
181
+ /* @__PURE__ */ jsx3("style", { children: CSS3 }),
182
+ /* @__PURE__ */ jsxs3("defs", { children: [
183
+ /* @__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: [
184
+ /* @__PURE__ */ jsx3("stop", { offset: "0%", stopColor: neutral("--kz-text-secondary", 60) }),
185
+ /* @__PURE__ */ jsx3("stop", { offset: "100%", stopColor: neutral("--kz-text-primary", 92) })
54
186
  ] }),
55
- /* @__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)) }),
56
- /* @__PURE__ */ jsxs("radialGradient", { id: id.glow, cx: "50%", cy: "50%", r: "50%", children: [
57
- /* @__PURE__ */ jsx("stop", { offset: "0%", stopColor: KRIZAKA.glow.color, stopOpacity: KRIZAKA.glow.opacity }),
58
- /* @__PURE__ */ jsx("stop", { offset: "100%", stopColor: KRIZAKA.glow.color, stopOpacity: "0" })
187
+ /* @__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)) }),
188
+ /* @__PURE__ */ jsxs3("radialGradient", { id: id.glow, cx: "50%", cy: "50%", r: "50%", children: [
189
+ /* @__PURE__ */ jsx3("stop", { offset: "0%", stopColor: KRIZAKA.glow.color, stopOpacity: KRIZAKA.glow.opacity }),
190
+ /* @__PURE__ */ jsx3("stop", { offset: "100%", stopColor: KRIZAKA.glow.color, stopOpacity: "0" })
59
191
  ] })
60
192
  ] }),
61
- size >= 48 ? /* @__PURE__ */ jsx("circle", { cx: "200", cy: "200", r: "190", fill: `url(#${id.glow})` }) : null,
62
- /* @__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" }),
63
- /* @__PURE__ */ jsx("circle", { cx: "200", cy: "200", r: KRIZAKA.ring.r, stroke: neutral("--kz-border-default", 30), strokeWidth: KRIZAKA.ring.width, opacity: ".35" }),
64
- /* @__PURE__ */ jsxs("g", { transform: `translate(${KRIZAKA.offset} ${KRIZAKA.offset})`, children: [
65
- /* @__PURE__ */ jsx("path", { d: KRIZAKA.shield, stroke: `url(#${id.ink})`, strokeWidth: KRIZAKA.stroke, strokeLinecap: "round", strokeLinejoin: "round" }),
66
- /* @__PURE__ */ jsxs("g", { className: m("kzm-pulse"), children: [
67
- /* @__PURE__ */ jsx("circle", { cx: KRIZAKA.node.cx, cy: KRIZAKA.node.cy, r: KRIZAKA.node.r, fill: `url(#${id.blue})` }),
68
- /* @__PURE__ */ jsx("circle", { cx: KRIZAKA.node.cx, cy: KRIZAKA.node.cy, r: KRIZAKA.node.inner, fill: KRIZAKA.highlight })
193
+ size >= 48 ? /* @__PURE__ */ jsx3("circle", { cx: "200", cy: "200", r: "190", fill: `url(#${id.glow})` }) : null,
194
+ /* @__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" }),
195
+ /* @__PURE__ */ jsx3("circle", { cx: "200", cy: "200", r: KRIZAKA.ring.r, stroke: neutral("--kz-border-default", 30), strokeWidth: KRIZAKA.ring.width, opacity: ".35" }),
196
+ /* @__PURE__ */ jsxs3("g", { transform: `translate(${KRIZAKA.offset} ${KRIZAKA.offset})`, children: [
197
+ /* @__PURE__ */ jsx3("path", { d: KRIZAKA.shield, stroke: `url(#${id.ink})`, strokeWidth: KRIZAKA.stroke, strokeLinecap: "round", strokeLinejoin: "round" }),
198
+ /* @__PURE__ */ jsxs3("g", { className: m("kzm-pulse"), children: [
199
+ /* @__PURE__ */ jsx3("circle", { cx: KRIZAKA.node.cx, cy: KRIZAKA.node.cy, r: KRIZAKA.node.r, fill: `url(#${id.blue})` }),
200
+ /* @__PURE__ */ jsx3("circle", { cx: KRIZAKA.node.cx, cy: KRIZAKA.node.cy, r: KRIZAKA.node.inner, fill: KRIZAKA.highlight })
69
201
  ] }),
70
- /* @__PURE__ */ jsxs("g", { className: m("kzm-pulse"), children: [
71
- /* @__PURE__ */ jsx("circle", { cx: KRIZAKA.core.cx, cy: KRIZAKA.core.cy, r: KRIZAKA.core.r, fill: `url(#${id.blue})` }),
72
- /* @__PURE__ */ jsx("circle", { cx: KRIZAKA.core.cx, cy: KRIZAKA.core.cy, r: KRIZAKA.core.inner, fill: KRIZAKA.highlight })
202
+ /* @__PURE__ */ jsxs3("g", { className: m("kzm-pulse"), children: [
203
+ /* @__PURE__ */ jsx3("circle", { cx: KRIZAKA.core.cx, cy: KRIZAKA.core.cy, r: KRIZAKA.core.r, fill: `url(#${id.blue})` }),
204
+ /* @__PURE__ */ jsx3("circle", { cx: KRIZAKA.core.cx, cy: KRIZAKA.core.cy, r: KRIZAKA.core.inner, fill: KRIZAKA.highlight })
73
205
  ] })
74
206
  ] })
75
207
  ] });
76
208
  }
77
209
 
78
210
  // src/marks/orazaka-geometry.ts
79
- import { marks as marks2 } from "@krizaka/tokens/native";
80
- var orange = marks2.orazaka[marks2.orazaka.length - 1][1];
211
+ import { marks as marks4 } from "@krizaka/tokens/native";
212
+ var orange = marks4.orazaka[marks4.orazaka.length - 1][1];
81
213
  var ORAZAKA = {
82
214
  viewBox: "0 0 400 400",
83
215
  croppedViewBox: "76 76 248 248",
@@ -92,7 +224,7 @@ var ORAZAKA = {
92
224
  "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"
93
225
  ],
94
226
  shardStroke: 5.7,
95
- gradient: { x1: 90, y1: 310, x2: 310, y2: 90, stops: marks2.orazaka },
227
+ gradient: { x1: 90, y1: 310, x2: 310, y2: 90, stops: marks4.orazaka },
96
228
  core: { r: 21, inner: 7.6 },
97
229
  highlight: "#fff7ed",
98
230
  glow: { color: orange, opacity: 0.16 },
@@ -103,8 +235,8 @@ var ORAZAKA = {
103
235
  };
104
236
 
105
237
  // src/marks/OrazakaLogo.tsx
106
- import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
107
- var CSS2 = `
238
+ import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
239
+ var CSS4 = `
108
240
  .ozm-orbit { transform-origin: 200px 200px; animation: ozm-orbit 35s linear infinite; }
109
241
  .ozm-core { transform-box: fill-box; transform-origin: center; animation: ozm-core 3.2s ease-in-out infinite; }
110
242
  @keyframes ozm-orbit { to { transform: rotate(360deg); } }
@@ -117,33 +249,33 @@ var CSS2 = `
117
249
  function OrazakaLogo({ size = 32, animated = true, title, className }) {
118
250
  const id = useIds("ozm", ["gradient", "glow"]);
119
251
  const fill = `url(#${id.gradient})`;
120
- 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: [
121
- /* @__PURE__ */ jsx2("style", { children: CSS2 }),
122
- /* @__PURE__ */ jsxs2("defs", { children: [
123
- /* @__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)) }),
124
- /* @__PURE__ */ jsxs2("radialGradient", { id: id.glow, cx: "50%", cy: "50%", r: "50%", children: [
125
- /* @__PURE__ */ jsx2("stop", { offset: "0%", stopColor: ORAZAKA.glow.color, stopOpacity: ORAZAKA.glow.opacity }),
126
- /* @__PURE__ */ jsx2("stop", { offset: "100%", stopColor: ORAZAKA.glow.color, stopOpacity: "0" })
252
+ 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: [
253
+ /* @__PURE__ */ jsx4("style", { children: CSS4 }),
254
+ /* @__PURE__ */ jsxs4("defs", { children: [
255
+ /* @__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)) }),
256
+ /* @__PURE__ */ jsxs4("radialGradient", { id: id.glow, cx: "50%", cy: "50%", r: "50%", children: [
257
+ /* @__PURE__ */ jsx4("stop", { offset: "0%", stopColor: ORAZAKA.glow.color, stopOpacity: ORAZAKA.glow.opacity }),
258
+ /* @__PURE__ */ jsx4("stop", { offset: "100%", stopColor: ORAZAKA.glow.color, stopOpacity: "0" })
127
259
  ] })
128
260
  ] }),
129
- size >= 48 ? /* @__PURE__ */ jsx2("circle", { cx: ORAZAKA.center, cy: ORAZAKA.center, r: "190", fill: `url(#${id.glow})` }) : null,
130
- /* @__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" }),
131
- /* @__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" }),
132
- /* @__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)) }),
133
- /* @__PURE__ */ jsxs2("g", { className: animated ? "ozm-core" : void 0, children: [
134
- /* @__PURE__ */ jsx2("circle", { cx: ORAZAKA.center, cy: ORAZAKA.center, r: ORAZAKA.core.r, fill }),
135
- /* @__PURE__ */ jsx2("circle", { cx: ORAZAKA.center, cy: ORAZAKA.center, r: ORAZAKA.core.inner, fill: ORAZAKA.highlight })
261
+ size >= 48 ? /* @__PURE__ */ jsx4("circle", { cx: ORAZAKA.center, cy: ORAZAKA.center, r: "190", fill: `url(#${id.glow})` }) : null,
262
+ /* @__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" }),
263
+ /* @__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" }),
264
+ /* @__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)) }),
265
+ /* @__PURE__ */ jsxs4("g", { className: animated ? "ozm-core" : void 0, children: [
266
+ /* @__PURE__ */ jsx4("circle", { cx: ORAZAKA.center, cy: ORAZAKA.center, r: ORAZAKA.core.r, fill }),
267
+ /* @__PURE__ */ jsx4("circle", { cx: ORAZAKA.center, cy: ORAZAKA.center, r: ORAZAKA.core.inner, fill: ORAZAKA.highlight })
136
268
  ] })
137
269
  ] });
138
270
  }
139
271
 
140
272
  // src/marks/orochia-geometry.ts
141
- import { marks as marks3 } from "@krizaka/tokens/native";
273
+ import { marks as marks5 } from "@krizaka/tokens/native";
142
274
  var OROCHIA = {
143
275
  viewBox: "0 0 400 400",
144
276
  croppedViewBox: "86 82 228 228",
145
277
  offset: 20,
146
- body: { x1: 70, y1: 290, x2: 290, y2: 70, stops: marks3.orochia },
278
+ body: { x1: 70, y1: 290, x2: 290, y2: 70, stops: marks5.orochia },
147
279
  flameGradient: { stops: [["0%", "#a855f7"], ["100%", "#f9a8d4"]] },
148
280
  glow: { color: "#d946ef", opacity: 0.18 },
149
281
  orbit: { r: 160, dash: "8 8", width: 1.5 },
@@ -163,8 +295,8 @@ var OROCHIA = {
163
295
  };
164
296
 
165
297
  // src/marks/OrochiaLogo.tsx
166
- import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
167
- var CSS3 = `
298
+ import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
299
+ var CSS5 = `
168
300
  .orom-spin { transform-origin: 180px 180px; animation: orom-spin 30s linear infinite; }
169
301
  .orom-slither { animation: orom-slither 2.4s linear infinite; }
170
302
  .orom-pulse { transform-box: view-box; animation: orom-pulse 3.2s ease-in-out infinite; }
@@ -179,35 +311,35 @@ var CSS3 = `
179
311
  function OrochiaLogo({ size = 36, animated = true, title, className }) {
180
312
  const id = useIds("orom", ["body", "flame", "glow"]);
181
313
  const m = (cls) => animated ? cls : void 0;
182
- 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: [
183
- /* @__PURE__ */ jsx3("style", { children: CSS3 }),
184
- /* @__PURE__ */ jsxs3("defs", { children: [
185
- /* @__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)) }),
186
- /* @__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)) }),
187
- /* @__PURE__ */ jsxs3("radialGradient", { id: id.glow, cx: "50%", cy: "50%", r: "50%", children: [
188
- /* @__PURE__ */ jsx3("stop", { offset: "0%", stopColor: OROCHIA.glow.color, stopOpacity: OROCHIA.glow.opacity }),
189
- /* @__PURE__ */ jsx3("stop", { offset: "100%", stopColor: OROCHIA.glow.color, stopOpacity: "0" })
314
+ 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: [
315
+ /* @__PURE__ */ jsx5("style", { children: CSS5 }),
316
+ /* @__PURE__ */ jsxs5("defs", { children: [
317
+ /* @__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)) }),
318
+ /* @__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)) }),
319
+ /* @__PURE__ */ jsxs5("radialGradient", { id: id.glow, cx: "50%", cy: "50%", r: "50%", children: [
320
+ /* @__PURE__ */ jsx5("stop", { offset: "0%", stopColor: OROCHIA.glow.color, stopOpacity: OROCHIA.glow.opacity }),
321
+ /* @__PURE__ */ jsx5("stop", { offset: "100%", stopColor: OROCHIA.glow.color, stopOpacity: "0" })
190
322
  ] })
191
323
  ] }),
192
- /* @__PURE__ */ jsxs3("g", { transform: `translate(${OROCHIA.offset} ${OROCHIA.offset})`, children: [
193
- /* @__PURE__ */ jsx3("circle", { cx: "180", cy: "180", r: "170", fill: `url(#${id.glow})` }),
194
- /* @__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" }),
195
- /* @__PURE__ */ jsx3("circle", { cx: "180", cy: "180", r: OROCHIA.ring.r, stroke: neutral("--kz-border-default", 30), strokeWidth: OROCHIA.ring.width, opacity: ".35" }),
196
- /* @__PURE__ */ jsx3("path", { d: OROCHIA.arc, stroke: `url(#${id.body})`, strokeWidth: "22", strokeLinecap: "round" }),
197
- /* @__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 }),
198
- /* @__PURE__ */ jsx3("path", { d: OROCHIA.neck, stroke: `url(#${id.body})`, strokeWidth: "14", strokeLinecap: "round" }),
199
- /* @__PURE__ */ jsx3("path", { d: OROCHIA.tail, stroke: `url(#${id.body})`, strokeWidth: "6", strokeLinecap: "round" }),
200
- /* @__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})` }),
201
- /* @__PURE__ */ jsx3("path", { d: OROCHIA.tongue.d, stroke: OROCHIA.tongue.color, strokeWidth: "3", strokeLinecap: "round" }),
202
- /* @__PURE__ */ jsx3("circle", { className: m("orom-pulse"), cx: OROCHIA.eye.cx, cy: OROCHIA.eye.cy, r: OROCHIA.eye.r, fill: OROCHIA.eye.color }),
203
- /* @__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})` })
324
+ /* @__PURE__ */ jsxs5("g", { transform: `translate(${OROCHIA.offset} ${OROCHIA.offset})`, children: [
325
+ /* @__PURE__ */ jsx5("circle", { cx: "180", cy: "180", r: "170", fill: `url(#${id.glow})` }),
326
+ /* @__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" }),
327
+ /* @__PURE__ */ jsx5("circle", { cx: "180", cy: "180", r: OROCHIA.ring.r, stroke: neutral("--kz-border-default", 30), strokeWidth: OROCHIA.ring.width, opacity: ".35" }),
328
+ /* @__PURE__ */ jsx5("path", { d: OROCHIA.arc, stroke: `url(#${id.body})`, strokeWidth: "22", strokeLinecap: "round" }),
329
+ /* @__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 }),
330
+ /* @__PURE__ */ jsx5("path", { d: OROCHIA.neck, stroke: `url(#${id.body})`, strokeWidth: "14", strokeLinecap: "round" }),
331
+ /* @__PURE__ */ jsx5("path", { d: OROCHIA.tail, stroke: `url(#${id.body})`, strokeWidth: "6", strokeLinecap: "round" }),
332
+ /* @__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})` }),
333
+ /* @__PURE__ */ jsx5("path", { d: OROCHIA.tongue.d, stroke: OROCHIA.tongue.color, strokeWidth: "3", strokeLinecap: "round" }),
334
+ /* @__PURE__ */ jsx5("circle", { className: m("orom-pulse"), cx: OROCHIA.eye.cx, cy: OROCHIA.eye.cy, r: OROCHIA.eye.r, fill: OROCHIA.eye.color }),
335
+ /* @__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})` })
204
336
  ] })
205
337
  ] });
206
338
  }
207
339
 
208
340
  // src/marks/yasakia-geometry.ts
209
- import { marks as marks4 } from "@krizaka/tokens/native";
210
- var turquoise = marks4.yasakia[marks4.yasakia.length - 1][1];
341
+ import { marks as marks6 } from "@krizaka/tokens/native";
342
+ var turquoise = marks6.yasakia[marks6.yasakia.length - 1][1];
211
343
  var YASAKIA = {
212
344
  viewBox: "0 0 400 400",
213
345
  croppedViewBox: "80 80 240 240",
@@ -221,7 +353,7 @@ var YASAKIA = {
221
353
  shade: { color: "#000", opacity: 0.22 },
222
354
  /** Where the bubbles overlap: the core, lit from above. */
223
355
  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 },
224
- gradient: { x1: 110, y1: 300, x2: 290, y2: 100, stops: marks4.yasakia },
356
+ gradient: { x1: 110, y1: 300, x2: 290, y2: 100, stops: marks6.yasakia },
225
357
  /** The light on the lens: bright at the top, fading down. */
226
358
  highlight: { color: "#f0fdfa", from: 0.75, to: 0.2 },
227
359
  /** The pair: two nodes on the orbit, opposite each other, that turn with it. */
@@ -234,8 +366,8 @@ var YASAKIA = {
234
366
  };
235
367
 
236
368
  // src/marks/YasakiaLogo.tsx
237
- import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
238
- var CSS4 = `
369
+ import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
370
+ var CSS6 = `
239
371
  .yzm-orbit { transform-origin: 200px 200px; animation: yzm-orbit 30s linear infinite; }
240
372
  .yzm-core { transform-box: fill-box; transform-origin: center; animation: yzm-core 3.2s ease-in-out infinite; }
241
373
  @keyframes yzm-orbit { to { transform: rotate(360deg); } }
@@ -248,41 +380,41 @@ var CSS4 = `
248
380
  function YasakiaLogo({ size = 32, animated = true, title, className }) {
249
381
  const id = useIds("yzm", ["gradient", "light", "glow"]);
250
382
  const fill = `url(#${id.gradient})`;
251
- 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: [
252
- /* @__PURE__ */ jsx4("style", { children: CSS4 }),
253
- /* @__PURE__ */ jsxs4("defs", { children: [
254
- /* @__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)) }),
255
- /* @__PURE__ */ jsxs4("linearGradient", { id: id.light, gradientUnits: "userSpaceOnUse", x1: "0", y1: YASAKIA.lens.y1, x2: "0", y2: YASAKIA.lens.y2, children: [
256
- /* @__PURE__ */ jsx4("stop", { offset: "0%", stopColor: YASAKIA.highlight.color, stopOpacity: YASAKIA.highlight.from }),
257
- /* @__PURE__ */ jsx4("stop", { offset: "100%", stopColor: YASAKIA.highlight.color, stopOpacity: YASAKIA.highlight.to })
383
+ 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: [
384
+ /* @__PURE__ */ jsx6("style", { children: CSS6 }),
385
+ /* @__PURE__ */ jsxs6("defs", { children: [
386
+ /* @__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)) }),
387
+ /* @__PURE__ */ jsxs6("linearGradient", { id: id.light, gradientUnits: "userSpaceOnUse", x1: "0", y1: YASAKIA.lens.y1, x2: "0", y2: YASAKIA.lens.y2, children: [
388
+ /* @__PURE__ */ jsx6("stop", { offset: "0%", stopColor: YASAKIA.highlight.color, stopOpacity: YASAKIA.highlight.from }),
389
+ /* @__PURE__ */ jsx6("stop", { offset: "100%", stopColor: YASAKIA.highlight.color, stopOpacity: YASAKIA.highlight.to })
258
390
  ] }),
259
- /* @__PURE__ */ jsxs4("radialGradient", { id: id.glow, cx: "50%", cy: "50%", r: "50%", children: [
260
- /* @__PURE__ */ jsx4("stop", { offset: "0%", stopColor: YASAKIA.glow.color, stopOpacity: YASAKIA.glow.opacity }),
261
- /* @__PURE__ */ jsx4("stop", { offset: "100%", stopColor: YASAKIA.glow.color, stopOpacity: "0" })
391
+ /* @__PURE__ */ jsxs6("radialGradient", { id: id.glow, cx: "50%", cy: "50%", r: "50%", children: [
392
+ /* @__PURE__ */ jsx6("stop", { offset: "0%", stopColor: YASAKIA.glow.color, stopOpacity: YASAKIA.glow.opacity }),
393
+ /* @__PURE__ */ jsx6("stop", { offset: "100%", stopColor: YASAKIA.glow.color, stopOpacity: "0" })
262
394
  ] })
263
395
  ] }),
264
- size >= 48 ? /* @__PURE__ */ jsx4("circle", { cx: YASAKIA.center, cy: YASAKIA.center, r: "190", fill: `url(#${id.glow})` }) : null,
265
- /* @__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" }),
266
- /* @__PURE__ */ jsxs4("g", { className: animated ? "yzm-orbit" : void 0, children: [
267
- /* @__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" }),
268
- YASAKIA.pair.at.map(([cx, cy]) => /* @__PURE__ */ jsx4("circle", { cx, cy, r: YASAKIA.pair.r, fill }, cx))
396
+ size >= 48 ? /* @__PURE__ */ jsx6("circle", { cx: YASAKIA.center, cy: YASAKIA.center, r: "190", fill: `url(#${id.glow})` }) : null,
397
+ /* @__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" }),
398
+ /* @__PURE__ */ jsxs6("g", { className: animated ? "yzm-orbit" : void 0, children: [
399
+ /* @__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" }),
400
+ YASAKIA.pair.at.map(([cx, cy]) => /* @__PURE__ */ jsx6("circle", { cx, cy, r: YASAKIA.pair.r, fill }, cx))
269
401
  ] }),
270
- YASAKIA.voices.map((v, i) => /* @__PURE__ */ jsxs4("g", { children: [
271
- /* @__PURE__ */ jsx4("path", { d: v.body, fill }),
272
- /* @__PURE__ */ jsx4("path", { d: v.tail, fill }),
273
- i === 0 ? /* @__PURE__ */ jsx4("path", { d: `${v.body} ${v.tail}`, fill: YASAKIA.shade.color, opacity: YASAKIA.shade.opacity }) : null
402
+ YASAKIA.voices.map((v, i) => /* @__PURE__ */ jsxs6("g", { children: [
403
+ /* @__PURE__ */ jsx6("path", { d: v.body, fill }),
404
+ /* @__PURE__ */ jsx6("path", { d: v.tail, fill }),
405
+ i === 0 ? /* @__PURE__ */ jsx6("path", { d: `${v.body} ${v.tail}`, fill: YASAKIA.shade.color, opacity: YASAKIA.shade.opacity }) : null
274
406
  ] }, v.body)),
275
- /* @__PURE__ */ jsxs4("g", { className: animated ? "yzm-core" : void 0, children: [
276
- /* @__PURE__ */ jsx4("path", { d: YASAKIA.lens.d, fill }),
277
- /* @__PURE__ */ jsx4("path", { d: YASAKIA.lens.d, fill: `url(#${id.light})` })
407
+ /* @__PURE__ */ jsxs6("g", { className: animated ? "yzm-core" : void 0, children: [
408
+ /* @__PURE__ */ jsx6("path", { d: YASAKIA.lens.d, fill }),
409
+ /* @__PURE__ */ jsx6("path", { d: YASAKIA.lens.d, fill: `url(#${id.light})` })
278
410
  ] })
279
411
  ] });
280
412
  }
281
413
  var YazakiaLogo = YasakiaLogo;
282
414
 
283
415
  // src/marks/yomizaka-geometry.ts
284
- import { marks as marks5 } from "@krizaka/tokens/native";
285
- var indigo = marks5.yomizaka[marks5.yomizaka.length - 1][1];
416
+ import { marks as marks7 } from "@krizaka/tokens/native";
417
+ var indigo = marks7.yomizaka[marks7.yomizaka.length - 1][1];
286
418
  var YOMIZAKA = {
287
419
  viewBox: "0 0 400 400",
288
420
  croppedViewBox: "80 80 240 240",
@@ -296,7 +428,7 @@ var YOMIZAKA = {
296
428
  lens: { cx: 240, cy: 232, r: 40, width: 12, core: 28, glint: { cx: 230, cy: 222, r: 8 } },
297
429
  handle: "M276 268 L304 296",
298
430
  handleWidth: 20,
299
- gradient: { x1: 128, y1: 300, x2: 304, y2: 92, stops: marks5.yomizaka },
431
+ gradient: { x1: 128, y1: 300, x2: 304, y2: 92, stops: marks7.yomizaka },
300
432
  /** The lens' core: a pale indigo light, brighter at the top. */
301
433
  coreGradient: { stops: [["0%", "#c9ceff"], ["100%", "#f4f5ff"]] },
302
434
  highlight: "#ffffff",
@@ -312,8 +444,8 @@ var YOMIZAKA = {
312
444
  };
313
445
 
314
446
  // src/marks/YomizakaLogo.tsx
315
- import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
316
- var CSS5 = `
447
+ import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
448
+ var CSS7 = `
317
449
  .ymm-orbit { transform-origin: 200px 200px; animation: ymm-orbit 32s linear infinite; }
318
450
  .ymm-scan { animation: ymm-scan 3.6s cubic-bezier(.45,0,.55,1) infinite; }
319
451
  .ymm-lens { transform-box: fill-box; transform-origin: center; animation: ymm-lens 3.6s ease-in-out infinite; }
@@ -328,38 +460,38 @@ var CSS5 = `
328
460
  function YomizakaLogo({ size = 32, animated = true, title, className }) {
329
461
  const id = useIds("ymm", ["gradient", "core", "glow", "page"]);
330
462
  const fill = `url(#${id.gradient})`;
331
- 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: [
332
- /* @__PURE__ */ jsx5("style", { children: CSS5 }),
333
- /* @__PURE__ */ jsxs5("defs", { children: [
334
- /* @__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)) }),
335
- /* @__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)) }),
336
- /* @__PURE__ */ jsxs5("radialGradient", { id: id.glow, cx: "50%", cy: "50%", r: "50%", children: [
337
- /* @__PURE__ */ jsx5("stop", { offset: "0%", stopColor: YOMIZAKA.glow.color, stopOpacity: YOMIZAKA.glow.opacity }),
338
- /* @__PURE__ */ jsx5("stop", { offset: "100%", stopColor: YOMIZAKA.glow.color, stopOpacity: "0" })
463
+ 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: [
464
+ /* @__PURE__ */ jsx7("style", { children: CSS7 }),
465
+ /* @__PURE__ */ jsxs7("defs", { children: [
466
+ /* @__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)) }),
467
+ /* @__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)) }),
468
+ /* @__PURE__ */ jsxs7("radialGradient", { id: id.glow, cx: "50%", cy: "50%", r: "50%", children: [
469
+ /* @__PURE__ */ jsx7("stop", { offset: "0%", stopColor: YOMIZAKA.glow.color, stopOpacity: YOMIZAKA.glow.opacity }),
470
+ /* @__PURE__ */ jsx7("stop", { offset: "100%", stopColor: YOMIZAKA.glow.color, stopOpacity: "0" })
339
471
  ] }),
340
- /* @__PURE__ */ jsx5("clipPath", { id: id.page, children: /* @__PURE__ */ jsx5("path", { d: YOMIZAKA.page }) })
472
+ /* @__PURE__ */ jsx7("clipPath", { id: id.page, children: /* @__PURE__ */ jsx7("path", { d: YOMIZAKA.page }) })
341
473
  ] }),
342
- size >= 48 ? /* @__PURE__ */ jsx5("circle", { cx: YOMIZAKA.center, cy: YOMIZAKA.center, r: "190", fill: `url(#${id.glow})` }) : null,
343
- /* @__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" }),
344
- /* @__PURE__ */ jsxs5("g", { className: animated ? "ymm-orbit" : void 0, children: [
345
- /* @__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" }),
346
- /* @__PURE__ */ jsx5("circle", { cx: YOMIZAKA.node.at[0], cy: YOMIZAKA.node.at[1], r: YOMIZAKA.node.r, fill })
474
+ size >= 48 ? /* @__PURE__ */ jsx7("circle", { cx: YOMIZAKA.center, cy: YOMIZAKA.center, r: "190", fill: `url(#${id.glow})` }) : null,
475
+ /* @__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" }),
476
+ /* @__PURE__ */ jsxs7("g", { className: animated ? "ymm-orbit" : void 0, children: [
477
+ /* @__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" }),
478
+ /* @__PURE__ */ jsx7("circle", { cx: YOMIZAKA.node.at[0], cy: YOMIZAKA.node.at[1], r: YOMIZAKA.node.r, fill })
347
479
  ] }),
348
- /* @__PURE__ */ jsx5("path", { d: YOMIZAKA.page, fill }),
349
- /* @__PURE__ */ jsx5("path", { d: YOMIZAKA.lines, stroke: YOMIZAKA.line.color, strokeOpacity: YOMIZAKA.line.opacity, strokeWidth: YOMIZAKA.line.width, strokeLinecap: "round" }),
350
- 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,
351
- /* @__PURE__ */ jsx5("path", { d: YOMIZAKA.handle, stroke: fill, strokeWidth: YOMIZAKA.handleWidth, strokeLinecap: "round" }),
352
- /* @__PURE__ */ jsxs5("g", { className: animated ? "ymm-lens" : void 0, children: [
353
- /* @__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})` }),
354
- /* @__PURE__ */ jsx5("circle", { cx: YOMIZAKA.lens.glint.cx, cy: YOMIZAKA.lens.glint.cy, r: YOMIZAKA.lens.glint.r, fill: YOMIZAKA.highlight })
480
+ /* @__PURE__ */ jsx7("path", { d: YOMIZAKA.page, fill }),
481
+ /* @__PURE__ */ jsx7("path", { d: YOMIZAKA.lines, stroke: YOMIZAKA.line.color, strokeOpacity: YOMIZAKA.line.opacity, strokeWidth: YOMIZAKA.line.width, strokeLinecap: "round" }),
482
+ 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,
483
+ /* @__PURE__ */ jsx7("path", { d: YOMIZAKA.handle, stroke: fill, strokeWidth: YOMIZAKA.handleWidth, strokeLinecap: "round" }),
484
+ /* @__PURE__ */ jsxs7("g", { className: animated ? "ymm-lens" : void 0, children: [
485
+ /* @__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})` }),
486
+ /* @__PURE__ */ jsx7("circle", { cx: YOMIZAKA.lens.glint.cx, cy: YOMIZAKA.lens.glint.cy, r: YOMIZAKA.lens.glint.r, fill: YOMIZAKA.highlight })
355
487
  ] })
356
488
  ] });
357
489
  }
358
490
 
359
491
  // src/marks/yororis-geometry.ts
360
- import { marks as marks6 } from "@krizaka/tokens/native";
361
- var sand = marks6.yororis[0][1];
362
- var sage = marks6.yororis[marks6.yororis.length - 1][1];
492
+ import { marks as marks8 } from "@krizaka/tokens/native";
493
+ var sand = marks8.yororis[0][1];
494
+ var sage = marks8.yororis[marks8.yororis.length - 1][1];
363
495
  var YORORIS = {
364
496
  viewBox: "0 0 400 400",
365
497
  croppedViewBox: "80 80 240 240",
@@ -375,7 +507,7 @@ var YORORIS = {
375
507
  /** The stem, from the junction down. */
376
508
  stem: "M200 244 L200 312",
377
509
  stroke: 30,
378
- gradient: { x1: 110, y1: 300, x2: 290, y2: 100, stops: marks6.yororis },
510
+ gradient: { x1: 110, y1: 300, x2: 290, y2: 100, stops: marks8.yororis },
379
511
  /** The core's warm light: from the mark's sand (below) to a light sand (above). */
380
512
  coreGradient: { stops: [["0%", sand], ["100%", "#e6c993"]] },
381
513
  /** 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 = {
391
523
  };
392
524
 
393
525
  // src/marks/YororisLogo.tsx
394
- import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
395
- var CSS6 = `
526
+ import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
527
+ var CSS8 = `
396
528
  .yrm-orbit { transform-origin: 200px 200px; animation: yrm-orbit 36s linear infinite; }
397
529
  .yrm-vein { animation: yrm-vein 4.8s linear infinite; }
398
530
  .yrm-core { transform-box: fill-box; transform-origin: center; animation: yrm-core 4.2s ease-in-out infinite; }
@@ -407,44 +539,48 @@ var CSS6 = `
407
539
  function YororisLogo({ size = 32, animated = true, title, className }) {
408
540
  const id = useIds("yrm", ["gradient", "core", "glow"]);
409
541
  const fill = `url(#${id.gradient})`;
410
- 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: [
411
- /* @__PURE__ */ jsx6("style", { children: CSS6 }),
412
- /* @__PURE__ */ jsxs6("defs", { children: [
413
- /* @__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)) }),
414
- /* @__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)) }),
415
- /* @__PURE__ */ jsxs6("radialGradient", { id: id.glow, cx: "50%", cy: "50%", r: "50%", children: [
416
- /* @__PURE__ */ jsx6("stop", { offset: "0%", stopColor: YORORIS.glow.color, stopOpacity: YORORIS.glow.opacity }),
417
- /* @__PURE__ */ jsx6("stop", { offset: "100%", stopColor: YORORIS.glow.color, stopOpacity: "0" })
542
+ 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: [
543
+ /* @__PURE__ */ jsx8("style", { children: CSS8 }),
544
+ /* @__PURE__ */ jsxs8("defs", { children: [
545
+ /* @__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)) }),
546
+ /* @__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)) }),
547
+ /* @__PURE__ */ jsxs8("radialGradient", { id: id.glow, cx: "50%", cy: "50%", r: "50%", children: [
548
+ /* @__PURE__ */ jsx8("stop", { offset: "0%", stopColor: YORORIS.glow.color, stopOpacity: YORORIS.glow.opacity }),
549
+ /* @__PURE__ */ jsx8("stop", { offset: "100%", stopColor: YORORIS.glow.color, stopOpacity: "0" })
418
550
  ] })
419
551
  ] }),
420
- size >= 48 ? /* @__PURE__ */ jsx6("circle", { cx: YORORIS.center, cy: YORORIS.center, r: "190", fill: `url(#${id.glow})` }) : null,
421
- /* @__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" }),
422
- /* @__PURE__ */ jsxs6("g", { className: animated ? "yrm-orbit" : void 0, children: [
423
- /* @__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" }),
424
- /* @__PURE__ */ jsx6("circle", { cx: YORORIS.moment.at[0], cy: YORORIS.moment.at[1], r: YORORIS.moment.r, fill })
552
+ size >= 48 ? /* @__PURE__ */ jsx8("circle", { cx: YORORIS.center, cy: YORORIS.center, r: "190", fill: `url(#${id.glow})` }) : null,
553
+ /* @__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" }),
554
+ /* @__PURE__ */ jsxs8("g", { className: animated ? "yrm-orbit" : void 0, children: [
555
+ /* @__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" }),
556
+ /* @__PURE__ */ jsx8("circle", { cx: YORORIS.moment.at[0], cy: YORORIS.moment.at[1], r: YORORIS.moment.r, fill })
425
557
  ] }),
426
- /* @__PURE__ */ jsx6("path", { d: YORORIS.stem, stroke: fill, strokeWidth: YORORIS.stroke, strokeLinecap: "round" }),
427
- YORORIS.leaves.map((d) => /* @__PURE__ */ jsx6("path", { d, fill }, d)),
428
- /* @__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 }),
429
- /* @__PURE__ */ jsxs6("g", { className: animated ? "yrm-core" : void 0, children: [
430
- /* @__PURE__ */ jsx6("circle", { cx: YORORIS.core.cx, cy: YORORIS.core.cy, r: YORORIS.core.r, fill: `url(#${id.core})` }),
431
- /* @__PURE__ */ jsx6("circle", { cx: YORORIS.core.cx, cy: YORORIS.core.cy, r: YORORIS.core.inner, fill: YORORIS.highlight })
558
+ /* @__PURE__ */ jsx8("path", { d: YORORIS.stem, stroke: fill, strokeWidth: YORORIS.stroke, strokeLinecap: "round" }),
559
+ YORORIS.leaves.map((d) => /* @__PURE__ */ jsx8("path", { d, fill }, d)),
560
+ /* @__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 }),
561
+ /* @__PURE__ */ jsxs8("g", { className: animated ? "yrm-core" : void 0, children: [
562
+ /* @__PURE__ */ jsx8("circle", { cx: YORORIS.core.cx, cy: YORORIS.core.cy, r: YORORIS.core.r, fill: `url(#${id.core})` }),
563
+ /* @__PURE__ */ jsx8("circle", { cx: YORORIS.core.cx, cy: YORORIS.core.cy, r: YORORIS.core.inner, fill: YORORIS.highlight })
432
564
  ] })
433
565
  ] });
434
566
  }
435
567
 
436
568
  // src/marks/ProductLogo.tsx
437
- import { jsx as jsx7 } from "react/jsx-runtime";
569
+ import { jsx as jsx9 } from "react/jsx-runtime";
438
570
  function ProductLogo({ id, ...props }) {
439
- if (id === "krizaka") return /* @__PURE__ */ jsx7(KrizakaLogo, { ...props });
440
- if (id === "orazaka") return /* @__PURE__ */ jsx7(OrazakaLogo, { ...props });
441
- if (id === "yasakia" || id === "yazakia") return /* @__PURE__ */ jsx7(YasakiaLogo, { ...props });
442
- if (id === "yororis") return /* @__PURE__ */ jsx7(YororisLogo, { ...props });
443
- if (id === "yomizaka") return /* @__PURE__ */ jsx7(YomizakaLogo, { ...props });
444
- return /* @__PURE__ */ jsx7(OrochiaLogo, { ...props });
571
+ if (id === "krizaka") return /* @__PURE__ */ jsx9(KrizakaLogo, { ...props });
572
+ if (id === "orazaka") return /* @__PURE__ */ jsx9(OrazakaLogo, { ...props });
573
+ if (id === "yasakia" || id === "yazakia") return /* @__PURE__ */ jsx9(YasakiaLogo, { ...props });
574
+ if (id === "yororis") return /* @__PURE__ */ jsx9(YororisLogo, { ...props });
575
+ if (id === "yomizaka") return /* @__PURE__ */ jsx9(YomizakaLogo, { ...props });
576
+ if (id === "kachizaka") return /* @__PURE__ */ jsx9(KachizakaLogo, { ...props });
577
+ if (id === "akinaza") return /* @__PURE__ */ jsx9(AkinazaLogo, { ...props });
578
+ return /* @__PURE__ */ jsx9(OrochiaLogo, { ...props });
445
579
  }
446
580
 
447
581
  export {
582
+ AkinazaLogo,
583
+ KachizakaLogo,
448
584
  KrizakaLogo,
449
585
  OrazakaLogo,
450
586
  OrochiaLogo,
@@ -454,4 +590,4 @@ export {
454
590
  YororisLogo,
455
591
  ProductLogo
456
592
  };
457
- //# sourceMappingURL=chunk-GR5JNFGQ.js.map
593
+ //# sourceMappingURL=chunk-LIPK4UCS.js.map