@zen-ui-capri/system 1.1.0 → 1.1.2

package/bin/capri.mjs

@@ -753,8 +753,13 @@ function analyzeRepo(targetDir) {
   if (allDeps.mongoose || allDeps.mongodb || extCounts['.kt']) {
     if (repoName === 'JourneyLink') stackSet.add('MongoDB + RabbitMQ + Redis');
   }
-  if (allDeps['@zen-ui/system'] || pkg?.name === '@zen-ui/system') {
-    stackSet.add('@zen-ui/system (CAPRI)');
+  if (
+    allDeps['@zen-ui/system'] ||
+    allDeps['@zen-ui-capri/system'] ||
+    pkg?.name === '@zen-ui/system' ||
+    pkg?.name === '@zen-ui-capri/system'
+  ) {
+    stackSet.add('@zen-ui-capri/system (CAPRI)');
   }
   if (extCounts['.ts'] || extCounts['.tsx']) stackSet.add('TypeScript');
   if (extCounts['.ps1']) stackSet.add('PowerShell');

package/dist/lib/components/ZenIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ZenIcon.d.ts","sourceRoot":"","sources":["../../../src/lib/components/ZenIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,MAAM,MAAM,WAAW,GACnB,QAAQ,GACR,MAAM,GACN,OAAO,GACP,OAAO,GACP,OAAO,GACP,MAAM,GACN,cAAc,GACd,eAAe,GACf,cAAc,GACd,eAAe,GACf,MAAM,GACN,UAAU,GACV,UAAU,GACV,KAAK,GACL,UAAU,GACV,QAAQ,GACR,QAAQ,GACR,SAAS,GACT,SAAS,GACT,MAAM,GACN,UAAU,GACV,MAAM,GACN,SAAS,GACT,SAAS,GACT,QAAQ,GACR,UAAU,GACV,YAAY,GACZ,OAAO,GACP,KAAK,GACL,MAAM,GACN,KAAK,GACL,QAAQ,GACR,OAAO,GACP,SAAS,GACT,MAAM,GACN,aAAa,GACb,MAAM,GACN,MAAM,GACN,OAAO,GACP,QAAQ,CAAC;AAEb,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE3D,MAAM,MAAM,WAAW,GACnB,SAAS,GACT,SAAS,GACT,WAAW,GACX,OAAO,GACP,QAAQ,GACR,SAAS,GACT,SAAS,GACT,QAAQ,CAAC;AAEb,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAMxD,CAAC;AAaF,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAiF1D,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,SAAS,WAAW,EAEtB,CAAC;AAE5B,wBAAgB,sBAAsB,CAAC,OAAO,EAAE;IAC9C,QAAQ,CAAC,IAAI,EAAE,WAAW,CAAC;IAC3B,QAAQ,CAAC,IAAI,CAAC,EAAE,WAAW,CAAC;IAC5B,QAAQ,CAAC,IAAI,CAAC,EAAE,WAAW,CAAC;IAC5B,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAC9B,QAAQ,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC;CACzB,GAAG,MAAM,CAOT;AAED,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,aAAa,CAAC,aAAa,CAAC,EAAE,MAAM,CAAC;IAC9E,QAAQ,CAAC,IAAI,EAAE,WAAW,CAAC;IAC3B,QAAQ,CAAC,IAAI,CAAC,EAAE,WAAW,CAAC;IAC5B,QAAQ,CAAC,IAAI,CAAC,EAAE,WAAW,CAAC;IAC5B,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAC9B,QAAQ,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,wBAAgB,OAAO,CAAC,EACtB,IAAI,EACJ,IAAW,EACX,IAAgB,EAChB,WAAe,EACf,IAAY,EACZ,SAAS,EACT,SAAc,EACd,GAAG,IAAI,EACR,EAAE,YAAY,+BAwBd"}
+{"version":3,"file":"ZenIcon.d.ts","sourceRoot":"","sources":["../../../src/lib/components/ZenIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,MAAM,MAAM,WAAW,GACnB,QAAQ,GACR,MAAM,GACN,OAAO,GACP,OAAO,GACP,OAAO,GACP,MAAM,GACN,cAAc,GACd,eAAe,GACf,cAAc,GACd,eAAe,GACf,MAAM,GACN,UAAU,GACV,UAAU,GACV,KAAK,GACL,UAAU,GACV,QAAQ,GACR,QAAQ,GACR,SAAS,GACT,SAAS,GACT,MAAM,GACN,UAAU,GACV,MAAM,GACN,SAAS,GACT,SAAS,GACT,QAAQ,GACR,UAAU,GACV,YAAY,GACZ,OAAO,GACP,KAAK,GACL,MAAM,GACN,KAAK,GACL,QAAQ,GACR,OAAO,GACP,SAAS,GACT,MAAM,GACN,aAAa,GACb,MAAM,GACN,MAAM,GACN,OAAO,GACP,QAAQ,CAAC;AAEb,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE3D,MAAM,MAAM,WAAW,GACnB,SAAS,GACT,SAAS,GACT,WAAW,GACX,OAAO,GACP,QAAQ,GACR,SAAS,GACT,SAAS,GACT,QAAQ,CAAC;AAEb,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAMxD,CAAC;AAaF,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAiF1D,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,SAAS,WAAW,EAEtB,CAAC;AAE5B,wBAAgB,sBAAsB,CAAC,OAAO,EAAE;IAC9C,QAAQ,CAAC,IAAI,EAAE,WAAW,CAAC;IAC3B,QAAQ,CAAC,IAAI,CAAC,EAAE,WAAW,CAAC;IAC5B,QAAQ,CAAC,IAAI,CAAC,EAAE,WAAW,CAAC;IAC5B,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAC9B,QAAQ,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC;CACzB,GAAG,MAAM,CAkBT;AAED,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,aAAa,CAAC,aAAa,CAAC,EAAE,MAAM,CAAC;IAC9E,QAAQ,CAAC,IAAI,EAAE,WAAW,CAAC;IAC3B,QAAQ,CAAC,IAAI,CAAC,EAAE,WAAW,CAAC;IAC5B,QAAQ,CAAC,IAAI,CAAC,EAAE,WAAW,CAAC;IAC5B,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAC9B,QAAQ,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,wBAAgB,OAAO,CAAC,EACtB,IAAI,EACJ,IAAW,EACX,IAAgB,EAChB,WAAe,EACf,IAAY,EACZ,SAAS,EACT,SAAc,EACd,GAAG,IAAI,EACR,EAAE,YAAY,+BA8Bd"}

package/dist/lib/index.d.ts

@@ -1,4 +1,4 @@
-export declare const ZEN_UI_VERSION = "1.1.0";
+export declare const ZEN_UI_VERSION = "1.1.2";
 export declare const ZEN_PACKAGE_NAME = "@zen-ui/system";
 export { ZenThemeProvider, useZenTheme, syncZenScrollbarStyles, ZEN_THEMES, type ZenThemeId, type ZenThemeMode, type ZenDensityMode, type ZenRadiusMode, type ZenThemeMetadata, type ZenThemeTokenOverrides, type ZenThemeContextValue, type ZenThemeProviderProps, } from './theme/ZenThemeProvider';
 export { ZenButton, ZenCopyButton, type ZenButtonVariant, type ZenButtonSize, type ZenButtonProps, type ZenCopyButtonProps, } from './components/ZenButton';

package/dist/lib/index.js

@@ -1,5 +1,5 @@
-import { c as Ie, u as Le, C as he } from "./zen-universal-C0PD8AI9.js";
-import { a as en, Z as tn, b as rn, d as nn, e as an, f as sn, g as ln, h as on, i as cn, j as dn, k as mn, l as un, m as pn, n as fn, o as vn, r as hn, p as bn, s as xn, q as gn, z as yn, t as zn } from "./zen-universal-C0PD8AI9.js";
+import { c as Ie, u as Le, C as he } from "./zen-universal-CdKK8x-h.js";
+import { a as en, Z as tn, b as rn, d as nn, e as an, f as sn, g as ln, h as on, i as cn, j as dn, k as mn, l as un, m as pn, n as fn, o as vn, r as hn, p as bn, s as xn, q as gn, z as yn, t as zn } from "./zen-universal-CdKK8x-h.js";
 import { jsxs as a, jsx as e, Fragment as ye } from "react/jsx-runtime";
 import { useState as H, useRef as R, useEffect as q, useId as re, useCallback as ge, useMemo as le, useImperativeHandle as ot, Suspense as ct } from "react";
 import { Loader2 as dt, Check as Ne, Copy as mt, CheckCircle2 as Pe, ArrowUpRight as Ze, ChevronDown as Ke, X as we, AlertTriangle as Ye, Info as Xe, ArrowUp as ut, ArrowDown as pt, ArrowUpDown as ft, Menu as vt, Radio as ht, Minimize2 as bt, Maximize2 as xt, Sparkles as Be, Terminal as gt, Activity as yt, Cpu as zt, ShieldAlert as Qe, FileText as Je, Minus as et, UploadCloud as Nt, Plus as wt, ChevronRight as tt, ChevronLeft as kt, Search as Ct, CornerDownLeft as St, TrendingUp as At, TrendingDown as Tt, Inbox as Et, Volume2 as He, VolumeX as _e, Disc3 as Mt } from "lucide-react";
@@ -3834,7 +3834,7 @@ function Kr({
     /* @__PURE__ */ e(lt, { bridgeRef: s })
   ] });
 }
-const Yr = "1.1.0", Xr = "@zen-ui/system";
+const Yr = "1.1.2", Xr = "@zen-ui/system";
 export {
   he as CAPRI_SUBROUTINE_SKILLS,
   en as CapriEngine,

package/dist/lib/universal/zen-universal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"zen-universal.d.ts","sourceRoot":"","sources":["../../../src/lib/universal/zen-universal.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"zen-universal.d.ts","sourceRoot":"","sources":["../../../src/lib/universal/zen-universal.ts"],"names":[],"mappings":"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"}

package/dist/lib/universal/zen-universal.js

@@ -1,4 +1,4 @@
-import { C as s, a, f as t, g as r, h as m, j as i, k as E, m as l, n as o, c as Z, o as c, r as A, s as I, z as S, t as h } from "../zen-universal-C0PD8AI9.js";
+import { C as s, a, f as t, g as r, h as m, j as i, k as E, m as l, n as o, c as Z, o as c, r as A, s as I, z as S, t as h } from "../zen-universal-CdKK8x-h.js";
 export {
   s as CAPRI_SUBROUTINE_SKILLS,
   a as CapriEngine,

package/dist/lib/{zen-universal-C0PD8AI9.js → zen-universal-CdKK8x-h.js}

@@ -1,9 +1,9 @@
 var Q = Object.defineProperty;
-var J = (l, e, n) => e in l ? Q(l, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : l[e] = n;
-var g = (l, e, n) => J(l, typeof e != "symbol" ? e + "" : e, n);
-import { jsx as q } from "react/jsx-runtime";
-import { createContext as ee, useState as H, useEffect as V, useMemo as te, useContext as ne } from "react";
-const k = [
+var J = (s, e, n) => e in s ? Q(s, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : s[e] = n;
+var g = (s, e, n) => J(s, typeof e != "symbol" ? e + "" : e, n);
+import { jsx as K } from "react/jsx-runtime";
+import { createContext as ee, useState as L, useEffect as q, useMemo as te, useContext as ne } from "react";
+const E = [
   {
     id: "obsidian-gold",
     name: "Obsidian Gold",
@@ -84,10 +84,10 @@ const k = [
     secondaryHex: "#0284C7",
     inkHex: "#09090D"
   }
-], G = ee(null);
-function K(l, e) {
+], W = ee(null);
+function Y(s, e) {
   if (typeof document > "u") return;
-  const n = (e == null ? void 0 : e.accentPrimary) ?? l.accentHex, t = (e == null ? void 0 : e.bgCanvas) ?? l.canvasHex, a = l.polarity === "dark" ? "rgba(255, 255, 255, 0.12)" : "rgba(15, 23, 42, 0.14)", i = "zen-theme-scrollbar";
+  const n = (e == null ? void 0 : e.accentPrimary) ?? s.accentHex, t = (e == null ? void 0 : e.bgCanvas) ?? s.canvasHex, a = s.polarity === "dark" ? "rgba(255, 255, 255, 0.12)" : "rgba(15, 23, 42, 0.14)", i = "zen-theme-scrollbar";
   let r = document.getElementById(i);
   r || (r = document.createElement("style"), r.id = i, document.head.appendChild(r)), r.textContent = `
 @supports (-moz-appearance: none) {
@@ -129,7 +129,7 @@ body::-webkit-scrollbar-thumb:hover,
 html::-webkit-scrollbar-thumb:active,
 body::-webkit-scrollbar-thumb:active,
 *::-webkit-scrollbar-thumb:active {
-  background-color: ${l.secondaryHex};
+  background-color: ${s.secondaryHex};
   border: 2px solid ${t};
 }
 ::-webkit-scrollbar-corner,
@@ -141,56 +141,56 @@ body::-webkit-scrollbar-corner,
 `.trim();
 }
 function ge({
-  defaultTheme: l = "blackwall-crimson",
+  defaultTheme: s = "blackwall-crimson",
   defaultDensity: e = "comfortable",
   defaultRadius: n = "architectural",
   overrides: t,
   syncDocumentRoot: a = !0,
   children: i
 }) {
-  const [r, d] = H(l), [c, s] = H(e), [m, v] = H(n), [b, h] = H(() => typeof window > "u" ? !1 : window.matchMedia("(prefers-reduced-motion: reduce)").matches), A = k.find((u) => u.id === r) ?? k[0];
-  V(() => {
+  const [r, d] = L(s), [l, c] = L(e), [u, v] = L(n), [b, h] = L(() => typeof window > "u" ? !1 : window.matchMedia("(prefers-reduced-motion: reduce)").matches), A = E.find((m) => m.id === r) ?? E[0];
+  q(() => {
     if (typeof window > "u") return;
-    const u = window.matchMedia("(prefers-reduced-motion: reduce)"), x = (E) => h(E.matches);
-    return u.addEventListener("change", x), () => u.removeEventListener("change", x);
-  }, []), V(() => {
+    const m = window.matchMedia("(prefers-reduced-motion: reduce)"), x = (k) => h(k.matches);
+    return m.addEventListener("change", x), () => m.removeEventListener("change", x);
+  }, []), q(() => {
     if (!a || typeof document > "u") return;
-    const u = document.documentElement;
-    u.setAttribute("data-theme", r), u.setAttribute("data-polarity", A.polarity), u.setAttribute("data-density", c), u.setAttribute("data-radius", m), t != null && t.accentPrimary ? u.style.setProperty("--zen-accent-primary", t.accentPrimary) : u.style.removeProperty("--zen-accent-primary"), t != null && t.bgCanvas ? u.style.setProperty("--zen-bg-canvas", t.bgCanvas) : u.style.removeProperty("--zen-bg-canvas"), t != null && t.surface1 ? u.style.setProperty("--zen-surface-1", t.surface1) : u.style.removeProperty("--zen-surface-1"), t != null && t.inkPrimary ? u.style.setProperty("--zen-ink-primary", t.inkPrimary) : u.style.removeProperty("--zen-ink-primary"), K(A, t);
-  }, [r, A, c, m, t, a]);
+    const m = document.documentElement;
+    m.setAttribute("data-theme", r), m.setAttribute("data-polarity", A.polarity), m.setAttribute("data-density", l), m.setAttribute("data-radius", u), t != null && t.accentPrimary ? m.style.setProperty("--zen-accent-primary", t.accentPrimary) : m.style.removeProperty("--zen-accent-primary"), t != null && t.bgCanvas ? m.style.setProperty("--zen-bg-canvas", t.bgCanvas) : m.style.removeProperty("--zen-bg-canvas"), t != null && t.surface1 ? m.style.setProperty("--zen-surface-1", t.surface1) : m.style.removeProperty("--zen-surface-1"), t != null && t.inkPrimary ? m.style.setProperty("--zen-ink-primary", t.inkPrimary) : m.style.removeProperty("--zen-ink-primary"), Y(A, t);
+  }, [r, A, l, u, t, a]);
   const C = () => {
-    d((u) => (k.find((E) => E.id === u) ?? k[0]).polarity === "dark" ? u === "blackwall-crimson" ? "cyber-daylight" : u === "neon-emerald" ? "kyoto-matcha" : u === "midnight-cobalt" ? "nordic-snow" : "atelier-paper" : u === "cyber-daylight" ? "blackwall-crimson" : u === "kyoto-matcha" ? "neon-emerald" : u === "nordic-snow" ? "midnight-cobalt" : "obsidian-gold");
+    d((m) => (E.find((k) => k.id === m) ?? E[0]).polarity === "dark" ? m === "blackwall-crimson" ? "cyber-daylight" : m === "neon-emerald" ? "kyoto-matcha" : m === "midnight-cobalt" ? "nordic-snow" : "atelier-paper" : m === "cyber-daylight" ? "blackwall-crimson" : m === "kyoto-matcha" ? "neon-emerald" : m === "nordic-snow" ? "midnight-cobalt" : "obsidian-gold");
   }, w = te(
     () => ({
       theme: r,
       themeMeta: A,
       polarity: A.polarity,
-      density: c,
-      radius: m,
+      density: l,
+      radius: u,
       reducedMotion: b,
-      themes: k,
+      themes: E,
       setTheme: d,
       togglePolarity: C,
-      setDensity: s,
+      setDensity: c,
       setRadius: v
     }),
-    [r, A, c, m, b]
+    [r, A, l, u, b]
   );
-  return /* @__PURE__ */ q(G.Provider, { value: w, children: i });
+  return /* @__PURE__ */ K(W.Provider, { value: w, children: i });
 }
 function be() {
-  const l = ne(G);
-  if (!l)
+  const s = ne(W);
+  if (!s)
     throw new Error("useZenTheme must be used within a ZenThemeProvider");
-  return l;
+  return s;
 }
-const Y = {
+const R = {
   xs: 12,
   sm: 14,
   md: 16,
   lg: 20,
   xl: 24
-}, W = {
+}, P = {
   inherit: "currentColor",
   primary: "var(--zen-ink-primary)",
   secondary: "var(--zen-ink-secondary)",
@@ -199,7 +199,7 @@ const Y = {
   success: "var(--zen-status-success)",
   warning: "var(--zen-status-warning)",
   danger: "var(--zen-status-danger)"
-}, F = {
+}, T = {
   search: '<circle cx="11" cy="11" r="8"/><path d="m21 21-4.3-4.3"/>',
   plus: '<path d="M5 12h14"/><path d="M12 5v14"/>',
   minus: '<path d="M5 12h14"/>',
@@ -241,14 +241,14 @@ const Y = {
   globe: '<circle cx="12" cy="12" r="10"/><path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20"/><path d="M2 12h20"/>',
   folder: '<path d="M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z"/>'
 }, fe = Object.keys(
-  F
+  T
 );
-function re(l) {
-  const e = Y[l.size ?? "md"], n = W[l.tone ?? "inherit"], t = l.strokeWidth ?? 2, a = F[l.name] ?? F.sparkles, i = l.spin ? "animation: spin 1s linear infinite;" : "";
-  return `<svg xmlns="http://www.w3.org/2000/svg" width="${e}" height="${e}" viewBox="0 0 24 24" fill="none" stroke="${n}" stroke-width="${t}" stroke-linecap="round" stroke-linejoin="round" style="display:inline-block;vertical-align:middle;flex-shrink:0;${i}">${a}</svg>`;
+function re(s) {
+  const e = s.size ?? "md", n = Object.prototype.hasOwnProperty.call(R, e) ? R[e] : R.md, t = s.tone ?? "inherit", a = Object.prototype.hasOwnProperty.call(P, t) ? P[t] : P.inherit, i = typeof s.strokeWidth == "number" && Number.isFinite(s.strokeWidth) ? Math.min(Math.max(s.strokeWidth, 0.5), 4) : 2, r = Object.prototype.hasOwnProperty.call(T, s.name) ? T[s.name] : T.sparkles, d = s.spin ? "animation: spin 1s linear infinite;" : "";
+  return `<svg xmlns="http://www.w3.org/2000/svg" width="${n}" height="${n}" viewBox="0 0 24 24" fill="none" stroke="${a}" stroke-width="${i}" stroke-linecap="round" stroke-linejoin="round" style="display:inline-block;vertical-align:middle;flex-shrink:0;${d}">${r}</svg>`;
 }
 function ve({
-  name: l,
+  name: s,
   size: e = "md",
   tone: n = "inherit",
   strokeWidth: t = 2,
@@ -257,16 +257,16 @@ function ve({
   className: r = "",
   ...d
 }) {
-  const c = Y[e], s = W[n], m = F[l] ?? F.sparkles;
-  return /* @__PURE__ */ q(
+  const l = Object.prototype.hasOwnProperty.call(R, e) ? R[e] : R.md, c = Object.prototype.hasOwnProperty.call(P, n) ? P[n] : P.inherit, u = Object.prototype.hasOwnProperty.call(T, s) ? T[s] : T.sparkles;
+  return /* @__PURE__ */ K(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
-      width: c,
-      height: c,
+      width: l,
+      height: l,
       viewBox: "0 0 24 24",
       fill: "none",
-      stroke: s,
+      stroke: c,
       strokeWidth: t,
       strokeLinecap: "round",
       strokeLinejoin: "round",
@@ -274,7 +274,7 @@ function ve({
       "aria-label": i,
       "aria-hidden": i ? void 0 : "true",
       className: `inline-block shrink-0 ${a ? "animate-spin" : ""} ${r}`.trim(),
-      dangerouslySetInnerHTML: { __html: m },
+      dangerouslySetInnerHTML: { __html: u },
       ...d
     }
   );
@@ -507,7 +507,7 @@ class ie {
     this.activeSubroutine = e;
     const t = S[e];
     if (typeof document < "u" && (document.documentElement.setAttribute("data-capri-subroutine", e), n != null && n.applyPresetTheme)) {
-      const r = k.find((d) => d.id === t.recommendedTheme) ?? k[0];
+      const r = E.find((d) => d.id === t.recommendedTheme) ?? E[0];
       document.documentElement.setAttribute("data-theme", t.recommendedTheme), document.documentElement.setAttribute("data-polarity", r.polarity), document.documentElement.setAttribute("data-radius", t.recommendedRadius), document.documentElement.setAttribute("data-density", t.recommendedDensity), document.documentElement.style.colorScheme = r.polarity, (i = n.onThemeChange) == null || i.call(
         n,
         t.recommendedTheme,
@@ -519,7 +519,7 @@ class ie {
     return this.notify(a), t;
   }
   guard(e) {
-    var u, x, E, z, R;
+    var m, x, k, $, O;
     if (typeof document > "u" || typeof window > "u") {
       const y = {
         timestamp: (/* @__PURE__ */ new Date()).toISOString(),
@@ -542,31 +542,31 @@ class ie {
     const n = e ?? document, t = document.documentElement, a = t.getAttribute("data-theme") ?? "", i = t.getAttribute("data-polarity") ?? "", r = !!(a && i), d = Math.max(
       0,
       Math.round(t.scrollWidth - window.innerWidth)
-    ), c = Array.from(
+    ), l = Array.from(
       n.querySelectorAll(
         'button, [role="button"], input:not([type="hidden"]), select, textarea'
       )
-    ), s = [];
-    let m = 0;
-    for (const y of c) {
-      const D = (u = y.getAttribute("aria-label")) == null ? void 0 : u.trim(), o = (x = y.getAttribute("aria-labelledby")) == null ? void 0 : x.trim(), p = (E = y.getAttribute("title")) == null ? void 0 : E.trim(), f = (z = y.textContent) == null ? void 0 : z.trim(), T = (R = y.getAttribute("placeholder")) == null ? void 0 : R.trim(), I = y.getAttribute("id"), $ = !!(I && n.querySelector(`label[for="${CSS.escape(I)}"]`)), N = !!y.closest("label");
-      if (!D && !o && !p && !f && !T && !$ && !N) {
-        const M = y.tagName.toLowerCase(), Z = y.className ? `.${String(y.className).trim().split(/\s+/).slice(0, 2).join(".")}` : "";
-        s.push(`${M}${Z}`);
+    ), c = [];
+    let u = 0;
+    for (const y of l) {
+      const H = (m = y.getAttribute("aria-label")) == null ? void 0 : m.trim(), o = (x = y.getAttribute("aria-labelledby")) == null ? void 0 : x.trim(), p = (k = y.getAttribute("title")) == null ? void 0 : k.trim(), f = ($ = y.textContent) == null ? void 0 : $.trim(), I = (O = y.getAttribute("placeholder")) == null ? void 0 : O.trim(), M = y.getAttribute("id"), F = !!(M && n.querySelector(`label[for="${CSS.escape(M)}"]`)), U = !!y.closest("label");
+      if (!H && !o && !p && !f && !I && !F && !U) {
+        const z = y.tagName.toLowerCase(), B = y.className ? `.${String(y.className).trim().split(/\s+/).slice(0, 2).join(".")}` : "";
+        c.push(`${z}${B}`);
       }
       if (y instanceof HTMLInputElement || y instanceof HTMLTextAreaElement) {
-        const M = this.scanPromptInjection(y.value || "");
-        M.safe || (m += M.threatCount);
+        const z = this.scanPromptInjection(y.value || "");
+        z.safe || (u += z.threatCount);
       }
     }
     const b = n.querySelectorAll(
       'a[href^="javascript:"], iframe[src^="javascript:"], [onerror], [onload]'
     ).length, h = [];
-    m > 0 && h.push({
+    u > 0 && h.push({
       code: "PROMPT_INJECTION_DETECTED",
       severity: "error",
       selector: "input, textarea",
-      message: `${m} prompt-injection or token-spoofing payload(s) detected in active form controls.`,
+      message: `${u} prompt-injection or token-spoofing payload(s) detected in active form controls.`,
       fixHint: "Sanitize untrusted input with capri.sanitizeForPrompt() before forwarding to AI models."
     }), b > 0 && h.push({
       code: "UNSAFE_DOM_SINK",
@@ -586,23 +586,23 @@ class ie {
       selector: "document.documentElement",
       message: `Horizontal viewport overflow detected (+${d}px beyond ${window.innerWidth}px).`,
       fixHint: "Add min-w-0 to CSS Grid/Flex children and wrap wide tables in .zen-table-wrapper."
-    }), s.length > 0 && h.push({
+    }), c.length > 0 && h.push({
       code: "UNLABELED_CONTROL",
       severity: "error",
-      selector: s.slice(0, 3).join(", "),
-      message: `${s.length} interactive control(s) missing an accessible label.`,
+      selector: c.slice(0, 3).join(", "),
+      message: `${c.length} interactive control(s) missing an accessible label.`,
       fixHint: 'Pass ariaLabel="..." to ZenIconButton or associate inputs with <label>.'
     });
-    const A = m * 35 + b * 35 + (d > 0 ? 35 : 0) + s.length * 15 + (r ? 0 : 15), C = Math.max(0, 100 - A), w = {
+    const A = u * 35 + b * 35 + (d > 0 ? 35 : 0) + c.length * 15 + (r ? 0 : 15), C = Math.max(0, 100 - A), w = {
       timestamp: (/* @__PURE__ */ new Date()).toISOString(),
       passed: h.length === 0,
       score: C,
       viewport: `${window.innerWidth}x${window.innerHeight}`,
       horizontalOverflowPx: d,
-      unlabeledControlsCount: s.length,
-      unlabeledSelectors: s,
-      promptInjectionSafe: m === 0,
-      promptThreatsCount: m,
+      unlabeledControlsCount: c.length,
+      unlabeledSelectors: c,
+      promptInjectionSafe: u === 0,
+      promptThreatsCount: u,
       unsafeDomSinksCount: b,
       themeConfigured: r,
       activeTheme: a || "unconfigured",
@@ -641,7 +641,7 @@ class ie {
     };
   }
   docu(e) {
-    var z, R, y, D;
+    var $, O, y, H;
     const n = this.telemetry(), t = this.guard(e);
     if (typeof document > "u" || typeof window > "u") {
       const o = {
@@ -667,23 +667,23 @@ class ie {
         markdownBundle: "# Automated Architecture & User-Flow Dossier (SSR)"
       };
     }
-    const a = e ?? document, i = document.title || "zeN-UI Application", r = window.location.pathname || "/", c = Array.from(
+    const a = e ?? document, i = document.title || "zeN-UI Application", r = window.location.pathname || "/", l = Array.from(
       a.querySelectorAll("header, nav, section[id], main, footer")
     ).slice(0, 12).map((o, p) => {
-      var _;
-      const f = o.tagName.toLowerCase(), T = o.id || `${f}-${p + 1}`, I = o.querySelector("h1, h2, h3, h4"), $ = o.getAttribute("aria-label"), N = ((_ = I == null ? void 0 : I.textContent) == null ? void 0 : _.trim()) || ($ == null ? void 0 : $.trim()) || `${f.toUpperCase()} (${T})`, M = this.sanitizeForPrompt(N).replace(/\s+/g, " ").slice(0, 64), Z = o.querySelectorAll(
+      var j;
+      const f = o.tagName.toLowerCase(), I = o.id || `${f}-${p + 1}`, M = o.querySelector("h1, h2, h3, h4"), F = o.getAttribute("aria-label"), U = ((j = M == null ? void 0 : M.textContent) == null ? void 0 : j.trim()) || (F == null ? void 0 : F.trim()) || `${f.toUpperCase()} (${I})`, z = this.sanitizeForPrompt(U).replace(/\s+/g, " ").slice(0, 64), B = o.querySelectorAll(
         'button, a[href], [role="button"], [role="radio"], [role="tab"]'
       ).length, X = o.querySelectorAll(
         'input, select, textarea, [role="switch"], [role="checkbox"], [role="combobox"]'
       ).length;
       return {
-        id: T,
+        id: I,
         tag: f,
-        title: M,
-        interactiveCount: Z,
+        title: z,
+        interactiveCount: B,
         formControlsCount: X
       };
-    }), s = [
+    }), c = [
       "zen-icon",
       "zen-ai-construct",
       "zen-ambient-background",
@@ -691,29 +691,29 @@ class ie {
     ].filter((o) => {
       var p;
       return !!((p = window.customElements) != null && p.get(o));
-    }), m = {
+    }), u = {
       buttons: a.querySelectorAll("button, .zen-btn-base").length,
       inputsAndSelects: a.querySelectorAll("input, textarea, select, .zen-input, .zen-select").length,
       switchesAndRadios: a.querySelectorAll('[role="switch"], [role="radio"], [type="checkbox"]').length,
       tables: a.querySelectorAll("table, .zen-table").length,
       cardsAndSurfaces: a.querySelectorAll(".zen-surface-base, .zen-surface-interactive, .zen-surface-selected").length,
       badgesAndAlerts: a.querySelectorAll('.zen-badge, [role="alert"], [role="status"]').length,
-      customElements: s
+      customElements: c
     }, v = [], b = Array.from(a.querySelectorAll("nav a[href], nav button")).slice(0, 5);
     for (const [o, p] of b.entries()) {
-      const f = ((z = p.textContent) == null ? void 0 : z.trim().replace(/\s+/g, " ").slice(0, 36)) || `Nav Trigger ${o + 1}`, T = p.getAttribute("href") || "Section / State Action";
+      const f = (($ = p.textContent) == null ? void 0 : $.trim().replace(/\s+/g, " ").slice(0, 36)) || `Nav Trigger ${o + 1}`, I = p.getAttribute("href") || "Section / State Action";
       v.push({
         id: `flow-nav-${o + 1}`,
         category: "navigation",
         triggerLabel: f,
-        targetDescription: `Navigates or jumps to ${T}`
+        targetDescription: `Navigates or jumps to ${I}`
       });
     }
     const h = Array.from(
       a.querySelectorAll("button")
     ).filter((o) => /modal|drawer|palette|command/i.test(o.textContent ?? "")).slice(0, 3);
     for (const [o, p] of h.entries()) {
-      const f = ((R = p.textContent) == null ? void 0 : R.trim().replace(/\s+/g, " ").slice(0, 36)) || `Overlay ${o + 1}`;
+      const f = ((O = p.textContent) == null ? void 0 : O.trim().replace(/\s+/g, " ").slice(0, 36)) || `Overlay ${o + 1}`;
       v.push({
         id: `flow-overlay-${o + 1}`,
         category: "overlay-trigger",
@@ -735,7 +735,7 @@ class ie {
     }
     const C = Array.from(a.querySelectorAll("table")).slice(0, 2);
     for (const [o, p] of C.entries()) {
-      const f = ((D = (y = p.querySelector("caption")) == null ? void 0 : y.textContent) == null ? void 0 : D.trim()) || p.getAttribute("aria-label") || `Data Table ${o + 1}`;
+      const f = ((H = (y = p.querySelector("caption")) == null ? void 0 : y.textContent) == null ? void 0 : H.trim()) || p.getAttribute("aria-label") || `Data Table ${o + 1}`;
       v.push({
         id: `flow-table-${o + 1}`,
         category: "data-table",
@@ -743,25 +743,25 @@ class ie {
         targetDescription: `Tabular data grid (${p.querySelectorAll("tbody tr").length} rows visible)`
       });
     }
-    const w = (o) => o.replace(/["[\]()]/g, "").replace(/\s+/g, " ").trim(), u = [
+    const w = (o) => o.replace(/["[\]()]/g, "").replace(/\s+/g, " ").trim(), m = [
       "flowchart TD",
       `  AppRoot["${w(i)} (${n.theme} / ${n.polarity})"]`,
       `  Guard["CapriEngine Guard: ${t.score}/100 (${t.horizontalOverflowPx}px overflow)"]`,
       "  AppRoot --> Guard"
     ];
-    c.slice(0, 6).forEach((o, p) => {
+    l.slice(0, 6).forEach((o, p) => {
       const f = `LM_${p + 1}`;
-      u.push(
+      m.push(
         `  AppRoot --> ${f}["${w(o.id)}: ${w(o.title)} (${o.interactiveCount} actions)"]`
       );
     }), v.slice(0, 5).forEach((o, p) => {
       const f = `UF_${p + 1}`;
-      u.push(
+      m.push(
         `  Guard --> ${f}["[${o.category}] ${w(o.triggerLabel)}"]`
       );
     });
-    const x = u.join(`
-`), E = [
+    const x = m.join(`
+`), k = [
       `# ${i} — Automated Architecture, User-Flow & AI Context Dossier`,
       `Generated by \`@zen-ui/system\` // \`capri.docu()\` at \`${(/* @__PURE__ */ new Date()).toISOString()}\``,
       "",
@@ -770,19 +770,19 @@ class ie {
       `- **Active Theme & Polarity:** \`${n.theme}\` (\`${n.polarity}\`)`,
       `- **Corner Radius & Density:** \`${n.radius}\` / \`${n.density}\``,
       `- **Viewport & Reduced Motion:** \`${n.viewportWidth}x${n.viewportHeight}\` (DPR \`${n.devicePixelRatio}\`, reducedMotion=\`${n.reducedMotion}\`)`,
-      `- **W3C Custom Elements Registered:** ${m.customElements.map((o) => `\`<${o}>\``).join(", ") || "None"}`,
+      `- **W3C Custom Elements Registered:** ${u.customElements.map((o) => `\`<${o}>\``).join(", ") || "None"}`,
       `- **DOM, Security & WCAG 2.2 AA Audit Score:** **${t.score}/100** (${t.passed ? "PASSED" : "VIOLATIONS DETECTED"}, \`${t.horizontalOverflowPx}px\` horizontal overflow, promptInjectionSafe=\`${t.promptInjectionSafe}\`)`,
       "",
       "## 2. Component Inventory on Current Screen",
-      `- **Buttons & Action Triggers:** ${m.buttons}`,
-      `- **Text Inputs, Textareas & Selects:** ${m.inputsAndSelects}`,
-      `- **Switches, Checkboxes & Radio Controls:** ${m.switchesAndRadios}`,
-      `- **Glass Cards & Surface Containers:** ${m.cardsAndSurfaces}`,
-      `- **Data Tables:** ${m.tables}`,
-      `- **Status Badges & Live Alerts:** ${m.badgesAndAlerts}`,
+      `- **Buttons & Action Triggers:** ${u.buttons}`,
+      `- **Text Inputs, Textareas & Selects:** ${u.inputsAndSelects}`,
+      `- **Switches, Checkboxes & Radio Controls:** ${u.switchesAndRadios}`,
+      `- **Glass Cards & Surface Containers:** ${u.cardsAndSurfaces}`,
+      `- **Data Tables:** ${u.tables}`,
+      `- **Status Badges & Live Alerts:** ${u.badgesAndAlerts}`,
       "",
       "## 3. Semantic Landmark & Section Hierarchy",
-      ...c.map(
+      ...l.map(
         (o) => `- **\`#${o.id}\` (\`<${o.tag}>\`)** — *${o.title}* (${o.interactiveCount} interactive triggers, ${o.formControlsCount} form controls)`
       ),
       "",
@@ -803,11 +803,11 @@ class ie {
       routePath: r,
       telemetry: n,
       audit: t,
-      landmarks: c,
-      inventory: m,
+      landmarks: l,
+      inventory: u,
       userFlows: v,
       mermaidDiagram: x,
-      markdownBundle: E
+      markdownBundle: k
     };
   }
   exportMarkdownDocu(e = this.activeSubroutine, n, t = !1) {
@@ -820,7 +820,7 @@ class ie {
       t ? `
 ${i.aiVoiceAddendum}` : "",
       "",
-      ...i.ruleset.map((d, c) => `${c + 1}. ${d}`),
+      ...i.ruleset.map((d, l) => `${l + 1}. ${d}`),
       r ? `
 ## 7. Current Developer / AI Task
 ${r}` : ""
@@ -828,7 +828,7 @@ ${r}` : ""
 `);
   }
   buildAgentPrompt(e = this.activeSubroutine, n, t = !1) {
-    const a = S[e], i = this.docu(), r = i.audit, d = n ? this.sanitizeForPrompt(n) : "", c = r.violations.length === 0 ? "0 violations detected (Score: 100/100, 0 prompt-injection threats, 0px overflow, 0 unlabeled controls)." : r.violations.map((s) => `- [${s.code}] (${s.selector}): ${s.message} -> Fix: ${s.fixHint}`).join(`
+    const a = S[e], i = this.docu(), r = i.audit, d = n ? this.sanitizeForPrompt(n) : "", l = r.violations.length === 0 ? "0 violations detected (Score: 100/100, 0 prompt-injection threats, 0px overflow, 0 unlabeled controls)." : r.violations.map((c) => `- [${c.code}] (${c.selector}): ${c.message} -> Fix: ${c.fixHint}`).join(`
 `);
     return [
       "# @zen-ui/system // CAPRI AI SKILL & ARCHITECTURE CONTEXT",
@@ -842,18 +842,18 @@ ${r}` : ""
 ${a.aiVoiceAddendum}` : "",
       "",
       "## 2. Mandatory Engineering Ruleset",
-      ...a.ruleset.map((s, m) => `${m + 1}. ${s}`),
+      ...a.ruleset.map((c, u) => `${u + 1}. ${c}`),
       "",
       "## 3. Automated Screen Architecture & Component Context (capri.docu())",
       `- Route: ${i.routePath} | Theme: ${r.activeTheme} (${r.activePolarity}) | Viewport: ${r.viewport}`,
       `- Component Counts: ${i.inventory.buttons} buttons, ${i.inventory.inputsAndSelects} inputs/selects, ${i.inventory.tables} tables, ${i.inventory.cardsAndSurfaces} glass cards`,
-      `- Landmarks: ${i.landmarks.map((s) => `#${s.id} (${s.interactiveCount} actions)`).join(", ")}`,
-      `- Key User Flows: ${i.userFlows.slice(0, 6).map((s) => `[${s.category}] ${s.triggerLabel}`).join(" | ")}`,
+      `- Landmarks: ${i.landmarks.map((c) => `#${c.id} (${c.interactiveCount} actions)`).join(", ")}`,
+      `- Key User Flows: ${i.userFlows.slice(0, 6).map((c) => `[${c.category}] ${c.triggerLabel}`).join(" | ")}`,
       "",
       "## 4. Live CapriEngine Security, DOM & WCAG Telemetry",
       `- Audit Score: ${r.score}/100 (${r.passed ? "PASSED" : "ACTION REQUIRED"}) | Prompt-Injection Firewall: ${r.promptInjectionSafe ? "CLEAN (0 threats)" : `${r.promptThreatsCount} THREAT(S) BLOCKED`}`,
       `- Findings:
-${c}`,
+${l}`,
       d ? `
 ## 5. Requested Task
 ${d}` : ""
@@ -870,7 +870,7 @@ ${d}` : ""
       n(this.activeSubroutine, e);
   }
 }
-const we = new ie(), P = [
+const we = new ie(), D = [
   {
     id: "blackwall-crimson",
     name: "Capri // Capricorn",
@@ -951,7 +951,7 @@ const we = new ie(), P = [
     secondaryHex: "#0284C7",
     inkHex: "#09090D"
   }
-], O = [
+], N = [
   {
     id: "orion",
     label: "CAPRI // UNLEASHED",
@@ -1005,8 +1005,8 @@ const we = new ie(), P = [
     ]
   }
 ];
-function j(l) {
-  const e = P.find((n) => n.id === l);
+function G(s) {
+  const e = D.find((n) => n.id === s);
   return e ? e.polarity : "dark";
 }
 class oe {
@@ -1019,13 +1019,13 @@ class oe {
     if (typeof window < "u")
       try {
         const t = window.localStorage.getItem(this.storageKey);
-        t && P.some((a) => a.id === t) && (n = t);
+        t && D.some((a) => a.id === t) && (n = t);
       } catch {
         n = (e == null ? void 0 : e.defaultTheme) ?? "blackwall-crimson";
       }
     this.state = {
       theme: n,
-      polarity: j(n),
+      polarity: G(n),
       density: (e == null ? void 0 : e.defaultDensity) ?? "comfortable",
       radius: (e == null ? void 0 : e.defaultRadius) ?? "architectural"
     }, this.applyToDom();
@@ -1037,7 +1037,7 @@ class oe {
     if (this.state = {
       ...this.state,
       theme: e,
-      polarity: j(e)
+      polarity: G(e)
     }, typeof window < "u")
       try {
         window.localStorage.setItem(this.storageKey, e);
@@ -1070,8 +1070,8 @@ class oe {
     if (typeof document > "u") return;
     const e = document.documentElement;
     e.setAttribute("data-theme", this.state.theme), e.setAttribute("data-polarity", this.state.polarity), e.setAttribute("data-density", this.state.density), e.setAttribute("data-radius", this.state.radius);
-    const n = P.find((t) => t.id === this.state.theme) ?? P[0];
-    K(n);
+    const n = D.find((t) => t.id === this.state.theme) ?? D[0];
+    Y(n);
   }
   notify() {
     for (const e of this.listeners)
@@ -1099,7 +1099,7 @@ class se {
       }
   }
 }
-const L = new oe(), U = new se();
+const Z = new oe(), _ = new se();
 class ce extends HTMLElement {
   constructor() {
     super(...arguments);
@@ -1134,16 +1134,16 @@ class ce extends HTMLElement {
     const n = performance.now(), t = (a) => {
       const i = (a - n) * 1e-3;
       if (this.smoothPointer.x += (this.pointer.x - this.smoothPointer.x) * 0.12, this.smoothPointer.y += (this.pointer.y - this.smoothPointer.y) * 0.12, this.figureEl) {
-        const r = Math.sin(i * 2.1) * 3.5, d = this.smoothPointer.x * 5.5, c = -this.smoothPointer.y * 3.5;
-        this.figureEl.style.transform = `perspective(900px) translateY(${r.toFixed(2)}px) rotateX(${c.toFixed(2)}deg) rotateY(${d.toFixed(2)}deg)`;
+        const r = Math.sin(i * 2.1) * 3.5, d = this.smoothPointer.x * 5.5, l = -this.smoothPointer.y * 3.5;
+        this.figureEl.style.transform = `perspective(900px) translateY(${r.toFixed(2)}px) rotateX(${l.toFixed(2)}deg) rotateY(${d.toFixed(2)}deg)`;
       }
       if (this.canvasEl) {
         const r = this.canvasEl.getContext("2d");
         if (r) {
-          const d = this.canvasEl.width, c = this.canvasEl.height;
-          r.clearRect(0, 0, d, c);
-          const s = Math.sin(i * 1.1 - 1.2) > 0.992 || Math.sin(i * 2.9 - 1.5) > 0.995, m = this.smoothPointer.x * (d * 85e-4), v = this.smoothPointer.y * (c * 55e-4), b = d * 0.562 + m, h = c * 0.233 + v, A = d * 0.474 + m * 0.75, C = c * 0.25 + v * 0.75;
-          if (s)
+          const d = this.canvasEl.width, l = this.canvasEl.height;
+          r.clearRect(0, 0, d, l);
+          const c = Math.sin(i * 1.1 - 1.2) > 0.992 || Math.sin(i * 2.9 - 1.5) > 0.995, u = this.smoothPointer.x * (d * 85e-4), v = this.smoothPointer.y * (l * 55e-4), b = d * 0.562 + u, h = l * 0.233 + v, A = d * 0.474 + u * 0.75, C = l * 0.25 + v * 0.75;
+          if (c)
             r.save(), r.strokeStyle = "#00FF66", r.lineWidth = 2.5, r.beginPath(), r.moveTo(b - d * 0.014, h), r.lineTo(b + d * 0.014, h), r.stroke(), r.restore();
           else {
             r.save(), r.globalCompositeOperation = "screen";
@@ -1164,13 +1164,13 @@ class ce extends HTMLElement {
     this.rafId = window.requestAnimationFrame(t);
   }
   render() {
-    const n = B(
+    const n = V(
       this.getAttribute("title") ?? "CAPRI // CONSTRUCT"
-    ), t = B(
+    ), t = V(
       this.getAttribute("subtitle") ?? "Edgerunners S2 // Soulkiller Net-Driver"
-    ), a = me(
+    ), a = ue(
       this.getAttribute("image-src") ?? "/capri-construct-base.png"
-    ), i = O.find((c) => c.id === this.activeMode) ?? O[0];
+    ), i = N.find((l) => l.id === this.activeMode) ?? N[0];
     this.innerHTML = `
       <div class="zen-surface-selected" style="padding: 1.25rem; position: relative; overflow: hidden;">
         <div style="display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 0.75rem; margin-bottom: 1rem;">
@@ -1198,29 +1198,29 @@ class ce extends HTMLElement {
           <p style="font-size: 0.75rem; color: var(--zen-ink-secondary); margin: 0;">${i.transmission}</p>
         </div>
         <div style="display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.5rem; margin-top: 0.75rem;">
-          ${O.map(
-      (c) => `
-            <button type="button" data-directive="${c.id}" class="zen-btn-base zen-btn-sm ${c.id === this.activeMode ? "zen-btn-primary" : "zen-btn-secondary"}" style="justify-content: flex-start; font-family: var(--zen-font-mono); font-size: 0.6875rem;">
-              ${c.label}
+          ${N.map(
+      (l) => `
+            <button type="button" data-directive="${l.id}" class="zen-btn-base zen-btn-sm ${l.id === this.activeMode ? "zen-btn-primary" : "zen-btn-secondary"}" style="justify-content: flex-start; font-family: var(--zen-font-mono); font-size: 0.6875rem;">
+              ${l.label}
             </button>
           `
     ).join("")}
         </div>
       </div>
-    `, this.canvasEl = this.querySelector("[data-capri-eyes]"), this.figureEl = this.querySelector("[data-capri-figure]"), this.querySelectorAll("[data-framing]").forEach((c) => {
-      c.addEventListener("click", () => {
-        const s = c.getAttribute("framing") ?? c.dataset.framing;
-        (s === "portrait" || s === "full") && (U.playMicroClick(560), this.framing = s, this.setAttribute("framing", s), this.render(), this.startEyeLoop());
+    `, this.canvasEl = this.querySelector("[data-capri-eyes]"), this.figureEl = this.querySelector("[data-capri-figure]"), this.querySelectorAll("[data-framing]").forEach((l) => {
+      l.addEventListener("click", () => {
+        const c = l.getAttribute("framing") ?? l.dataset.framing;
+        (c === "portrait" || c === "full") && (_.playMicroClick(560), this.framing = c, this.setAttribute("framing", c), this.render(), this.startEyeLoop());
       });
-    }), this.querySelectorAll("[data-directive]").forEach((c) => {
-      c.addEventListener("click", () => {
-        const s = c.dataset.directive;
-        if (!s) return;
-        U.playMicroClick(620), this.activeMode = s, this.setAttribute("mode", s);
-        const m = O.find((v) => v.id === s);
-        m && this.dispatchEvent(
+    }), this.querySelectorAll("[data-directive]").forEach((l) => {
+      l.addEventListener("click", () => {
+        const c = l.dataset.directive;
+        if (!c) return;
+        _.playMicroClick(620), this.activeMode = c, this.setAttribute("mode", c);
+        const u = N.find((v) => v.id === c);
+        u && this.dispatchEvent(
           new CustomEvent("zen-directive", {
-            detail: { directive: m },
+            detail: { directive: u },
             bubbles: !0,
             composed: !0
           })
@@ -1252,7 +1252,7 @@ class de extends HTMLElement {
     g(this, "unsubscribe", null);
   }
   connectedCallback() {
-    this.unsubscribe = L.subscribe(() => {
+    this.unsubscribe = Z.subscribe(() => {
       this.render();
     });
   }
@@ -1260,10 +1260,10 @@ class de extends HTMLElement {
     this.unsubscribe && (this.unsubscribe(), this.unsubscribe = null);
   }
   render() {
-    const { theme: n } = L.getState();
+    const { theme: n } = Z.getState();
     this.innerHTML = `
       <div style="display: flex; flex-wrap: wrap; gap: 0.5rem; align-items: center;">
-        ${P.map(
+        ${D.map(
       (t) => `
           <button
             type="button"
@@ -1279,9 +1279,9 @@ class de extends HTMLElement {
     `, this.querySelectorAll("[data-theme-id]").forEach((t) => {
       t.addEventListener("click", () => {
         const a = t.dataset.themeId;
-        a && (U.playMicroClick(540), L.setTheme(a), this.dispatchEvent(
+        a && (_.playMicroClick(540), Z.setTheme(a), this.dispatchEvent(
           new CustomEvent("zen-theme-change", {
-            detail: L.getState(),
+            detail: Z.getState(),
             bubbles: !0,
             composed: !0
           })
@@ -1290,7 +1290,7 @@ class de extends HTMLElement {
     });
   }
 }
-class ue extends HTMLElement {
+class me extends HTMLElement {
   static get observedAttributes() {
     return ["name", "size", "tone", "stroke-width", "spin"];
   }
@@ -1311,15 +1311,15 @@ class ue extends HTMLElement {
     });
   }
 }
-function B(l) {
-  return l.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
+function V(s) {
+  return s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
 }
-function me(l) {
-  const e = l.trim();
-  return /^(?:javascript|data|vbscript)\s*:/i.test(e) ? "/capri-construct-base.png" : B(e);
+function ue(s) {
+  const e = s.trim(), n = e.replace(/[\u0000-\u0020]+/g, "");
+  return /^(?:javascript|data|vbscript|file):/i.test(n) ? "/capri-construct-base.png" : V(e);
 }
 function Ae() {
-  typeof window > "u" || !("customElements" in window) || (window.customElements.get("zen-icon") || window.customElements.define("zen-icon", ue), window.customElements.get("zen-ai-construct") || window.customElements.define("zen-ai-construct", ce), window.customElements.get("zen-ambient-background") || window.customElements.define(
+  typeof window > "u" || !("customElements" in window) || (window.customElements.get("zen-icon") || window.customElements.define("zen-icon", me), window.customElements.get("zen-ai-construct") || window.customElements.define("zen-ai-construct", ce), window.customElements.get("zen-ambient-background") || window.customElements.define(
     "zen-ambient-background",
     le
   ), window.customElements.get("zen-theme-switcher") || window.customElements.define("zen-theme-switcher", de));
@@ -1328,25 +1328,25 @@ export {
   S as C,
   fe as Z,
   ie as a,
-  Y as b,
+  R as b,
   we as c,
-  F as d,
-  k as e,
-  P as f,
+  T as d,
+  E as e,
+  D as f,
   ce as g,
   le as h,
   ve as i,
-  ue as j,
+  me as j,
   oe as k,
   ge as l,
   de as m,
   se as n,
-  B as o,
+  V as o,
   re as p,
-  K as q,
+  Y as q,
   Ae as r,
-  me as s,
-  L as t,
+  ue as s,
+  Z as t,
   be as u,
-  U as z
+  _ as z
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zen-ui-capri/system",
-  "version": "1.1.0",
+  "version": "1.1.2",
   "description": "zeN-UI // CAPRI — Universal Multi-Framework Design System (51 Primitives, 40 Vector Icons, 8 Dark/Light Themes & Capri 5-Subroutine AI Co-Pilot)",
   "type": "module",
   "license": "MIT",
@@ -77,4 +77,4 @@
     "typescript": "~5.8.2",
     "vite": "^6.2.0"
   }
-}
+}

package/src/lib/audio/ZenAudioController.tsx

@@ -1,114 +1,114 @@
-import { Volume2, VolumeX, Disc3 } from 'lucide-react';
-import type { ZenAudioSynthController, ZenSynthPresetId } from './useZenAudioSynth';
-import { ZenButton } from '../components/ZenButton';
-import { ZenSegmentedControl } from '../components/ZenSegmentedControl';
-
-export interface ZenAudioControllerProps {
-  readonly synth: ZenAudioSynthController;
-  readonly mode?: 'pill' | 'deck';
-  readonly activeLabel?: string;
-  readonly idleLabel?: string;
-  readonly className?: string;
-}
-
-export function ZenAudioController({
-  synth,
-  mode = 'pill',
-  activeLabel = 'Lo-Fi Radio: ON',
-  idleLabel = 'Lo-Fi Background',
-  className = '',
-}: ZenAudioControllerProps) {
-  if (mode === 'pill') {
-    return (
-      <ZenButton
-        variant="secondary"
-        size="sm"
-        mono
-        pressed={synth.active}
-        onClick={synth.toggle}
-        aria-label="Toggle procedural ambient synthesizer"
-        className={className}
-        iconLeft={
-          synth.active ? (
-            <Volume2 className="w-3.5 h-3.5 animate-pulse" />
-          ) : (
-            <VolumeX className="w-3.5 h-3.5 text-[var(--zen-accent-primary)]" />
-          )
-        }
-      >
-        {synth.active ? activeLabel : idleLabel}
-      </ZenButton>
-    );
-  }
-
-  return (
-    <div
-      data-zen-occlude="true"
-      className={`p-5 rounded-3xl zen-surface-static flex flex-col gap-4 ${className}`.trim()}
-    >
-      <div className="flex flex-wrap items-center justify-between gap-3">
-        <div className="flex items-center gap-3">
-          <Disc3
-            className={`w-6 h-6 text-[var(--zen-accent-primary)] ${
-              synth.active ? 'animate-spin' : ''
-            }`}
-          />
-          <div>
-            <div className="zen-telemetry-label text-[var(--zen-accent-primary)]">
-              WEB AUDIO PROCEDURAL SYNTHESIZER
-            </div>
-            <div className="zen-font-display font-bold text-base text-[var(--zen-ink-primary)]">
-              Zero-Dependency Acoustic Engine
-            </div>
-          </div>
-        </div>
-
-        <ZenButton
-          variant={synth.active ? 'primary' : 'secondary'}
-          size="sm"
-          mono
-          pressed={synth.active}
-          onClick={synth.toggle}
-          iconLeft={
-            synth.active ? (
-              <Volume2 className="w-3.5 h-3.5" />
-            ) : (
-              <VolumeX className="w-3.5 h-3.5" />
-            )
-          }
-        >
-          {synth.active ? 'SYNTH ACTIVE' : 'START SYNTH'}
-        </ZenButton>
-      </div>
-
-      <div className="flex flex-col sm:flex-row sm:items-center justify-between gap-4 pt-2 border-t border-[var(--zen-border-subtle)]">
-        <ZenSegmentedControl<ZenSynthPresetId>
-          ariaLabel="Select synthesizer voicing preset"
-          size="sm"
-          value={synth.presetId}
-          onChange={synth.setPresetId}
-          items={synth.presets.map((p) => ({
-            value: p.id,
-            label: p.label.split(' (')[0],
-          }))}
-        />
-
-        <div className="flex items-center gap-1.5" aria-label="8-step bar sequencer">
-          {Array.from({ length: 8 }).map((_, idx) => {
-            const isBeat = synth.active && synth.currentStep === idx;
-            return (
-              <span
-                key={idx}
-                className={`h-2.5 w-2.5 rounded-full transition-all ${
-                  isBeat
-                    ? 'bg-[var(--zen-accent-primary)] scale-125'
-                    : 'bg-[var(--zen-border-default)]'
-                }`}
-              />
-            );
-          })}
-        </div>
-      </div>
-    </div>
-  );
-}
+import { Volume2, VolumeX, Disc3 } from 'lucide-react';
+import type { ZenAudioSynthController, ZenSynthPresetId } from './useZenAudioSynth';
+import { ZenButton } from '../components/ZenButton';
+import { ZenSegmentedControl } from '../components/ZenSegmentedControl';
+
+export interface ZenAudioControllerProps {
+  readonly synth: ZenAudioSynthController;
+  readonly mode?: 'pill' | 'deck';
+  readonly activeLabel?: string;
+  readonly idleLabel?: string;
+  readonly className?: string;
+}
+
+export function ZenAudioController({
+  synth,
+  mode = 'pill',
+  activeLabel = 'Lo-Fi Radio: ON',
+  idleLabel = 'Lo-Fi Background',
+  className = '',
+}: ZenAudioControllerProps) {
+  if (mode === 'pill') {
+    return (
+      <ZenButton
+        variant="secondary"
+        size="sm"
+        mono
+        pressed={synth.active}
+        onClick={synth.toggle}
+        aria-label="Toggle procedural ambient synthesizer"
+        className={className}
+        iconLeft={
+          synth.active ? (
+            <Volume2 className="w-3.5 h-3.5 animate-pulse" />
+          ) : (
+            <VolumeX className="w-3.5 h-3.5 text-[var(--zen-accent-primary)]" />
+          )
+        }
+      >
+        {synth.active ? activeLabel : idleLabel}
+      </ZenButton>
+    );
+  }
+
+  return (
+    <div
+      data-zen-occlude="true"
+      className={`p-5 rounded-3xl zen-surface-static flex flex-col gap-4 ${className}`.trim()}
+    >
+      <div className="flex flex-wrap items-center justify-between gap-3">
+        <div className="flex items-center gap-3">
+          <Disc3
+            className={`w-6 h-6 text-[var(--zen-accent-primary)] ${
+              synth.active ? 'animate-spin' : ''
+            }`}
+          />
+          <div>
+            <div className="zen-telemetry-label text-[var(--zen-accent-primary)]">
+              WEB AUDIO PROCEDURAL SYNTHESIZER
+            </div>
+            <div className="zen-font-display font-bold text-base text-[var(--zen-ink-primary)]">
+              Zero-Dependency Acoustic Engine
+            </div>
+          </div>
+        </div>
+
+        <ZenButton
+          variant={synth.active ? 'primary' : 'secondary'}
+          size="sm"
+          mono
+          pressed={synth.active}
+          onClick={synth.toggle}
+          iconLeft={
+            synth.active ? (
+              <Volume2 className="w-3.5 h-3.5" />
+            ) : (
+              <VolumeX className="w-3.5 h-3.5" />
+            )
+          }
+        >
+          {synth.active ? 'SYNTH ACTIVE' : 'START SYNTH'}
+        </ZenButton>
+      </div>
+
+      <div className="flex flex-col sm:flex-row sm:items-center justify-between gap-4 pt-2 border-t border-[var(--zen-border-subtle)]">
+        <ZenSegmentedControl<ZenSynthPresetId>
+          ariaLabel="Select synthesizer voicing preset"
+          size="sm"
+          value={synth.presetId}
+          onChange={synth.setPresetId}
+          items={synth.presets.map((p) => ({
+            value: p.id,
+            label: p.label.split(' (')[0],
+          }))}
+        />
+
+        <div className="flex items-center gap-1.5" aria-label="8-step bar sequencer">
+          {Array.from({ length: 8 }).map((_, idx) => {
+            const isBeat = synth.active && synth.currentStep === idx;
+            return (
+              <span
+                key={idx}
+                className={`h-2.5 w-2.5 rounded-full transition-all ${
+                  isBeat
+                    ? 'bg-[var(--zen-accent-primary)] scale-125'
+                    : 'bg-[var(--zen-border-default)]'
+                }`}
+              />
+            );
+          })}
+        </div>
+      </div>
+    </div>
+  );
+}

package/src/lib/components/ZenIcon.tsx

@@ -167,10 +167,21 @@ export function renderZenIconSvgMarkup(options: {
   readonly strokeWidth?: number;
   readonly spin?: boolean;
 }): string {
-  const px = ZEN_ICON_SIZE_PX[options.size ?? 'md'];
-  const color = TONE_COLOR_MAP[options.tone ?? 'inherit'];
-  const sw = options.strokeWidth ?? 2;
-  const inner = ZEN_ICON_SVG_INNER[options.name] ?? ZEN_ICON_SVG_INNER.sparkles;
+  const sizeKey = options.size ?? 'md';
+  const px = Object.prototype.hasOwnProperty.call(ZEN_ICON_SIZE_PX, sizeKey)
+    ? ZEN_ICON_SIZE_PX[sizeKey]
+    : ZEN_ICON_SIZE_PX.md;
+  const toneKey = options.tone ?? 'inherit';
+  const color = Object.prototype.hasOwnProperty.call(TONE_COLOR_MAP, toneKey)
+    ? TONE_COLOR_MAP[toneKey]
+    : TONE_COLOR_MAP.inherit;
+  const sw =
+    typeof options.strokeWidth === 'number' && Number.isFinite(options.strokeWidth)
+      ? Math.min(Math.max(options.strokeWidth, 0.5), 4)
+      : 2;
+  const inner = Object.prototype.hasOwnProperty.call(ZEN_ICON_SVG_INNER, options.name)
+    ? ZEN_ICON_SVG_INNER[options.name]
+    : ZEN_ICON_SVG_INNER.sparkles;
   const spinStyle = options.spin ? 'animation: spin 1s linear infinite;' : '';
   return `<svg xmlns="http://www.w3.org/2000/svg" width="${px}" height="${px}" viewBox="0 0 24 24" fill="none" stroke="${color}" stroke-width="${sw}" stroke-linecap="round" stroke-linejoin="round" style="display:inline-block;vertical-align:middle;flex-shrink:0;${spinStyle}">${inner}</svg>`;
 }
@@ -194,9 +205,15 @@ export function ZenIcon({
   className = '',
   ...rest
 }: ZenIconProps) {
-  const px = ZEN_ICON_SIZE_PX[size];
-  const strokeColor = TONE_COLOR_MAP[tone];
-  const innerMarkup = ZEN_ICON_SVG_INNER[name] ?? ZEN_ICON_SVG_INNER.sparkles;
+  const px = Object.prototype.hasOwnProperty.call(ZEN_ICON_SIZE_PX, size)
+    ? ZEN_ICON_SIZE_PX[size]
+    : ZEN_ICON_SIZE_PX.md;
+  const strokeColor = Object.prototype.hasOwnProperty.call(TONE_COLOR_MAP, tone)
+    ? TONE_COLOR_MAP[tone]
+    : TONE_COLOR_MAP.inherit;
+  const innerMarkup = Object.prototype.hasOwnProperty.call(ZEN_ICON_SVG_INNER, name)
+    ? ZEN_ICON_SVG_INNER[name]
+    : ZEN_ICON_SVG_INNER.sparkles;
 
   return (
     <svg

package/src/lib/index.ts

@@ -1,4 +1,4 @@
-export const ZEN_UI_VERSION = '1.1.0';
+export const ZEN_UI_VERSION = '1.1.2';
 export const ZEN_PACKAGE_NAME = '@zen-ui/system';
 
 export {

package/src/lib/universal/zen-universal.ts

@@ -696,7 +696,8 @@ export function escapeZenHtml(raw: string): string {
 
 export function sanitizeZenAssetUrl(raw: string): string {
   const trimmed = raw.trim();
-  if (/^(?:javascript|data|vbscript)\s*:/i.test(trimmed)) {
+  const normalizedSchemeCheck = trimmed.replace(/[\u0000-\u0020]+/g, '');
+  if (/^(?:javascript|data|vbscript|file):/i.test(normalizedSchemeCheck)) {
     return '/capri-construct-base.png';
   }
   return escapeZenHtml(trimmed);