@aivorynet/slaide 1.0.0

package/dist/render/anim.d.ts

@@ -0,0 +1,50 @@
+export interface SlideTransitionDef {
+    /** keyframe body for the entering slide, forward, e.g. "from{opacity:0}to{opacity:1}". */
+    enter: string;
+    /** keyframe body for the leaving slide, forward. */
+    exit: string;
+    /** entering-slide keyframe when navigating backward (defaults to `enter`). */
+    enterRev?: string;
+    /** leaving-slide keyframe when navigating backward (defaults to `exit`). */
+    exitRev?: string;
+    /** default easing; a per-slide `--transition-ease` overrides it. */
+    easing?: string;
+    /** z-index of the entering / leaving slide during the transition (default 2 / 1). */
+    enterZ?: number;
+    exitZ?: number;
+}
+export interface EntranceDef {
+    /** CSS declarations for the pre-reveal (hidden) state, e.g. "opacity:0;transform:translateY(8px)". */
+    hidden: string;
+    /** optional per-effect default easing (an inline `ease=` overrides it). */
+    easing?: string;
+    /** optional per-effect default duration in ms (an inline `dur=` overrides it). */
+    durationMs?: number;
+}
+export declare const SLIDE_TRANSITIONS: Record<string, SlideTransitionDef>;
+export declare const DEFAULT_ENTRANCE = "fade-up";
+export declare const ENTRANCES: Record<string, EntranceDef>;
+export declare const SLIDE_TRANSITION_NAMES: string[];
+export declare const ENTRANCE_NAMES: string[];
+export declare function isSlideTransition(n: string): boolean;
+export declare function isEntrance(n: string): boolean;
+/** CSS for a set of slide transitions (defaults to the built-in catalog). */
+export declare function slideTransitionCss(defs?: Record<string, SlideTransitionDef>): string;
+/** CSS for a set of entrances: per-effect hidden state (+ optional easing/duration vars). */
+export declare function entranceCss(defs?: Record<string, EntranceDef>): string;
+/** Generic build machinery + reduced-motion / print guards. Emitted once. */
+export declare function buildBaseCss(): string;
+export interface MasterAnimationDef {
+    in?: string;
+    out?: string;
+    hidden?: string;
+    entrance?: boolean;
+    duration?: number;
+    ease?: string;
+}
+/** Split a master `animations` map into slide-transition and entrance catalogs. */
+export declare function masterAnimations(animations: Record<string, MasterAnimationDef> | undefined): {
+    slides: Record<string, SlideTransitionDef>;
+    entrances: Record<string, EntranceDef>;
+    warnings: string[];
+};

package/dist/render/anim.js

