@visualli/core 0.1.4 → 0.1.6

package/dist/constants/index.d.ts

@@ -0,0 +1,448 @@
+import { R as RenderConfig } from '../mindmap-DWS0WZT_.js';
+
+declare const FPS_TARGET = 60;
+declare const FPS_WARNING_THRESHOLD = 45;
+declare const FPS_CRITICAL_THRESHOLD = 30;
+declare const TARGET_FRAME_TIME: number;
+declare const MAX_FRAME_TIME = 18;
+/** Legacy frame-rate targets kept for backward compatibility. */
+declare const FPS_TARGETS: {
+    readonly PAN_MIN: 30;
+    readonly ZOOM_TARGET: 60;
+    readonly WARNING_THRESHOLD: 20;
+};
+declare const TIMING_THRESHOLDS: {
+    readonly VIEWPORT_QUERY_MAX: 5;
+    readonly SPATIAL_UPDATE_MAX: 10;
+    readonly DRAG_RESPONSE_MAX: 16;
+    readonly LOAD_5K_TARGET: 2000;
+    readonly LOAD_10K_TARGET: 3000;
+    readonly VIEWPORT_DEBOUNCE: 100;
+    readonly SPATIAL_INDEX_BUILD: 50;
+};
+declare const MEMORY_TARGET_MB = 500;
+declare const MEMORY_WARNING_MB = 600;
+declare const MEMORY_CRITICAL_MB = 800;
+declare const MEMORY_LIMITS: {
+    readonly MAX_10K_NODES: 500;
+    readonly MAX_GROWTH_PERCENT: 20;
+    readonly WARNING_THRESHOLD: 400;
+};
+declare const VIEWPORT_MARGIN = 0.1;
+declare const MAX_VISIBLE_NODES = 800;
+declare const CULLING_QUERY_TIME_BUDGET = 5;
+declare const RBUSH_MAX_ENTRIES = 16;
+declare const SPATIAL_INDEX_BUILD_BUDGET = 50;
+declare const NODE_MIN_WIDTH = 200;
+declare const NODE_HEIGHT = 80;
+declare const NODE_PADDING = 40;
+declare const CHAR_WIDTH = 8;
+declare const TITLE_MAX_LENGTH = 150;
+declare const CORNER_RADIUS = 8;
+declare const BORDER_WIDTH_NORMAL = 2;
+declare const BORDER_WIDTH_SELECTED = 3;
+declare const COLOR_SELECTED = "#1B2D4F";
+declare const COLOR_BORDER_LIGHT = "#4A3728";
+declare const COLOR_BORDER_DARK = "#FAF6F1";
+declare const COLOR_DEFAULT_NODE = "#FAF6F1";
+declare const ZOOM_MIN = 0.05;
+declare const ZOOM_MAX = 5;
+declare const ZOOM_DEFAULT = 1;
+declare const ZOOM_STEP = 0.1;
+declare const ZOOM_WHEEL_SENSITIVITY = 0.001;
+declare const ZOOM_NAV_IN_THRESHOLD = 2.7;
+declare const ZOOM_NAV_OUT_THRESHOLD = 0.4;
+declare const TEXT_LABEL_HIDE_BELOW_ZOOM = 0.3;
+declare const QUALITY_HIGH: {
+    shadows: boolean;
+    bezierCurves: boolean;
+    animations: boolean;
+    textQuality: "high";
+    antialiasing: boolean;
+};
+declare const QUALITY_MEDIUM: {
+    shadows: boolean;
+    bezierCurves: boolean;
+    animations: boolean;
+    textQuality: "medium";
+    antialiasing: boolean;
+};
+declare const QUALITY_LOW: {
+    shadows: boolean;
+    bezierCurves: boolean;
+    animations: boolean;
+    textQuality: "low";
+    antialiasing: boolean;
+};
+declare const FPS_SAMPLE_WINDOW = 60;
+declare const FPS_UPDATE_INTERVAL = 1000;
+declare const MEMORY_CHECK_INTERVAL = 5000;
+declare const PERFORMANCE_TOAST_COOLDOWN = 10000;
+declare const FPS_DOWNGRADE_THRESHOLD = 45;
+declare const FPS_UPGRADE_THRESHOLD = 58;
+declare const FPS_STABILIZATION_FRAMES = 180;
+declare const DEFAULT_CANVAS_WIDTH = 1920;
+declare const DEFAULT_CANVAS_HEIGHT = 1080;
+declare const CLICK_THRESHOLD = 5;
+declare const DOUBLE_CLICK_DELAY = 300;
+declare const DRAG_START_DISTANCE = 10;
+declare const MAX_NODES = 20000;
+declare const CIRCULAR_REFERENCE_MAX_DEPTH = 1000;
+declare const RESIZE_DEBOUNCE = 300;
+declare const SCROLL_THROTTLE = 16;
+declare const SEARCH_DEBOUNCE = 500;
+/** Node count thresholds that gate optimisation strategies. */
+declare const NODE_COUNT_THRESHOLDS: {
+    readonly SPATIAL_INDEX_MIN: 100;
+    readonly VIEWPORT_CULLING_MIN: 500;
+    readonly CANVAS_RENDERING_MIN: 2000;
+    readonly DOM_RENDERING_MAX: 5000;
+};
+/** Viewport buffer configuration. */
+declare const VIEWPORT_CONFIG: {
+    readonly BUFFER_PERCENT: 0.2;
+    readonly MIN_VISIBLE_NODES: 10;
+};
+
+declare const DS_COLORS: {
+    readonly light: {
+        readonly bgApp: "#F0EDE6";
+        readonly bgSurface: "#FAF8F4";
+        readonly bgInput: "#FFFFFF";
+        readonly border: "#DDD9D0";
+        readonly borderDivider: "#E8E4DC";
+        readonly primary: "#1B2D4F";
+        readonly primaryHover: "#243B68";
+        readonly textPrimary: "#1A1A18";
+        readonly textSecondary: "#6B6860";
+        readonly textMuted: "#747270";
+        readonly textOnPrimary: "#FAF8F4";
+        readonly hoverItem: "rgba(27,45,79,0.07)";
+        readonly focusRing: "rgba(27,45,79,0.40)";
+        readonly btnMuted: "#8E8C88";
+    };
+    readonly dark: {
+        readonly bgApp: "#141412";
+        readonly bgSurface: "#1C1C1A";
+        readonly bgInput: "#262622";
+        readonly border: "#333330";
+        readonly borderDivider: "#2A2A28";
+        readonly primary: "#BB532D";
+        readonly primaryHover: "#CC6440";
+        readonly textPrimary: "#F0EDE6";
+        readonly textSecondary: "#B0ABA3";
+        readonly textMuted: "#8E8C88";
+        readonly textOnPrimary: "#FAF8F4";
+        readonly hoverItem: "rgba(198,94,56,0.12)";
+        readonly focusRing: "rgba(198,94,56,0.50)";
+        readonly btnMuted: "#4A4845";
+    };
+};
+declare const DS_TYPOGRAPHY: {
+    readonly fontDisplay: "'Nunito', sans-serif";
+    readonly fontBody: "'Nunito Sans', sans-serif";
+    readonly logo: {
+        readonly size: "20px";
+        readonly weight: 800;
+        readonly letterSpacing: "0.04em";
+    };
+    readonly heading: {
+        readonly size: "16px";
+        readonly weight: 700;
+        readonly letterSpacing: "-0.2px";
+    };
+    readonly cta: {
+        readonly size: "11px";
+        readonly weight: 800;
+        readonly letterSpacing: "0.12em";
+        readonly transform: "uppercase";
+    };
+    readonly body: {
+        readonly size: "13px";
+        readonly weight: 400;
+    };
+    readonly input: {
+        readonly size: "13px";
+        readonly weight: 300;
+        readonly style: "italic";
+    };
+    readonly search: {
+        readonly size: "12px";
+        readonly weight: 400;
+    };
+    readonly username: {
+        readonly size: "13px";
+        readonly weight: 600;
+    };
+    readonly avatar: {
+        readonly size: "11px";
+        readonly weight: 700;
+    };
+    readonly footer: {
+        readonly size: "12px";
+        readonly weight: 400;
+    };
+    readonly empty: {
+        readonly size: "11px";
+        readonly weight: 300;
+        readonly style: "italic";
+    };
+};
+declare const DS_RADII: {
+    readonly sidebar: 16;
+    readonly input: 8;
+    readonly cta: 7;
+    readonly item: 6;
+    readonly swatch: 10;
+};
+declare const BRAND_COLORS: {
+    readonly primary: {
+        readonly 50: "#EFF6FF";
+        readonly 100: "#DBEAFE";
+        readonly 200: "#BFDBFE";
+        readonly 300: "#93C5FD";
+        readonly 400: "#60A5FA";
+        readonly 500: "#3B82F6";
+        readonly 600: "#2563EB";
+        readonly 700: "#1D4ED8";
+        readonly 800: "#1E40AF";
+        readonly 900: "#1E3A8A";
+    };
+    readonly secondary: {
+        readonly 50: "#F0FDF4";
+        readonly 100: "#DCFCE7";
+        readonly 200: "#BBF7D0";
+        readonly 300: "#86EFAC";
+        readonly 400: "#4ADE80";
+        readonly 500: "#10B981";
+        readonly 600: "#059669";
+        readonly 700: "#047857";
+        readonly 800: "#065F46";
+        readonly 900: "#064E3B";
+    };
+    readonly accent: {
+        readonly purple: "#8B5CF6";
+        readonly cyan: "#06B6D4";
+        readonly sky: "#0EA5E9";
+        readonly lime: "#84CC16";
+        readonly amber: "#F59E0B";
+        readonly red: "#EF4444";
+    };
+};
+declare const LEVEL_COLORS: {
+    readonly level0: "#3B82F6";
+    readonly level1: "#60A5FA";
+    readonly level2: "#93C5FD";
+    readonly level3: "#BFDBFE";
+    readonly level4: "#93C5FD";
+    readonly level5: "#60A5FA";
+    readonly level6: "#3B82F6";
+    readonly level7: "#2563EB";
+    readonly level8: "#1D4ED8";
+};
+declare const LEVEL_COLOR_ARRAY: readonly ["#3B82F6", "#60A5FA", "#93C5FD", "#BFDBFE", "#93C5FD", "#60A5FA", "#3B82F6", "#2563EB", "#1D4ED8"];
+declare const PARENT_FALLBACK_COLORS: readonly ["#12C7D3", "#325E8C", "#8A70A6", "#F54A57", "#FF6C4D", "#F28C16", "#FFD347", "#7F7F7F", "#8D8D8D"];
+declare const SEMANTIC_COLORS: {
+    readonly success: "#10B981";
+    readonly error: "#EF4444";
+    readonly warning: "#F59E0B";
+    readonly info: "#3B82F6";
+};
+declare const THEME_COLORS: {
+    readonly light: {
+        readonly background: {
+            readonly primary: "#FAF8F4";
+            readonly secondary: "#F0EDE6";
+            readonly tertiary: "#FFFFFF";
+        };
+        readonly text: {
+            readonly primary: "#1A1A18";
+            readonly secondary: "#6B6860";
+            readonly tertiary: "#747270";
+        };
+        readonly border: {
+            readonly primary: "#DDD9D0";
+            readonly secondary: "#E8E4DC";
+        };
+    };
+    readonly dark: {
+        readonly background: {
+            readonly primary: "#1C1C1A";
+            readonly secondary: "#141412";
+            readonly tertiary: "#262622";
+        };
+        readonly text: {
+            readonly primary: "#F0EDE6";
+            readonly secondary: "#B0ABA3";
+            readonly tertiary: "#8E8C88";
+        };
+        readonly border: {
+            readonly primary: "#333330";
+            readonly secondary: "#2A2A28";
+        };
+    };
+};
+declare const CANVAS_COLORS: {
+    readonly node: {
+        readonly border: "#FFFFFF";
+        readonly titleColor: "#1e1b4b";
+        readonly badgeBackground: "#FFC107";
+        readonly badgeStroke: "#fcd34d";
+    };
+};
+declare const SPACING: {
+    readonly xs: 4;
+    readonly sm: 8;
+    readonly md: 16;
+    readonly lg: 24;
+    readonly xl: 32;
+    readonly '2xl': 48;
+    readonly '3xl': 64;
+    readonly '4xl': 96;
+};
+declare const LAYOUT_SPACING: {
+    readonly nodeSpacing: 200;
+    readonly levelSpacing: 150;
+    readonly containerPadding: 20;
+    readonly gridSize: 50;
+};
+declare const FONTS: {
+    readonly primary: "'Inter', sans-serif";
+    readonly secondary: "'Poppins', sans-serif";
+    readonly mono: "'Roboto Mono', monospace";
+};
+declare const FONT_SIZES: {
+    readonly xs: "0.75rem";
+    readonly sm: "0.875rem";
+    readonly base: "1rem";
+    readonly lg: "1.125rem";
+    readonly xl: "1.25rem";
+    readonly '2xl': "1.5rem";
+    readonly '3xl': "1.875rem";
+    readonly '4xl': "2.25rem";
+};
+/** Get a level color, cycling back to level 0 for levels > 8. */
+declare function getColorForLevel(level: number): string;
+/**
+ * Darken a hex color by reducing HSL lightness.
+ * Returns a monochromatic darker version — used for border/stroke colors.
+ * Falls back to the original string if parsing fails.
+ */
+declare function darkenHexColor(hex: string, amount?: number): string;
+declare function getThemeBackground(isDark: boolean, variant?: 'primary' | 'secondary' | 'tertiary'): string;
+declare function getThemeText(isDark: boolean, variant?: 'primary' | 'secondary' | 'tertiary'): string;
+declare function getThemeBorder(isDark: boolean, variant?: 'primary' | 'secondary'): string;
+
+declare const DEFAULT_RENDER_CONFIG: RenderConfig;
+declare const SIMPLIFIED_RENDER_CONFIG: RenderConfig;
+declare const QUALITY_SETTINGS: {
+    readonly high: {
+        shadows: boolean;
+        bezierCurves: boolean;
+        animations: boolean;
+        textQuality: "high";
+        antialiasing: boolean;
+    };
+    readonly medium: {
+        shadows: boolean;
+        bezierCurves: boolean;
+        animations: boolean;
+        textQuality: "medium";
+        antialiasing: boolean;
+    };
+    readonly low: {
+        shadows: boolean;
+        bezierCurves: boolean;
+        animations: boolean;
+        textQuality: "low";
+        antialiasing: boolean;
+    };
+};
+declare const FEATURE_FLAGS: {
+    readonly viewportCulling: true;
+    readonly spatialIndexing: true;
+    readonly shadows: true;
+    readonly bezierCurves: true;
+    readonly animations: true;
+    readonly branchBadges: true;
+    readonly autoQualityAdjustment: true;
+    readonly performanceMonitoring: true;
+    readonly performanceToasts: true;
+    readonly debugOverlay: false;
+    readonly showFPS: false;
+    readonly showMemory: false;
+    readonly showVisibleCount: false;
+};
+type RenderMode = RenderConfig['renderMode'];
+type QualityLevel = RenderConfig['qualityLevel'];
+declare const RENDER_MODES: {
+    readonly canvas: {
+        readonly name: "Canvas";
+        readonly description: "Full Konva canvas rendering with all features";
+        readonly features: {
+            readonly culling: true;
+            readonly shadows: true;
+            readonly bezierCurves: true;
+            readonly animations: true;
+        };
+    };
+    readonly simplified: {
+        readonly name: "Simplified";
+        readonly description: "Reduced feature set for low-end devices";
+        readonly features: {
+            readonly culling: true;
+            readonly shadows: false;
+            readonly bezierCurves: false;
+            readonly animations: false;
+        };
+    };
+};
+declare const QUALITY_LEVELS: {
+    readonly high: {
+        readonly name: "High";
+        readonly description: "All visual features enabled";
+        readonly targetFPS: 60;
+        readonly features: {
+            shadows: boolean;
+            bezierCurves: boolean;
+            animations: boolean;
+            textQuality: "high";
+            antialiasing: boolean;
+        };
+    };
+    readonly medium: {
+        readonly name: "Medium";
+        readonly description: "Shadows disabled, other features enabled";
+        readonly targetFPS: 60;
+        readonly features: {
+            shadows: boolean;
+            bezierCurves: boolean;
+            animations: boolean;
+            textQuality: "medium";
+            antialiasing: boolean;
+        };
+    };
+    readonly low: {
+        readonly name: "Low";
+        readonly description: "Minimal visual features, max performance";
+        readonly targetFPS: 30;
+        readonly features: {
+            shadows: boolean;
+            bezierCurves: boolean;
+            animations: boolean;
+            textQuality: "low";
+            antialiasing: boolean;
+        };
+    };
+};
+declare function getOptimalQualityLevel(currentFPS: number, currentQuality: QualityLevel): QualityLevel;
+declare function getRenderConfigForQuality(quality: QualityLevel): Partial<RenderConfig>;
+declare function isFeatureEnabled(featureName: keyof typeof FEATURE_FLAGS, config: RenderConfig): boolean;
+/**
+ * Recommend a render config based on detected device memory (browser only).
+ * Falls back to SIMPLIFIED_RENDER_CONFIG when the Performance Memory API is
+ * unavailable or memory is constrained.
+ */
+declare function getRecommendedRenderConfig(): RenderConfig;
+
+export { BORDER_WIDTH_NORMAL, BORDER_WIDTH_SELECTED, BRAND_COLORS, CANVAS_COLORS, CHAR_WIDTH, CIRCULAR_REFERENCE_MAX_DEPTH, CLICK_THRESHOLD, COLOR_BORDER_DARK, COLOR_BORDER_LIGHT, COLOR_DEFAULT_NODE, COLOR_SELECTED, CORNER_RADIUS, CULLING_QUERY_TIME_BUDGET, DEFAULT_CANVAS_HEIGHT, DEFAULT_CANVAS_WIDTH, DEFAULT_RENDER_CONFIG, DOUBLE_CLICK_DELAY, DRAG_START_DISTANCE, DS_COLORS, DS_RADII, DS_TYPOGRAPHY, FEATURE_FLAGS, FONTS, FONT_SIZES, FPS_CRITICAL_THRESHOLD, FPS_DOWNGRADE_THRESHOLD, FPS_SAMPLE_WINDOW, FPS_STABILIZATION_FRAMES, FPS_TARGET, FPS_TARGETS, FPS_UPDATE_INTERVAL, FPS_UPGRADE_THRESHOLD, FPS_WARNING_THRESHOLD, LAYOUT_SPACING, LEVEL_COLORS, LEVEL_COLOR_ARRAY, MAX_FRAME_TIME, MAX_NODES, MAX_VISIBLE_NODES, MEMORY_CHECK_INTERVAL, MEMORY_CRITICAL_MB, MEMORY_LIMITS, MEMORY_TARGET_MB, MEMORY_WARNING_MB, NODE_COUNT_THRESHOLDS, NODE_HEIGHT, NODE_MIN_WIDTH, NODE_PADDING, PARENT_FALLBACK_COLORS, PERFORMANCE_TOAST_COOLDOWN, QUALITY_HIGH, QUALITY_LEVELS, QUALITY_LOW, QUALITY_MEDIUM, QUALITY_SETTINGS, type QualityLevel, RBUSH_MAX_ENTRIES, RENDER_MODES, RESIZE_DEBOUNCE, type RenderMode, SCROLL_THROTTLE, SEARCH_DEBOUNCE, SEMANTIC_COLORS, SIMPLIFIED_RENDER_CONFIG, SPACING, SPATIAL_INDEX_BUILD_BUDGET, TARGET_FRAME_TIME, TEXT_LABEL_HIDE_BELOW_ZOOM, THEME_COLORS, TIMING_THRESHOLDS, TITLE_MAX_LENGTH, VIEWPORT_CONFIG, VIEWPORT_MARGIN, ZOOM_DEFAULT, ZOOM_MAX, ZOOM_MIN, ZOOM_NAV_IN_THRESHOLD, ZOOM_NAV_OUT_THRESHOLD, ZOOM_STEP, ZOOM_WHEEL_SENSITIVITY, darkenHexColor, getColorForLevel, getOptimalQualityLevel, getRecommendedRenderConfig, getRenderConfigForQuality, getThemeBackground, getThemeBorder, getThemeText, isFeatureEnabled };

