@stephen-netu/design-system 0.2.1 → 0.5.1

package/dist/n4-adaptive-manifold/classifier.test.js

@@ -0,0 +1,104 @@
+import { describe, it, expect } from 'vitest';
+import { classifyTopology, computeMetrics, STABILITY_TICKS } from './classifier';
+import { EASING_FUNCTIONS, TransitionAnimator } from './transition';
+function makeSnapshot(nodes, edges) {
+    return {
+        nodes: nodes.map((id) => ({ id, label: id, weight: 1, type: 'default' })),
+        edges: edges.map((e, i) => ({ id: `e-${i}`, source: e.source, target: e.target })),
+    };
+}
+describe('n4-adaptive-manifold/classifier', () => {
+    it('recommends manifold for any graph', () => {
+        const snapshot = makeSnapshot(['a', 'b', 'c'], [{ source: 'a', target: 'b' }]);
+        const result = classifyTopology(snapshot);
+        expect(result.recommended).toBe('manifold');
+        expect(result.confidence).toBe(1.0);
+    });
+    it('returns empty metrics for empty snapshot', () => {
+        const snapshot = makeSnapshot([], []);
+        const metrics = computeMetrics(snapshot);
+        expect(metrics.nodeCount).toBe(0);
+        expect(metrics.edgeCount).toBe(0);
+        expect(metrics.edgeDensity).toBe(0);
+    });
+    it('computes correct node/edge counts', () => {
+        const snapshot = makeSnapshot(['a', 'b', 'c'], [
+            { source: 'a', target: 'b' },
+            { source: 'b', target: 'c' },
+        ]);
+        const metrics = computeMetrics(snapshot);
+        expect(metrics.nodeCount).toBe(3);
+        expect(metrics.edgeCount).toBe(2);
+        expect(metrics.edgeDensity).toBeCloseTo(2 / 3);
+    });
+    it('detects cycles in directed graph', () => {
+        const snapshot = makeSnapshot(['a', 'b', 'c'], [
+            { source: 'a', target: 'b' },
+            { source: 'b', target: 'c' },
+            { source: 'c', target: 'a' },
+        ]);
+        const metrics = computeMetrics(snapshot);
+        expect(metrics.cycleCount).toBeGreaterThan(0);
+    });
+    it('counts roots (in-degree 0)', () => {
+        const snapshot = makeSnapshot(['a', 'b', 'c'], [
+            { source: 'a', target: 'b' },
+            { source: 'a', target: 'c' },
+        ]);
+        const metrics = computeMetrics(snapshot);
+        expect(metrics.rootCount).toBe(1);
+    });
+    it('computes max depth via BFS from roots', () => {
+        const snapshot = makeSnapshot(['a', 'b', 'c', 'd'], [
+            { source: 'a', target: 'b' },
+            { source: 'b', target: 'c' },
+            { source: 'c', target: 'd' },
+        ]);
+        const metrics = computeMetrics(snapshot);
+        expect(metrics.maxDepth).toBe(3);
+    });
+    it('counts connected components', () => {
+        const snapshot = makeSnapshot(['a', 'b', 'c', 'd'], [
+            { source: 'a', target: 'b' },
+            { source: 'c', target: 'd' },
+        ]);
+        const metrics = computeMetrics(snapshot);
+        expect(metrics.componentCount).toBe(2);
+    });
+    it('tracks max cluster size', () => {
+        const snapshot = makeSnapshot(['a', 'b', 'c', 'd'], [
+            { source: 'a', target: 'b' },
+            { source: 'b', target: 'c' },
+            { source: 'd', target: 'd' },
+        ]);
+        const metrics = computeMetrics(snapshot);
+        expect(metrics.maxClusterSize).toBe(3);
+    });
+    it('STABILITY_TICKS is 3', () => {
+        expect(STABILITY_TICKS).toBe(3);
+    });
+});
+describe('n4-adaptive-manifold/transition', () => {
+    it('EASING_FUNCTIONS contains expected names', () => {
+        expect(EASING_FUNCTIONS).toHaveProperty('linear');
+        expect(EASING_FUNCTIONS).toHaveProperty('easeInOutCubic');
+        expect(EASING_FUNCTIONS).toHaveProperty('easeOutExpo');
+        expect(EASING_FUNCTIONS).toHaveProperty('spring');
+    });
+    it('linear easing returns t unchanged', () => {
+        expect(EASING_FUNCTIONS.linear(0)).toBe(0);
+        expect(EASING_FUNCTIONS.linear(0.5)).toBe(0.5);
+        expect(EASING_FUNCTIONS.linear(1)).toBe(1);
+    });
+    it('easeInOutCubic is clamped to [0,1]', () => {
+        expect(EASING_FUNCTIONS.easeInOutCubic(0)).toBe(0);
+        expect(EASING_FUNCTIONS.easeInOutCubic(1)).toBe(1);
+        expect(EASING_FUNCTIONS.easeInOutCubic(0.5)).toBeCloseTo(0.5);
+    });
+    it('TransitionAnimator cancels without error', () => {
+        const animator = new TransitionAnimator();
+        expect(animator.active).toBe(false);
+        animator.cancel();
+        expect(animator.active).toBe(false);
+    });
+});

