@visualli/core 0.1.6 → 0.2.0

package/src/types/document.ts

@@ -12,4 +12,13 @@ export interface VisualliDocument {
   layersByLevel: Map<number, VisualliLayer[]>;
   /** The level-0 layer */
   rootLayer: VisualliLayer | null;
+  /** Extension payloads by extension id (e.g. 'semantic-anchors'). */
+  extensions?: Record<string, unknown[]>;
+}
+
+/** A term with a definition (the `semantic-anchors` extension). */
+export interface SemanticAnchor {
+  word: string;
+  description: string;
+  knowMoreUrl?: string | null;
 }

package/src/types/layer.ts

@@ -3,7 +3,7 @@
 // These types extend the auto-generated schema types from bindings.
 // They provide stricter runtime guarantees (required arrays) and SDK-specific fields.
 
-import type { Layer, Node, Connection, Container } from './schema.js';
+import type { Node, Connection, Container } from './schema.js';
 
 /** Alias to schema Node type for SDK consistency */
 export type LayerNode = Node;

package/src/types/mindmap.ts

@@ -1,5 +1,8 @@
 // ─── Mindmap Core Types ────────────────────────────────────────────────────────
 
+import type { TopicName } from '../generated/designSystem.js';
+import type { IdeaKind } from '../generated/geometry/idea.js';
+
 export interface MindMapNode {
   id: string;
   title: string;
@@ -35,7 +38,15 @@ export interface FlatNode {
   relationshipLabel?: string;
 
   // Visual
+  /** Colour as authored in the document (any CSS colour, or a topic name); empty when the file gives none. */
   color: string;
+  /** Design-system topic this idea is drawn with (fill + ring colour per theme): a named or missing colour. */
+  topic?: TopicName;
+  /** A colour that isn't a topic, drawn as given (the design system's customColor); `ring` null → the `edge` token. */
+  custom?: { fill: string; ring: string | null };
+  /** The idea's size kind (the design system's idea.ts): 'root' for a radial map's centre, else 'node'. */
+  kind?: IdeaKind;
+  /** The idea's size for its label (idea.ts ideaSize): the outline's half width is width / 2, half height height / 2. */
   width: number;
   height: number;
 
@@ -100,6 +111,8 @@ export interface MindMapConnection {
   to: string;
   level: number;
   label?: string;
+  /** 'dashed' draws the connector dashed (design-system `is-dashed`). */
+  style?: 'solid' | 'dashed';
 }
 
 export interface TopLevelConnection {

package/src/utils/navigation.ts

@@ -1,5 +1,6 @@
 import type { VisualliDocument, VisualliLayer, FlatNode, MindMapConnection } from '../types/index.js';
-import { ZOOM_MAX, ZOOM_NAV_OUT_THRESHOLD } from '../constants/performanceConstants.js';
+import { fitView, layerBounds, type FrameBox } from '../generated/geometry/interaction.js';
+import { containerHull } from '../generated/geometry/container.js';
 
 // ── Connection helpers ────────────────────────────────────────────────────────
 
@@ -19,6 +20,7 @@ export function getConnectionsForLayer(
     to: c.to,
     level: layer.level,
     label: c.data?.label,
+    style: c.data?.style === 'dashed' ? 'dashed' : 'solid',
   } satisfies MindMapConnection));
 }
 
@@ -51,7 +53,11 @@ export function getLayerForNavigation(
   return getChildLayerForNode(doc, nodeId, currentLayerId);
 }
 