package/dist/constants/index.js

@@ -0,0 +1,183 @@
+import {
+  DEFAULT_RENDER_CONFIG,
+  FEATURE_FLAGS,
+  QUALITY_LEVELS,
+  QUALITY_SETTINGS,
+  RENDER_MODES,
+  SIMPLIFIED_RENDER_CONFIG,
+  getOptimalQualityLevel,
+  getRecommendedRenderConfig,
+  getRenderConfigForQuality,
+  isFeatureEnabled
+} from "../chunk-I75TMOE4.js";
+import {
+  BRAND_COLORS,
+  CANVAS_COLORS,
+  DS_COLORS,
+  DS_RADII,
+  DS_TYPOGRAPHY,
+  FONTS,
+  FONT_SIZES,
+  LAYOUT_SPACING,
+  LEVEL_COLORS,
+  LEVEL_COLOR_ARRAY,
+  PARENT_FALLBACK_COLORS,
+  SEMANTIC_COLORS,
+  SPACING,
+  THEME_COLORS,
+  darkenHexColor,
+  getColorForLevel,
+  getThemeBackground,
+  getThemeBorder,
+  getThemeText
+} from "../chunk-G5H3P4YZ.js";
+import {
+  BORDER_WIDTH_NORMAL,
+  BORDER_WIDTH_SELECTED,
+  CHAR_WIDTH,
+  CIRCULAR_REFERENCE_MAX_DEPTH,
+  CLICK_THRESHOLD,
+  COLOR_BORDER_DARK,
+  COLOR_BORDER_LIGHT,
+  COLOR_DEFAULT_NODE,
+  COLOR_SELECTED,
+  CORNER_RADIUS,
+  CULLING_QUERY_TIME_BUDGET,
+  DEFAULT_CANVAS_HEIGHT,
+  DEFAULT_CANVAS_WIDTH,
+  DOUBLE_CLICK_DELAY,
+  DRAG_START_DISTANCE,
+  FPS_CRITICAL_THRESHOLD,
+  FPS_DOWNGRADE_THRESHOLD,
+  FPS_SAMPLE_WINDOW,
+  FPS_STABILIZATION_FRAMES,
+  FPS_TARGET,
+  FPS_TARGETS,
+  FPS_UPDATE_INTERVAL,
+  FPS_UPGRADE_THRESHOLD,
+  FPS_WARNING_THRESHOLD,
+  MAX_FRAME_TIME,
+  MAX_NODES,
+  MAX_VISIBLE_NODES,
+  MEMORY_CHECK_INTERVAL,
+  MEMORY_CRITICAL_MB,
+  MEMORY_LIMITS,
+  MEMORY_TARGET_MB,
+  MEMORY_WARNING_MB,
+  NODE_COUNT_THRESHOLDS,
+  NODE_HEIGHT,
+  NODE_MIN_WIDTH,
+  NODE_PADDING,
+  PERFORMANCE_TOAST_COOLDOWN,
+  QUALITY_HIGH,
+  QUALITY_LOW,
+  QUALITY_MEDIUM,
+  RBUSH_MAX_ENTRIES,
+  RESIZE_DEBOUNCE,
+  SCROLL_THROTTLE,
+  SEARCH_DEBOUNCE,
+  SPATIAL_INDEX_BUILD_BUDGET,
+  TARGET_FRAME_TIME,
+  TEXT_LABEL_HIDE_BELOW_ZOOM,
+  TIMING_THRESHOLDS,
+  TITLE_MAX_LENGTH,
+  VIEWPORT_CONFIG,
+  VIEWPORT_MARGIN,
+  ZOOM_DEFAULT,
+  ZOOM_MAX,
+  ZOOM_MIN,
+  ZOOM_NAV_IN_THRESHOLD,
+  ZOOM_NAV_OUT_THRESHOLD,
+  ZOOM_STEP,
+  ZOOM_WHEEL_SENSITIVITY
+} from "../chunk-LDJRGT2Q.js";
+export {
+  BORDER_WIDTH_NORMAL,
+  BORDER_WIDTH_SELECTED,
+  BRAND_COLORS,
+  CANVAS_COLORS,
+  CHAR_WIDTH,
+  CIRCULAR_REFERENCE_MAX_DEPTH,
+  CLICK_THRESHOLD,
+  COLOR_BORDER_DARK,
+  COLOR_BORDER_LIGHT,
+  COLOR_DEFAULT_NODE,
+  COLOR_SELECTED,
+  CORNER_RADIUS,
+  CULLING_QUERY_TIME_BUDGET,
+  DEFAULT_CANVAS_HEIGHT,
+  DEFAULT_CANVAS_WIDTH,
+  DEFAULT_RENDER_CONFIG,
+  DOUBLE_CLICK_DELAY,
+  DRAG_START_DISTANCE,
+  DS_COLORS,
+  DS_RADII,
+  DS_TYPOGRAPHY,
+  FEATURE_FLAGS,
+  FONTS,
+  FONT_SIZES,
+  FPS_CRITICAL_THRESHOLD,
+  FPS_DOWNGRADE_THRESHOLD,
+  FPS_SAMPLE_WINDOW,
+  FPS_STABILIZATION_FRAMES,
+  FPS_TARGET,
+  FPS_TARGETS,
+  FPS_UPDATE_INTERVAL,
+  FPS_UPGRADE_THRESHOLD,
+  FPS_WARNING_THRESHOLD,
+  LAYOUT_SPACING,
+  LEVEL_COLORS,
+  LEVEL_COLOR_ARRAY,
+  MAX_FRAME_TIME,
+  MAX_NODES,
+  MAX_VISIBLE_NODES,
+  MEMORY_CHECK_INTERVAL,
+  MEMORY_CRITICAL_MB,
+  MEMORY_LIMITS,
+  MEMORY_TARGET_MB,
+  MEMORY_WARNING_MB,
+  NODE_COUNT_THRESHOLDS,
+  NODE_HEIGHT,
+  NODE_MIN_WIDTH,
+  NODE_PADDING,
+  PARENT_FALLBACK_COLORS,
+  PERFORMANCE_TOAST_COOLDOWN,
+  QUALITY_HIGH,
+  QUALITY_LEVELS,
+  QUALITY_LOW,
+  QUALITY_MEDIUM,
+  QUALITY_SETTINGS,
+  RBUSH_MAX_ENTRIES,
+  RENDER_MODES,
+  RESIZE_DEBOUNCE,
+  SCROLL_THROTTLE,
+  SEARCH_DEBOUNCE,
+  SEMANTIC_COLORS,
+  SIMPLIFIED_RENDER_CONFIG,
+  SPACING,
+  SPATIAL_INDEX_BUILD_BUDGET,
+  TARGET_FRAME_TIME,
+  TEXT_LABEL_HIDE_BELOW_ZOOM,
+  THEME_COLORS,
+  TIMING_THRESHOLDS,
+  TITLE_MAX_LENGTH,
+  VIEWPORT_CONFIG,
+  VIEWPORT_MARGIN,
+  ZOOM_DEFAULT,
+  ZOOM_MAX,
+  ZOOM_MIN,
+  ZOOM_NAV_IN_THRESHOLD,
+  ZOOM_NAV_OUT_THRESHOLD,
+  ZOOM_STEP,
+  ZOOM_WHEEL_SENSITIVITY,
+  darkenHexColor,
+  getColorForLevel,
+  getOptimalQualityLevel,
+  getRecommendedRenderConfig,
+  getRenderConfigForQuality,
+  getThemeBackground,
+  getThemeBorder,
+  getThemeText,
+  isFeatureEnabled
+};
+//# sourceMappingURL=index.js.map

