@visualli/core 0.1.7 → 0.2.0

package/dist/parser/index.cjs

@@ -32,6 +32,7 @@ __export(parser_exports, {
   getChildLayers: () => getChildLayers,
   getNodeConnections: () => getNodeConnections,
   getNodesForLayer: () => getNodesForLayer,
+  getSemanticAnchors: () => getSemanticAnchors,
   getTopLevelConnections: () => getTopLevelConnections,
   getVisibleNodes: () => getVisibleNodes,
   loadVisualliFileFromFile: () => loadVisualliFileFromFile,
@@ -106,6 +107,13 @@ function parseVisualliFile(content) {
         }
         break;
       }
+      case "extension": {
+        const id = obj["id"];
+        if (typeof id === "string") {
+          (doc.extensions ?? (doc.extensions = {}))[id] = Array.isArray(obj["data"]) ? obj["data"] : [];
+        }
+        break;
+      }
       default:
         break;
     }
@@ -143,6 +151,11 @@ function loadVisualliFileFromFile(file) {
     reader.readAsText(file);
   });
 }
+function getSemanticAnchors(doc) {
+  const raw = doc.extensions?.["semantic-anchors"];
+  if (!Array.isArray(raw)) return [];
+  return raw.filter((a) => !!a && typeof a.word === "string" && typeof a.description === "string");
+}
 function getChildLayers(doc, nodeId) {
   const result = [];
   for (const layer of doc.layers.values()) {
@@ -166,6 +179,679 @@ function countLayersBeneath(doc, nodeId, visited = /* @__PURE__ */ new Set()) {
   return maxDepth;
 }
 
+// src/generated/designSystem.ts
+var TOKENS = {
+  "light": {
+    "font-display": '"Atkinson Hyperlegible Next", system-ui, sans-serif',
+    "font-ui": '"Atkinson Hyperlegible Next", system-ui, -apple-system, "Segoe UI", sans-serif',
+    "font-hand": 'Kalam, "Atkinson Hyperlegible Next", cursive',
+    "font-note": "Caveat, Kalam, cursive",
+    "font-mono": '"Atkinson Hyperlegible Mono", ui-monospace, "SF Mono", Menlo, monospace',
+    "canvas": "#f6f3ee",
+    "surface": "#ffffff",
+    "surface-sunken": "#f0ece5",
+    "surface-overlay": "#ffffff",
+    "line": "#e4dfd6",
+    "line-strong": "#7a7f94",
+    "ink": "#182140",
+    "ink-muted": "#4f5671",
+    "ink-subtle": "#5f647c",
+    "action": "#182140",
+    "on-action": "#ffffff",
+    "focus": "#325e8c",
+    "link": "#2f5a87",
+    "selection": "rgba(18, 199, 211, 0.28)",
+    "node-ink": "#182140",
+    "edge": "#2a3048",
+    "edge-label": "#4f5671",
+    "topic-teal": "#87f2f8",
+    "topic-teal-ring": "#00cdd5",
+    "topic-harbor": "#bcdbff",
+    "topic-harbor-ring": "#76b2f5",
+    "topic-iris": "#e0c8fe",
+    "topic-iris-ring": "#bd96ea",
+    "topic-berry": "#ffbdc4",
+    "topic-berry-ring": "#f47e8f",
+    "topic-coral": "#ffc7b2",
+    "topic-coral-ring": "#f38e65",
+    "topic-amber": "#ffcf9d",
+    "topic-amber-ring": "#eb9c38",
+    "topic-sun": "#ffea94",
+    "topic-sun-ring": "#dfbd04",
+    "topic-stone": "#e0dacf",
+    "topic-stone-ring": "#bab09f",
+    "space-1": "4px",
+    "space-2": "8px",
+    "space-3": "12px",
+    "space-4": "16px",
+    "space-7": "48px",
+    "radius-sm": "10px",
+    "radius-md": "16px",
+    "radius-lg": "24px",
+    "radius-pill": "999px",
+    "shadow-float": "0 1px 2px rgba(24, 33, 64, 0.06), 0 8px 24px rgba(24, 33, 64, 0.08)",
+    "shadow-pop": "0 2px 4px rgba(24, 33, 64, 0.08), 0 16px 40px rgba(24, 33, 64, 0.14)",
+    "node-width": "200px",
+    "node-height": "148px",
+    "node-stroke": "3px",
+    "edge-width": "2.5px",
+    "edge-gap": "15px",
+    "edge-arc-max": "45px",
+    "immersion-alpha": "0.15",
+    "zoom-min": "0.3",
+    "zoom-max": "5",
+    "duration-instant": "100ms",
+    "duration-quick": "160ms",
+    "duration-base": "240ms",
+    "duration-zoom": "500ms",
+    "duration-reveal": "420ms",
+    "stagger-reveal": "70ms",
+    "ease-zoom": "cubic-bezier(0.2, 0.8, 0.2, 1)",
+    "ease-standard": "cubic-bezier(0.4, 0, 0.2, 1)",
+    "ease-bloom": "cubic-bezier(0.34, 1.4, 0.64, 1)",
+    "z-chrome": "10",
+    "z-card": "20",
+    "z-menu": "40"
+  },
+  "dark": {
+    "font-display": '"Atkinson Hyperlegible Next", system-ui, sans-serif',
+    "font-ui": '"Atkinson Hyperlegible Next", system-ui, -apple-system, "Segoe UI", sans-serif',
+    "font-hand": 'Kalam, "Atkinson Hyperlegible Next", cursive',
+    "font-note": "Caveat, Kalam, cursive",
+    "font-mono": '"Atkinson Hyperlegible Mono", ui-monospace, "SF Mono", Menlo, monospace',
+    "canvas": "#0f1220",
+    "surface": "#171b2b",
+    "surface-sunken": "#0f1220",
+    "surface-overlay": "#212639",
+    "line": "#2b3148",
+    "line-strong": "#6c7392",
+    "ink": "#eef0f7",
+    "ink-muted": "#b3b8cc",
+    "ink-subtle": "#8f95ae",
+    "action": "#f6f3ee",
+    "on-action": "#182140",
+    "focus": "#12c7d3",
+    "link": "#5fd8e1",
+    "selection": "rgba(18, 199, 211, 0.32)",
+    "node-ink": "#182140",
+    "edge": "#c9cddc",
+    "edge-label": "#b3b8cc",
+    "topic-teal": "#87f2f8",
+    "topic-teal-ring": "#0fc5cd",
+    "topic-harbor": "#bcdbff",
+    "topic-harbor-ring": "#73aceb",
+    "topic-iris": "#e0c8fe",
+    "topic-iris-ring": "#b691e1",
+    "topic-berry": "#ffbdc4",
+    "topic-berry-ring": "#eb798a",
+    "topic-coral": "#ffc7b2",
+    "topic-coral-ring": "#ea8962",
+    "topic-amber": "#ffcf9d",
+    "topic-amber-ring": "#e29737",
+    "topic-sun": "#ffea94",
+    "topic-sun-ring": "#d8b70a",
+    "topic-stone": "#e0dacf",
+    "topic-stone-ring": "#b4a999",
+    "space-1": "4px",
+    "space-2": "8px",
+    "space-3": "12px",
+    "space-4": "16px",
+    "space-7": "48px",
+    "radius-sm": "10px",
+    "radius-md": "16px",
+    "radius-lg": "24px",
+    "radius-pill": "999px",
+    "shadow-float": "0 1px 2px rgba(0, 0, 0, 0.40), 0 8px 24px rgba(0, 0, 0, 0.35)",
+    "shadow-pop": "0 2px 4px rgba(0, 0, 0, 0.50), 0 16px 40px rgba(0, 0, 0, 0.50)",
+    "node-width": "200px",
+    "node-height": "148px",
+    "node-stroke": "3px",
+    "edge-width": "2.5px",
+    "edge-gap": "15px",
+    "edge-arc-max": "45px",
+    "immersion-alpha": "0.15",
+    "zoom-min": "0.3",
+    "zoom-max": "5",
+    "duration-instant": "100ms",
+    "duration-quick": "160ms",
+    "duration-base": "240ms",
+    "duration-zoom": "500ms",
+    "duration-reveal": "420ms",
+    "stagger-reveal": "70ms",
+    "ease-zoom": "cubic-bezier(0.2, 0.8, 0.2, 1)",
+    "ease-standard": "cubic-bezier(0.4, 0, 0.2, 1)",
+    "ease-bloom": "cubic-bezier(0.34, 1.4, 0.64, 1)",
+    "z-chrome": "10",
+    "z-card": "20",
+    "z-menu": "40"
+  },
+  "focus-light": {
+    "font-display": '"Atkinson Hyperlegible Next", system-ui, sans-serif',
+    "font-ui": '"Atkinson Hyperlegible Next", system-ui, -apple-system, "Segoe UI", sans-serif',
+    "font-hand": 'Kalam, "Atkinson Hyperlegible Next", cursive',
+    "font-note": "Caveat, Kalam, cursive",
+    "font-mono": '"Atkinson Hyperlegible Mono", ui-monospace, "SF Mono", Menlo, monospace',
+    "canvas": "#f4f2ee",
+    "surface": "#ffffff",
+    "surface-sunken": "#f0ece5",
+    "surface-overlay": "#ffffff",
+    "line": "#e4dfd6",
+    "line-strong": "#7a7f94",
+    "ink": "#182140",
+    "ink-muted": "#4f5671",
+    "ink-subtle": "#5f647c",
+    "action": "#182140",
+    "on-action": "#ffffff",
+    "focus": "#325e8c",
+    "link": "#2f5a87",
+    "selection": "rgba(18, 199, 211, 0.28)",
+    "node-ink": "#182140",
+    "edge": "#5a6079",
+    "edge-label": "#5a6079",
+    "topic-teal": "#bce8ea",
+    "topic-teal-ring": "#67c6cb",
+    "topic-harbor": "#c9d9ec",
+    "topic-harbor-ring": "#8bb2de",
+    "topic-iris": "#d9cfe8",
+    "topic-iris-ring": "#b79ed4",
+    "topic-berry": "#edc6c9",
+    "topic-berry-ring": "#da9099",
+    "topic-coral": "#eecec1",
+    "topic-coral-ring": "#db9b82",
+    "topic-amber": "#eed4ba",
+    "topic-amber-ring": "#d6a570",
+    "topic-sun": "#f4eac1",
+    "topic-sun-ring": "#d2bf73",
+    "topic-stone": "#dddad5",
+    "topic-stone-ring": "#bab09f",
+    "space-1": "4px",
+    "space-2": "8px",
+    "space-3": "12px",
+    "space-4": "16px",
+    "space-7": "48px",
+    "radius-sm": "10px",
+    "radius-md": "16px",
+    "radius-lg": "24px",
+    "radius-pill": "999px",
+    "shadow-float": "0 1px 2px rgba(24, 33, 64, 0.06), 0 8px 24px rgba(24, 33, 64, 0.08)",
+    "shadow-pop": "0 2px 4px rgba(24, 33, 64, 0.08), 0 16px 40px rgba(24, 33, 64, 0.14)",
+    "node-width": "200px",
+    "node-height": "148px",
+    "node-stroke": "3px",
+    "edge-width": "2.5px",
+    "edge-gap": "15px",
+    "edge-arc-max": "45px",
+    "immersion-alpha": "0.15",
+    "zoom-min": "0.3",
+    "zoom-max": "5",
+    "duration-instant": "100ms",
+    "duration-quick": "160ms",
+    "duration-base": "240ms",
+    "duration-zoom": "500ms",
+    "duration-reveal": "420ms",
+    "stagger-reveal": "70ms",
+    "ease-zoom": "cubic-bezier(0.2, 0.8, 0.2, 1)",
+    "ease-standard": "cubic-bezier(0.4, 0, 0.2, 1)",
+    "ease-bloom": "cubic-bezier(0.34, 1.4, 0.64, 1)",
+    "z-chrome": "10",
+    "z-card": "20",
+    "z-menu": "40"
+  },
+  "focus-dark": {
+    "font-display": '"Atkinson Hyperlegible Next", system-ui, sans-serif',
+    "font-ui": '"Atkinson Hyperlegible Next", system-ui, -apple-system, "Segoe UI", sans-serif',
+    "font-hand": 'Kalam, "Atkinson Hyperlegible Next", cursive',
+    "font-note": "Caveat, Kalam, cursive",
+    "font-mono": '"Atkinson Hyperlegible Mono", ui-monospace, "SF Mono", Menlo, monospace',
+    "canvas": "#12141c",
+    "surface": "#171b2b",
+    "surface-sunken": "#0f1220",
+    "surface-overlay": "#212639",
+    "line": "#2b3148",
+    "line-strong": "#6c7392",
+    "ink": "#eef0f7",
+    "ink-muted": "#b3b8cc",
+    "ink-subtle": "#8f95ae",
+    "action": "#f6f3ee",
+    "on-action": "#182140",
+    "focus": "#12c7d3",
+    "link": "#5fd8e1",
+    "selection": "rgba(18, 199, 211, 0.32)",
+    "node-ink": "#182140",
+    "edge": "#a9aec0",
+    "edge-label": "#b3b8cc",
+    "topic-teal": "#bce8ea",
+    "topic-teal-ring": "#71bdc1",
+    "topic-harbor": "#c9d9ec",
+    "topic-harbor-ring": "#8cabce",
+    "topic-iris": "#d9cfe8",
+    "topic-iris-ring": "#ae9bc6",
+    "topic-berry": "#edc6c9",
+    "topic-berry-ring": "#cc8e95",
+    "topic-coral": "#eecec1",
+    "topic-coral-ring": "#cd9884",
+    "topic-amber": "#eed4ba",
+    "topic-amber-ring": "#c9a176",
+    "topic-sun": "#f4eac1",
+    "topic-sun-ring": "#c9b97a",
+    "topic-stone": "#dddad5",
+    "topic-stone-ring": "#b4a999",
+    "space-1": "4px",
+    "space-2": "8px",
+    "space-3": "12px",
+    "space-4": "16px",
+    "space-7": "48px",
+    "radius-sm": "10px",
+    "radius-md": "16px",
+    "radius-lg": "24px",
+    "radius-pill": "999px",
+    "shadow-float": "0 1px 2px rgba(24, 33, 64, 0.06), 0 8px 24px rgba(24, 33, 64, 0.08)",
+    "shadow-pop": "0 2px 4px rgba(24, 33, 64, 0.08), 0 16px 40px rgba(24, 33, 64, 0.14)",
+    "node-width": "200px",
+    "node-height": "148px",
+    "node-stroke": "3px",
+    "edge-width": "2.5px",
+    "edge-gap": "15px",
+    "edge-arc-max": "45px",
+    "immersion-alpha": "0.15",
+    "zoom-min": "0.3",
+    "zoom-max": "5",
+    "duration-instant": "100ms",
+    "duration-quick": "160ms",
+    "duration-base": "240ms",
+    "duration-zoom": "500ms",
+    "duration-reveal": "420ms",
+    "stagger-reveal": "70ms",
+    "ease-zoom": "cubic-bezier(0.2, 0.8, 0.2, 1)",
+    "ease-standard": "cubic-bezier(0.4, 0, 0.2, 1)",
+    "ease-bloom": "cubic-bezier(0.34, 1.4, 0.64, 1)",
+    "z-chrome": "10",
+    "z-card": "20",
+    "z-menu": "40"
+  },
+  "colorsafe-light": {
+    "font-display": '"Atkinson Hyperlegible Next", system-ui, sans-serif',
+    "font-ui": '"Atkinson Hyperlegible Next", system-ui, -apple-system, "Segoe UI", sans-serif',
+    "font-hand": 'Kalam, "Atkinson Hyperlegible Next", cursive',
+    "font-note": "Caveat, Kalam, cursive",
+    "font-mono": '"Atkinson Hyperlegible Mono", ui-monospace, "SF Mono", Menlo, monospace',
+    "canvas": "#f6f3ee",
+    "surface": "#ffffff",
+    "surface-sunken": "#f0ece5",
+    "surface-overlay": "#ffffff",
+    "line": "#e4dfd6",
+    "line-strong": "#7a7f94",
+    "ink": "#182140",
+    "ink-muted": "#4f5671",
+    "ink-subtle": "#5f647c",
+    "action": "#182140",
+    "on-action": "#ffffff",
+    "focus": "#325e8c",
+    "link": "#2f5a87",
+    "selection": "rgba(18, 199, 211, 0.28)",
+    "node-ink": "#182140",
+    "edge": "#2a3048",
+    "edge-label": "#4f5671",
+    "topic-teal": "#b0ecbc",
+    "topic-teal-ring": "#6cc982",
+    "topic-harbor": "#abdbfe",
+    "topic-harbor-ring": "#60b4ec",
+    "topic-iris": "#f6bde2",
+    "topic-iris-ring": "#dc87c0",
+    "topic-berry": "#feb79e",
+    "topic-berry-ring": "#ec7f58",
+    "topic-coral": "#fece96",
+    "topic-coral-ring": "#e49d41",
+    "topic-amber": "#b2e8fa",
+    "topic-amber-ring": "#5cc4e2",
+    "topic-sun": "#f6f097",
+    "topic-sun-ring": "#d0c637",
+    "topic-stone": "#dbdbdb",
+    "topic-stone-ring": "#b7afb1",
+    "space-1": "4px",
+    "space-2": "8px",
+    "space-3": "12px",
+    "space-4": "16px",
+    "space-7": "48px",
+    "radius-sm": "10px",
+    "radius-md": "16px",
+    "radius-lg": "24px",
+    "radius-pill": "999px",
+    "shadow-float": "0 1px 2px rgba(24, 33, 64, 0.06), 0 8px 24px rgba(24, 33, 64, 0.08)",
+    "shadow-pop": "0 2px 4px rgba(24, 33, 64, 0.08), 0 16px 40px rgba(24, 33, 64, 0.14)",
+    "node-width": "200px",
+    "node-height": "148px",
+    "node-stroke": "3px",
+    "edge-width": "2.5px",
+    "edge-gap": "15px",
+    "edge-arc-max": "45px",
+    "immersion-alpha": "0.15",
+    "zoom-min": "0.3",
+    "zoom-max": "5",
+    "duration-instant": "100ms",
+    "duration-quick": "160ms",
+    "duration-base": "240ms",
+    "duration-zoom": "500ms",
+    "duration-reveal": "420ms",
+    "stagger-reveal": "70ms",
+    "ease-zoom": "cubic-bezier(0.2, 0.8, 0.2, 1)",
+    "ease-standard": "cubic-bezier(0.4, 0, 0.2, 1)",
+    "ease-bloom": "cubic-bezier(0.34, 1.4, 0.64, 1)",
+    "z-chrome": "10",
+    "z-card": "20",
+    "z-menu": "40"
+  },
+  "colorsafe-dark": {
+    "font-display": '"Atkinson Hyperlegible Next", system-ui, sans-serif',
+    "font-ui": '"Atkinson Hyperlegible Next", system-ui, -apple-system, "Segoe UI", sans-serif',
+    "font-hand": 'Kalam, "Atkinson Hyperlegible Next", cursive',
+    "font-note": "Caveat, Kalam, cursive",
+    "font-mono": '"Atkinson Hyperlegible Mono", ui-monospace, "SF Mono", Menlo, monospace',
+    "canvas": "#0f1220",
+    "surface": "#171b2b",
+    "surface-sunken": "#0f1220",
+    "surface-overlay": "#212639",
+    "line": "#2b3148",
+    "line-strong": "#6c7392",
+    "ink": "#eef0f7",
+    "ink-muted": "#b3b8cc",
+    "ink-subtle": "#8f95ae",
+    "action": "#f6f3ee",
+    "on-action": "#182140",
+    "focus": "#12c7d3",
+    "link": "#5fd8e1",
+    "selection": "rgba(18, 199, 211, 0.32)",
+    "node-ink": "#182140",
+    "edge": "#c9cddc",
+    "edge-label": "#b3b8cc",
+    "topic-teal": "#b0ecbc",
+    "topic-teal-ring": "#69c27e",
+    "topic-harbor": "#abdbfe",
+    "topic-harbor-ring": "#5eade2",
+    "topic-iris": "#f6bde2",
+    "topic-iris-ring": "#d383b9",
+    "topic-berry": "#feb79e",
+    "topic-berry-ring": "#e37a55",
+    "topic-coral": "#fece96",
+    "topic-coral-ring": "#db9840",
+    "topic-amber": "#b2e8fa",
+    "topic-amber-ring": "#5bbdda",
+    "topic-sun": "#f6f097",
+    "topic-sun-ring": "#c9bf37",
+    "topic-stone": "#dbdbdb",
+    "topic-stone-ring": "#b1a8aa",
+    "space-1": "4px",
+    "space-2": "8px",
+    "space-3": "12px",
+    "space-4": "16px",
+    "space-7": "48px",
+    "radius-sm": "10px",
+    "radius-md": "16px",
+    "radius-lg": "24px",
+    "radius-pill": "999px",
+    "shadow-float": "0 1px 2px rgba(24, 33, 64, 0.06), 0 8px 24px rgba(24, 33, 64, 0.08)",
+    "shadow-pop": "0 2px 4px rgba(24, 33, 64, 0.08), 0 16px 40px rgba(24, 33, 64, 0.14)",
+    "node-width": "200px",
+    "node-height": "148px",
+    "node-stroke": "3px",
+    "edge-width": "2.5px",
+    "edge-gap": "15px",
+    "edge-arc-max": "45px",
+    "immersion-alpha": "0.15",
+    "zoom-min": "0.3",
+    "zoom-max": "5",
+    "duration-instant": "100ms",
+    "duration-quick": "160ms",
+    "duration-base": "240ms",
+    "duration-zoom": "500ms",
+    "duration-reveal": "420ms",
+    "stagger-reveal": "70ms",
+    "ease-zoom": "cubic-bezier(0.2, 0.8, 0.2, 1)",
+    "ease-standard": "cubic-bezier(0.4, 0, 0.2, 1)",
+    "ease-bloom": "cubic-bezier(0.34, 1.4, 0.64, 1)",
+    "z-chrome": "10",
+    "z-card": "20",
+    "z-menu": "40"
+  },
+  "contrast-light": {
+    "font-display": '"Atkinson Hyperlegible Next", system-ui, sans-serif',
+    "font-ui": '"Atkinson Hyperlegible Next", system-ui, -apple-system, "Segoe UI", sans-serif',
+    "font-hand": 'Kalam, "Atkinson Hyperlegible Next", cursive',
+    "font-note": "Caveat, Kalam, cursive",
+    "font-mono": '"Atkinson Hyperlegible Mono", ui-monospace, "SF Mono", Menlo, monospace',
+    "canvas": "#ffffff",
+    "surface": "#ffffff",
+    "surface-sunken": "#f2f2f2",
+    "surface-overlay": "#ffffff",
+    "line": "#5c6178",
+    "line-strong": "#000000",
+    "ink": "#000000",
+    "ink-muted": "#1f2433",
+    "ink-subtle": "#3a3f52",
+    "action": "#000000",
+    "on-action": "#ffffff",
+    "focus": "#0b4a8f",
+    "link": "#0b4a8f",
+    "selection": "rgba(18, 199, 211, 0.28)",
+    "node-ink": "#000000",
+    "edge": "#000000",
+    "edge-label": "#1f2433",
+    "topic-teal": "#87f2f8",
+    "topic-teal-ring": "#006b70",
+    "topic-harbor": "#bcdbff",
+    "topic-harbor-ring": "#0e599d",
+    "topic-iris": "#e0c8fe",
+    "topic-iris-ring": "#683b92",
+    "topic-berry": "#ffbdc4",
+    "topic-berry-ring": "#96173a",
+    "topic-coral": "#ffc7b2",
+    "topic-coral-ring": "#923400",
+    "topic-amber": "#ffcf9d",
+    "topic-amber-ring": "#7e4d00",
+    "topic-sun": "#ffea94",
+    "topic-sun-ring": "#7a6600",
+    "topic-stone": "#e0dacf",
+    "topic-stone-ring": "#63594b",
+    "space-1": "4px",
+    "space-2": "8px",
+    "space-3": "12px",
+    "space-4": "16px",
+    "space-7": "48px",
+    "radius-sm": "10px",
+    "radius-md": "16px",
+    "radius-lg": "24px",
+    "radius-pill": "999px",
+    "shadow-float": "none",
+    "shadow-pop": "none",
+    "node-width": "200px",
+    "node-height": "148px",
+    "node-stroke": "3px",
+    "edge-width": "2.5px",
+    "edge-gap": "15px",
+    "edge-arc-max": "45px",
+    "immersion-alpha": "0.15",
+    "zoom-min": "0.3",
+    "zoom-max": "5",
+    "duration-instant": "100ms",
+    "duration-quick": "160ms",
+    "duration-base": "240ms",
+    "duration-zoom": "500ms",
+    "duration-reveal": "420ms",
+    "stagger-reveal": "70ms",
+    "ease-zoom": "cubic-bezier(0.2, 0.8, 0.2, 1)",
+    "ease-standard": "cubic-bezier(0.4, 0, 0.2, 1)",
+    "ease-bloom": "cubic-bezier(0.34, 1.4, 0.64, 1)",
+    "z-chrome": "10",
+    "z-card": "20",
+    "z-menu": "40"
+  },
+  "contrast-dark": {
+    "font-display": '"Atkinson Hyperlegible Next", system-ui, sans-serif',
+    "font-ui": '"Atkinson Hyperlegible Next", system-ui, -apple-system, "Segoe UI", sans-serif',
+    "font-hand": 'Kalam, "Atkinson Hyperlegible Next", cursive',
+    "font-note": "Caveat, Kalam, cursive",
+    "font-mono": '"Atkinson Hyperlegible Mono", ui-monospace, "SF Mono", Menlo, monospace',
+    "canvas": "#000000",
+    "surface": "#000000",
+    "surface-sunken": "#0d0d0d",
+    "surface-overlay": "#0d0d0d",
+    "line": "#9aa0b8",
+    "line-strong": "#ffffff",
+    "ink": "#ffffff",
+    "ink-muted": "#e6e8f0",
+    "ink-subtle": "#c8ccda",
+    "action": "#ffffff",
+    "on-action": "#000000",
+    "focus": "#5fe8f0",
+    "link": "#7ff0f5",
+    "selection": "rgba(18, 199, 211, 0.32)",
+    "node-ink": "#000000",
+    "edge": "#ffffff",
+    "edge-label": "#e6e8f0",
+    "topic-teal": "#87f2f8",
+    "topic-teal-ring": "#64eff7",
+    "topic-harbor": "#bcdbff",
+    "topic-harbor-ring": "#b0d5fe",
+    "topic-iris": "#e0c8fe",
+    "topic-iris-ring": "#dcbfff",
+    "topic-berry": "#ffbdc4",
+    "topic-berry-ring": "#feb3bb",
+    "topic-coral": "#ffc7b2",
+    "topic-coral-ring": "#ffbea5",
+    "topic-amber": "#ffcf9d",
+    "topic-amber-ring": "#ffc78a",
+    "topic-sun": "#ffea94",
+    "topic-sun-ring": "#ffe26d",
+    "topic-stone": "#e0dacf",
+    "topic-stone-ring": "#ddd3c2",
+    "space-1": "4px",
+    "space-2": "8px",
+    "space-3": "12px",
+    "space-4": "16px",
+    "space-7": "48px",
+    "radius-sm": "10px",
+    "radius-md": "16px",
+    "radius-lg": "24px",
+    "radius-pill": "999px",
+    "shadow-float": "none",
+    "shadow-pop": "none",
+    "node-width": "200px",
+    "node-height": "148px",
+    "node-stroke": "3px",
+    "edge-width": "2.5px",
+    "edge-gap": "15px",
+    "edge-arc-max": "45px",
+    "immersion-alpha": "0.15",
+    "zoom-min": "0.3",
+    "zoom-max": "5",
+    "duration-instant": "100ms",
+    "duration-quick": "160ms",
+    "duration-base": "240ms",
+    "duration-zoom": "500ms",
+    "duration-reveal": "420ms",
+    "stagger-reveal": "70ms",
+    "ease-zoom": "cubic-bezier(0.2, 0.8, 0.2, 1)",
+    "ease-standard": "cubic-bezier(0.4, 0, 0.2, 1)",
+    "ease-bloom": "cubic-bezier(0.34, 1.4, 0.64, 1)",
+    "z-chrome": "10",
+    "z-card": "20",
+    "z-menu": "40"
+  }
+};
+var TOPICS = [
+  "teal",
+  "harbor",
+  "iris",
+  "berry",
+  "coral",
+  "amber",
+  "sun",
+  "stone"
+];
+
+// src/generated/geometry/color.ts
+var TOPIC_ORDER = ["teal", "harbor", "iris", "berry", "coral", "amber", "sun", "stone"];
+function topicFromName(color) {
+  if (!color) return null;
+  const c = color.trim().toLowerCase();
+  return TOPIC_ORDER.includes(c) ? c : null;
+}
+function topicFor(color, siblingIndex) {
+  if (!color || !color.trim()) return TOPIC_ORDER[(siblingIndex % TOPIC_ORDER.length + TOPIC_ORDER.length) % TOPIC_ORDER.length];
+  return topicFromName(color);
+}
+var CUSTOM = {
+  /** The ring is the fill with each RGB channel multiplied by this. */
+  ringShade: 0.78
+};
+function customColor(color) {
+  const m = /^#?([0-9a-f]{6})$/i.exec((color || "").trim());
+  if (!m) return { fill: color, ring: null };
+  const n = parseInt(m[1], 16), f = CUSTOM.ringShade;
+  const r = Math.round((n >> 16 & 255) * f), g = Math.round((n >> 8 & 255) * f), b = Math.round((n & 255) * f);
+  return { fill: color.trim(), ring: "#" + (1 << 24 | r << 16 | g << 8 | b).toString(16).slice(1) };
+}
+
+// src/theme/index.ts
+function ideaColor(color, siblingIndex) {
+  const topic = topicFor(color, siblingIndex);
+  return topic ? { topic, custom: null } : { topic: null, custom: customColor(color) };
+}
+
+// src/generated/geometry/idea.ts
+var LABEL_GROWTH = { idea: 1.3, connector: 1.6 };
+var IDEA = {
+  /** Width an idea starts at… */
+  baseWidth: { root: 240, node: 200, mini: 120 },
+  /** …and the widest it gets before it grows taller instead. */
+  maxWidth: { root: 400, node: 360, mini: 200 },
+  /** Width grows in steps of this. */
+  step: 20,
+  /** Height = width × aspect (at least `minRy` × 2), more if the label needs it. */
+  aspect: 0.74,
+  minRy: 64,
+  /** The label's box is the idea's width less this (22 each side). */
+  labelInset: 44,
+  /** The idea widens until its label fits in this many lines. */
+  labelLines: 3,
+  /** Label size (before the label scale and zoom growth), weight from the canvas type styles. */
+  labelSize: { root: 30, node: 22, mini: 15 },
+  labelLineHeight: 1.15,
+  /** The label may fill at most this share of the idea's height. */
+  labelFillHeight: 0.7
+};
+function wrapLines(text, maxWidth, measure) {
+  const words = text.split(/\s+/).filter(Boolean);
+  const lines = [];
+  let cur = "";
+  for (const w of words) {
+    const next = cur ? `${cur} ${w}` : w;
+    if (cur && measure(next) > maxWidth) {
+      lines.push(cur);
+      cur = w;
+    } else cur = next;
+  }
+  if (cur) lines.push(cur);
+  return lines.length ? lines : [""];
+}
+function ideaSize(kind, label, measure, labelScale = 1) {
+  const px = IDEA.labelSize[kind] * labelScale * LABEL_GROWTH.idea;
+  const fit = (w) => wrapLines(label, w - IDEA.labelInset, (t) => measure(t, px));
+  const base = IDEA.baseWidth[kind], max = IDEA.maxWidth[kind];
+  let width = base, lines = fit(width);
+  while (lines.length > IDEA.labelLines && width < max) {
+    width = Math.min(max, width + IDEA.step);
+    lines = fit(width);
+  }
+  const rx = width / 2;
+  const ry = Math.max(IDEA.minRy, rx * IDEA.aspect, lines.length * px * IDEA.labelLineHeight / 2 / IDEA.labelFillHeight);
+  return { width, height: ry * 2, rx, ry, lines };
+}
+
+// src/rendering/ideaSize.ts
+var approximateMeasure = (text, px) => text.length * px * 0.5;
+var ideaKindOf = (layer, index) => layer.level === 0 && (layer.layout ?? "radial") === "radial" && index === 0 ? "root" : "node";
+
 // src/layout/circularLayout.ts
 function applyCircularLayout(nodes, options = {}) {
   const {
@@ -273,26 +959,10 @@ function resolveNodeOverlaps(nodes, maxIterations = 10) {
     if (!any) break;
   }
 }
-var COLOR_PALETTE = [
-  "#12C7D3",
-  "#325E8C",
-  "#8A70A6",
-  "#F54A57",
-  "#FF6C4D",
-  "#F28C16",
-  "#FFD347",
-  "#12C7D3",
-  "#7F7F7F",
-  "#8D8D8D",
-  "#12C7D3"
-];
-function getRandomColorForNode(nodeId) {
-  let hash = 0;
-  for (let i = 0; i < nodeId.length; i++) {
-    hash = nodeId.charCodeAt(i) + ((hash << 5) - hash);
-  }
-  const index = Math.abs(hash) % COLOR_PALETTE.length;
-  return COLOR_PALETTE[index];
+function hasFilePositions(layer) {
+  const ps = layer.nodes.map((n) => n.position);
+  if (!ps.length || !ps.every((p) => p && Number.isFinite(p.x) && Number.isFinite(p.y))) return false;
+  return ps.length === 1 || ps.some((p) => p.x !== ps[0].x || p.y !== ps[0].y);
 }
 function applyFormation(nodes, formation) {
   if (nodes.length === 0) return;
@@ -356,44 +1026,34 @@ function proxyRadial(proxies, radius = 500) {
     proxies[i].y = radius * Math.sin(angle);
   }
 }
-function calculateNodeWidth(title) {
-  return Math.max(200, title.length * 8 + 40);
-}
-function makeFlatNode(nodeId, label, summary, layer, color, branchCount, x = 0, y = 0) {
+function makeFlatNode(node, layer, doc, siblingIndex, opts) {
+  const label = Array.isArray(node.data.label) ? node.data.label.join(" ") : node.data.label || "Untitled";
+  const branchCount = countLayersBeneath(doc, node.id);
+  const kind = ideaKindOf(layer, siblingIndex);
+  const size = ideaSize(kind, label, opts.measure ?? approximateMeasure, opts.labelScale ?? 1);
+  const { topic, custom } = ideaColor(node.data.color, siblingIndex);
   return {
-    id: nodeId,
+    id: node.id,
     parentId: layer.parentNodeId ?? null,
-    x,
-    y,
+    x: node.position?.x ?? 0,
+    y: node.position?.y ?? 0,
     level: layer.level,
     title: label,
-    description: summary,
-    color,
-    width: calculateNodeWidth(label),
-    height: 80,
+    description: node.data.summary || "",
+    color: node.data.color ?? "",
+    ...topic ? { topic } : {},
+    ...custom ? { custom } : {},
+    kind,
+    width: size.width,
+    height: size.height,
     isExpanded: branchCount > 0,
     branchCount,
     createdAt: /* @__PURE__ */ new Date(),
     updatedAt: /* @__PURE__ */ new Date()
   };
 }
-function convertLayerWithContainers(layer, doc) {
+function layoutLayerWithContainers(layer, flatNodes) {
   const PADDING = 80;
-  const flatNodes = [];
-  for (const node of layer.nodes) {
-    const label = Array.isArray(node.data.label) ? node.data.label.join(" ") : node.data.label || "Untitled";
-    const branchCount = countLayersBeneath(doc, node.id);
-    flatNodes.push(
-      makeFlatNode(
-        node.id,
-        label,
-        node.data.summary || "",
-        layer,
-        node.data.color || getRandomColorForNode(node.id),
-        branchCount
-      )
-    );
-  }
   const byId = new Map(flatNodes.map((n) => [n.id, n]));
   const containerNodeIds = /* @__PURE__ */ new Set();
   const containerGroups = /* @__PURE__ */ new Map();
@@ -406,11 +1066,8 @@ function convertLayerWithContainers(layer, doc) {
     containerGroups.set(container.id, group);
   }
   const proxies = [];
-  for (const node of layer.nodes) {
-    if (!containerNodeIds.has(node.id)) {
-      const nodeWidth = calculateNodeWidth(node.data.label);
-      proxies.push({ id: node.id, x: 0, y: 0, width: nodeWidth, height: 80 });
-    }
+  for (const n of flatNodes) {
+    if (!containerNodeIds.has(n.id)) proxies.push({ id: n.id, x: 0, y: 0, width: n.width, height: n.height });
   }
   for (const container of layer.containers) {
     const group = containerGroups.get(container.id);
@@ -437,54 +1094,40 @@ function convertLayerWithContainers(layer, doc) {
       }
     }
   }
-  resolveNodeOverlaps(flatNodes);
-  return flatNodes;
 }
-function convertLayerToFlatNodes(layer, doc) {
-  if ((layer.containers ?? []).length > 0) {
-    return convertLayerWithContainers(layer, doc);
-  }
-  const flatNodes = [];
-  for (const node of layer.nodes) {
-    const label = Array.isArray(node.data.label) ? node.data.label.join(" ") : node.data.label || "Untitled";
-    const branchCount = countLayersBeneath(doc, node.id);
-    flatNodes.push(
-      makeFlatNode(
-        node.id,
-        label,
-        node.data.summary || "",
-        layer,
-        node.data.color || getRandomColorForNode(node.id),
-        branchCount,
-        0,
-        0
-      )
-    );
-  }
-  if (flatNodes.length > 0) {
-    const layout = layer.layout || "radial";
-    if (layout === "linear-horizontal") {
-      applyLinearHorizontalLayout(flatNodes, { centerX: 0, centerY: 0 });
-    } else if (layout === "linear-vertical") {
-      applyLinearVerticalLayout(flatNodes, { centerX: 0, centerY: 0 });
-    } else {
-      const pct = calculateOptimalRadiusPercentage(flatNodes.length, 2e3, 2e3, 200, 30);
-      applyCircularLayout(flatNodes, {
-        radiusPercentage: pct,
-        containerWidth: 2e3,
-        containerHeight: 2e3,
-        centerX: 0,
-        centerY: 0
-      });
-    }
+function layoutLayer(layer, flatNodes) {
+  const layout = layer.layout || "radial";
+  if (layout === "linear-horizontal") {
+    applyLinearHorizontalLayout(flatNodes, { centerX: 0, centerY: 0 });
+  } else if (layout === "linear-vertical") {
+    applyLinearVerticalLayout(flatNodes, { centerX: 0, centerY: 0 });
+  } else {
+    const pct = calculateOptimalRadiusPercentage(flatNodes.length, 2e3, 2e3, 200, 30);
+    applyCircularLayout(flatNodes, {
+      radiusPercentage: pct,
+      containerWidth: 2e3,
+      containerHeight: 2e3,
+      centerX: 0,
+      centerY: 0
+    });
+  }
+}
+function convertLayerToFlatNodes(layer, doc, opts = {}) {
+  const flatNodes = layer.nodes.map((node, i) => makeFlatNode(node, layer, doc, i, opts));
+  if (flatNodes.length === 0 || hasFilePositions(layer)) return flatNodes;
+  for (const n of flatNodes) {
+    n.x = 0;
+    n.y = 0;
   }
+  if ((layer.containers ?? []).length > 0) layoutLayerWithContainers(layer, flatNodes);
+  else layoutLayer(layer, flatNodes);
   resolveNodeOverlaps(flatNodes);
   return flatNodes;
 }
-function convertVisualliToFlatNodes(doc) {
+function convertVisualliToFlatNodes(doc, opts = {}) {
   const map = /* @__PURE__ */ new Map();
   for (const layer of doc.layers.values()) {
-    for (const node of convertLayerToFlatNodes(layer, doc)) {
+    for (const node of convertLayerToFlatNodes(layer, doc, opts)) {
       map.set(node.id, node);
     }
   }
@@ -496,9 +1139,9 @@ function convertVisualliToFlatNodes(doc) {
   }
   return map;
 }
-function getNodesForLayer(doc, layerId) {
+function getNodesForLayer(doc, layerId, opts = {}) {
   const layer = doc.layers.get(layerId);
-  return layer ? convertLayerToFlatNodes(layer, doc) : [];
+  return layer ? convertLayerToFlatNodes(layer, doc, opts) : [];
 }
 
 // src/parser/mindmapUtils.ts
@@ -549,80 +1192,17 @@ function calculateDistance(x1, y1, x2, y2) {
   return Math.sqrt((x2 - x1) ** 2 + (y2 - y1) ** 2);
 }
 
-// src/constants/design.ts
-var BRAND_COLORS = {
-  primary: {
-    50: "#EFF6FF",
-    100: "#DBEAFE",
-    200: "#BFDBFE",
-    300: "#93C5FD",
-    400: "#60A5FA",
-    500: "#3B82F6",
-    600: "#2563EB",
-    700: "#1D4ED8",
-    800: "#1E40AF",
-    900: "#1E3A8A"
-  },
-  secondary: {
-    50: "#F0FDF4",
-    100: "#DCFCE7",
-    200: "#BBF7D0",
-    300: "#86EFAC",
-    400: "#4ADE80",
-    500: "#10B981",
-    600: "#059669",
-    700: "#047857",
-    800: "#065F46",
-    900: "#064E3B"
-  },
-  accent: {
-    purple: "#8B5CF6",
-    cyan: "#06B6D4",
-    sky: "#0EA5E9",
-    lime: "#84CC16",
-    amber: "#F59E0B",
-    red: "#EF4444"
-  }
-};
-var LEVEL_COLORS = {
-  level0: BRAND_COLORS.primary[500],
-  level1: BRAND_COLORS.primary[400],
-  level2: BRAND_COLORS.primary[300],
-  level3: BRAND_COLORS.primary[200],
-  level4: BRAND_COLORS.primary[300],
-  level5: BRAND_COLORS.primary[400],
-  level6: BRAND_COLORS.primary[500],
-  level7: BRAND_COLORS.primary[600],
-  level8: BRAND_COLORS.primary[700]
-};
-var LEVEL_COLOR_ARRAY = [
-  LEVEL_COLORS.level0,
-  LEVEL_COLORS.level1,
-  LEVEL_COLORS.level2,
-  LEVEL_COLORS.level3,
-  LEVEL_COLORS.level4,
-  LEVEL_COLORS.level5,
-  LEVEL_COLORS.level6,
-  LEVEL_COLORS.level7,
-  LEVEL_COLORS.level8
-];
-var SEMANTIC_COLORS = {
-  success: BRAND_COLORS.secondary[500],
-  error: BRAND_COLORS.accent.red,
-  warning: BRAND_COLORS.accent.amber,
-  info: BRAND_COLORS.primary[500]
-};
+// src/constants/layout.ts
 var LAYOUT_SPACING = {
   nodeSpacing: 200,
   levelSpacing: 150,
   containerPadding: 20,
   gridSize: 50
 };
-function getColorForLevel(level) {
-  return LEVEL_COLOR_ARRAY[level % LEVEL_COLOR_ARRAY.length];
-}
 
 // src/parser/configUtils.ts
+var levelColor = (level) => TOKENS.light[`topic-${TOPICS[level % TOPICS.length]}`];
+var levelColors = (count) => Object.fromEntries(Array.from({ length: count }, (_, i) => [`level${i}`, levelColor(i)]));
 function createMindMapConfig(nodes, topLevelConnections, title = "Untitled Mindmap") {
   const now = (/* @__PURE__ */ new Date()).toISOString();
   return {
@@ -636,12 +1216,7 @@ function createMindMapConfig(nodes, topLevelConnections, title = "Untitled Mindm
     nodes,
     topLevelConnections,
     settings: {
-      defaultColors: {
-        level0: LEVEL_COLORS.level0,
-        level1: LEVEL_COLORS.level1,
-        level2: LEVEL_COLORS.level2,
-        level3: LEVEL_COLORS.level3
-      },
+      defaultColors: levelColors(4),
       layout: {
         nodeSpacing: LAYOUT_SPACING.nodeSpacing,
         levelSpacing: LAYOUT_SPACING.levelSpacing
@@ -668,7 +1243,7 @@ function generateLevelNodes(parentId, level, maxLevels, xOffset = 0, yOffset = 0
       level,
       x,
       y,
-      color: getColorForLevel(level),
+      color: levelColor(level),
       relationshipLabel: level > 0 ? "child" : void 0,
       parent: parentId ?? void 0
     };
@@ -697,17 +1272,7 @@ function generateSampleConfig(maxLevels = 9) {
     nodes,
     topLevelConnections,
     settings: {
-      defaultColors: {
-        level0: LEVEL_COLORS.level0,
-        level1: LEVEL_COLORS.level1,
-        level2: LEVEL_COLORS.level2,
-        level3: LEVEL_COLORS.level3,
-        level4: LEVEL_COLORS.level4,
-        level5: LEVEL_COLORS.level5,
-        level6: LEVEL_COLORS.level6,
-        level7: LEVEL_COLORS.level7,
-        level8: LEVEL_COLORS.level8
-      },
+      defaultColors: levelColors(9),
       layout: {
         nodeSpacing: LAYOUT_SPACING.nodeSpacing,
         levelSpacing: LAYOUT_SPACING.levelSpacing
@@ -729,6 +1294,7 @@ function generateSampleConfig(maxLevels = 9) {
   getChildLayers,
   getNodeConnections,
   getNodesForLayer,
+  getSemanticAnchors,
   getTopLevelConnections,
   getVisibleNodes,
   loadVisualliFileFromFile,