@stephen-netu/design-system 0.2.0 → 0.2.2

package/dist/n4-adaptive-manifold/AdaptiveManifold.svelte

@@ -18,10 +18,11 @@
     ResolvedThemeColors,
     NodeIndicatorState,
     PhaseTheme,
+    NodeLayout,
   } from './types.js';
   import { DEFAULT_LAYOUT_PREFERENCES } from './types.js';
   import { resolvePhaseTheme, DEFAULT_PHASE_THEME } from './phase-theme.js';
-  import type { NodeLayout } from '../n1-flow-canvas/types.js';
+  import { getCanvasTheme } from '../p0-primitives/canvas-theme';
   import { LayoutOrchestrator } from './orchestrator.js';
   import { ManifoldProvider } from './providers/manifold-provider.js';
   import { GravitationalProvider } from './providers/gravitational-provider.js';
@@ -90,18 +91,18 @@
 
   let containerEl: HTMLDivElement | undefined = $state(undefined);
   let colors: ResolvedThemeColors = $state({
-    canvasBg: '#1a1a1a',
-    nodeActive: '#b87333',
-    nodeIdle: '#a09880',
+    canvasBg: getCanvasTheme().bg,
+    nodeActive: getCanvasTheme().nodeBorder,
+    nodeIdle: getCanvasTheme().nodeText,
     nodeBlocked: '#f39c12',
-    nodeCompleted: '#a09880',
+    nodeCompleted: getCanvasTheme().nodeText,
     nodeCritical: '#c0392b',
-    nodeBg: '#222',
-    nodeBorder: 'rgba(184, 115, 51, 0.15)',
-    nodeText: '#e8e0d0',
-    edgeColor: 'rgba(184, 115, 51, 0.25)',
-    edgeActive: '#b87333',
-    pulseColor: '#b87333',
+    nodeBg: getCanvasTheme().node,
+    nodeBorder: getCanvasTheme().edgeFade,
+    nodeText: getCanvasTheme().nodeText,
+    edgeColor: getCanvasTheme().edgeFade,
+    edgeActive: getCanvasTheme().nodeBorder,
+    pulseColor: getCanvasTheme().nodeBorder,
     pulseCritical: '#c0392b',
   });
 

package/dist/n4-adaptive-manifold/AdaptiveManifold.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AdaptiveManifold.svelte.d.ts","sourceRoot":"","sources":["../../src/n4-adaptive-manifold/AdaptiveManifold.svelte.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EACR,gBAAgB,EAEhB,eAAe,EACf,oBAAoB,EACpB,iBAAiB,EACjB,gBAAgB,EAChB,iBAAiB,EAGjB,kBAAkB,EAEnB,MAAM,YAAY,CAAC;AAapB,UAAU,KAAK;IACb,QAAQ,EAAE,gBAAgB,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,WAAW,CAAC,EAAE,iBAAiB,CAAC;IAChC,aAAa,CAAC,EAAE,iBAAiB,CAAC;IAClC,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,eAAe,KAAK,IAAI,CAAC;IACzD,gBAAgB,CAAC,EAAE,CAAC,MAAM,EAAE,oBAAoB,KAAK,IAAI,CAAC;IAC1D,YAAY,CAAC,EAAE,CAAC,UAAU,EAAE,gBAAgB,GAAG,IAAI,KAAK,IAAI,CAAC;IAC7D,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC/C,eAAe,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,kBAAkB,CAAC,CAAC;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAmkCH,QAAA,MAAM,gBAAgB;;;;;MAAwC,CAAC;AAC/D,KAAK,gBAAgB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAC5D,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"AdaptiveManifold.svelte.d.ts","sourceRoot":"","sources":["../../src/n4-adaptive-manifold/AdaptiveManifold.svelte.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EACR,gBAAgB,EAEhB,eAAe,EACf,oBAAoB,EACpB,iBAAiB,EACjB,gBAAgB,EAChB,iBAAiB,EAGjB,kBAAkB,EAGnB,MAAM,YAAY,CAAC;AAapB,UAAU,KAAK;IACb,QAAQ,EAAE,gBAAgB,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,WAAW,CAAC,EAAE,iBAAiB,CAAC;IAChC,aAAa,CAAC,EAAE,iBAAiB,CAAC;IAClC,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,eAAe,KAAK,IAAI,CAAC;IACzD,gBAAgB,CAAC,EAAE,CAAC,MAAM,EAAE,oBAAoB,KAAK,IAAI,CAAC;IAC1D,YAAY,CAAC,EAAE,CAAC,UAAU,EAAE,gBAAgB,GAAG,IAAI,KAAK,IAAI,CAAC;IAC7D,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC/C,eAAe,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,kBAAkB,CAAC,CAAC;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAmkCH,QAAA,MAAM,gBAAgB;;;;;MAAwC,CAAC;AAC/D,KAAK,gBAAgB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAC5D,eAAe,gBAAgB,CAAC"}

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/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';
 