@@ -0,0 +1,213 @@
+// Copyright 2026 AIVory, Inc.
+// SPDX-License-Identifier: Apache-2.0
+// Single source of truth for named slide transitions and element entrances.
+//
+// Design goal: adding an effect = adding ONE catalog entry here. The runtime derives
+// CSS classes from the name by convention (`sl-anim-<name>-in/out` for slide
+// transitions, `sl-ent-<name>` for element entrances), so no runtime JS edit is
+// needed per effect. This module BOTH generates the CSS and exposes the name lists
+// surfaced to authors / AI (CLI `slots`, MCP spec) and used for `loud` validation.
+const EASE_SLIDE = 'cubic-bezier(.4,0,.2,1)';
+const EASE_ZOOM = 'cubic-bezier(.2,.7,.3,1)';
+// ---- slide↔slide transitions ----------------------------------------------
+// `none` and `morph` are synthetic (handled directly in the runtime, no CSS).
+export const SLIDE_TRANSITIONS = {
+    fade: {
+        enter: 'from{opacity:0}to{opacity:1}',
+        exit: 'from{opacity:1}to{opacity:0}',
+        easing: 'ease',
+    },
+    dissolve: {
+        enter: 'from{opacity:0;filter:blur(6px)}to{opacity:1;filter:blur(0)}',
+        exit: 'from{opacity:1;filter:blur(0)}to{opacity:0;filter:blur(6px)}',
+        easing: 'ease',
+    },
+    zoom: {
+        enter: 'from{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}',
+        exit: 'from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.06)}',
+        easing: EASE_ZOOM,
+    },
+    'zoom-out': {
+        enter: 'from{opacity:0;transform:scale(1.08)}to{opacity:1;transform:scale(1)}',
+        exit: 'from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.94)}',
+        easing: EASE_ZOOM,
+    },
+    'slide-left': {
+        enter: 'from{opacity:0;transform:translateX(6%)}to{opacity:1;transform:none}',
+        exit: 'from{opacity:1;transform:none}to{opacity:0;transform:translateX(-6%)}',
+        enterRev: 'from{opacity:0;transform:translateX(-6%)}to{opacity:1;transform:none}',
+        exitRev: 'from{opacity:1;transform:none}to{opacity:0;transform:translateX(6%)}',
+        easing: EASE_SLIDE,
+    },
+    'slide-right': {
+        enter: 'from{opacity:0;transform:translateX(-6%)}to{opacity:1;transform:none}',
+        exit: 'from{opacity:1;transform:none}to{opacity:0;transform:translateX(6%)}',
+        enterRev: 'from{opacity:0;transform:translateX(6%)}to{opacity:1;transform:none}',
+        exitRev: 'from{opacity:1;transform:none}to{opacity:0;transform:translateX(-6%)}',
+        easing: EASE_SLIDE,
+    },
+    'slide-up': {
+        enter: 'from{opacity:0;transform:translateY(6%)}to{opacity:1;transform:none}',
+        exit: 'from{opacity:1;transform:none}to{opacity:0;transform:translateY(-6%)}',
+        enterRev: 'from{opacity:0;transform:translateY(-6%)}to{opacity:1;transform:none}',
+        exitRev: 'from{opacity:1;transform:none}to{opacity:0;transform:translateY(6%)}',
+        easing: EASE_SLIDE,
+    },
+    'slide-down': {
+        enter: 'from{opacity:0;transform:translateY(-6%)}to{opacity:1;transform:none}',
+        exit: 'from{opacity:1;transform:none}to{opacity:0;transform:translateY(6%)}',
+        enterRev: 'from{opacity:0;transform:translateY(6%)}to{opacity:1;transform:none}',
+        exitRev: 'from{opacity:1;transform:none}to{opacity:0;transform:translateY(-6%)}',
+        easing: EASE_SLIDE,
+    },
+    push: {
+        enter: 'from{transform:translateX(100%)}to{transform:none}',
+        exit: 'from{transform:none}to{transform:translateX(-100%)}',
+        enterRev: 'from{transform:translateX(-100%)}to{transform:none}',
+        exitRev: 'from{transform:none}to{transform:translateX(100%)}',
+        easing: EASE_SLIDE,
+    },
+    cover: {
+        // the new slide slides in on top; the old one sits still beneath
+        enter: 'from{transform:translateX(100%)}to{transform:none}',
+        exit: 'from{opacity:1}to{opacity:1}',
+        enterRev: 'from{transform:translateX(-100%)}to{transform:none}',
+        exitRev: 'from{opacity:1}to{opacity:1}',
+        easing: EASE_SLIDE,
+    },
+    reveal: {
+        // the old slide slides away on top, revealing the new one sitting beneath
+        enter: 'from{opacity:1}to{opacity:1}',
+        exit: 'from{transform:none}to{transform:translateX(-100%)}',
+        enterRev: 'from{opacity:1}to{opacity:1}',
+        exitRev: 'from{transform:none}to{transform:translateX(100%)}',
+        easing: EASE_SLIDE,
+        enterZ: 1,
+        exitZ: 2,
+    },
+    flip: {
+        enter: 'from{opacity:0;transform:perspective(1200px) rotateY(90deg)}to{opacity:1;transform:perspective(1200px) rotateY(0)}',
+        exit: 'from{opacity:1;transform:perspective(1200px) rotateY(0)}to{opacity:0;transform:perspective(1200px) rotateY(-90deg)}',
+        enterRev: 'from{opacity:0;transform:perspective(1200px) rotateY(-90deg)}to{opacity:1;transform:perspective(1200px) rotateY(0)}',
+        exitRev: 'from{opacity:1;transform:perspective(1200px) rotateY(0)}to{opacity:0;transform:perspective(1200px) rotateY(90deg)}',
+        easing: EASE_ZOOM,
+    },
+    'fade-through-black': {
+        // both slides pass through the dark stage backdrop at the midpoint
+        enter: 'from{opacity:0}50%{opacity:0}to{opacity:1}',
+        exit: 'from{opacity:1}50%{opacity:0}to{opacity:0}',
+        easing: 'ease',
+    },
+};
+// aliases (share the same definition; emitted as their own class names)
+SLIDE_TRANSITIONS['slide'] = SLIDE_TRANSITIONS['slide-left'];
+SLIDE_TRANSITIONS['fade-black'] = SLIDE_TRANSITIONS['fade-through-black'];
+// ---- element / build entrances ---------------------------------------------
+export const DEFAULT_ENTRANCE = 'fade-up';
+export const ENTRANCES = {
+    fade: { hidden: 'opacity:0' },
+    'fade-up': { hidden: 'opacity:0;transform:translateY(8px)' },
+    'fade-down': { hidden: 'opacity:0;transform:translateY(-8px)' },
+    'fade-left': { hidden: 'opacity:0;transform:translateX(-16px)' },
+    'fade-right': { hidden: 'opacity:0;transform:translateX(16px)' },
+    'slide-in-left': { hidden: 'opacity:0;transform:translateX(-24px)' },
+    'slide-in-right': { hidden: 'opacity:0;transform:translateX(24px)' },
+    'slide-in-up': { hidden: 'opacity:0;transform:translateY(24px)' },
+    'slide-in-down': { hidden: 'opacity:0;transform:translateY(-24px)' },
+    'zoom-in': { hidden: 'opacity:0;transform:scale(.9)' },
+    'zoom-out': { hidden: 'opacity:0;transform:scale(1.08)' },
+    pop: { hidden: 'opacity:0;transform:scale(.6)', easing: 'cubic-bezier(.2,1.5,.4,1)' },
+    'blur-in': { hidden: 'opacity:0;filter:blur(8px)' },
+    rise: { hidden: 'opacity:0;transform:translateY(40px)' },
+    none: { hidden: 'opacity:0', durationMs: 0 },
+};
+export const SLIDE_TRANSITION_NAMES = ['none', 'morph', ...Object.keys(SLIDE_TRANSITIONS)];
+export const ENTRANCE_NAMES = Object.keys(ENTRANCES);
+export function isSlideTransition(n) {
+    return n === 'none' || n === 'morph' || Object.prototype.hasOwnProperty.call(SLIDE_TRANSITIONS, n);
+}
+export function isEntrance(n) {
+    return Object.prototype.hasOwnProperty.call(ENTRANCES, n);
+}
+// ---- CSS generators --------------------------------------------------------
+function transitionRules(name, d) {
+    const ez = d.enterZ ?? 2;
+    const xz = d.exitZ ?? 1;
+    const ease = d.easing ?? 'ease';
+    const inA = `slk-${name}-in`;
+    const outA = `slk-${name}-out`;
+    let css = `.sl-anim-${name}-in{z-index:${ez};animation:${inA} var(--transition-ms) var(--transition-ease,${ease}) both;}` +
+        `.sl-anim-${name}-out{z-index:${xz};animation:${outA} var(--transition-ms) var(--transition-ease,${ease}) both;}` +
+        `@keyframes ${inA}{${d.enter}}` +
+        `@keyframes ${outA}{${d.exit}}`;
+    if (d.enterRev || d.exitRev) {
+        const inR = `slk-${name}-in-rev`;
+        const outR = `slk-${name}-out-rev`;
+        css +=
+            `.sl-anim-${name}-in.sl-anim-rev{animation-name:${inR};}` +
+                `.sl-anim-${name}-out.sl-anim-rev{animation-name:${outR};}` +
+                `@keyframes ${inR}{${d.enterRev ?? d.enter}}` +
+                `@keyframes ${outR}{${d.exitRev ?? d.exit}}`;
+    }
+    return css;
+}
+/** CSS for a set of slide transitions (defaults to the built-in catalog). */
+export function slideTransitionCss(defs = SLIDE_TRANSITIONS) {
+    return Object.entries(defs)
+        .map(([n, d]) => transitionRules(n, d))
+        .join('\n');
+}
+/** CSS for a set of entrances: per-effect hidden state (+ optional easing/duration vars). */
+export function entranceCss(defs = ENTRANCES) {
+    return Object.entries(defs)
+        .map(([n, d]) => {
+        let css = `.sl-ent-${n}:not(.sl-shown){${d.hidden};}`;
+        const vars = [];
+        if (d.easing)
+            vars.push(`--sl-ent-ease:${d.easing}`);
+        if (d.durationMs !== undefined)
+            vars.push(`--sl-ent-dur:${d.durationMs}ms`);
+        if (vars.length)
+            css += `.sl-ent-${n}{${vars.join(';')};}`;
+        return css;
+    })
+        .join('\n');
+}
+/** Generic build machinery + reduced-motion / print guards. Emitted once. */
+export function buildBaseCss() {
+    return [
+        `.sl-build{transition:opacity var(--sl-ent-dur,.35s) var(--sl-ent-ease,ease) var(--sl-ent-delay,0s),` +
+            `transform var(--sl-ent-dur,.35s) var(--sl-ent-ease,ease) var(--sl-ent-delay,0s),` +
+            `filter var(--sl-ent-dur,.35s) var(--sl-ent-ease,ease) var(--sl-ent-delay,0s);}`,
+        // bare `>>>` (no sl-ent-* class) keeps the classic fade-up
+        `.sl-build[data-build]:not(.sl-shown):not([class*="sl-ent-"]){opacity:0;transform:translateY(8px);}`,
+        `.sl-build.sl-shown{opacity:1;transform:none;filter:none;}`,
+        `@media print{.sl-build{opacity:1!important;transform:none!important;filter:none!important;}}`,
+        `@media (prefers-reduced-motion: reduce){.sl-slide,.sl-build{animation:none!important;transition:none!important;}}`,
+    ].join('\n');
+}
+/** Split a master `animations` map into slide-transition and entrance catalogs. */
+export function masterAnimations(animations) {
+    const slides = {};
+    const entrances = {};
+    const warnings = [];
+    for (const [name, def] of Object.entries(animations ?? {})) {
+        const isEnt = def.entrance || (def.hidden !== undefined && def.in === undefined);
+        if (isEnt) {
+            if (def.hidden === undefined) {
+                warnings.push(`custom entrance "${name}" has no \`hidden\` state; ignored.`);
+                continue;
+            }
+            entrances[name] = { hidden: def.hidden, easing: def.ease, durationMs: def.duration };
+        }
+        else {
+            if (def.in === undefined || def.out === undefined) {
+                warnings.push(`custom transition "${name}" needs both \`in\` and \`out\` keyframes; ignored.`);
+                continue;
+            }
+            slides[name] = { enter: def.in, exit: def.out, easing: def.ease };
+        }
+    }
+    return { slides, entrances, warnings };
+}
+//# sourceMappingURL=anim.js.map

