@konitif/theme 0.284.3 → 0.284.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/package.json +1 -1
  2. package/reference/gitdiagram.md +90 -0
  3. package/src/focus/PerceptualSurface.svelte +1 -1
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@konitif/theme",
3
3
  "license": "PolyForm-Noncommercial-1.0.0",
4
- "version": "0.284.3",
4
+ "version": "0.284.5",
5
5
  "private": false,
6
6
  "type": "module",
7
7
  "description": "KONITIF theme tokens, spatial ambience and perceptual focus projections for compatible workbench hosts.",
package/reference/gitdiagram.md ADDED
@@ -0,0 +1,90 @@
1
+ # GitDiagram architecture — @konitif/theme
2
+
3
+ This architecture view was generated from the public repository by [GitDiagram](https://gitdiagram.com/lemouf/konitif-theme) on 2026-09-20 19:02:01 UTC.
4
+
5
+ It is a documentation projection of the repository tree, README, and source files sampled by GitDiagram. It does not replace the authored contracts in [catalog.json](catalog.json) and [diagrams.json](diagrams.json), nor does it establish runtime authority.
6
+
7
+ The Mermaid source keeps GitDiagram's groups, nodes, relationships, and source links. GitDiagram's forced color classes and HTML line breaks are omitted so the diagram remains readable in local previews and dark themes.
8
+
9
+ - Public repository: [konitif-theme](https://github.com/LeMouf/konitif-theme)
10
+ - Interactive diagram: [Open in GitDiagram](https://gitdiagram.com/lemouf/konitif-theme)
11
+
12
+ ## Architecture diagram
13
+
14
+ ```mermaid
15
+ flowchart TD
16
+
17
+ subgraph group_theme["Theme Foundation"]
18
+ node_theme_api["Theme API — [konitifTheme.ts]"]
19
+ node_theme_adapter["Theme Adapter"]
20
+ node_base_tokens["Base Tokens — [konitifTokens.css]"]
21
+ node_depth_tokens["Depth Tokens"]
22
+ end
23
+
24
+ subgraph group_runtime["Runtime Visuals"]
25
+ node_runtime_facade["Workbench Runtime"]
26
+ node_phase_visuals["Phase Visual Map"]
27
+ node_spatial_state["Spatial State"]
28
+ end
29
+
30
+ subgraph group_ambient["Ambient Presentation"]
31
+ node_ambient_runtime["Ambient Runtime"]
32
+ node_projection_grid["Projection Grid"]
33
+ node_grid_model["Grid Model"]
34
+ node_ambient_canvas["Ambient Canvas"]
35
+ node_ambient_particles["Ambient Particles"]
36
+ end
37
+
38
+ subgraph group_focus["Focus And Depth"]
39
+ node_focus_store["Focus Store"]
40
+ node_focus_surface["Perceptual Surface"]
41
+ node_focus_provider["Focus Provider"]
42
+ node_depth_stack["Depth Stack"]
43
+ node_depth_layer["Depth Layer"]
44
+ end
45
+
46
+ node_host(("Workbench Host"))
47
+
48
+ node_host -->|"imports theme"| node_theme_api
49
+ node_host -->|"uses runtime"| node_runtime_facade
50
+ node_host -->|"loads tokens"| node_base_tokens
51
+ node_host -->|"loads depth"| node_depth_tokens
52
+ node_runtime_facade -->|"applies theme"| node_theme_adapter
53
+ node_theme_adapter -->|"resolves identity"| node_theme_api
54
+ node_phase_visuals -->|"creates state"| node_spatial_state
55
+ node_runtime_facade -->|"exposes ambient"| node_ambient_runtime
56
+ node_runtime_facade -->|"exposes focus"| node_focus_provider
57
+ node_ambient_runtime -->|"reads state"| node_spatial_state
58
+ node_ambient_runtime -->|"reads focus"| node_focus_store
59
+ node_ambient_runtime -->|"renders grid"| node_projection_grid
60
+ node_ambient_runtime -->|"renders canvas"| node_ambient_canvas
61
+ node_ambient_runtime -->|"renders particles"| node_ambient_particles
62
+ node_projection_grid -->|"builds geometry"| node_grid_model
63
+ node_focus_surface -->|"updates focus"| node_focus_store
64
+ node_focus_provider -->|"provides focus"| node_focus_store
65
+ node_depth_layer -->|"uses depth styles"| node_depth_tokens
66
+ node_depth_stack -->|"hosts layers"| node_depth_layer
67
+
68
+ click node_theme_api "https://github.com/lemouf/konitif-theme/blob/main/src/konitifTheme.ts"
69
+ click node_theme_adapter "https://github.com/lemouf/konitif-theme/blob/main/src/konitifThemeAdapter.ts"
70
+ click node_base_tokens "https://github.com/lemouf/konitif-theme/blob/main/src/konitifTokens.css"
71
+ click node_depth_tokens "https://github.com/lemouf/konitif-theme/blob/main/src/depth/spatialDepthTokens.css"
72
+ click node_runtime_facade "https://github.com/lemouf/konitif-theme/blob/main/src/konitifWorkbenchThemeRuntime.ts"
73
+ click node_phase_visuals "https://github.com/lemouf/konitif-theme/blob/main/src/runtime/runtimePhaseVisualMap.ts"
74
+ click node_spatial_state "https://github.com/lemouf/konitif-theme/blob/main/src/runtime/runtimeSpatialReactivity.ts"
75
+ click node_ambient_runtime "https://github.com/lemouf/konitif-theme/blob/main/src/ambient/SpatialAmbientRuntime.svelte"
76
+ click node_projection_grid "https://github.com/lemouf/konitif-theme/blob/main/src/ambient/SpatialProjectionGrid.svelte"
77
+ click node_grid_model "https://github.com/lemouf/konitif-theme/blob/main/src/ambient/spatialProjectionGridModel.ts"
78
+ click node_ambient_canvas "https://github.com/lemouf/konitif-theme/blob/main/src/ambient/SpatialAmbientCanvas.svelte"
79
+ click node_ambient_particles "https://github.com/lemouf/konitif-theme/blob/main/src/ambient/SpatialAmbientParticles.svelte"
80
+ click node_focus_store "https://github.com/lemouf/konitif-theme/blob/main/src/focus/perceptualFocusStore.ts"
81
+ click node_focus_surface "https://github.com/lemouf/konitif-theme/blob/main/src/focus/PerceptualSurface.svelte"
82
+ click node_focus_provider "https://github.com/lemouf/konitif-theme/blob/main/src/focus/FocusPlaneProvider.svelte"
83
+ click node_depth_stack "https://github.com/lemouf/konitif-theme/blob/main/src/depth/SpatialDepthStack.svelte"
84
+ click node_depth_layer "https://github.com/lemouf/konitif-theme/blob/main/src/depth/SpatialDepthLayer.svelte"
85
+
86
+ ```
87
+
88
+ ## Generated analysis
89
+
90
+ @konitif/theme is a Svelte theme and visual-projection library for KONITIF Workbench hosts. The host applies a light or dark theme, supplies runtime phases and focus interactions, and receives themed surfaces plus ambient spatial visuals. Runtime phases become spatial state and visual mappings; ambient rendering projects that state through grids, particles and canvas effects. Perceptual surfaces maintain local focus state, while depth components express layered presentation. Evidence is based on the README, tree, exports and sampled source; several component internals were not sampled.
package/src/focus/PerceptualSurface.svelte CHANGED
@@ -2,7 +2,7 @@
2
2
  import { onDestroy, onMount } from 'svelte';
3
3
  import { konitifRoleDefaultDepth, resolveKonitifDepthVisual } from './focusDepthMap';
4
4
  import { usePerceptualFocus } from './usePerceptualFocus';
5
- import type { KonitifDepthLevel, KonitifSurfaceRole } from './perceptualFocusTypes';
5
+ import type { KonitifDepthLevel, KonitifSurfaceRole, PerceptualFocusPoint } from './perceptualFocusTypes';
6
6
 
7
7
  export let id: string;
8
8
  export let role: KonitifSurfaceRole = 'panel';