package/dist/n4-adaptive-manifold/n4-tokens.css

@@ -66,10 +66,10 @@
 
   /* ── Kind accents (overridden by consuming apps) ───────────────────────── */
   --n4-kind-task: var(--color-accent, #b87333);
-  --n4-kind-agent: var(--color-expert-sovereign, #b87333);
+  --n4-kind-agent: var(--expert-sovereign, #b87333);
   --n4-kind-signal: var(--color-status-info, #2980b9);
   --n4-kind-capability: var(--color-accent-secondary, #d4a574);
-  --n4-kind-intent: var(--color-expert-atelier, #b87333);
+  --n4-kind-intent: var(--expert-atelier, #b87333);
   --n4-kind-subtask: color-mix(in srgb, var(--color-accent, #b87333) 60%, transparent);
   --n4-kind-note: var(--color-text-primary, #e8e0d0);
   --n4-kind-concept: var(--color-accent-secondary, #d4a574);

package/dist/n4-adaptive-manifold/types.d.ts

@@ -1,4 +1,5 @@
 import type { NodeLayout, LayoutResult } from '../n1-flow-canvas/types.js';
+import type { AccentRamp } from '../p0-primitives/canvas-theme.js';
 /** The active layout algorithm. Gravitational is the only registered provider. */
 export type LayoutAlgorithm = 'gravitational' | 'manifold';
 /** Visual treatment for nodes — maps to --n4-node-* design tokens. */
@@ -161,6 +162,8 @@ export interface ResolvedThemeColors {
     edgeActive: string;
     pulseColor: string;
     pulseCritical: string;
+    /** Runtime-derived accent ramp for inline canvas 2D paint calls. */
+    accentRamp: AccentRamp;
 }
 /** Inferred phase in the perceive-think-act-sync loop */
 export type LoopPhase = 'perceive' | 'think' | 'act' | 'sync' | 'idle';

package/dist/n4-adaptive-manifold/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/n4-adaptive-manifold/types.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAI3E,kFAAkF;AAClF,MAAM,MAAM,eAAe,GAAG,eAAe,GAAG,UAAU,CAAC;AAI3D,sEAAsE;AACtE,MAAM,MAAM,UAAU,GAClB,QAAQ,GACR,MAAM,GACN,SAAS,GACT,WAAW,GACX,UAAU,CAAC;AAIf,6FAA6F;AAC7F,MAAM,WAAW,YAAY;IAC3B,wEAAwE;IACxE,EAAE,EAAE,MAAM,CAAC;IACX,mFAAmF;IACnF,IAAI,EAAE,MAAM,CAAC;IACb,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,gDAAgD;IAChD,MAAM,EAAE,UAAU,CAAC;IACnB,6CAA6C;IAC7C,MAAM,EAAE,MAAM,CAAC;IACf,2CAA2C;IAC3C,MAAM,EAAE,OAAO,CAAC;IAChB,oEAAoE;IACpE,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAClC,+EAA+E;IAC/E,IAAI,CAAC,EAAE;QAAE,CAAC,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,CAAC;QAAC,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;KAAE,CAAC;CACpF;AAED,wCAAwC;AACxC,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,sBAAsB;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,sBAAsB;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,+EAA+E;IAC/E,QAAQ,EAAE,MAAM,CAAC;IACjB,8CAA8C;IAC9C,QAAQ,EAAE,OAAO,CAAC;IAClB,6DAA6D;IAC7D,QAAQ,EAAE,MAAM,CAAC;IACjB,+DAA+D;IAC/D,SAAS,EAAE,OAAO,CAAC;IACnB,yCAAyC;IACzC,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACnC;AAED,+EAA+E;AAC/E,MAAM,WAAW,gBAAgB;IAC/B,yEAAyE;IACzE,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,KAAK,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC;IAC5C,QAAQ,CAAC,KAAK,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC;IAC5C,4EAA4E;IAC5E,QAAQ,CAAC,KAAK,EAAE,SAAS,GAAG,aAAa,CAAC;CAC3C;AAID,kGAAkG;AAClG,MAAM,WAAW,cAAc;IAC7B,+CAA+C;IAC/C,IAAI,EAAE,MAAM,CAAC;IACb,gCAAgC;IAChC,KAAK,EAAE,cAAc,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,CAAC;IAC3E,yEAAyE;IACzE,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,MAAM,iBAAiB,GAAG,MAAM,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC;AAQ/D,iFAAiF;AACjF,MAAM,WAAW,iBAAiB;IAChC,2EAA2E;IAC3E,eAAe,EAAE,eAAe,GAAG,IAAI,CAAC;IACxC,yDAAyD;IACzD,OAAO,EAAE,OAAO,CAAC;IACjB,oDAAoD;IACpD,eAAe,EAAE,MAAM,CAAC;IACxB,yDAAyD;IACzD,MAAM,EAAE,WAAW,CAAC;CACrB;AAED,MAAM,MAAM,WAAW,GACnB,QAAQ,GACR,gBAAgB,GAChB,aAAa,GACb,QAAQ,CAAC;AAEb,iFAAiF;AACjF,eAAO,MAAM,0BAA0B,EAAE,iBAKxC,CAAC;AAIF;;;;GAIG;AACH,MAAM,WAAW,iBAAiB;IAChC,qDAAqD;IACrD,QAAQ,CAAC,SAAS,EAAE,eAAe,CAAC;IAEpC;;;;OAIG;IACH,MAAM,CACJ,QAAQ,EAAE,gBAAgB,EAC1B,WAAW,EAAE,MAAM,EACnB,YAAY,EAAE,MAAM,GACnB,OAAO,CAAC,YAAY,CAAC,CAAC;CAC1B;AAID,yDAAyD;AACzD,MAAM,WAAW,eAAe;IAC9B,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,cAAc,EAAE,MAAM,CAAC;IACvB,cAAc,EAAE,MAAM,CAAC;CACxB;AAED,gFAAgF;AAChF,MAAM,WAAW,oBAAoB;IACnC,oCAAoC;IACpC,WAAW,EAAE,eAAe,CAAC;IAC7B,4CAA4C;IAC5C,UAAU,EAAE,MAAM,CAAC;IACnB,6BAA6B;IAC7B,MAAM,EAAE,MAAM,CAAC;IACf,oDAAoD;IACpD,MAAM,EAAE,KAAK,CAAC;QAAE,SAAS,EAAE,eAAe,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC/D,iCAAiC;IACjC,OAAO,EAAE,eAAe,CAAC;CAC1B;AAID,iDAAiD;AACjD,MAAM,MAAM,mBAAmB,GAC3B,QAAQ,GACR,OAAO,GACP,OAAO,GACP,QAAQ,GACR,QAAQ,GACR,OAAO,CAAC;AAEZ,uDAAuD;AACvD,MAAM,WAAW,cAAc;IAC7B,4CAA4C;IAC5C,SAAS,EAAE,GAAG,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;IACnC,2CAA2C;IAC3C,QAAQ,EAAE,MAAM,CAAC;IACjB,yCAAyC;IACzC,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,6DAA6D;AAC7D,MAAM,MAAM,QAAQ,GAAG,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;AAI7C,4FAA4F;AAC5F,MAAM,WAAW,gBAAgB;IAC/B,wCAAwC;IACxC,SAAS,EAAE,eAAe,CAAC;IAC3B,wCAAwC;IACxC,UAAU,EAAE,MAAM,CAAC;IACnB,6BAA6B;IAC7B,MAAM,EAAE,MAAM,CAAC;IACf,sDAAsD;IACtD,SAAS,EAAE,OAAO,CAAC;IACnB,wDAAwD;IACxD,MAAM,EAAE,OAAO,CAAC;CACjB;AAID,iFAAiF;AACjF,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;CACvB;AAID,yDAAyD;AACzD,MAAM,MAAM,SAAS,GAAG,UAAU,GAAG,OAAO,GAAG,KAAK,GAAG,MAAM,GAAG,MAAM,CAAC;AAEvE;;;;;;;GAOG;AACH,MAAM,WAAW,aAAa;IAC5B,sCAAsC;IACtC,OAAO,EAAE,MAAM,CAAC;IAChB,oDAAoD;IACpD,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,0BAA0B;IAC1B,SAAS,EAAE,SAAS,CAAC;IACrB,wEAAwE;IACxE,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,gDAAgD;AAChD,MAAM,WAAW,iBAAiB;IAChC,6BAA6B;IAC7B,UAAU,EAAE,MAAM,CAAC;IACnB,mDAAmD;IACnD,UAAU,EAAE,MAAM,CAAC;IACnB,0CAA0C;IAC1C,kBAAkB,EAAE,MAAM,CAAC;IAC3B,sCAAsC;IACtC,iBAAiB,EAAE,MAAM,CAAC;IAC1B,iEAAiE;IACjE,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,mEAAmE;AACnE,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,iBAAiB,CAAC;IACxB,MAAM,EAAE,iBAAiB,CAAC;IAC1B,EAAE,EAAE,iBAAiB,CAAC;IACtB,OAAO,EAAE,iBAAiB,CAAC;IAC3B,IAAI,EAAE,iBAAiB,CAAC;IACxB,MAAM,EAAE,iBAAiB,CAAC;IAC1B,OAAO,EAAE,iBAAiB,CAAC;IAC3B,KAAK,EAAE,iBAAiB,CAAC;CAC1B;AAED,2DAA2D;AAC3D,MAAM,WAAW,mBAAmB;IAClC,+CAA+C;IAC/C,mBAAmB,EAAE,MAAM,CAAC;IAC5B,+DAA+D;IAC/D,uBAAuB,EAAE,MAAM,CAAC;IAChC,2DAA2D;IAC3D,OAAO,EAAE,MAAM,CAAC;IAChB,wCAAwC;IACxC,eAAe,EAAE,MAAM,CAAC;IACxB,+CAA+C;IAC/C,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,4BAA4B,EAAE,mBAM1C,CAAC;AAEF,yDAAyD;AACzD,MAAM,WAAW,kBAAkB;IACjC,4CAA4C;IAC5C,SAAS,EAAE,SAAS,CAAC;IACrB,uDAAuD;IACvD,cAAc,EAAE,MAAM,CAAC;IACvB,qDAAqD;IACrD,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;CAC9B;AAID,YAAY,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/n4-adaptive-manifold/types.ts"],"names":[],"mappings":"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"}

package/dist/p0-primitives/ThemeProvider.svelte

@@ -4,13 +4,12 @@
    *
    * Runtime theme management for KOS Design System.
    * Provides light/dark/auto modes and custom theme overrides.
-   * Wraps the singleton ThemeStore for component-level integration.
+   * Receives theme store via Svelte context (set by s0-state or app layer).
    *
    * @package @kos/design-system/p0-primitives
    */
   import type { Snippet } from 'svelte';
-  import { onMount } from 'svelte';
-  import { themeStore, initThemeStore, type ThemeName } from '../s0-state/ThemeStore.svelte';
+  import { getThemeStore, THEME_STORE_KEY, type ThemeName, type ThemeStoreLike } from './theme-context';
 
   export type ThemeMode = 'light' | 'dark' | 'auto';
 
@@ -34,6 +33,11 @@
     colorFgTertiary?: string;
 
     colorAccent?: string;
+    /** @deprecated Accent ramp fields ignored by ThemeProvider — the ramp is
+     *  derived from `colorAccent` via tokens.css color-mix. Palette fields
+     *  (Amber, Copper, Rust, Sage, Gold) below are still emitted directly as
+     *  --color-accent-* custom properties for source compatibility. Set only
+     *  `colorAccent` for the primary accent. */
     colorAccentHover?: string;
     colorAccentActive?: string;
     colorAccentSubtle?: string;
@@ -81,7 +85,7 @@
 
   let { mode, theme, children }: Props = $props();
 
-  initThemeStore();
+  const store = getThemeStore();
 
   const THEME_MAP: Record<Exclude<ThemeMode, 'auto'>, ThemeName> = {
     dark: 'dark',
@@ -97,7 +101,7 @@
   }
 
   $effect(() => {
-    themeStore.setTheme(resolveMode());
+    store.setTheme(resolveMode());
   });
 
   function generateCSSVariables(t: ThemeConfig | undefined): string {
@@ -122,13 +126,29 @@
     if (t.colorFgInverse) vars.push(`--color-fg-inverse: ${t.colorFgInverse};`);
     if (t.colorFgTertiary) vars.push(`--color-fg-tertiary: ${t.colorFgTertiary};`);
 
-    if (t.colorAccent) vars.push(`--color-accent: ${t.colorAccent};`);
-    if (t.colorAccentHover) vars.push(`--color-accent-hover: ${t.colorAccentHover};`);
-    if (t.colorAccentActive) vars.push(`--color-accent-active: ${t.colorAccentActive};`);
-    if (t.colorAccentSubtle) vars.push(`--color-accent-subtle: ${t.colorAccentSubtle};`);
-    if (t.colorAccentGlow) vars.push(`--color-accent-glow: ${t.colorAccentGlow};`);
-    if (t.colorAccentMuted) vars.push(`--color-accent-muted: ${t.colorAccentMuted};`);
-    if (t.colorAccentFaint) vars.push(`--color-accent-faint: ${t.colorAccentFaint};`);
+    // Accent: emit the seed AND redeclare the full alias/ramp chain on this
+    // wrapper. CSS resolves var() in unregistered custom properties at computed-
+    // value time on the declaring element (:root). Without redeclaring the
+    // derived variables here, --color-accent etc. stay baked to the root seed
+    // even when --accent-primary is overridden on this wrapper.
+    if (t.colorAccent) {
+      vars.push(`--accent-primary: ${t.colorAccent};`);
+      vars.push(`--accent-hover: color-mix(in oklab, var(--accent-primary), #fff 16%);`);
+      vars.push(`--accent-active: color-mix(in oklab, var(--accent-primary), #000 22%);`);
+      vars.push(`--accent-glow: color-mix(in srgb, var(--accent-primary) 28%, transparent);`);
+      vars.push(`--accent-muted: color-mix(in srgb, var(--accent-primary) 16%, transparent);`);
+      vars.push(`--accent-subtle: color-mix(in srgb, var(--accent-primary) 8%, transparent);`);
+      vars.push(`--accent-faint: color-mix(in srgb, var(--accent-primary) 4%, transparent);`);
+      vars.push(`--color-accent: var(--accent-primary);`);
+      vars.push(`--color-accent-hover: var(--accent-hover);`);
+      vars.push(`--color-accent-active: var(--accent-active);`);
+      vars.push(`--color-accent-glow: var(--accent-glow);`);
+      vars.push(`--color-accent-muted: var(--accent-muted);`);
+      vars.push(`--color-accent-subtle: var(--accent-subtle);`);
+      vars.push(`--color-accent-faint: var(--accent-faint);`);
+      vars.push(`--color-accent-secondary: color-mix(in oklab, var(--accent-primary), #fff 26%);`);
+      vars.push(`--border-focus: var(--accent-primary);`);
+    }
     if (t.colorAccentAmber) vars.push(`--color-accent-amber: ${t.colorAccentAmber};`);
     if (t.colorAccentCopper) vars.push(`--color-accent-copper: ${t.colorAccentCopper};`);
     if (t.colorAccentRust) vars.push(`--color-accent-rust: ${t.colorAccentRust};`);
@@ -165,10 +185,10 @@
 
 <div
   class="theme-provider"
-  class:mode-dark={themeStore.theme === 'dark'}
-  class:mode-light={themeStore.theme === 'light'}
-  data-theme={themeStore.theme}
-  data-theme-mode={themeStore.theme}
+  class:mode-dark={store.theme === 'dark'}
+  class:mode-light={store.theme === 'light'}
+  data-theme={store.theme}
+  data-theme-mode={store.theme}
   style={customStyles}
 >
   {@render children()}
@@ -176,8 +196,8 @@
 
 <style>
   .theme-provider {
-    color: var(--color-text-primary, #e8e0d0);
-    background: var(--color-bg-primary, #0b0d0f);
+    color: var(--color-text-primary);
+    background: var(--color-bg-primary);
     font-family: var(--font-sans, 'Outfit', system-ui, sans-serif);
   }
 </style>

package/dist/p0-primitives/ThemeProvider.svelte.d.ts

@@ -3,7 +3,7 @@
    *
    * Runtime theme management for KOS Design System.
    * Provides light/dark/auto modes and custom theme overrides.
-   * Wraps the singleton ThemeStore for component-level integration.
+   * Receives theme store via Svelte context (set by s0-state or app layer).
    *
    * @package @kos/design-system/p0-primitives
    */
@@ -26,6 +26,11 @@ export interface ThemeConfig {
     colorFgInverse?: string;
     colorFgTertiary?: string;
     colorAccent?: string;
+    /** @deprecated Accent ramp fields ignored by ThemeProvider — the ramp is
+     *  derived from `colorAccent` via tokens.css color-mix. Palette fields
+     *  (Amber, Copper, Rust, Sage, Gold) below are still emitted directly as
+     *  --color-accent-* custom properties for source compatibility. Set only
+     *  `colorAccent` for the primary accent. */
     colorAccentHover?: string;
     colorAccentActive?: string;
     colorAccentSubtle?: string;

package/dist/p0-primitives/ThemeProvider.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeProvider.svelte.d.ts","sourceRoot":"","sources":["../../src/p0-primitives/ThemeProvider.svelte.ts"],"names":[],"mappings":"AAGA;;;;;;;;KAQK;AACL,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAKpC,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;AAElD,MAAM,WAAW,WAAW;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAE9B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAE7B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,UAAU,KAAK;IACb,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;CACnB;AAsGH,QAAA,MAAM,aAAa,2CAAwC,CAAC;AAC5D,KAAK,aAAa,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;AACtD,eAAe,aAAa,CAAC"}
+{"version":3,"file":"ThemeProvider.svelte.d.ts","sourceRoot":"","sources":["../../src/p0-primitives/ThemeProvider.svelte.ts"],"names":[],"mappings":"AAGA;;;;;;;;KAQK;AACL,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAIpC,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;AAElD,MAAM,WAAW,WAAW;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAE9B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;gDAI4C;IAC5C,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAE7B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,UAAU,KAAK;IACb,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;CACnB;AAqHH,QAAA,MAAM,aAAa,2CAAwC,CAAC;AAC5D,KAAK,aAAa,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;AACtD,eAAe,aAAa,CAAC"}

package/dist/p0-primitives/canvas-theme.d.ts

@@ -1,3 +1,24 @@
+interface SeverityPalette {
+    critical: string;
+    major: string;
+    minor: string;
+}
+interface QuaternionPalette {
+    i: string;
+    j: string;
+    k: string;
+}
+/** Runtime-derived accent ramp. Values are pre-parsed for Canvas 2D use. */
+export interface AccentRamp {
+    /** Solid accent — e.g. "rgb(184 115 51)" — use for borders, active edges, cursors. */
+    solid: string;
+    /** Lighter variant (+16% toward white in OKLab approximation). */
+    hi: string;
+    /** Darker variant (-22% toward black). */
+    lo: string;
+    /** Return an rgba string at the given alpha (0–1). */
+    alpha: (a: number) => string;
+}
 interface CanvasTheme {
     bg: string;
     node: string;
@@ -7,11 +28,22 @@ interface CanvasTheme {
     edgeLine: string;
     edgeFade: string;
     focus: string;
+    severity: SeverityPalette;
+    quaternion: QuaternionPalette;
+    /** Accent ramp derived from the single seed (--accent-primary). */
+    accentRamp: AccentRamp;
 }
+/**
+ * Resolve the accent seed and return a canvas-ready AccentRamp.
+ * Reads --accent-primary from the target element's computed styles.
+ * Call once per frame (or on theme change) and cache the result.
+ */
+export declare function resolveAccentRamp(el?: Element): AccentRamp;
 /**
  * Get the current canvas theme by reading CSS custom properties.
  * This enables runtime theming for all canvas-based components.
+ * Pass a container element to resolve tokens scoped to a ThemeProvider.
  */
-export declare function getCanvasTheme(): CanvasTheme;
+export declare function getCanvasTheme(el?: Element): CanvasTheme;
 export type { CanvasTheme };
 //# sourceMappingURL=canvas-theme.d.ts.map

package/dist/p0-primitives/canvas-theme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"canvas-theme.d.ts","sourceRoot":"","sources":["../../src/p0-primitives/canvas-theme.ts"],"names":[],"mappings":"AAWA,UAAU,WAAW;IACnB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;CACf;AAYD;;;GAGG;AACH,wBAAgB,cAAc,IAAI,WAAW,CAW5C;AAED,YAAY,EAAE,WAAW,EAAE,CAAC"}
+{"version":3,"file":"canvas-theme.d.ts","sourceRoot":"","sources":["../../src/p0-primitives/canvas-theme.ts"],"names":[],"mappings":"AAaA,UAAU,eAAe;IACvB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,UAAU,iBAAiB;IACzB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX;AAED,4EAA4E;AAC5E,MAAM,WAAW,UAAU;IACzB,sFAAsF;IACtF,KAAK,EAAE,MAAM,CAAC;IACd,kEAAkE;IAClE,EAAE,EAAE,MAAM,CAAC;IACX,0CAA0C;IAC1C,EAAE,EAAE,MAAM,CAAC;IACX,sDAAsD;IACtD,KAAK,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;CAC9B;AAED,UAAU,WAAW;IACnB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,eAAe,CAAC;IAC1B,UAAU,EAAE,iBAAiB,CAAC;IAC9B,mEAAmE;IACnE,UAAU,EAAE,UAAU,CAAC;CACxB;AAqDD;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,EAAE,GAAE,OAAkC,GAAG,UAAU,CAKpF;AAED;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,EAAE,GAAE,OAAkC,GAAG,WAAW,CAwBlF;AAED,YAAY,EAAE,WAAW,EAAE,CAAC"}

package/dist/p0-primitives/canvas-theme.js

@@ -1,36 +1,101 @@
-// Canvas Theme Helper — reads CSS custom properties at runtime for canvas rendering
+// Canvas Theme Helper — reads CSS custom properties at runtime for canvas rendering.
 // Allows canvas components (FlowCanvas, ForceGraph, etc.) to respect runtime theming
 // without hardcoded hex values.
 //
 // Usage:
 //   const theme = getCanvasTheme();
 //   context.fillStyle = theme.node;
+//   context.strokeStyle = theme.accentRamp.solid;    // e.g. "rgb(184 115 51)"
+//   context.fillStyle   = theme.accentRamp.alpha(0.3); // e.g. "rgba(184,115,51,0.3)"
 //
-// The helper reads from the document root's computed styles, so it picks up
-// whatever theme the user has active (default dark, light, control-room, etc.).
+// The helper reads from the document root's computed styles (or a provided element),
+// so it picks up whatever theme and user accent the consumer has active.
 /**
- * Resolve a CSS custom property to its computed value.
- * Falls back to the provided default if the property is undefined.
+ * Resolve a CSS custom property to its computed value from a target element.
+ * Falls back to the provided default if the property is undefined or SSR.
  */
-function resolveCssVar(name, fallback) {
+function resolveCssVar(name, fallback, el = document.documentElement) {
     if (typeof document === 'undefined')
         return fallback;
-    const computed = getComputedStyle(document.documentElement).getPropertyValue(name);
-    return computed.trim() || fallback;
+    return getComputedStyle(el).getPropertyValue(name).trim() || fallback;
+}
+// --- Accent ramp derivation -------------------------------------------------
+// Canvas 2D cannot use CSS color-mix(). We derive the ramp in JS by parsing
+// the accent seed and adjusting lightness. This mirrors what tokens.css does
+// via color-mix, keeping canvas rendering in sync with CSS theming.
+/** Parse a hex color string to [r, g, b] (0–255). Falls back to brass. */
+function hexToRgb(hex) {
+    const h = hex.trim().replace('#', '');
+    if (h.length === 3) {
+        return [
+            parseInt(h[0] + h[0], 16),
+            parseInt(h[1] + h[1], 16),
+            parseInt(h[2] + h[2], 16),
+        ];
+    }
+    if (h.length === 6) {
+        return [parseInt(h.slice(0, 2), 16), parseInt(h.slice(2, 4), 16), parseInt(h.slice(4, 6), 16)];
+    }
+    return [184, 115, 51]; // brass fallback
+}
+/** Linear-interpolate a channel toward white (positive t) or black (negative t). */
+function tint(c, t) {
+    return Math.round(t > 0 ? c + (255 - c) * t : c + c * t);
+}
+/**
+ * Build an AccentRamp from an RGB triplet.
+ * hi  ≈ color-mix(in oklab, seed, #fff 16%)
+ * lo  ≈ color-mix(in oklab, seed, #000 22%)
+ */
+function buildRamp(r, g, b) {
+    const hiR = tint(r, 0.16), hiG = tint(g, 0.16), hiB = tint(b, 0.16);
+    const loR = tint(r, -0.22), loG = tint(g, -0.22), loB = tint(b, -0.22);
+    return {
+        solid: `rgb(${r} ${g} ${b})`,
+        hi: `rgb(${hiR} ${hiG} ${hiB})`,
+        lo: `rgb(${loR} ${loG} ${loB})`,
+        alpha: (a) => `rgba(${r},${g},${b},${a})`,
+    };
+}
+/**
+ * Resolve the accent seed and return a canvas-ready AccentRamp.
+ * Reads --accent-primary from the target element's computed styles.
+ * Call once per frame (or on theme change) and cache the result.
+ */
+export function resolveAccentRamp(el = document.documentElement) {
+    if (typeof document === 'undefined')
+        return buildRamp(184, 115, 51);
+    const seed = getComputedStyle(el).getPropertyValue('--accent-primary').trim() || '#b87333';
+    const [r, g, b] = hexToRgb(seed);
+    return buildRamp(r, g, b);
 }
 /**
  * Get the current canvas theme by reading CSS custom properties.
  * This enables runtime theming for all canvas-based components.
+ * Pass a container element to resolve tokens scoped to a ThemeProvider.
  */
-export function getCanvasTheme() {
+export function getCanvasTheme(el = document.documentElement) {
+    const ramp = resolveAccentRamp(el);
+    const rv = (name, fb) => resolveCssVar(name, fb, el);
     return {
-        bg: resolveCssVar('--color-bg-canvas', '#1a1a1a'),
-        node: resolveCssVar('--color-bg-panel', '#2a2a2a'),
-        nodeBorder: resolveCssVar('--color-accent', '#b87333'),
-        nodeHover: resolveCssVar('--color-bg-panel-elevated', '#3a3a3a'),
-        nodeText: resolveCssVar('--color-text-primary', '#e8e0d0'),
-        edgeLine: resolveCssVar('--color-accent', '#b87333'),
-        edgeFade: resolveCssVar('--color-accent-muted', '#5a4a30'),
-        focus: resolveCssVar('--color-warning', '#d4943a'),
+        bg: rv('--color-bg-canvas', '#121518'),
+        node: rv('--color-bg-panel', '#181c20'),
+        nodeBorder: ramp.solid,
+        nodeHover: rv('--color-bg-panel-elevated', '#20252a'),
+        nodeText: rv('--color-text-primary', '#e7e9eb'),
+        edgeLine: ramp.solid,
+        edgeFade: ramp.alpha(0.3),
+        focus: rv('--color-warning', '#d8a23c'),
+        severity: {
+            critical: rv('--color-error', '#cf4e4e'),
+            major: rv('--color-warning', '#d8a23c'),
+            minor: rv('--color-text-tertiary', '#646b72'),
+        },
+        quaternion: {
+            i: ramp.hi,
+            j: rv('--color-success', '#3fae9f'),
+            k: rv('--color-warning', '#d8a23c'),
+        },
+        accentRamp: ramp,
     };
 }

package/dist/p0-primitives/debug.d.ts

@@ -0,0 +1,6 @@
+export declare const debug: {
+    log: (...args: unknown[]) => void;
+    warn: (...args: unknown[]) => void;
+    error: (...args: unknown[]) => void;
+};
+//# sourceMappingURL=debug.d.ts.map

package/dist/p0-primitives/debug.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"debug.d.ts","sourceRoot":"","sources":["../../src/p0-primitives/debug.ts"],"names":[],"mappings":"AAWA,eAAO,MAAM,KAAK;mBACD,OAAO,EAAE;oBACR,OAAO,EAAE;qBACR,OAAO,EAAE;CAC3B,CAAC"}

package/dist/p0-primitives/debug.js

@@ -0,0 +1,21 @@
+const DEBUG = (() => {
+    try {
+        if (typeof localStorage !== 'undefined' && localStorage.getItem('ds-debug') === 'true')
+            return true;
+        const g = globalThis;
+        if (typeof g.process === 'object' && g.process?.env?.DS_DEBUG === 'true')
+            return true;
+        return false;
+    }
+    catch {
+        return false;
+    }
+})();
+export const debug = {
+    log: (...args) => { if (DEBUG)
+        console.log('[ds]', ...args); },
+    warn: (...args) => { if (DEBUG)
+        console.warn('[ds]', ...args); },
+    error: (...args) => { if (DEBUG)
+        console.error('[ds]', ...args); },
+};

package/dist/p0-primitives/index.d.ts

@@ -2,7 +2,8 @@ export * from './types/index';
 export * from './utils/index';
 export { getCanvasTheme } from './canvas-theme';
 export { default as ThemeProvider } from './ThemeProvider.svelte';
+export { provideThemeStore, THEME_STORE_KEY } from './theme-context';
+export type { ThemeName, ThemeStoreLike } from './theme-context';
 export type { ThemeMode, ThemeConfig } from './ThemeProvider.svelte';
 export { createTheme, defaultLightTheme, defaultDarkTheme, brassAccentTheme } from './theme';
-export type { ThemeName } from '../s0-state/ThemeStore.svelte';
 //# sourceMappingURL=index.d.ts.map

package/dist/p0-primitives/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/p0-primitives/index.ts"],"names":[],"mappings":"AAIA,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAGhD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAClE,YAAY,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AACrE,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAG7F,YAAY,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/p0-primitives/index.ts"],"names":[],"mappings":"AAIA,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAGhD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAClE,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AACrE,YAAY,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACjE,YAAY,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AACrE,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC"}

package/dist/p0-primitives/index.js

@@ -6,4 +6,5 @@ export * from './utils/index';
 export { getCanvasTheme } from './canvas-theme';
 // Theme system
 export { default as ThemeProvider } from './ThemeProvider.svelte';
+export { provideThemeStore, THEME_STORE_KEY } from './theme-context';
 export { createTheme, defaultLightTheme, defaultDarkTheme, brassAccentTheme } from './theme';

package/dist/p0-primitives/theme-context.d.ts

@@ -0,0 +1,9 @@
+export type ThemeName = 'dark' | 'light' | 'control-room';
+export interface ThemeStoreLike {
+    theme: ThemeName;
+    setTheme(t: ThemeName): void;
+}
+export declare const THEME_STORE_KEY: unique symbol;
+export declare function provideThemeStore(store: ThemeStoreLike): void;
+export declare function getThemeStore(): ThemeStoreLike;
+//# sourceMappingURL=theme-context.d.ts.map

package/dist/p0-primitives/theme-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-context.d.ts","sourceRoot":"","sources":["../../src/p0-primitives/theme-context.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,cAAc,CAAC;AAE1D,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;CAC9B;AAED,eAAO,MAAM,eAAe,eAA4B,CAAC;AAEzD,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,cAAc,GAAG,IAAI,CAE7D;AAED,wBAAgB,aAAa,IAAI,cAAc,CAE9C"}

package/dist/p0-primitives/theme-context.js

@@ -0,0 +1,8 @@
+import { getContext, setContext } from 'svelte';
+export const THEME_STORE_KEY = Symbol('kos-theme-store');
+export function provideThemeStore(store) {
+    setContext(THEME_STORE_KEY, store);
+}
+export function getThemeStore() {
+    return getContext(THEME_STORE_KEY);
+}

package/dist/p0-primitives/theme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/p0-primitives/theme.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAE1D;;GAEG;AACH,wBAAgB,WAAW,CACzB,IAAI,EAAE,WAAW,EACjB,SAAS,EAAE,OAAO,CAAC,WAAW,CAAC,GAC9B,WAAW,CAKb;AAED;;;GAGG;AACH,eAAO,MAAM,gBAAgB,EAAE,WAqC9B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,iBAAiB,EAAE,WAqC/B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,gBAAgB,EAAE,WA+B9B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,gBAAgB,EAAE,WAK7B,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,iBAAiB,EAAE,WAK9B,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,iBAAiB,EAAE,WAS9B,CAAC"}
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/p0-primitives/theme.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAE1D;;GAEG;AACH,wBAAgB,WAAW,CACzB,IAAI,EAAE,WAAW,EACjB,SAAS,EAAE,OAAO,CAAC,WAAW,CAAC,GAC9B,WAAW,CAKb;AAED;;;GAGG;AACH,eAAO,MAAM,gBAAgB,EAAE,WAiC9B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,iBAAiB,EAAE,WA+B/B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,gBAAgB,EAAE,WA0B9B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,gBAAgB,EAAE,WAE7B,CAAC;AAEH;;GAEG;AAIH,eAAO,MAAM,iBAAiB,EAAE,WAE9B,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,iBAAiB,EAAE,WAO9B,CAAC"}