package/dist/render/anim.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"anim.js","sourceRoot":"","sources":["../../src/render/anim.ts"],"names":[],"mappings":"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"}

package/dist/render/charts.d.ts

@@ -0,0 +1,3 @@
+export { MERMAID_LIB_B64 } from './mermaid-lib.generated.js';
+export { ECHART_LIB_B64 } from './echarts-lib.generated.js';
+export declare const CHARTS_BOOT_JS: string;

package/dist/render/charts.js

@@ -0,0 +1,171 @@
+// Copyright 2026 AIVory, Inc.
+// SPDX-License-Identifier: Apache-2.0
+// Chart engines (Mermaid diagrams + ECharts data viz), inlined but LAZILY booted.
+//
+// Each engine's minified UMD bundle ships base64-encoded (see *-lib.generated.ts) and is
+// placed by html.ts into an inert `<script type="text/plain">` tag — it is NOT parsed or
+// executed on load. The small boot loader below decodes + evals a bundle the *first* time
+// one of its charts needs rendering, then renders to inline SVG (themed from the deck's
+// CSS vars). Both engines render in the browser, so the same path covers the web runtime
+// and the headless-Chromium outputs (PNG/PDF/PPTX).
+export { MERMAID_LIB_B64 } from './mermaid-lib.generated.js';
+export { ECHART_LIB_B64 } from './echarts-lib.generated.js';
+// Vanilla JS, no template literals inside (so it is safe in this String.raw block).
+// Exposes window.__slaideCharts = { renderAll, renderIn } and sets
+// window.__slaideChartsReady = true once renderAll settles (or immediately if the deck
+// has no charts, so the exporters' waitForFunction never hangs).
+export const CHARTS_BOOT_JS = String.raw `
+(function(){
+  if(window.__slaideCharts) return;
+  var booted = {};
+  var idc = 0;
+
+  function cssVar(name, fallback){
+    var v = getComputedStyle(document.documentElement).getPropertyValue(name);
+    v = (v||'').trim();
+    return v || fallback;
+  }
+  function b64decode(b64){
+    var bin = atob((b64||'').trim());
+    var bytes = new Uint8Array(bin.length);
+    for(var i=0;i<bin.length;i++) bytes[i] = bin.charCodeAt(i);
+    return new TextDecoder('utf-8').decode(bytes);
+  }
+
+  // Eval an engine's vendored bundle exactly once, then configure its theme from the
+  // deck's CSS custom properties so charts come out on-brand automatically.
+  function ensure(engine){
+    if(booted[engine]) return booted[engine];
+    var tag = document.getElementById('sl-'+engine+'-lib');
+    if(!tag) return null;
+    try{ (0,eval)(b64decode(tag.textContent)); }
+    catch(e){ console.error('slaide: failed to boot '+engine, e); return null; }
+
+    if(engine==='mermaid' && window.mermaid){
+      var font = cssVar('--font-sans','system-ui');
+      window.mermaid.initialize({
+        startOnLoad:false, securityLevel:'strict', theme:'base', fontFamily:font,
+        themeVariables:{
+          background:'transparent',
+          primaryColor: cssVar('--color-surface', cssVar('--color-accent','#5B8CFF')),
+          primaryTextColor: cssVar('--color-text','#ffffff'),
+          primaryBorderColor: cssVar('--color-accent','#5B8CFF'),
+          lineColor: cssVar('--color-accent','#5B8CFF'),
+          secondaryColor: cssVar('--color-surface','#121A2B'),
+          tertiaryColor: cssVar('--color-surface','#121A2B'),
+          textColor: cssVar('--color-text','#ffffff'),
+          fontFamily: font
+        }
+      });
+      booted.mermaid = window.mermaid;
+    } else if(engine==='echart' && window.echarts){
+      var def = ['#5B8CFF','#A855F7','#2DD4BF','#34D399','#FB923C','#EC4899','#818CF8'];
+      var list = cssVar('--chart-colors','');
+      var colors = list ? list.split(',').map(function(s){return s.trim();}).filter(Boolean) : def;
+      var accent = cssVar('--color-accent','');
+      if(accent && colors.indexOf(accent)<0) colors = [accent].concat(colors);
+      var text = cssVar('--color-text','#ffffff');
+      var muted = cssVar('--color-muted','#8B93A7');
+      var font = cssVar('--font-sans','system-ui');
+      var axis = {
+        axisLine:{lineStyle:{color:muted}},
+        axisTick:{lineStyle:{color:muted}},
+        axisLabel:{color:muted},
+        splitLine:{lineStyle:{color:'rgba(127,127,127,0.18)'}}
+      };
+      window.echarts.registerTheme('slaide', {
+        color: colors, backgroundColor:'transparent',
+        textStyle:{ fontFamily:font, color:text },
+        title:{ textStyle:{ color:text } },
+        legend:{ textStyle:{ color:muted } },
+        categoryAxis: axis, valueAxis: axis, logAxis: axis, timeAxis: axis
+      });
+      booted.echart = window.echarts;
+    }
+    return booted[engine] || true;
+  }
+
+  function renderMermaid(el){
+    if(!ensure('mermaid')) return Promise.resolve();
+    var graph;
+    try{ graph = b64decode(el.getAttribute('data-graph')); }
+    catch(e){ return Promise.resolve(); }
+    el.setAttribute('data-rendered','1');
+    return window.mermaid.render('slm'+(idc++), graph).then(function(r){
+      el.innerHTML = r.svg;
+    }).catch(function(e){
+      el.removeAttribute('data-rendered');
+      el.innerHTML = '<pre style="white-space:pre-wrap;font-size:.6em;opacity:.7">'+String((e&&e.message)||e)+'</pre>';
+    });
+  }
+  function renderEchart(el){
+    if(!ensure('echart')) return Promise.resolve();
+    var opt;
+    try{ opt = JSON.parse(b64decode(el.getAttribute('data-option'))); }
+    catch(e){ return Promise.resolve(); }
+    var w = el.clientWidth||600, h = el.clientHeight;
+    if(!h){ h = Math.round(w*0.58); el.style.height = h+'px'; }   // avoid 0-height collapse
+    el.setAttribute('data-rendered','1');
+    try{
+      var inst = window.echarts.init(el, 'slaide', { renderer:'svg', width:w, height:h });
+      // Slides are static stills captured to SVG/PNG/PDF; intro animation would otherwise
+      // be caught mid-grow (e.g. bars at ~68% height) by the export screenshot/print.
+      if(opt && opt.animation === undefined) opt.animation = false;
+      inst.setOption(opt);
+      el.__slEchart = inst;
+      // Add a viewBox but KEEP the intrinsic width/height attributes: the print/PDF
+      // rasterizer needs concrete dimensions (a percentage-sized SVG with no intrinsic
+      // size prints distorted), and the viewBox lets CSS max-width/height scale it cleanly.
+      var svg = el.querySelector('svg');
+      if(svg && !svg.getAttribute('viewBox')){
+        var wv = parseFloat(svg.getAttribute('width'))||w, hv = parseFloat(svg.getAttribute('height'))||h;
+        svg.setAttribute('viewBox','0 0 '+wv+' '+hv);
+        svg.setAttribute('preserveAspectRatio','xMidYMid meet');
+      }
+    }catch(e){ el.removeAttribute('data-rendered'); }
+    return Promise.resolve();
+  }
+  function renderEl(el){
+    if(el.getAttribute('data-rendered')) return Promise.resolve();
+    if(el.classList.contains('sl-mermaid')) return renderMermaid(el);
+    if(el.classList.contains('sl-echart'))  return renderEchart(el);
+    return Promise.resolve();
+  }
+  function renderNodes(nodes){
+    var ps=[]; for(var i=0;i<nodes.length;i++) ps.push(renderEl(nodes[i]));
+    return Promise.all(ps);
+  }
+  function renderIn(root){
+    return renderNodes((root||document).querySelectorAll('.sl-chart:not([data-rendered])'));
+  }
+  function renderAll(){
+    return renderNodes(document.querySelectorAll('.sl-chart:not([data-rendered])')).then(function(){
+      window.__slaideChartsReady = true;
+    });
+  }
+
+  window.__slaideCharts = { renderAll:renderAll, renderIn:renderIn, renderEl:renderEl };
+
+  // Render the slide as it becomes active (lazy) — attached synchronously so the runtime's
+  // initial slaide:change (fired during parse, e.g. for a deep-linked chart slide) is caught.
+  document.addEventListener('slaide:change', function(e){
+    var slides = document.querySelectorAll('.sl-slide');
+    var idx = (e && e.detail) ? e.detail.index : -1;
+    if(idx>=0 && slides[idx]) renderIn(slides[idx]);
+  });
+
+  function start(){
+    if(!document.querySelector('.sl-chart')){ window.__slaideChartsReady = true; return; }
+    // print/PDF: every page is laid out at once and there is no navigation runtime.
+    if(document.body && document.body.classList.contains('sl-print')){ renderAll(); return; }
+    // web: render whatever slide is on screen right now; later slides render on navigation.
+    var active = document.querySelector('.sl-slide.sl-active') || document.querySelector('.sl-slide');
+    if(active) renderIn(active);
+  }
+  // Render on full load (not DOMContentLoaded): charts size to their slot, so the
+  // stylesheet + layout must be applied first or ECharts measures a wrong height.
+  if(document.readyState==='complete') start();
+  else window.addEventListener('load', start);
+})();
+`;
+//# sourceMappingURL=charts.js.map

