@zen-ui-capri/system 1.1.2 → 1.1.3

package/dist/lib/index.d.ts

@@ -1,4 +1,4 @@
-export declare const ZEN_UI_VERSION = "1.1.2";
+export declare const ZEN_UI_VERSION = "1.1.3";
 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-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 { c as Ie, u as Le, C as he } from "./zen-universal-BhiGXo0e.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-BhiGXo0e.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.2", Xr = "@zen-ui/system";
+const Yr = "1.1.3", Xr = "@zen-ui/system";
 export {
   he as CAPRI_SUBROUTINE_SKILLS,
   en as CapriEngine,

package/dist/lib/theme/ZenThemeProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ZenThemeProvider.d.ts","sourceRoot":"","sources":["../../../src/lib/theme/ZenThemeProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAML,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAEf,MAAM,MAAM,UAAU,GAClB,eAAe,GACf,mBAAmB,GACnB,cAAc,GACd,iBAAiB,GACjB,eAAe,GACf,aAAa,GACb,cAAc,GACd,gBAAgB,CAAC;AAErB,MAAM,MAAM,YAAY,GAAG,UAAU,GAAG,UAAU,GAAG,OAAO,CAAC;AAC7D,MAAM,MAAM,cAAc,GAAG,aAAa,GAAG,SAAS,CAAC;AACvD,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,eAAe,GAAG,MAAM,CAAC;AAE/D,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,EAAE,EAAE,UAAU,CAAC;IACxB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,QAAQ,EAAE,MAAM,GAAG,OAAO,CAAC;IACpC,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,YAAY,EAAE,MAAM,CAAC;IAC9B,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;CACzB;AAED,eAAO,MAAM,UAAU,EAAE,SAAS,gBAAgB,EAiFjD,CAAC;AAEF,MAAM,WAAW,sBAAsB;IACrC,QAAQ,CAAC,aAAa,CAAC,EAAE,MAAM,CAAC;IAChC,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;CAC9B;AAED,MAAM,WAAW,oBAAoB;IACnC,QAAQ,CAAC,KAAK,EAAE,UAAU,CAAC;IAC3B,QAAQ,CAAC,SAAS,EAAE,gBAAgB,CAAC;IACrC,QAAQ,CAAC,QAAQ,EAAE,MAAM,GAAG,OAAO,CAAC;IACpC,QAAQ,CAAC,OAAO,EAAE,cAAc,CAAC;IACjC,QAAQ,CAAC,MAAM,EAAE,aAAa,CAAC;IAC/B,QAAQ,CAAC,aAAa,EAAE,OAAO,CAAC;IAChC,QAAQ,CAAC,MAAM,EAAE,SAAS,gBAAgB,EAAE,CAAC;IAC7C,QAAQ,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,IAAI,CAAC;IAC9C,QAAQ,CAAC,cAAc,EAAE,MAAM,IAAI,CAAC;IACpC,QAAQ,CAAC,UAAU,EAAE,CAAC,IAAI,EAAE,cAAc,KAAK,IAAI,CAAC;IACpD,QAAQ,CAAC,SAAS,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;CACnD;AAID,MAAM,WAAW,qBAAqB;IACpC,QAAQ,CAAC,YAAY,CAAC,EAAE,UAAU,CAAC;IACnC,QAAQ,CAAC,cAAc,CAAC,EAAE,cAAc,CAAC;IACzC,QAAQ,CAAC,aAAa,CAAC,EAAE,aAAa,CAAC;IACvC,QAAQ,CAAC,SAAS,CAAC,EAAE,sBAAsB,CAAC;IAC5C,QAAQ,CAAC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IACpC,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAC;CAC9B;AAED,wBAAgB,sBAAsB,CACpC,SAAS,EAAE,gBAAgB,EAC3B,SAAS,CAAC,EAAE,sBAAsB,GACjC,IAAI,CAmEN;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,YAAkC,EAClC,cAA8B,EAC9B,aAA+B,EAC/B,SAAS,EACT,gBAAuB,EACvB,QAAQ,GACT,EAAE,qBAAqB,+BA2FvB;AAED,wBAAgB,WAAW,IAAI,oBAAoB,CAMlD"}
+{"version":3,"file":"ZenThemeProvider.d.ts","sourceRoot":"","sources":["../../../src/lib/theme/ZenThemeProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAML,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAEf,MAAM,MAAM,UAAU,GAClB,eAAe,GACf,mBAAmB,GACnB,cAAc,GACd,iBAAiB,GACjB,eAAe,GACf,aAAa,GACb,cAAc,GACd,gBAAgB,CAAC;AAErB,MAAM,MAAM,YAAY,GAAG,UAAU,GAAG,UAAU,GAAG,OAAO,CAAC;AAC7D,MAAM,MAAM,cAAc,GAAG,aAAa,GAAG,SAAS,CAAC;AACvD,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,eAAe,GAAG,MAAM,CAAC;AAE/D,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,EAAE,EAAE,UAAU,CAAC;IACxB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,QAAQ,EAAE,MAAM,GAAG,OAAO,CAAC;IACpC,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,YAAY,EAAE,MAAM,CAAC;IAC9B,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;CACzB;AAED,eAAO,MAAM,UAAU,EAAE,SAAS,gBAAgB,EAiFjD,CAAC;AAEF,MAAM,WAAW,sBAAsB;IACrC,QAAQ,CAAC,aAAa,CAAC,EAAE,MAAM,CAAC;IAChC,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;CAC9B;AAED,MAAM,WAAW,oBAAoB;IACnC,QAAQ,CAAC,KAAK,EAAE,UAAU,CAAC;IAC3B,QAAQ,CAAC,SAAS,EAAE,gBAAgB,CAAC;IACrC,QAAQ,CAAC,QAAQ,EAAE,MAAM,GAAG,OAAO,CAAC;IACpC,QAAQ,CAAC,OAAO,EAAE,cAAc,CAAC;IACjC,QAAQ,CAAC,MAAM,EAAE,aAAa,CAAC;IAC/B,QAAQ,CAAC,aAAa,EAAE,OAAO,CAAC;IAChC,QAAQ,CAAC,MAAM,EAAE,SAAS,gBAAgB,EAAE,CAAC;IAC7C,QAAQ,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,IAAI,CAAC;IAC9C,QAAQ,CAAC,cAAc,EAAE,MAAM,IAAI,CAAC;IACpC,QAAQ,CAAC,UAAU,EAAE,CAAC,IAAI,EAAE,cAAc,KAAK,IAAI,CAAC;IACpD,QAAQ,CAAC,SAAS,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;CACnD;AAaD,MAAM,WAAW,qBAAqB;IACpC,QAAQ,CAAC,YAAY,CAAC,EAAE,UAAU,CAAC;IACnC,QAAQ,CAAC,cAAc,CAAC,EAAE,cAAc,CAAC;IACzC,QAAQ,CAAC,aAAa,CAAC,EAAE,aAAa,CAAC;IACvC,QAAQ,CAAC,SAAS,CAAC,EAAE,sBAAsB,CAAC;IAC5C,QAAQ,CAAC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IACpC,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAC;CAC9B;AAED,wBAAgB,sBAAsB,CACpC,SAAS,EAAE,gBAAgB,EAC3B,SAAS,CAAC,EAAE,sBAAsB,GACjC,IAAI,CAmEN;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,YAAkC,EAClC,cAA8B,EAC9B,aAA+B,EAC/B,SAAS,EACT,gBAAuB,EACvB,QAAQ,GACT,EAAE,qBAAqB,+BA6FvB;AAED,wBAAgB,WAAW,IAAI,oBAAoB,CAMlD"}

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-CdKK8x-h.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-BhiGXo0e.js";
 export {
   s as CAPRI_SUBROUTINE_SKILLS,
   a as CapriEngine,

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

@@ -1,9 +1,9 @@
-var Q = Object.defineProperty;
-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 = [
+var J = Object.defineProperty;
+var ee = (s, e, n) => e in s ? J(s, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : s[e] = n;
+var g = (s, e, n) => ee(s, typeof e != "symbol" ? e + "" : e, n);
+import { jsx as W } from "react/jsx-runtime";
+import { useState as L, useEffect as G, useMemo as te, useContext as ne, createContext as re } from "react";
+const T = [
   {
     id: "obsidian-gold",
     name: "Obsidian Gold",
@@ -84,8 +84,12 @@ const E = [
     secondaryHex: "#0284C7",
     inkHex: "#09090D"
   }
-], W = ee(null);
-function Y(s, e) {
+];
+let _ = null;
+function Y() {
+  return _ || (_ = re(null)), _;
+}
+function X(s, e) {
   if (typeof document > "u") return;
   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);
@@ -140,7 +144,7 @@ body::-webkit-scrollbar-corner,
 }
 `.trim();
 }
-function ge({
+function be({
   defaultTheme: s = "blackwall-crimson",
   defaultDensity: e = "comfortable",
   defaultRadius: n = "architectural",
@@ -148,18 +152,18 @@ function ge({
   syncDocumentRoot: a = !0,
   children: i
 }) {
-  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(() => {
+  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 = T.find((m) => m.id === r) ?? T[0];
+  G(() => {
     if (typeof window > "u") return;
-    const m = window.matchMedia("(prefers-reduced-motion: reduce)"), x = (k) => h(k.matches);
-    return m.addEventListener("change", x), () => m.removeEventListener("change", x);
-  }, []), q(() => {
+    const m = window.matchMedia("(prefers-reduced-motion: reduce)"), E = (x) => h(x.matches);
+    return m.addEventListener("change", E), () => m.removeEventListener("change", E);
+  }, []), G(() => {
     if (!a || typeof document > "u") return;
     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);
+    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"), X(A, t);
   }, [r, A, l, u, t, a]);
   const C = () => {
-    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");
+    d((m) => (T.find((x) => x.id === m) ?? T[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,
@@ -168,29 +172,29 @@ function ge({
       density: l,
       radius: u,
       reducedMotion: b,
-      themes: E,
+      themes: T,
       setTheme: d,
       togglePolarity: C,
       setDensity: c,
       setRadius: v
     }),
     [r, A, l, u, b]
-  );
-  return /* @__PURE__ */ K(W.Provider, { value: w, children: i });
+  ), k = Y();
+  return /* @__PURE__ */ W(k.Provider, { value: w, children: i });
 }
-function be() {
-  const s = ne(W);
+function fe() {
+  const s = ne(Y());
   if (!s)
     throw new Error("useZenTheme must be used within a ZenThemeProvider");
   return s;
 }
-const R = {
+const P = {
   xs: 12,
   sm: 14,
   md: 16,
   lg: 20,
   xl: 24
-}, P = {
+}, $ = {
   inherit: "currentColor",
   primary: "var(--zen-ink-primary)",
   secondary: "var(--zen-ink-secondary)",
@@ -199,7 +203,7 @@ const R = {
   success: "var(--zen-status-success)",
   warning: "var(--zen-status-warning)",
   danger: "var(--zen-status-danger)"
-}, T = {
+}, I = {
   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"/>',
@@ -240,14 +244,14 @@ const R = {
   lock: '<rect width="18" height="11" x="3" y="11" rx="2" ry="2"/><path d="M7 11V7a5 5 0 0 1 10 0v4"/>',
   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(
-  T
+}, ve = Object.keys(
+  I
 );
-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;" : "";
+function ae(s) {
+  const e = s.size ?? "md", n = Object.prototype.hasOwnProperty.call(P, e) ? P[e] : P.md, t = s.tone ?? "inherit", a = Object.prototype.hasOwnProperty.call($, t) ? $[t] : $.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(I, s.name) ? I[s.name] : I.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({
+function we({
   name: s,
   size: e = "md",
   tone: n = "inherit",
@@ -257,8 +261,8 @@ function ve({
   className: r = "",
   ...d
 }) {
-  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(
+  const l = Object.prototype.hasOwnProperty.call(P, e) ? P[e] : P.md, c = Object.prototype.hasOwnProperty.call($, n) ? $[n] : $.inherit, u = Object.prototype.hasOwnProperty.call(I, s) ? I[s] : I.sparkles;
+  return /* @__PURE__ */ W(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -413,7 +417,7 @@ Respond with concise, technical engineering output (Persona Voice is OFF by defa
 3. Zero Runtime Overhead: Keep documentation purely static or on-demand (via 'npx capri docu'); never inject docu scanners into production render loops.`,
     aiVoiceAddendum: "VOICE MODE ACTIVE (--voice): Adopt Capri's neural cartographer persona from Cyberpunk: Edgerunners Season 2."
   }
-}, ae = [
+}, ie = [
   {
     category: "SYSTEM_PROMPT_OVERRIDE",
     patternName: "Ignore / Disregard System Instructions",
@@ -455,7 +459,7 @@ Respond with concise, technical engineering output (Persona Voice is OFF by defa
     regex: /(?:\bsk_(?:live|test)_[0-9a-zA-Z]{16,}|\bAIza[0-9A-Za-z_-]{35}\b|\bghp_[0-9A-Za-z]{36}\b|-----BEGIN\s+(?:RSA\s+)?PRIVATE\s+KEY-----)/g
   }
 ];
-class ie {
+class oe {
   constructor() {
     g(this, "activeSubroutine", "orion");
     g(this, "lastReport", null);
@@ -479,7 +483,7 @@ class ie {
   scanPromptInjection(e) {
     const n = [];
     let t = e.replace(/[\u200B-\u200F\uFEFF]/g, "");
-    for (const a of ae) {
+    for (const a of ie) {
       const i = [...t.matchAll(a.regex)];
       for (const r of i)
         n.push({
@@ -507,7 +511,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 = E.find((d) => d.id === t.recommendedTheme) ?? E[0];
+      const r = T.find((d) => d.id === t.recommendedTheme) ?? T[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 +523,7 @@ class ie {
     return this.notify(a), t;
   }
   guard(e) {
-    var m, x, k, $, O;
+    var k, m, E, x, O;
     if (typeof document > "u" || typeof window > "u") {
       const y = {
         timestamp: (/* @__PURE__ */ new Date()).toISOString(),
@@ -549,14 +553,14 @@ class ie {
     ), 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}`);
+      const H = (k = y.getAttribute("aria-label")) == null ? void 0 : k.trim(), o = (m = y.getAttribute("aria-labelledby")) == null ? void 0 : m.trim(), p = (E = y.getAttribute("title")) == null ? void 0 : E.trim(), f = (x = y.textContent) == null ? void 0 : x.trim(), M = (O = y.getAttribute("placeholder")) == null ? void 0 : O.trim(), z = y.getAttribute("id"), F = !!(z && n.querySelector(`label[for="${CSS.escape(z)}"]`)), U = !!y.closest("label");
+      if (!H && !o && !p && !f && !M && !F && !U) {
+        const R = y.tagName.toLowerCase(), B = y.className ? `.${String(y.className).trim().split(/\s+/).slice(0, 2).join(".")}` : "";
+        c.push(`${R}${B}`);
       }
       if (y instanceof HTMLInputElement || y instanceof HTMLTextAreaElement) {
-        const z = this.scanPromptInjection(y.value || "");
-        z.safe || (u += z.threatCount);
+        const R = this.scanPromptInjection(y.value || "");
+        R.safe || (u += R.threatCount);
       }
     }
     const b = n.querySelectorAll(
@@ -641,7 +645,7 @@ class ie {
     };
   }
   docu(e) {
-    var $, O, y, H;
+    var x, O, y, H;
     const n = this.telemetry(), t = this.guard(e);
     if (typeof document > "u" || typeof window > "u") {
       const o = {
@@ -670,18 +674,18 @@ class ie {
     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 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(
+      var q;
+      const f = o.tagName.toLowerCase(), M = o.id || `${f}-${p + 1}`, z = o.querySelector("h1, h2, h3, h4"), F = o.getAttribute("aria-label"), U = ((q = z == null ? void 0 : z.textContent) == null ? void 0 : q.trim()) || (F == null ? void 0 : F.trim()) || `${f.toUpperCase()} (${M})`, R = 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(
+      ).length, Q = o.querySelectorAll(
         'input, select, textarea, [role="switch"], [role="checkbox"], [role="combobox"]'
       ).length;
       return {
-        id: I,
+        id: M,
         tag: f,
-        title: z,
+        title: R,
         interactiveCount: B,
-        formControlsCount: X
+        formControlsCount: Q
       };
     }), c = [
       "zen-icon",
@@ -701,12 +705,12 @@ class ie {
       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 = (($ = p.textContent) == null ? void 0 : $.trim().replace(/\s+/g, " ").slice(0, 36)) || `Nav Trigger ${o + 1}`, I = p.getAttribute("href") || "Section / State Action";
+      const f = ((x = p.textContent) == null ? void 0 : x.trim().replace(/\s+/g, " ").slice(0, 36)) || `Nav Trigger ${o + 1}`, M = p.getAttribute("href") || "Section / State Action";
       v.push({
         id: `flow-nav-${o + 1}`,
         category: "navigation",
         triggerLabel: f,
-        targetDescription: `Navigates or jumps to ${I}`
+        targetDescription: `Navigates or jumps to ${M}`
       });
     }
     const h = Array.from(
@@ -743,7 +747,7 @@ class ie {
         targetDescription: `Tabular data grid (${p.querySelectorAll("tbody tr").length} rows visible)`
       });
     }
-    const w = (o) => o.replace(/["[\]()]/g, "").replace(/\s+/g, " ").trim(), m = [
+    const w = (o) => o.replace(/["[\]()]/g, "").replace(/\s+/g, " ").trim(), k = [
       "flowchart TD",
       `  AppRoot["${w(i)} (${n.theme} / ${n.polarity})"]`,
       `  Guard["CapriEngine Guard: ${t.score}/100 (${t.horizontalOverflowPx}px overflow)"]`,
@@ -751,17 +755,17 @@ class ie {
     ];
     l.slice(0, 6).forEach((o, p) => {
       const f = `LM_${p + 1}`;
-      m.push(
+      k.push(
         `  AppRoot --> ${f}["${w(o.id)}: ${w(o.title)} (${o.interactiveCount} actions)"]`
       );
     }), v.slice(0, 5).forEach((o, p) => {
       const f = `UF_${p + 1}`;
-      m.push(
+      k.push(
         `  Guard --> ${f}["[${o.category}] ${w(o.triggerLabel)}"]`
       );
     });
-    const x = m.join(`
-`), k = [
+    const m = k.join(`
+`), E = [
       `# ${i} — Automated Architecture, User-Flow & AI Context Dossier`,
       `Generated by \`@zen-ui/system\` // \`capri.docu()\` at \`${(/* @__PURE__ */ new Date()).toISOString()}\``,
       "",
@@ -793,7 +797,7 @@ class ie {
       "",
       "## 5. Auto-Generated Mermaid Architecture & User-Flow Diagram",
       "```mermaid",
-      x,
+      m,
       "```"
     ].join(`
 `);
@@ -806,8 +810,8 @@ class ie {
       landmarks: l,
       inventory: u,
       userFlows: v,
-      mermaidDiagram: x,
-      markdownBundle: k
+      mermaidDiagram: m,
+      markdownBundle: E
     };
   }
   exportMarkdownDocu(e = this.activeSubroutine, n, t = !1) {
@@ -870,7 +874,7 @@ ${d}` : ""
       n(this.activeSubroutine, e);
   }
 }
-const we = new ie(), D = [
+const Ae = new oe(), D = [
   {
     id: "blackwall-crimson",
     name: "Capri // Capricorn",
@@ -1005,11 +1009,11 @@ const we = new ie(), D = [
     ]
   }
 ];
-function G(s) {
+function K(s) {
   const e = D.find((n) => n.id === s);
   return e ? e.polarity : "dark";
 }
-class oe {
+class se {
   constructor(e) {
     g(this, "state");
     g(this, "listeners", /* @__PURE__ */ new Set());
@@ -1025,7 +1029,7 @@ class oe {
       }
     this.state = {
       theme: n,
-      polarity: G(n),
+      polarity: K(n),
       density: (e == null ? void 0 : e.defaultDensity) ?? "comfortable",
       radius: (e == null ? void 0 : e.defaultRadius) ?? "architectural"
     }, this.applyToDom();
@@ -1037,7 +1041,7 @@ class oe {
     if (this.state = {
       ...this.state,
       theme: e,
-      polarity: G(e)
+      polarity: K(e)
     }, typeof window < "u")
       try {
         window.localStorage.setItem(this.storageKey, e);
@@ -1071,14 +1075,14 @@ class oe {
     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 = D.find((t) => t.id === this.state.theme) ?? D[0];
-    Y(n);
+    X(n);
   }
   notify() {
     for (const e of this.listeners)
       e(this.state);
   }
 }
-class se {
+class ce {
   constructor() {
     g(this, "ctx", null);
     g(this, "muted", !1);
@@ -1099,8 +1103,8 @@ class se {
       }
   }
 }
-const Z = new oe(), _ = new se();
-class ce extends HTMLElement {
+const Z = new se(), V = new ce();
+class le extends HTMLElement {
   constructor() {
     super(...arguments);
     g(this, "framing", "portrait");
@@ -1164,11 +1168,11 @@ class ce extends HTMLElement {
     this.rafId = window.requestAnimationFrame(t);
   }
   render() {
-    const n = V(
+    const n = j(
       this.getAttribute("title") ?? "CAPRI // CONSTRUCT"
-    ), t = V(
+    ), t = j(
       this.getAttribute("subtitle") ?? "Edgerunners S2 // Soulkiller Net-Driver"
-    ), a = ue(
+    ), a = pe(
       this.getAttribute("image-src") ?? "/capri-construct-base.png"
     ), i = N.find((l) => l.id === this.activeMode) ?? N[0];
     this.innerHTML = `
@@ -1210,13 +1214,13 @@ class ce extends HTMLElement {
     `, 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());
+        (c === "portrait" || c === "full") && (V.playMicroClick(560), this.framing = c, this.setAttribute("framing", c), this.render(), this.startEyeLoop());
       });
     }), 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);
+        V.playMicroClick(620), this.activeMode = c, this.setAttribute("mode", c);
         const u = N.find((v) => v.id === c);
         u && this.dispatchEvent(
           new CustomEvent("zen-directive", {
@@ -1229,7 +1233,7 @@ class ce extends HTMLElement {
     });
   }
 }
-class le extends HTMLElement {
+class de extends HTMLElement {
   static get observedAttributes() {
     return ["variant"];
   }
@@ -1246,7 +1250,7 @@ class le extends HTMLElement {
     `;
   }
 }
-class de extends HTMLElement {
+class me extends HTMLElement {
   constructor() {
     super(...arguments);
     g(this, "unsubscribe", null);
@@ -1279,7 +1283,7 @@ class de extends HTMLElement {
     `, this.querySelectorAll("[data-theme-id]").forEach((t) => {
       t.addEventListener("click", () => {
         const a = t.dataset.themeId;
-        a && (_.playMicroClick(540), Z.setTheme(a), this.dispatchEvent(
+        a && (V.playMicroClick(540), Z.setTheme(a), this.dispatchEvent(
           new CustomEvent("zen-theme-change", {
             detail: Z.getState(),
             bubbles: !0,
@@ -1290,7 +1294,7 @@ class de extends HTMLElement {
     });
   }
 }
-class me extends HTMLElement {
+class ue extends HTMLElement {
   static get observedAttributes() {
     return ["name", "size", "tone", "stroke-width", "spin"];
   }
@@ -1302,7 +1306,7 @@ class me extends HTMLElement {
   }
   render() {
     const e = this.getAttribute("name") ?? "sparkles", n = this.getAttribute("size") ?? "md", t = this.getAttribute("tone") ?? "inherit", a = Number(this.getAttribute("stroke-width") ?? 2), i = this.getAttribute("spin") === "true";
-    this.innerHTML = re({
+    this.innerHTML = ae({
       name: e,
       size: n,
       tone: t,
@@ -1311,42 +1315,42 @@ class me extends HTMLElement {
     });
   }
 }
-function V(s) {
+function j(s) {
   return s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
 }
-function ue(s) {
+function pe(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);
+  return /^(?:javascript|data|vbscript|file):/i.test(n) ? "/capri-construct-base.png" : j(e);
 }
-function Ae() {
-  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(
+function xe() {
+  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", le), 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));
+    de
+  ), window.customElements.get("zen-theme-switcher") || window.customElements.define("zen-theme-switcher", me));
 }
 export {
   S as C,
-  fe as Z,
-  ie as a,
-  R as b,
-  we as c,
-  T as d,
-  E as e,
+  ve as Z,
+  oe as a,
+  P as b,
+  Ae as c,
+  I as d,
+  T as e,
   D as f,
-  ce as g,
-  le as h,
-  ve as i,
-  me as j,
-  oe as k,
-  ge as l,
-  de as m,
-  se as n,
-  V as o,
-  re as p,
-  Y as q,
-  Ae as r,
-  ue as s,
+  le as g,
+  de as h,
+  we as i,
+  ue as j,
+  se as k,
+  be as l,
+  me as m,
+  ce as n,
+  j as o,
+  ae as p,
+  X as q,
+  xe as r,
+  pe as s,
   Z as t,
-  be as u,
-  _ as z
+  fe as u,
+  V as z
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zen-ui-capri/system",
-  "version": "1.1.2",
+  "version": "1.1.3",
   "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",
@@ -54,26 +54,56 @@
     "prepublishOnly": "npm run capri -- all && npm run build",
     "publish:npm": "node bin/capri.mjs publish-npm"
   },
-  "dependencies": {
+  "peerDependencies": {
+    "@react-three/fiber": ">=8.0.0",
+    "@react-three/postprocessing": ">=2.0.0",
+    "lucide-react": ">=0.300.0",
+    "postprocessing": ">=6.0.0",
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0",
+    "three": ">=0.150.0"
+  },
+  "peerDependenciesMeta": {
+    "@react-three/fiber": {
+      "optional": true
+    },
+    "@react-three/postprocessing": {
+      "optional": true
+    },
+    "lucide-react": {
+      "optional": true
+    },
+    "postprocessing": {
+      "optional": true
+    },
+    "react": {
+      "optional": true
+    },
+    "react-dom": {
+      "optional": true
+    },
+    "three": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
     "@gsap/react": "^2.1.2",
+    "@playwright/test": "^1.51.0",
     "@react-three/fiber": "^9.5.0",
     "@react-three/postprocessing": "^3.2.2",
     "@tailwindcss/vite": "^4.1.0",
+    "@types/node": "^22.10.0",
+    "@types/react": "^19.0.10",
+    "@types/react-dom": "^19.0.4",
+    "@types/three": "^0.182.0",
+    "@vitejs/plugin-react": "^4.3.4",
     "gsap": "^3.13.0",
     "lucide-react": "^0.562.0",
     "postprocessing": "^6.39.6",
     "react": "^19.2.3",
     "react-dom": "^19.2.3",
     "tailwindcss": "^4.1.0",
-    "three": "^0.182.0"
-  },
-  "devDependencies": {
-    "@playwright/test": "^1.51.0",
-    "@types/node": "^22.10.0",
-    "@types/react": "^19.0.10",
-    "@types/react-dom": "^19.0.4",
-    "@types/three": "^0.182.0",
-    "@vitejs/plugin-react": "^4.3.4",
+    "three": "^0.182.0",
     "typescript": "~5.8.2",
     "vite": "^6.2.0"
   }

package/src/lib/index.ts

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

package/src/lib/theme/ZenThemeProvider.tsx

@@ -136,7 +136,16 @@ export interface ZenThemeContextValue {
   readonly setRadius: (next: ZenRadiusMode) => void;
 }
 
-const ZenThemeContext = createContext<ZenThemeContextValue | null>(null);
+let zenThemeContextInstance: ReturnType<
+  typeof createContext<ZenThemeContextValue | null>
+> | null = null;
+
+function getZenThemeContext() {
+  if (!zenThemeContextInstance) {
+    zenThemeContextInstance = createContext<ZenThemeContextValue | null>(null);
+  }
+  return zenThemeContextInstance;
+}
 
 export interface ZenThemeProviderProps {
   readonly defaultTheme?: ZenThemeId;
@@ -312,15 +321,17 @@ export function ZenThemeProvider({
     [theme, themeMeta, density, radius, reducedMotion]
   );
 
+  const ThemeCtx = getZenThemeContext();
+
   return (
-    <ZenThemeContext.Provider value={value}>
+    <ThemeCtx.Provider value={value}>
       {children}
-    </ZenThemeContext.Provider>
+    </ThemeCtx.Provider>
   );
 }
 
 export function useZenTheme(): ZenThemeContextValue {
-  const ctx = useContext(ZenThemeContext);
+  const ctx = useContext(getZenThemeContext());
   if (!ctx) {
     throw new Error('useZenTheme must be used within a ZenThemeProvider');
   }