-// ── Viewport fitting math ─────────────────────────────────────────────────────
+// ── Fit to view ───────────────────────────────────────────────────────────────
+//
+// The design system's fit (geometry/interaction.ts → layerBounds / fitView): every
+// idea at its real size with room around it, and every container hull with room for
+// its name pill; never enlarging a layer beyond VIEW.fitMax.
 
 export interface FitResult {
   centerX: number;
@@ -59,65 +65,28 @@ export interface FitResult {
   zoomLevel: number;
 }
 
-/**
- * Calculates the zoom level needed to fit all `nodes` inside a canvas of
- * `(canvasWidth, canvasHeight)`.
- *
- * @param paddingFraction - Fractional padding on each side (0.15 = 15%).
- *   Pixel-padding variant still available when a value >=1 is passed.
- */
-export function calculateFitZoom(
-  nodes: FlatNode[],
-  canvasWidth: number,
-  canvasHeight: number,
-  padding = 0.15,
-): number {
-  if (nodes.length === 0) return 1;
-
-  let minX = Infinity, minY = Infinity, maxX = -Infinity, maxY = -Infinity;
-  for (const n of nodes) {
-    // Use the actual node boundaries (center +/- half-width/height)
-    minX = Math.min(minX, n.x - n.width / 2);
-    minY = Math.min(minY, n.y - n.height / 2);
-    maxX = Math.max(maxX, n.x + n.width / 2);
-    maxY = Math.max(maxY, n.y + n.height / 2);
+/** The box a layer is framed by: its ideas (their real sizes) and the hulls of its `containers`. */
+export function layerFrame(nodes: ReadonlyArray<FlatNode>, containers: ReadonlyArray<{ nodeIds: string[] }> = []): FrameBox {
+  const byId = new Map(nodes.map((n) => [n.id, n]));
+  const hulls: FrameBox[] = [];
+  for (const c of containers) {
+    const hull = containerHull(c.nodeIds.flatMap((id) => { const n = byId.get(id); return n ? [{ x: n.x, y: n.y, rx: n.width / 2, ry: n.height / 2 }] : []; }));
+    if (hull) hulls.push(hull);
   }
+  return layerBounds(nodes.map((n) => ({ x: n.x, y: n.y, rx: n.width / 2, ry: n.height / 2 })), hulls);
+}
 
-  const rawW = maxX - minX;
-  const rawH = maxY - minY;
-
-  // Minimum spread — single isolated node should appear comfortably
-  // Matches visualli.ai's spread logic for single nodes
-  const spreadW = nodes.length === 1 ? Math.max(rawW, 600) : rawW;
-  const spreadH = nodes.length === 1 ? Math.max(rawH, 400) : rawH;
-
-  const zoomX = (canvasWidth * (1 - padding)) / spreadW;
-  const zoomY = (canvasHeight * (1 - padding)) / spreadH;
-
-  const z = Math.min(zoomX, zoomY);
-
-  // Scale back 20% so nodes aren't edge-to-edge, clamp to at least
-  // ZOOM_NAV_OUT_THRESHOLD so arriving at the layer never immediately
-  // re-triggers the zoom-out transition.
-  return Math.max(z * 0.80, ZOOM_NAV_OUT_THRESHOLD);
+/** The zoom that fits a layer's ideas (and container hulls) into a canvas of `canvasWidth` × `canvasHeight`. */
+export function calculateFitZoom(nodes: FlatNode[], canvasWidth: number, canvasHeight: number, containers: ReadonlyArray<{ nodeIds: string[] }> = []): number {
+  if (nodes.length === 0) return 1;
+  return fitView(layerFrame(nodes, containers), canvasWidth, canvasHeight).scale;
 }
 
-/**
- * Calculates the world-space center point that puts all `nodes` in the middle
- * of the viewport. Matches the visualli.ai `calculateFitCenter` approach:
- * uses bounding-box midpoint rather than centroid so the layout is always
- * geometrically centred.
- */
-export function calculateFitCenter(nodes: FlatNode[]): { x: number; y: number } {
+/** The world point a fitted layer is centred on: the middle of its frame. */
+export function calculateFitCenter(nodes: FlatNode[], containers: ReadonlyArray<{ nodeIds: string[] }> = []): { x: number; y: number } {
   if (nodes.length === 0) return { x: 0, y: 0 };
-  let minX = Infinity, minY = Infinity, maxX = -Infinity, maxY = -Infinity;
-  for (const n of nodes) {
-    minX = Math.min(minX, n.x - n.width / 2);
-    minY = Math.min(minY, n.y - n.height / 2);
-    maxX = Math.max(maxX, n.x + n.width / 2);
-    maxY = Math.max(maxY, n.y + n.height / 2);
-  }
-  return { x: (minX + maxX) / 2, y: (minY + maxY) / 2 };
+  const f = layerFrame(nodes, containers);
+  return { x: (f.x0 + f.x1) / 2, y: (f.y0 + f.y1) / 2 };
 }
 
 // ── Container helpers ────────────────────────────────────────────────────────
@@ -131,7 +100,7 @@ export interface ContainerGroupInfo {
 }
 
 /**
- * Returns the container groups for the given layer, normalising both the
+ * Returns the container groups the given layer draws, normalising both the
  * nested-data format `{data:{label,formation}}` and the flat format `{label}`.
  */
 export function getContainersForLayer(
@@ -145,21 +114,22 @@ export function getContainersForLayer(
   const containers = layer.containers ?? [];
   if (!Array.isArray(containers)) return [];
   
-  return containers.map(c => {
+  // A container whose style is 'none' groups ideas without a hull or a name (the design system draws nothing for it).
+  return containers.filter(c => c.data?.style !== 'none').map(c => {
     // Schema Container has nested data.label structure
     const label = c.data?.label ?? c.id;
     return { id: c.id, label, nodeIds: c.nodes, level: layer.level };
   });
 }
 
-/** Convenience: returns both center and zoom for a single `fitView` call. */
+/** Fit to view: centre and zoom for a layer in one call (the design system's fitView). */
 export function calculateFitView(
   nodes: FlatNode[],
   canvasWidth: number,
   canvasHeight: number,
+  containers: ReadonlyArray<{ nodeIds: string[] }> = [],
 ): FitResult {
-  const center = calculateFitCenter(nodes);
-  const zoom   = calculateFitZoom(nodes, canvasWidth, canvasHeight);
-  return { centerX: center.x, centerY: center.y, zoomLevel: zoom };
+  if (nodes.length === 0) return { centerX: 0, centerY: 0, zoomLevel: 1 };
+  const { scale, center } = fitView(layerFrame(nodes, containers), canvasWidth, canvasHeight);
+  return { centerX: center.x, centerY: center.y, zoomLevel: scale };
 }
-

package/src/viewport/viewportUtils.ts

@@ -91,9 +91,10 @@ export function screenToWorld(
 
 // ── Pan / Zoom ────────────────────────────────────────────────────────────────
 
-/** Clamp zoom to [ZOOM_MIN, ZOOM_MAX]. */
-export function clampZoom(zoom: number): number {
-  return Math.min(ZOOM_MAX, Math.max(ZOOM_MIN, zoom));
+/** Clamp zoom to the design system's limits (VIEW: ZOOM_MIN–ZOOM_MAX), which apply to the zoom relative to the
+ *  layer's fit (`fit`: the fit-to-view scale), as in the design system's map (scale = fit × zoom). */
+export function clampZoom(zoom: number, fit = 1): number {
+  return Math.min(ZOOM_MAX * fit, Math.max(ZOOM_MIN * fit, zoom));
 }
 
 /**
@@ -134,8 +135,9 @@ export function zoomViewport(
   pivotY?: number,
   canvasWidth  = DEFAULT_CANVAS_WIDTH,
   canvasHeight = DEFAULT_CANVAS_HEIGHT,
+  fit = 1,
 ): ViewportState {
-  const newZoom = clampZoom(viewport.zoomLevel * (1 + delta));
+  const newZoom = clampZoom(viewport.zoomLevel * (1 + delta), fit);
 
   let cx = viewport.centerX;
   let cy = viewport.centerY;

package/dist/animations/index.cjs

@@ -1,146 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/animations/index.ts
-var animations_exports = {};
-__export(animations_exports, {
-  ANIMATION_DURATION: () => ANIMATION_DURATION,
-  ANIMATION_PHASES: () => ANIMATION_PHASES,
-  COOLDOWN: () => COOLDOWN,
-  OPACITY: () => OPACITY,
-  TARGET_ZOOM: () => TARGET_ZOOM,
-  VIEWPORT_FRAMING: () => VIEWPORT_FRAMING,
-  ZOOM_THRESHOLDS: () => ZOOM_THRESHOLDS,
-  createCubicBezier: () => createCubicBezier,
-  easeInCubic: () => easeInCubic,
-  easeInOutCubic: () => easeInOutCubic,
-  easeInOutQuart: () => easeInOutQuart,
-  easeInOutSine: () => easeInOutSine,
-  easeOutCubic: () => easeOutCubic,
-  easeOutQuad: () => easeOutQuad,
-  easeZoomTransition: () => easeZoomTransition
-});
-module.exports = __toCommonJS(animations_exports);
-
-// src/animations/easing.ts
-var easeInOutCubic = (t) => t < 0.5 ? 4 * t * t * t : 1 - Math.pow(-2 * t + 2, 3) / 2;
-var easeInOutQuart = (t) => t < 0.5 ? 8 * t * t * t * t : 1 - Math.pow(-2 * t + 2, 4) / 2;
-var easeOutCubic = (t) => 1 - Math.pow(1 - t, 3);
-var easeInCubic = (t) => t * t * t;
-var easeOutQuad = (t) => 1 - (1 - t) * (1 - t);
-var easeInOutSine = (t) => -(Math.cos(Math.PI * t) - 1) / 2;
-function createCubicBezier(x1, y1, x2, y2) {
-  const N = 256;
-  const lut = new Float64Array(N + 1);
-  for (let i = 0; i <= N; i++) {
-    const target = i / N;
-    let lo = 0, hi = 1;
-    for (let j = 0; j < 20; j++) {
-      const mid = (lo + hi) / 2;
-      const om = 1 - mid;
-      const x = 3 * om * om * mid * x1 + 3 * om * mid * mid * x2 + mid * mid * mid;
-      if (x < target) lo = mid;
-      else hi = mid;
-    }
-    const u = (lo + hi) / 2;
-    const ou = 1 - u;
-    lut[i] = 3 * ou * ou * u * y1 + 3 * ou * u * u * y2 + u * u * u;
-  }
-  return (t) => {
-    if (t <= 0) return 0;
-    if (t >= 1) return 1;
-    const s = t * N;
-    const i = s | 0;
-    return lut[i] + (lut[i + 1] - lut[i]) * (s - i);
-  };
-}
-var easeZoomTransition = createCubicBezier(0.2, 0.8, 0.2, 1);
-
-// src/animations/constants.ts
-var ANIMATION_DURATION = {
-  ZOOM_IN_LAYER: 500,
-  ZOOM_OUT_LAYER: 500,
-  ZOOM_GESTURE: 500,
-  FADE_OUT: 200,
-  FADE_IN: 250,
-  COLOR_TRANSITION: 500,
-  CURSOR_CHANGE: 150,
-  LOADING_FADE: 200
-};
-var ANIMATION_PHASES = {
-  ZOOM_IN: {
-    ZOOM_TO_TARGET: 500,
-    FADE_OUT_START: 120,
-    FADE_OUT: 280,
-    CONTENT_SWAP: 310,
-    FADE_IN: 200,
-    TOTAL: 510
-  },
-  ZOOM_OUT: {
-    FADE_OUT: 200,
-    ZOOM_BACK: 50,
-    FADE_IN: 250,
-    TOTAL: 500
-  }
-};
-var ZOOM_THRESHOLDS = {
-  ENTER_LAYER: 5,
-  EXIT_LAYER: 0.5,
-  GESTURE_TRIGGER: 0.8
-};
-var COOLDOWN = {
-  NAVIGATION: 1e3,
-  ZOOM_GESTURE: 800,
-  DOUBLE_CLICK: 200
-};
-var OPACITY = {
-  VISIBLE: 1,
-  HIDDEN: 0,
-  TRANSITIONING: 0.3
-};
-var TARGET_ZOOM = {
-  NORMAL: 1,
-  FOCUSED: 0.8,
-  FILL_NODE: 3,
-  DETAIL: 2
-};
-var VIEWPORT_FRAMING = {
-  NODE_FILL_RATIO: 0.7,
-  EXIT_NODE_SIZE: 0.4,
-  PADDING_RATIO: 0.1
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ANIMATION_DURATION,
-  ANIMATION_PHASES,
-  COOLDOWN,
-  OPACITY,
-  TARGET_ZOOM,
-  VIEWPORT_FRAMING,
-  ZOOM_THRESHOLDS,
-  createCubicBezier,
-  easeInCubic,
-  easeInOutCubic,
-  easeInOutQuart,
-  easeInOutSine,
-  easeOutCubic,
-  easeOutQuad,
-  easeZoomTransition
-});
-//# sourceMappingURL=index.cjs.map

package/dist/animations/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/animations/index.ts","../../src/animations/easing.ts","../../src/animations/constants.ts"],"sourcesContent":["export * from './easing.js';\nexport * from './constants.js';\n","// ─── Animation Easing Functions ───────────────────────────────────────────────\n//\n// Pure math easing functions for smooth, cinematic animations.\n// No DOM / RAF dependencies – usable in any runtime.\n\nexport type EasingFunction = (t: number) => number;\n\n/** Smooth cubic – slow start, fast middle, slow end. */\nexport const easeInOutCubic: EasingFunction = (t) =>\n  t < 0.5 ? 4 * t * t * t : 1 - Math.pow(-2 * t + 2, 3) / 2;\n\n/** Smooth quartic – more dramatic than cubic. */\nexport const easeInOutQuart: EasingFunction = (t) =>\n  t < 0.5 ? 8 * t * t * t * t : 1 - Math.pow(-2 * t + 2, 4) / 2;\n\n/** Fast start, slow end. */\nexport const easeOutCubic: EasingFunction = (t) => 1 - Math.pow(1 - t, 3);\n\n/** Slow start, fast end. */\nexport const easeInCubic: EasingFunction = (t) => t * t * t;\n\n/** Gentle ease-out (quadratic). */\nexport const easeOutQuad: EasingFunction = (t) => 1 - (1 - t) * (1 - t);\n\n/** Very smooth, organic sine easing. */\nexport const easeInOutSine: EasingFunction = (t) =>\n  -(Math.cos(Math.PI * t) - 1) / 2;\n\n/**\n * Create a CSS cubic-bezier easing function from four control-point values.\n *\n * Builds a 256-entry lookup table at call time (once) so subsequent evaluations\n * are a single table lookup + linear interpolation.\n */\nexport function createCubicBezier(\n  x1: number, y1: number,\n  x2: number, y2: number,\n): EasingFunction {\n  const N = 256;\n  const lut = new Float64Array(N + 1);\n\n  for (let i = 0; i <= N; i++) {\n    const target = i / N;\n    let lo = 0, hi = 1;\n    for (let j = 0; j < 20; j++) {\n      const mid = (lo + hi) / 2;\n      const om  = 1 - mid;\n      const x   = 3 * om * om * mid * x1 + 3 * om * mid * mid * x2 + mid * mid * mid;\n      if (x < target) lo = mid; else hi = mid;\n    }\n    const u  = (lo + hi) / 2;\n    const ou = 1 - u;\n    lut[i] = 3 * ou * ou * u * y1 + 3 * ou * u * u * y2 + u * u * u;\n  }\n\n  return (t: number): number => {\n    if (t <= 0) return 0;\n    if (t >= 1) return 1;\n    const s = t * N;\n    const i = s | 0;\n    return lut[i] + (lut[i + 1] - lut[i]) * (s - i);\n  };\n}\n\n/**\n * Zoom-transition easing — matches CSS cubic-bezier(0.2, 0.8, 0.2, 1).\n * Fast start with smooth, organic settle. Used for all layer transitions.\n * Pre-computed LUT: subsequent calls are a single table lookup + linear interpolation.\n */\nexport const easeZoomTransition: EasingFunction = createCubicBezier(0.2, 0.8, 0.2, 1);\n","// ─── Animation Constants ──────────────────────────────────────────────────────\n\n// ── Timing (ms) ───────────────────────────────────────────────────────────────\n\nexport const ANIMATION_DURATION = {\n  ZOOM_IN_LAYER:    500,\n  ZOOM_OUT_LAYER:   500,\n  ZOOM_GESTURE:     500,\n  FADE_OUT:         200,\n  FADE_IN:          250,\n  COLOR_TRANSITION: 500,\n  CURSOR_CHANGE:    150,\n  LOADING_FADE:     200,\n} as const;\n\nexport const ANIMATION_PHASES = {\n  ZOOM_IN: {\n    ZOOM_TO_TARGET:  500,\n    FADE_OUT_START:  120,\n    FADE_OUT:        280,\n    CONTENT_SWAP:    310,\n    FADE_IN:         200,\n    TOTAL:           510,\n  },\n  ZOOM_OUT: {\n    FADE_OUT:  200,\n    ZOOM_BACK: 50,\n    FADE_IN:   250,\n    TOTAL:     500,\n  },\n} as const;\n\n// ── Zoom Thresholds ───────────────────────────────────────────────────────────\n\nexport const ZOOM_THRESHOLDS = {\n  ENTER_LAYER:      5.0,\n  EXIT_LAYER:       0.5,\n  GESTURE_TRIGGER:  0.8,\n} as const;\n\n// ── Cooldowns (ms) ────────────────────────────────────────────────────────────\n\nexport const COOLDOWN = {\n  NAVIGATION:    1000,\n  ZOOM_GESTURE:  800,\n  DOUBLE_CLICK:  200,\n} as const;\n\n// ── Opacity ───────────────────────────────────────────────────────────────────\n\nexport const OPACITY = {\n  VISIBLE:       1.0,\n  HIDDEN:        0.0,\n  TRANSITIONING: 0.3,\n} as const;\n\n// ── Target Zoom Levels ────────────────────────────────────────────────────────\n\nexport const TARGET_ZOOM = {\n  NORMAL:     1.0,\n  FOCUSED:    0.8,\n  FILL_NODE:  3.0,\n  DETAIL:     2.0,\n} as const;\n\n// ── Viewport Framing ──────────────────────────────────────────────────────────\n\nexport const VIEWPORT_FRAMING = {\n  NODE_FILL_RATIO:  0.7,\n  EXIT_NODE_SIZE:   0.4,\n  PADDING_RATIO:    0.1,\n} as const;\n"],"mappings":"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","names":[]}

package/dist/animations/index.d.cts

@@ -1,81 +0,0 @@
-type EasingFunction = (t: number) => number;
-/** Smooth cubic – slow start, fast middle, slow end. */
-declare const easeInOutCubic: EasingFunction;
-/** Smooth quartic – more dramatic than cubic. */
-declare const easeInOutQuart: EasingFunction;
-/** Fast start, slow end. */
-declare const easeOutCubic: EasingFunction;
-/** Slow start, fast end. */
-declare const easeInCubic: EasingFunction;
-/** Gentle ease-out (quadratic). */
-declare const easeOutQuad: EasingFunction;
-/** Very smooth, organic sine easing. */
-declare const easeInOutSine: EasingFunction;
-/**
- * Create a CSS cubic-bezier easing function from four control-point values.
- *
- * Builds a 256-entry lookup table at call time (once) so subsequent evaluations
- * are a single table lookup + linear interpolation.
- */
-declare function createCubicBezier(x1: number, y1: number, x2: number, y2: number): EasingFunction;
-/**
- * Zoom-transition easing — matches CSS cubic-bezier(0.2, 0.8, 0.2, 1).
- * Fast start with smooth, organic settle. Used for all layer transitions.
- * Pre-computed LUT: subsequent calls are a single table lookup + linear interpolation.
- */
-declare const easeZoomTransition: EasingFunction;
-
-declare const ANIMATION_DURATION: {
-    readonly ZOOM_IN_LAYER: 500;
-    readonly ZOOM_OUT_LAYER: 500;
-    readonly ZOOM_GESTURE: 500;
-    readonly FADE_OUT: 200;
-    readonly FADE_IN: 250;
-    readonly COLOR_TRANSITION: 500;
-    readonly CURSOR_CHANGE: 150;
-    readonly LOADING_FADE: 200;
-};
-declare const ANIMATION_PHASES: {
-    readonly ZOOM_IN: {
-        readonly ZOOM_TO_TARGET: 500;
-        readonly FADE_OUT_START: 120;
-        readonly FADE_OUT: 280;
-        readonly CONTENT_SWAP: 310;
-        readonly FADE_IN: 200;
-        readonly TOTAL: 510;
-    };
-    readonly ZOOM_OUT: {
-        readonly FADE_OUT: 200;
-        readonly ZOOM_BACK: 50;
-        readonly FADE_IN: 250;
-        readonly TOTAL: 500;
-    };
-};
-declare const ZOOM_THRESHOLDS: {
-    readonly ENTER_LAYER: 5;
-    readonly EXIT_LAYER: 0.5;
-    readonly GESTURE_TRIGGER: 0.8;
-};
-declare const COOLDOWN: {
-    readonly NAVIGATION: 1000;
-    readonly ZOOM_GESTURE: 800;
-    readonly DOUBLE_CLICK: 200;
-};
-declare const OPACITY: {
-    readonly VISIBLE: 1;
-    readonly HIDDEN: 0;
-    readonly TRANSITIONING: 0.3;
-};
-declare const TARGET_ZOOM: {
-    readonly NORMAL: 1;
-    readonly FOCUSED: 0.8;
-    readonly FILL_NODE: 3;
-    readonly DETAIL: 2;
-};
-declare const VIEWPORT_FRAMING: {
-    readonly NODE_FILL_RATIO: 0.7;
-    readonly EXIT_NODE_SIZE: 0.4;
-    readonly PADDING_RATIO: 0.1;
-};
-
-export { ANIMATION_DURATION, ANIMATION_PHASES, COOLDOWN, type EasingFunction, OPACITY, TARGET_ZOOM, VIEWPORT_FRAMING, ZOOM_THRESHOLDS, createCubicBezier, easeInCubic, easeInOutCubic, easeInOutQuart, easeInOutSine, easeOutCubic, easeOutQuad, easeZoomTransition };

package/dist/animations/index.d.ts

@@ -1,81 +0,0 @@
-type EasingFunction = (t: number) => number;
-/** Smooth cubic – slow start, fast middle, slow end. */
-declare const easeInOutCubic: EasingFunction;
-/** Smooth quartic – more dramatic than cubic. */
-declare const easeInOutQuart: EasingFunction;
-/** Fast start, slow end. */
-declare const easeOutCubic: EasingFunction;
-/** Slow start, fast end. */
-declare const easeInCubic: EasingFunction;
-/** Gentle ease-out (quadratic). */
-declare const easeOutQuad: EasingFunction;
-/** Very smooth, organic sine easing. */
-declare const easeInOutSine: EasingFunction;
-/**
- * Create a CSS cubic-bezier easing function from four control-point values.
- *
- * Builds a 256-entry lookup table at call time (once) so subsequent evaluations
- * are a single table lookup + linear interpolation.
- */
-declare function createCubicBezier(x1: number, y1: number, x2: number, y2: number): EasingFunction;
-/**
- * Zoom-transition easing — matches CSS cubic-bezier(0.2, 0.8, 0.2, 1).
- * Fast start with smooth, organic settle. Used for all layer transitions.
- * Pre-computed LUT: subsequent calls are a single table lookup + linear interpolation.
- */
-declare const easeZoomTransition: EasingFunction;
-
-declare const ANIMATION_DURATION: {
-    readonly ZOOM_IN_LAYER: 500;
-    readonly ZOOM_OUT_LAYER: 500;
-    readonly ZOOM_GESTURE: 500;
-    readonly FADE_OUT: 200;
-    readonly FADE_IN: 250;
-    readonly COLOR_TRANSITION: 500;
-    readonly CURSOR_CHANGE: 150;
-    readonly LOADING_FADE: 200;
-};
-declare const ANIMATION_PHASES: {
-    readonly ZOOM_IN: {
-        readonly ZOOM_TO_TARGET: 500;
-        readonly FADE_OUT_START: 120;
-        readonly FADE_OUT: 280;
-        readonly CONTENT_SWAP: 310;
-        readonly FADE_IN: 200;
-        readonly TOTAL: 510;
-    };
-    readonly ZOOM_OUT: {
-        readonly FADE_OUT: 200;
-        readonly ZOOM_BACK: 50;
-        readonly FADE_IN: 250;
-        readonly TOTAL: 500;
-    };
-};
-declare const ZOOM_THRESHOLDS: {
-    readonly ENTER_LAYER: 5;
-    readonly EXIT_LAYER: 0.5;
-    readonly GESTURE_TRIGGER: 0.8;
-};
-declare const COOLDOWN: {
-    readonly NAVIGATION: 1000;
-    readonly ZOOM_GESTURE: 800;
-    readonly DOUBLE_CLICK: 200;
-};
-declare const OPACITY: {
-    readonly VISIBLE: 1;
-    readonly HIDDEN: 0;
-    readonly TRANSITIONING: 0.3;
-};
-declare const TARGET_ZOOM: {
-    readonly NORMAL: 1;
-    readonly FOCUSED: 0.8;
-    readonly FILL_NODE: 3;
-    readonly DETAIL: 2;
-};
-declare const VIEWPORT_FRAMING: {
-    readonly NODE_FILL_RATIO: 0.7;
-    readonly EXIT_NODE_SIZE: 0.4;
-    readonly PADDING_RATIO: 0.1;
-};
-
-export { ANIMATION_DURATION, ANIMATION_PHASES, COOLDOWN, type EasingFunction, OPACITY, TARGET_ZOOM, VIEWPORT_FRAMING, ZOOM_THRESHOLDS, createCubicBezier, easeInCubic, easeInOutCubic, easeInOutQuart, easeInOutSine, easeOutCubic, easeOutQuad, easeZoomTransition };

package/dist/animations/index.js

@@ -1,35 +0,0 @@
-import {
-  ANIMATION_DURATION,
-  ANIMATION_PHASES,
-  COOLDOWN,
-  OPACITY,
-  TARGET_ZOOM,
-  VIEWPORT_FRAMING,
-  ZOOM_THRESHOLDS,
-  createCubicBezier,
-  easeInCubic,
-  easeInOutCubic,
-  easeInOutQuart,
-  easeInOutSine,
-  easeOutCubic,
-  easeOutQuad,
-  easeZoomTransition
-} from "../chunk-F36SMC3K.js";
-export {
-  ANIMATION_DURATION,
-  ANIMATION_PHASES,
-  COOLDOWN,
-  OPACITY,
-  TARGET_ZOOM,
-  VIEWPORT_FRAMING,
-  ZOOM_THRESHOLDS,
-  createCubicBezier,
-  easeInCubic,
-  easeInOutCubic,
-  easeInOutQuart,
-  easeInOutSine,
-  easeOutCubic,
-  easeOutQuad,
-  easeZoomTransition
-};
-//# sourceMappingURL=index.js.map