package/dist/constants/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/document-B3hnNr-F.d.cts

@@ -0,0 +1,73 @@
+import { Connection, Container, Node, Meta } from '@visualli/bindings';
+
+/** Alias to schema Node type for SDK consistency */
+type LayerNode = Node;
+/** Alias to schema Connection type for SDK consistency */
+type LayerConnection = Connection;
+/** Alias to schema Container type for SDK consistency */
+type LayerContainer = Container;
+/**
+ * SDK's stricter version of schema Layer.
+ * - Makes nodes/connections/containers required (always arrays, even if empty)
+ * - Adds SDK-specific `description` field
+ * - Explicitly types key fields to avoid 'unknown' from schema's index signature
+ */
+interface VisualliLayer {
+    type: 'layer';
+    /** UUID of the layer */
+    id: string;
+    /** Hierarchy level (0 = root) */
+    level: number;
+    /** UUID of the parent layer */
+    parentLayerId?: string;
+    /** UUID of the specific node in parent layer */
+    parentNodeId?: string;
+    /** SDK-specific description field (not in schema) */
+    description?: string;
+    /** Spatial arrangement (inherits from schema) */
+    layout?: 'radial' | 'linear-horizontal' | 'linear-vertical';
+    /** Required array of nodes (schema has optional) */
+    nodes: LayerNode[];
+    /** Required array of connections (schema has optional) */
+    connections: LayerConnection[];
+    /** Required array of containers (schema has optional) */
+    containers: LayerContainer[];
+}
+/** Intermediate format for rendering – converts VisualliLayer to flat nodes. */
+interface VisualliRenderNode {
+    id: string;
+    x: number;
+    y: number;
+    title: string;
+    summary: string;
+    level: number;
+    layerId: string;
+    layerLevel: number;
+    color: string;
+    width: number;
+    height: number;
+    branchCount: number;
+}
+interface VisualliRenderConnection {
+    id: string;
+    from: string;
+    to: string;
+    label?: string;
+    style?: 'dashed' | 'solid';
+}
+
+/** Alias to schema Meta type for SDK consistency */
+type VisualliMeta = Meta;
+
+/** Parsed .visualli document structure. */
+interface VisualliDocument {
+    meta: VisualliMeta;
+    /** Keyed by layer ID */
+    layers: Map<string, VisualliLayer>;
+    /** Quick lookup by level */
+    layersByLevel: Map<number, VisualliLayer[]>;
+    /** The level-0 layer */
+    rootLayer: VisualliLayer | null;
+}
+
+export type { LayerConnection as L, VisualliDocument as V, VisualliLayer as a, LayerContainer as b, LayerNode as c, VisualliMeta as d, VisualliRenderConnection as e, VisualliRenderNode as f };