@visualli/core 0.1.6 → 0.2.0

package/dist/constants/index.d.ts

@@ -1,4 +1,5 @@
-import { R as RenderConfig } from '../mindmap-DWS0WZT_.js';
+import { R as RenderConfig } from '../mindmap-DHeVa86G.js';
+import '../designSystem-BOrZHfEq.js';
 
 declare const FPS_TARGET = 60;
 declare const FPS_WARNING_THRESHOLD = 45;
@@ -33,26 +34,9 @@ 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_MIN: 0.3;
+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;
@@ -104,234 +88,12 @@ declare const VIEWPORT_CONFIG: {
     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;
@@ -445,4 +207,4 @@ declare function isFeatureEnabled(featureName: keyof typeof FEATURE_FLAGS, confi
  */
 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 };
+export { CIRCULAR_REFERENCE_MAX_DEPTH, CLICK_THRESHOLD, CULLING_QUERY_TIME_BUDGET, DEFAULT_CANVAS_HEIGHT, DEFAULT_CANVAS_WIDTH, DEFAULT_RENDER_CONFIG, DOUBLE_CLICK_DELAY, DRAG_START_DISTANCE, FEATURE_FLAGS, 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, 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, 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, SIMPLIFIED_RENDER_CONFIG, SPATIAL_INDEX_BUILD_BUDGET, TARGET_FRAME_TIME, TIMING_THRESHOLDS, VIEWPORT_CONFIG, VIEWPORT_MARGIN, ZOOM_DEFAULT, ZOOM_MAX, ZOOM_MIN, getOptimalQualityLevel, getRecommendedRenderConfig, getRenderConfigForQuality, isFeatureEnabled };

package/dist/constants/index.js

@@ -9,39 +9,13 @@ import {
   getRecommendedRenderConfig,
   getRenderConfigForQuality,
   isFeatureEnabled
-} from "../chunk-I75TMOE4.js";
+} from "../chunk-P6PKWVYF.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";
+  LAYOUT_SPACING
+} from "../chunk-N7HCYULH.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,
@@ -65,9 +39,6 @@ import {
   MEMORY_TARGET_MB,
   MEMORY_WARNING_MB,
   NODE_COUNT_THRESHOLDS,
-  NODE_HEIGHT,
-  NODE_MIN_WIDTH,
-  NODE_PADDING,
   PERFORMANCE_TOAST_COOLDOWN,
   QUALITY_HIGH,
   QUALITY_LOW,
@@ -78,44 +49,23 @@ import {
   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";
+  ZOOM_MIN
+} from "../chunk-UAMEJG2C.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,
@@ -126,8 +76,6 @@ export {
   FPS_UPGRADE_THRESHOLD,
   FPS_WARNING_THRESHOLD,
   LAYOUT_SPACING,
-  LEVEL_COLORS,
-  LEVEL_COLOR_ARRAY,
   MAX_FRAME_TIME,
   MAX_NODES,
   MAX_VISIBLE_NODES,
@@ -137,10 +85,6 @@ export {
   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,
@@ -152,32 +96,18 @@ export {
   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/designSystem-BOrZHfEq.d.cts

@@ -0,0 +1,150 @@
+/** Version of the design system these modules were generated from. */
+declare const DESIGN_SYSTEM_VERSION: "0.2.0";
+declare const THEME_NAMES: readonly ["light", "dark", "focus-light", "focus-dark", "colorsafe-light", "colorsafe-dark", "contrast-light", "contrast-dark"];
+type ThemeName = (typeof THEME_NAMES)[number];
+/** Every token for every theme (each theme already merged over "light"). Keys match the CSS custom properties. */
+declare const TOKENS: Readonly<Record<ThemeName, Readonly<Record<string, string>>>>;
+/** Topic palette names (token pairs `topic-<name>` / `topic-<name>-ring`). */
+declare const TOPICS: readonly ["teal", "harbor", "iris", "berry", "coral", "amber", "sun", "stone"];
+type TopicName = (typeof TOPICS)[number];
+/** Numeric tokens (px / ms stripped), camel-cased: nodeWidth, nodeStroke, edgeWidth, edgeGap, durationBase, zoomMin ... */
+declare const METRICS: {
+    readonly space1: 4;
+    readonly space2: 8;
+    readonly space3: 12;
+    readonly space4: 16;
+    readonly space7: 48;
+    readonly radiusSm: 10;
+    readonly radiusMd: 16;
+    readonly radiusLg: 24;
+    readonly radiusPill: 999;
+    readonly nodeWidth: 200;
+    readonly nodeHeight: 148;
+    readonly nodeStroke: 3;
+    readonly edgeWidth: 2.5;
+    readonly edgeGap: 15;
+    readonly edgeArcMax: 45;
+    readonly immersionAlpha: 0.15;
+    readonly zoomMin: 0.3;
+    readonly zoomMax: 5;
+    readonly durationInstant: 100;
+    readonly durationQuick: 160;
+    readonly durationBase: 240;
+    readonly durationZoom: 500;
+    readonly durationReveal: 420;
+    readonly staggerReveal: 70;
+    readonly zChrome: 10;
+    readonly zCard: 20;
+    readonly zMenu: 40;
+};
+/** Overrides applied when motion is reduced. */
+declare const METRICS_REDUCED_MOTION: {
+    readonly durationInstant: 120;
+    readonly durationQuick: 0;
+    readonly durationBase: 0;
+    readonly durationZoom: 0;
+    readonly durationReveal: 0;
+    readonly staggerReveal: 0;
+};
+/** Canvas type styles (family is a token name: font-hand, font-note, font-ui ...). */
+declare const TYPE_STYLES: {
+    readonly heading: {
+        readonly family: "font-ui";
+        readonly size: 17;
+        readonly lineHeight: 24;
+        readonly weight: 700;
+    };
+    readonly body: {
+        readonly family: "font-ui";
+        readonly size: 15;
+        readonly lineHeight: 22;
+        readonly weight: 400;
+    };
+    readonly "body-sm": {
+        readonly family: "font-ui";
+        readonly size: 13;
+        readonly lineHeight: 18;
+        readonly weight: 400;
+    };
+    readonly label: {
+        readonly family: "font-ui";
+        readonly size: 13;
+        readonly lineHeight: 16;
+        readonly weight: 600;
+        readonly letterSpacing: 0.01;
+    };
+    readonly caption: {
+        readonly family: "font-ui";
+        readonly size: 12;
+        readonly lineHeight: 16;
+        readonly weight: 400;
+    };
+    readonly "node-root": {
+        readonly family: "font-hand";
+        readonly size: 30;
+        readonly lineHeight: 34;
+        readonly weight: 700;
+    };
+    readonly "node-label": {
+        readonly family: "font-hand";
+        readonly size: 22;
+        readonly lineHeight: 26;
+        readonly weight: 700;
+    };
+    readonly "edge-label": {
+        readonly family: "font-note";
+        readonly size: 18;
+        readonly lineHeight: 20;
+        readonly weight: 500;
+    };
+    readonly annotation: {
+        readonly family: "font-note";
+        readonly size: 24;
+        readonly lineHeight: 26;
+        readonly weight: 600;
+    };
+};
+/** Canvas styling extracted from css/spec.css (node labels, hover, shadows, connector dashes, group frames). */
+declare const CANVAS_STYLE: {
+    readonly node: {
+        readonly selectedStrokeWidth: 4;
+        readonly hoverRingsRotate: -2;
+        readonly hoverRingsScale: 1.015;
+        readonly hoverLift: -2;
+        readonly dimmedOpacity: 1;
+        readonly dimmedOpacityFocus: 0.4;
+        readonly dimmedOpacityTouch: 0.6;
+        readonly dimmedOpacityFocusTouch: 0.4;
+        readonly shadowLight: "0 6px 14px rgba(24, 33, 64, .10)";
+        readonly shadowDark: "0 0 22px rgba(255, 255, 255, .10)";
+    };
+    readonly edge: {
+        readonly dash: readonly [7, 7];
+        readonly labelWeight: 500;
+        readonly labelSize: 18;
+        readonly readableLabelSize: 14;
+        readonly readableLabelWeight: 600;
+        readonly labelHaloWidth: 5;
+    };
+    readonly group: {
+        readonly strokeWidth: 1.5;
+        readonly dash: readonly [10, 6];
+        readonly labelWeight: 700;
+        readonly labelLineHeight: 1.1;
+        readonly labelSize: 26;
+        readonly labelPadding: {
+            readonly top: 6;
+            readonly x: 22;
+            readonly bottom: 8;
+        };
+        readonly labelMaxWidth: 420;
+        readonly labelBorderWidth: 1.5;
+        readonly labelFill: "topic-stone";
+        readonly labelBorder: "topic-stone-ring";
+        readonly labelInk: "node-ink";
+        readonly contrastLabelBorderWidth: 2;
+        readonly contrastLabelBorder: "line-strong";
+    };
+};
+
+export { CANVAS_STYLE as C, DESIGN_SYSTEM_VERSION as D, METRICS as M, type TopicName as T, type ThemeName as a, METRICS_REDUCED_MOTION as b, THEME_NAMES as c, TOKENS as d, TOPICS as e, TYPE_STYLES as f };