@konitif/theme 0.284.3 → 0.284.4
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.
- package/package.json +1 -1
- package/reference/gitdiagram.md +90 -0
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.
|
|
4
|
+
"version": "0.284.4",
|
|
5
5
|
"private": false,
|
|
6
6
|
"type": "module",
|
|
7
7
|
"description": "KONITIF theme tokens, spatial ambience and perceptual focus projections for compatible workbench hosts.",
|
|
@@ -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.
|