@@ -81,7 +80,7 @@
 
   let { mode, theme, children }: Props = $props();
 
-  initThemeStore();
+  const store = getThemeStore();
 
   const THEME_MAP: Record<Exclude<ThemeMode, 'auto'>, ThemeName> = {
     dark: 'dark',
@@ -97,7 +96,7 @@
   }
 
   $effect(() => {
-    themeStore.setTheme(resolveMode());
+    store.setTheme(resolveMode());
   });
 
   function generateCSSVariables(t: ThemeConfig | undefined): string {
@@ -165,10 +164,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 +175,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
    */

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,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;AAqGH,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,13 @@
+interface SeverityPalette {
+    critical: string;
+    major: string;
+    minor: string;
+}
+interface QuaternionPalette {
+    i: string;
+    j: string;
+    k: string;
+}
 interface CanvasTheme {
     bg: string;
     node: string;
@@ -7,6 +17,8 @@ interface CanvasTheme {
     edgeLine: string;
     edgeFade: string;
     focus: string;
+    severity: SeverityPalette;
+    quaternion: QuaternionPalette;
 }
 /**
  * Get the current canvas theme by reading CSS custom properties.

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":"AAWA,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,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;CAC/B;AAYD;;;GAGG;AACH,wBAAgB,cAAc,IAAI,WAAW,CAqB5C;AAED,YAAY,EAAE,WAAW,EAAE,CAAC"}

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

@@ -32,5 +32,15 @@ export function getCanvasTheme() {
         edgeLine: resolveCssVar('--color-accent', '#b87333'),
         edgeFade: resolveCssVar('--color-accent-muted', '#5a4a30'),
         focus: resolveCssVar('--color-warning', '#d4943a'),
+        severity: {
+            critical: resolveCssVar('--color-status-error', '#c14a4a'),
+            major: resolveCssVar('--color-warning', '#d4a04c'),
+            minor: resolveCssVar('--color-text-tertiary', '#6b6558'),
+        },
+        quaternion: {
+            i: resolveCssVar('--accent-hover', '#d4892f'),
+            j: resolveCssVar('--color-success', '#4fa8a2'),
+            k: resolveCssVar('--color-warning', '#d4a04c'),
+        },
     };
 }

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/tokens/tokens.css

@@ -28,14 +28,22 @@
   --color-card-text-secondary: #a8a08c;
   --color-card-text-tertiary: #6b6558;
 
-  /* --- Accent (default: brass, user-controllable via --accent-*) --- */
-  --color-accent: var(--accent-primary, #b87333);
-  --color-accent-hover: var(--accent-hover, #d4892f);
-  --color-accent-active: var(--accent-active, #8a5526);
-   --color-accent-glow: var(--accent-glow, rgba(184, 115, 51, 0.28));
-   --color-accent-muted: var(--accent-muted, rgba(184, 115, 51, 0.16));
-   --color-accent-subtle: var(--accent-subtle, rgba(184, 115, 51, 0.08));
-   --color-accent-faint: var(--accent-faint, rgba(184, 115, 51, 0.04));
+   /* --- Accent (default: brass, user-controllable via --accent-*) --- */
+   --accent-primary: #b87333;
+   --accent-hover: #d4892f;
+   --accent-active: #8a5526;
+   --accent-glow: rgba(184, 115, 51, 0.28);
+   --accent-muted: rgba(184, 115, 51, 0.16);
+   --accent-subtle: rgba(184, 115, 51, 0.08);
+   --accent-faint: rgba(184, 115, 51, 0.04);
+   --color-accent: var(--accent-primary);
+   --color-accent-hover: var(--accent-hover);
+   --color-accent-active: var(--accent-active);
+   --color-accent-glow: var(--accent-glow);
+   --color-accent-muted: var(--accent-muted);
+   --color-accent-subtle: var(--accent-subtle);
+   --color-accent-faint: var(--accent-faint);
+   --color-accent-secondary: #d4a574;  /* Companion warm tone (n4 kind colors) */
 
    /* Overlay levels — white opacity ramps for borders, backgrounds, hover states */
    --overlay-white-02: rgba(255, 255, 255, 0.02);
@@ -59,9 +67,10 @@
    --overlay-accent-50: rgba(184, 115, 51, 0.50);
    --overlay-accent-55: rgba(184, 115, 51, 0.55);
 
-   /* Overlay levels — status color opacity ramps */
-   --overlay-success-06: rgba(79, 168, 162, 0.06);
-   --overlay-error-06: rgba(193, 74, 74, 0.06);
+    /* Overlay levels — status color opacity ramps */
+    --overlay-success-06: rgba(79, 168, 162, 0.06);
+    --overlay-warning-06: rgba(245, 192, 48, 0.06);
+    --overlay-error-06: rgba(193, 74, 74, 0.06);
 
    /* Cell background for band/offer tables */
    --color-bg-cell: #121518;
@@ -78,7 +87,9 @@
   --color-success: #4fa8a2;
   --color-warning: #d4a04c;
   --color-error: #c14a4a;
+  --color-error-bg: rgba(193, 74, 74, 0.10);
   --color-info: #5b8db8;
+  --color-neutral: #6b6558;            /* Inactive / archival (e.g. compost phase) */
 
   /* --- Semantic (presence) --- */
   --color-online: #4fa8a2;

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

@@ -5,9 +5,9 @@ export declare function cn(...classes: (string | undefined | null | false)[]): s
 /**
  * Debounce function
  */
-export declare function debounce<T extends (...args: any[]) => any>(fn: T, delay: number): (...args: Parameters<T>) => void;
+export declare function debounce<T extends (...args: unknown[]) => unknown>(fn: T, delay: number): (...args: Parameters<T>) => void;
 /**
  * Throttle function
  */
-export declare function throttle<T extends (...args: any[]) => any>(fn: T, limit: number): (...args: Parameters<T>) => void;
+export declare function throttle<T extends (...args: unknown[]) => unknown>(fn: T, limit: number): (...args: Parameters<T>) => void;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/p0-primitives/utils/index.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,wBAAgB,EAAE,CAAC,GAAG,OAAO,EAAE,CAAC,MAAM,GAAG,SAAS,GAAG,IAAI,GAAG,KAAK,CAAC,EAAE,GAAG,MAAM,CAE5E;AAED;;GAEG;AACH,wBAAgB,QAAQ,CAAC,CAAC,SAAS,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,EACxD,EAAE,EAAE,CAAC,EACL,KAAK,EAAE,MAAM,GACZ,CAAC,GAAG,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,KAAK,IAAI,CAMlC;AAED;;GAEG;AACH,wBAAgB,QAAQ,CAAC,CAAC,SAAS,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,EACxD,EAAE,EAAE,CAAC,EACL,KAAK,EAAE,MAAM,GACZ,CAAC,GAAG,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,KAAK,IAAI,CASlC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/p0-primitives/utils/index.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,wBAAgB,EAAE,CAAC,GAAG,OAAO,EAAE,CAAC,MAAM,GAAG,SAAS,GAAG,IAAI,GAAG,KAAK,CAAC,EAAE,GAAG,MAAM,CAE5E;AAED;;GAEG;AACH,wBAAgB,QAAQ,CAAC,CAAC,SAAS,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,OAAO,EAChE,EAAE,EAAE,CAAC,EACL,KAAK,EAAE,MAAM,GACZ,CAAC,GAAG,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,KAAK,IAAI,CAMlC;AAED;;GAEG;AACH,wBAAgB,QAAQ,CAAC,CAAC,SAAS,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,OAAO,EAChE,EAAE,EAAE,CAAC,EACL,KAAK,EAAE,MAAM,GACZ,CAAC,GAAG,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,KAAK,IAAI,CASlC"}

package/dist/s0-state/SyncStatus.svelte

@@ -263,7 +263,7 @@
   }
 
   .action-danger {
-    background: var(--color-error-subtle, rgba(192, 57, 43, 0.15));
+    background: var(--color-error-bg, rgba(193, 74, 74, 0.10));
     color: var(--color-error, #c0392b);
     border-color: var(--color-error, #c0392b);
   }

package/dist/s0-state/ThemeStore.svelte.d.ts

@@ -1,4 +1,5 @@
-export type ThemeName = 'dark' | 'light' | 'control-room';
+import type { ThemeName } from '../p0-primitives/theme-context';
+export type { ThemeName } from '../p0-primitives/theme-context';
 declare class ThemeStore {
     #private;
     get theme(): ThemeName;
@@ -7,6 +8,6 @@ declare class ThemeStore {
     syncFromDOM(): void;
 }
 export declare const themeStore: ThemeStore;
+export declare function provideThemeStoreContext(): void;
 export declare function initThemeStore(): void;
-export {};
 //# sourceMappingURL=ThemeStore.svelte.d.ts.map

package/dist/s0-state/ThemeStore.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeStore.svelte.d.ts","sourceRoot":"","sources":["../../src/s0-state/ThemeStore.svelte.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,cAAc,CAAC;AAyB1D,cAAM,UAAU;;IAGd,IAAI,KAAK,IAAI,SAAS,CAErB;IAED,QAAQ,CAAC,CAAC,EAAE,SAAS,GAAG,IAAI;IAS5B,WAAW,IAAI,IAAI;IAMnB,WAAW,IAAI,IAAI;CAMpB;AAED,eAAO,MAAM,UAAU,YAAmB,CAAC;AAE3C,wBAAgB,cAAc,IAAI,IAAI,CAMrC"}
+{"version":3,"file":"ThemeStore.svelte.d.ts","sourceRoot":"","sources":["../../src/s0-state/ThemeStore.svelte.ts"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAChE,YAAY,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAyBhE,cAAM,UAAU;;IAGd,IAAI,KAAK,IAAI,SAAS,CAErB;IAED,QAAQ,CAAC,CAAC,EAAE,SAAS,GAAG,IAAI;IAS5B,WAAW,IAAI,IAAI;IAMnB,WAAW,IAAI,IAAI;CAMpB;AAED,eAAO,MAAM,UAAU,YAAmB,CAAC;AAE3C,wBAAgB,wBAAwB,IAAI,IAAI,CAE/C;AAED,wBAAgB,cAAc,IAAI,IAAI,CAOrC"}

package/dist/s0-state/ThemeStore.svelte.js

@@ -1,4 +1,19 @@
-import { onMount } from 'svelte';
+/**
+ * ThemeStore — Module-scope singleton for theme state (F-29).
+ *
+ * Instantiated once at module scope. Reads localStorage during import
+ * (safely guarded by hasLocalStorage()). Bundlers keep the instantiation
+ * at import time, so this module is NOT SSR-inert.
+ *
+ * @module s0-state/ThemeStore
+ * @example
+ * ```ts
+ * import { themeStore } from '@kos/design-system/s0-state';
+ * themeStore.setTheme('light');
+ * ```
+ */
+import { setContext, onMount } from 'svelte';
+import { THEME_STORE_KEY } from '../p0-primitives/theme-context';
 const STORAGE_KEY = 'kos-theme';
 function hasLocalStorage() {
     try {
@@ -51,7 +66,11 @@ class ThemeStore {
     }
 }
 export const themeStore = new ThemeStore();
+export function provideThemeStoreContext() {
+    setContext(THEME_STORE_KEY, themeStore);
+}
 export function initThemeStore() {
+    provideThemeStoreContext();
     onMount(() => {
         themeStore.syncFromDOM();
         const stored = getStoredTheme();

package/dist/s0-state/index.d.ts

@@ -6,5 +6,4 @@ export { createVirtualList, createVirtualGrid, createPreloader, calculateGridLay
 export { default as SyncStatus } from './SyncStatus.svelte';
 export type { SyncStatusState, SyncStatusAction } from './SyncStatus.svelte';
 export type { ModalData } from './modal-stack-store.svelte';
-export type { ThemeName } from './ThemeStore.svelte';
 //# sourceMappingURL=index.d.ts.map

package/dist/s0-state/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/s0-state/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAC1C,YAAY,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACtE,YAAY,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAGhD,OAAO,EACL,iBAAiB,EACjB,iBAAiB,EACjB,eAAe,EACf,mBAAmB,EACnB,KAAK,iBAAiB,EACtB,KAAK,WAAW,EAChB,KAAK,WAAW,EAChB,KAAK,eAAe,EACpB,KAAK,cAAc,GACpB,MAAM,WAAW,CAAC;AAGnB,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAC5D,YAAY,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAG7E,YAAY,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAG5D,YAAY,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/s0-state/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAC1C,YAAY,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACtE,YAAY,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAGhD,OAAO,EACL,iBAAiB,EACjB,iBAAiB,EACjB,eAAe,EACf,mBAAmB,EACnB,KAAK,iBAAiB,EACtB,KAAK,WAAW,EAChB,KAAK,WAAW,EAChB,KAAK,eAAe,EACpB,KAAK,cAAc,GACpB,MAAM,WAAW,CAAC;AAGnB,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAC5D,YAAY,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAG7E,YAAY,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC"}

package/dist/s0-state/index.js

@@ -5,3 +5,4 @@ export { createDerived } from './derived';
 export { createVirtualList, createVirtualGrid, createPreloader, calculateGridLayout, } from './virtual';
 // New from NNJAS port - Sync status component
 export { default as SyncStatus } from './SyncStatus.svelte';
+// Theme management — subpath only (module-scope singleton)

package/dist/s0-state/modal-stack-store.svelte.d.ts

@@ -23,20 +23,45 @@
  *   const activeModal = modalStackStore.active;
  *   const stackDepth = modalStackStore.depth;
  */
+/**
+ * ModalStackStore — Module-scope singleton for modal stacking (F-29).
+ *
+ * Instantiated once at module scope. Holds the visible-modal stack and
+ * the logical modal stack. Consumers register/unregister modals at
+ * mount/unmount time via the Modal component.
+ *
+ * @module s0-state/modal-stack-store
+ * @example
+ * ```ts
+ * import { modalStackStore } from '@kos/design-system/s0-state';
+ * console.log(modalStackStore.depth);
+ * ```
+ */
 export interface ModalData {
     id: string;
     props?: Record<string, unknown>;
     onClose?: () => void;
 }
+export interface VisibleModal {
+    id: string;
+    zIndex: number;
+    onClose: () => void;
+}
 declare class ModalStackStore {
     private stack;
+    private visibleModals;
     get active(): ModalData | null;
     get depth(): number;
     get all(): readonly ModalData[];
+    get topmost(): VisibleModal | null;
+    get visibleIds(): readonly string[];
     push(modal: ModalData): void;
     pop(): void;
     closeAll(): void;
     removeById(id: string): void;
+    register(modal: VisibleModal): () => void;
+    unregister(id: string): void;
+    isTopmost(id: string): boolean;
 }
 export declare const modalStackStore: ModalStackStore;
 export {};

package/dist/s0-state/modal-stack-store.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"modal-stack-store.svelte.d.ts","sourceRoot":"","sources":["../../src/s0-state/modal-stack-store.svelte.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AAEH,MAAM,WAAW,SAAS;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAChC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,cAAM,eAAe;IACnB,OAAO,CAAC,KAAK,CAA2B;IAExC,IAAI,MAAM,IAAI,SAAS,GAAG,IAAI,CAG7B;IAED,IAAI,KAAK,IAAI,MAAM,CAElB;IAED,IAAI,GAAG,IAAI,SAAS,SAAS,EAAE,CAE9B;IAED,IAAI,CAAC,KAAK,EAAE,SAAS,GAAG,IAAI;IAI5B,GAAG,IAAI,IAAI;IAOX,QAAQ,IAAI,IAAI;IAMhB,UAAU,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI;CAO7B;AAED,eAAO,MAAM,eAAe,iBAAwB,CAAC"}
+{"version":3,"file":"modal-stack-store.svelte.d.ts","sourceRoot":"","sources":["../../src/s0-state/modal-stack-store.svelte.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AAEH;;;;;;;;;;;;;GAaG;AAEH,MAAM,WAAW,SAAS;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAChC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,cAAM,eAAe;IACnB,OAAO,CAAC,KAAK,CAA2B;IACxC,OAAO,CAAC,aAAa,CAA8B;IAEnD,IAAI,MAAM,IAAI,SAAS,GAAG,IAAI,CAG7B;IAED,IAAI,KAAK,IAAI,MAAM,CAElB;IAED,IAAI,GAAG,IAAI,SAAS,SAAS,EAAE,CAE9B;IAED,IAAI,OAAO,IAAI,YAAY,GAAG,IAAI,CAGjC;IAED,IAAI,UAAU,IAAI,SAAS,MAAM,EAAE,CAElC;IAED,IAAI,CAAC,KAAK,EAAE,SAAS,GAAG,IAAI;IAI5B,GAAG,IAAI,IAAI;IAOX,QAAQ,IAAI,IAAI;IAMhB,UAAU,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI;IAQ5B,QAAQ,CAAC,KAAK,EAAE,YAAY,GAAG,MAAM,IAAI;IAKzC,UAAU,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI;IAI5B,SAAS,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO;CAG/B;AAED,eAAO,MAAM,eAAe,iBAAwB,CAAC"}

package/dist/s0-state/modal-stack-store.svelte.js

@@ -25,6 +25,7 @@
  */
 class ModalStackStore {
     stack = $state([]);
+    visibleModals = $state([]);
     get active() {
         if (this.stack.length === 0)
             return null;
@@ -36,6 +37,14 @@ class ModalStackStore {
     get all() {
         return this.stack;
     }
+    get topmost() {
+        if (this.visibleModals.length === 0)
+            return null;
+        return this.visibleModals[this.visibleModals.length - 1];
+    }
+    get visibleIds() {
+        return this.visibleModals.map((modal) => modal.id);
+    }
     push(modal) {
         this.stack = [...this.stack, modal];
     }
@@ -59,5 +68,15 @@ class ModalStackStore {
         this.stack = this.stack.filter(m => m.id !== id);
         removing.onClose?.();
     }
+    register(modal) {
+        this.visibleModals = [...this.visibleModals, modal];
+        return () => this.unregister(modal.id);
+    }
+    unregister(id) {
+        this.visibleModals = this.visibleModals.filter((modal) => modal.id !== id);
+    }
+    isTopmost(id) {
+        return this.topmost?.id === id;
+    }
 }
 export const modalStackStore = new ModalStackStore();