package/dist/render/charts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"charts.js","sourceRoot":"","sources":["../../src/render/charts.ts"],"names":[],"mappings":"AAAA,8BAA8B;AAC9B,sCAAsC;AACtC,kFAAkF;AAClF,EAAE;AACF,yFAAyF;AACzF,yFAAyF;AACzF,0FAA0F;AAC1F,wFAAwF;AACxF,yFAAyF;AACzF,oDAAoD;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAE5D,oFAAoF;AACpF,mEAAmE;AACnE,uFAAuF;AACvF,iEAAiE;AACjE,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyJvC,CAAC"}

package/dist/render/css.d.ts

@@ -0,0 +1,3 @@
+import type { DeckIR } from '../types.js';
+export declare function tokenCss(ir: DeckIR): string;
+export declare const BASE_CSS: string;

package/dist/render/css.js

@@ -0,0 +1,183 @@
+import { buildBaseCss, entranceCss, slideTransitionCss } from './anim.js';
+export function tokenCss(ir) {
+    const lines = Object.entries(ir.tokens).map(([k, v]) => `  ${k}: ${v};`);
+    return `:root{\n${lines.join('\n')}\n  --canvas-w:${ir.canvas.width}px;\n  --canvas-h:${ir.canvas.height}px;\n  --transition-ms:${ir.transitions.duration}ms;\n}`;
+}
+const STATIC_CSS = `
+*,*::before,*::after{box-sizing:border-box;}
+html,body{margin:0;height:100%;}
+body{
+  background:#0a0a0e;
+  font-family:var(--font-sans, system-ui, sans-serif);
+  color:var(--color-text,#eee);
+  overflow:hidden;
+  -webkit-font-smoothing:antialiased;
+  text-rendering:optimizeLegibility;
+}
+.sl-viewport{position:fixed;inset:0;overflow:hidden;background:#0a0a0e;}
+
+/* thin, unobtrusive scrollbars wherever the deck scrolls (notes, code, help) */
+*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.22) transparent;}
+::-webkit-scrollbar{width:9px;height:9px;}
+::-webkit-scrollbar-track{background:transparent;}
+::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:9px;border:2px solid transparent;background-clip:padding-box;}
+::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.34);background-clip:padding-box;}
+::-webkit-scrollbar-corner{background:transparent;}
+.sl-stage{
+  position:absolute;
+  left:0;top:0;
+  width:var(--canvas-w);
+  height:var(--canvas-h);
+  transform-origin:0 0;
+  box-shadow:0 24px 80px -20px rgba(0,0,0,.6);
+  overflow:hidden;
+}
+/* Presentation default: a viewed/presented/exported deck is not text-selectable — dragging to
+   highlight slide text breaks the "this is a slideshow" feel. Unconditional + editor-token-free
+   so it covers OSS/non-editable/exported renders and keeps the paywall boundary clean; the Pro
+   editor's edit CSS re-enables selection on editable regions while editing. */
+.sl-stage, .sl-stage *{
+  -webkit-user-select:none; user-select:none;
+}
+
+/* ---- slide + layers ---- */
+.sl-slide{
+  position:absolute;inset:0;width:100%;height:100%;
+  background:var(--color-background,#111);
+  color:var(--color-text,#eee);
+  font-size:var(--type-base,22px);
+  line-height:1.5;
+  overflow:hidden;
+  visibility:hidden;
+  opacity:0;
+}
+.sl-slide.sl-active{visibility:visible;opacity:1;}
+.sl-layer-bg{position:absolute;inset:0;z-index:0;}
+.sl-layer-content{
+  position:absolute;inset:0;z-index:1;
+  display:grid;
+  width:100%;height:100%;
+  padding:var(--slide-padding,6%);
+  gap:var(--slide-gap,.8em);
+  align-content:start;
+  justify-items:stretch;
+}
+.sl-region{min-width:0;min-height:0;}
+
+/* ---- free layer: absolutely positioned shapes/boxes ---- */
+.sl-layer-free{position:absolute;inset:0;z-index:2;pointer-events:none;}
+.sl-shape{position:absolute;box-sizing:border-box;}
+.sl-shape[data-shape="text"]{display:flex;flex-direction:column;justify-content:center;overflow:hidden;outline:none;}
+
+/* ---- typography ---- */
+.sl-slide h1,.sl-slide h2,.sl-slide h3,.sl-slide h4{
+  font-family:var(--font-display,var(--font-sans));
+  font-weight:700;line-height:1.08;margin:0 0 .3em;color:var(--color-heading,var(--color-text));
+  letter-spacing:-0.01em;
+}
+.sl-slide h1{font-size:var(--size-h1,3em);}
+.sl-slide h2{font-size:var(--size-h2,2.2em);}
+.sl-slide h3{font-size:var(--size-h3,1.6em);}
+.sl-slide h4{font-size:var(--size-h4,1.3em);}
+.sl-slide p{margin:0 0 .6em;}
+.sl-slide ul,.sl-slide ol{margin:.2em 0;padding-left:1.2em;}
+.sl-slide li{margin:.35em 0;}
+.sl-slide a{color:var(--color-link,var(--color-accent,#6cf));text-decoration:none;border-bottom:1px solid currentColor;}
+.sl-slide strong{color:inherit;font-weight:700;}
+.sl-slide code{font-family:var(--font-mono,ui-monospace,monospace);font-size:.9em;background:var(--code-inline-bg,rgba(127,127,127,.18));padding:.1em .35em;border-radius:4px;}
+.sl-slide pre{font-family:var(--font-mono,ui-monospace,monospace);background:var(--code-bg,rgba(127,127,127,.12));color:var(--code-fg,inherit);padding:var(--code-pad,1.1em 1.3em);border-radius:var(--code-radius,12px);overflow:auto;font-size:.8em;line-height:1.55;box-shadow:var(--code-shadow,none);}
+.sl-slide pre code{background:none;padding:0;color:inherit;}
+.sl-slide blockquote{margin:0;padding-left:.8em;border-left:4px solid var(--color-accent,#6cf);font-style:italic;color:var(--color-muted,inherit);}
+.sl-slide blockquote p{font-size:1.15em;}
+.sl-img{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;display:block;}
+
+/* slot types */
+.sl-slot-title{font-family:var(--font-display,inherit);font-weight:700;font-size:var(--size-h2,2.2em);line-height:1.08;letter-spacing:-0.01em;color:var(--color-heading,var(--color-text));}
+.sl-slot-subtitle{font-size:var(--size-h3,1.4em);color:var(--color-muted,var(--color-accent));font-weight:400;}
+.sl-slot-body{font-size:var(--size-body,var(--type-base));}
+.sl-slot-image,.sl-slot-media{display:grid;place-items:center;height:100%;position:relative;}
+.sl-slot-media .sl-img{width:100%;height:100%;object-fit:cover;border-radius:0;}
+.sl-slot-quote{font-size:var(--size-h3);font-style:italic;}
+.sl-slot-caption{font-size:var(--size-caption,.8em);color:var(--color-muted);}
+
+/* ---- tables ---- */
+.sl-slide table{border-collapse:collapse;width:100%;font-size:.82em;}
+.sl-slide th{text-align:left;color:var(--color-muted);font-weight:600;padding:.45em .8em;border-bottom:1px solid color-mix(in srgb, currentColor 20%, transparent);}
+.sl-slide td{padding:.6em .8em;border-bottom:1px solid color-mix(in srgb, currentColor 10%, transparent);vertical-align:top;}
+.sl-slide tr:last-child td{border-bottom:none;}
+
+/* ---- gradient text & image utilities ---- */
+.sl-grad{background-image:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;}
+/* whole-slot gradient text fill (slot style: fill: <gradient>) */
+.sl-region[style*="--region-fill"]{background-image:var(--region-fill);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;}
+.sl-img.round{border-radius:50%;object-fit:cover;aspect-ratio:1/1;}
+.sl-img.cover{object-fit:cover;width:100%;height:100%;}
+.sl-img.shadow{box-shadow:0 18px 50px -16px rgba(0,0,0,.6);}
+.sl-img.right{float:right;margin:0 0 .6em 1.4em;}
+.sl-img.left{float:left;margin:0 1.4em .6em 0;}
+.sl-img.logo{display:inline-block;filter:brightness(0) invert(1);opacity:.82;vertical-align:middle;margin:0 .4em;}
+.sl-img.logo-dark{filter:none;}
+.sl-video{max-width:100%;max-height:100%;border-radius:8px;display:block;}
+.sl-slot-media .sl-video{width:100%;height:100%;object-fit:cover;border-radius:0;}
+.sl-audio{width:100%;margin:.4em 0;}
+.sl-embed-wrap{position:relative;width:100%;height:100%;min-height:0;}
+.sl-embed,.sl-widget{width:100%;height:100%;min-height:240px;border:0;border-radius:10px;background:transparent;display:block;}
+.sl-embed-fallback{display:none;align-items:center;justify-content:center;height:100%;min-height:240px;border:1px dashed var(--color-muted,#888);border-radius:10px;color:var(--color-muted,#888);font-family:var(--font-sans,system-ui);}
+@media print{.sl-embed,.sl-widget{display:none;} .sl-embed-fallback{display:flex;}}
+/* inline svg follows the region's text-align (left/center) */
+.sl-svg{display:block;}
+.sl-svg svg{display:inline-block;vertical-align:middle;max-width:100%;max-height:100%;height:auto;}
+
+/* ---- charts: mermaid diagrams + echarts data viz (rendered to inline SVG) ---- */
+/* .sl-mermaid is a pre — the .sl-slide prefix outranks ".sl-slide pre" so the default
+   code-panel background/padding/radius is stripped and the chart reads as a figure. */
+.sl-slide .sl-chart{display:flex;justify-content:center;align-items:center;width:100%;height:100%;
+  margin:0;background:none;padding:0;box-shadow:none;border-radius:0;overflow:visible;}
+.sl-slide .sl-chart svg{max-width:100%;max-height:100%;height:auto;}
+.sl-slide .sl-echart{display:block;}
+@media print{.sl-chart{break-inside:avoid;}}
+
+/* ---- chrome: header / footer / logo (overlay layer) ---- */
+.sl-layer-chrome{position:absolute;inset:0;z-index:3;pointer-events:none;}
+.sl-header,.sl-footer{position:absolute;left:0;right:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;
+  padding:0 var(--chrome-pad,6%);font-family:var(--font-sans,system-ui);font-size:var(--chrome-size,15px);color:var(--color-muted,#888);}
+.sl-header{top:var(--chrome-top,4.4%);}
+.sl-footer{bottom:var(--chrome-bottom,5%);font-size:var(--chrome-foot-size,17px);color:var(--color-text,#eee);}
+.sl-footer .sl-band-c,.sl-footer .sl-band-r{font-size:var(--chrome-page-size,inherit);}
+.sl-band-l{justify-self:start;text-align:left;}
+.sl-band-c{justify-self:center;text-align:center;}
+.sl-band-r{justify-self:end;text-align:right;}
+.sl-footer .sl-band-r{color:var(--color-muted);}
+.sl-header p,.sl-footer p{margin:0;display:inline;}
+.sl-logo{position:absolute;color:var(--color-text,#fff);}
+.sl-logo svg,.sl-logo img{height:var(--logo-h,30px);width:auto;display:block;}
+.sl-logo-top-left{top:var(--chrome-top,4.4%);left:var(--chrome-pad,6%);}
+.sl-logo-top-right{top:var(--chrome-top,4.4%);right:var(--chrome-pad,6%);}
+.sl-logo-bottom-left{bottom:var(--chrome-bottom,5%);left:var(--chrome-pad,6%);}
+.sl-logo-bottom-right{bottom:var(--chrome-bottom,5%);right:var(--chrome-pad,6%);}
+
+/* ---- present-mode toggle (the web viewer's switch into fullscreen) ---- */
+.sl-present-toggle{position:fixed;right:14px;top:12px;z-index:55;width:34px;height:34px;border:0;border-radius:9px;
+  background:rgba(0,0,0,.3);color:#fff;opacity:.26;cursor:pointer;font:16px/1 var(--font-sans,system-ui);
+  display:grid;place-items:center;backdrop-filter:blur(6px);transition:opacity .2s;}
+.sl-present-toggle:hover{opacity:.85;}
+body.sl-presenting .sl-present-toggle,body.sl-presenting .sl-counter{opacity:0;pointer-events:none;}
+@media print{.sl-present-toggle{display:none;}}
+
+/* ---- builds + transitions live in anim.ts (appended to BASE_CSS below) ---- */
+
+/* ---- UI chrome ---- */
+.sl-progress{position:fixed;left:0;bottom:0;height:3px;background:var(--color-accent,#6cf);width:0;z-index:50;transition:width .3s ease;}
+.sl-counter{position:fixed;right:14px;bottom:12px;font:600 13px/1 var(--font-sans,system-ui);color:#fff;opacity:.35;z-index:50;background:rgba(0,0,0,.3);padding:5px 9px;border-radius:20px;backdrop-filter:blur(6px);}
+.sl-counter:hover{opacity:.8;}
+.sl-notes{position:fixed;left:0;right:0;bottom:0;max-height:38vh;overflow:auto;background:rgba(10,10,16,.94);color:#ddd;padding:16px 22px;font:15px/1.6 var(--font-sans,system-ui);z-index:60;border-top:2px solid var(--color-accent,#6cf);display:none;}
+.sl-notes.sl-open{display:block;}
+.sl-help{position:fixed;inset:0;display:none;place-items:center;background:rgba(5,5,10,.82);z-index:70;}
+.sl-help.sl-open{display:grid;}
+.sl-help div{background:#16161f;color:#eee;padding:26px 30px;border-radius:14px;font:15px/1.9 var(--font-sans,system-ui);box-shadow:0 30px 80px -20px #000;}
+.sl-help kbd{background:#2a2a38;border-radius:5px;padding:2px 7px;font-family:var(--font-mono,monospace);font-size:.85em;}
+`;
+// Builds + slide transitions are generated from the single-source catalog in anim.ts
+// (so adding an effect is one catalog entry, not edits scattered across files).
+export const BASE_CSS = STATIC_CSS + '\n' + buildBaseCss() + '\n' + entranceCss() + '\n' + slideTransitionCss();
+//# sourceMappingURL=css.js.map

package/dist/render/css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"css.js","sourceRoot":"","sources":["../../src/render/css.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAE1E,MAAM,UAAU,QAAQ,CAAC,EAAU;IACjC,MAAM,KAAK,GAAG,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IACzE,OAAO,WAAW,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,kBAAkB,EAAE,CAAC,MAAM,CAAC,KAAK,qBAAqB,EAAE,CAAC,MAAM,CAAC,MAAM,0BAA0B,EAAE,CAAC,WAAW,CAAC,QAAQ,QAAQ,CAAC;AACpK,CAAC;AAED,MAAM,UAAU,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6KlB,CAAC;AAEF,qFAAqF;AACrF,gFAAgF;AAChF,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,GAAG,IAAI,GAAG,YAAY,EAAE,GAAG,IAAI,GAAG,WAAW,EAAE,GAAG,IAAI,GAAG,kBAAkB,EAAE,CAAC"}