@bendyline/squisq 0.1.2 → 1.1.0

package/dist/schemas/index.d.ts

@@ -1,70 +1,10 @@
-export { B as BoundingBox, C as Coordinates } from '../Types-sh2VRxfo.js';
-export { A as AccentImage, a as AccentPosition, b as Animation, c as AnimationType, d as AudioSegment, e as AudioTrack, B as Block, C as CaptionPhrase, f as CaptionTrack, g as ColorScheme, h as ComparisonBarInput, i as CornerBrandingConfig, D as DEFAULT_DOC_FONT, j as DEFAULT_THEME, k as DEFAULT_THEME_ID, l as DEFAULT_TITLE_FONT, m as DateEventInput, n as DeepPartial, o as DefinitionCardInput, p as Doc, q as DocBlock, F as FactCardInput, r as FullBleedQuoteInput, G as GradientBackgroundConfig, I as ImageBackgroundConfig, s as ImageLayer, t as ImageWithCaptionInput, L as Layer, u as LayoutHints, v as ListBlockInput, M as MapBlockInput, w as MapLayer, x as MapMarker, y as MapTileStyle, P as PatternBackgroundConfig, z as PersistentLayer, E as PersistentLayerConfig, H as PersistentLayerTemplate, J as PersistentLayerTemplateConfig, K as PersistentLayerTemplateType, N as PhotoGridInput, O as Position, Q as ProgressIndicatorConfig, R as PullQuoteInput, S as QuoteBlockInput, T as RenderStyle, U as SectionHeaderInput, V as ShapeLayer, W as SolidBackgroundConfig, X as StartBlockConfig, Y as StatHighlightInput, Z as THEMES, _ as TemplateBlock, $ as TemplateContext, a0 as TemplateFunction, a1 as TemplateRegistry, a2 as TextLayer, a3 as TextStyle, a4 as Theme, a5 as ThemeColorPalette, a6 as ThemeColorScheme, a7 as ThemeStyle, a8 as ThemeTypography, a9 as TitleBlockInput, aa as TitleCaptionConfig, ab as Transition, ac as TransitionType, ad as TwoColumnInput, ae as VIEWPORT_PRESETS, af as VideoLayer, ag as VideoPullQuoteInput, ah as VideoWithCaptionInput, ai as ViewportConfig, aj as ViewportOrientation, ak as ViewportPreset, al as calculateDuration, am as calculateFontScale, an as createTemplateContext, ao as createTheme, ap as getAspectRatioString, aq as getAvailableThemes, ar as getBlockAtTime, as as getCaptionAtTime, at as getLayoutHints, au as getSafeTextBounds, av as getSegmentAtTime, aw as getThemeSummaries, ax as getTwoColumnPositions, ay as getViewport, az as getViewportOrientation, aA as isPersistentLayerTemplate, aB as isTemplateBlock, aC as layoutScaledFontSize, aD as resolveTheme, aE as scaledFontSize, aF as validateDoc } from '../themeLibrary-DySHPcgj.js';
-import '../types-DHiv_Pnm.js';
-
-/**
- * MediaProvider — abstract interface for resolving and managing media assets.
- *
- * Components (ImageLayer, VideoLayer, editor preview) use a MediaProvider to
- * resolve relative media paths to displayable URLs and to manage media storage.
- *
- * This decouples the rendering layer from the storage backend:
- * - In the dev site, a SlotStorage-backed provider serves blob URLs from IndexedDB
- * - In production, a simple basePath provider constructs CDN URLs
- * - In tests, a memory-backed provider returns data URIs
- */
-/**
- * Metadata about a stored media asset.
- */
-interface MediaEntry {
-    /** Filename (e.g., 'hero.jpg') */
-    name: string;
-    /** MIME type (e.g., 'image/jpeg') */
-    mimeType: string;
-    /** File size in bytes */
-    size: number;
-}
-/**
- * Interface for resolving and managing media assets.
- *
- * All methods are async to support IndexedDB and other async storage backends.
- * The `resolveUrl` method is the primary integration point for rendering
- * components — it converts a relative media path into a displayable URL.
- */
-interface MediaProvider {
-    /**
-     * Resolve a relative media path to a displayable URL.
-     *
-     * Returns a URL that can be used in <img src>, <video src>, etc.
-     * This may be a blob: URL, data: URL, or absolute HTTP URL depending
-     * on the provider implementation.
-     *
-     * @param relativePath - Relative path as stored in the document (e.g., 'hero.jpg')
-     * @returns Displayable URL, or the original path if resolution fails
-     */
-    resolveUrl(relativePath: string): Promise<string>;
-    /**
-     * List all media assets available in this provider's scope.
-     */
-    listMedia(): Promise<MediaEntry[]>;
-    /**
-     * Add a media asset. Returns the relative path to reference in documents.
-     *
-     * @param name - Filename for the asset (e.g., 'photo.jpg')
-     * @param data - Binary content (ArrayBuffer, Blob, or Uint8Array)
-     * @param mimeType - MIME type of the data
-     * @returns The relative path to use in document references
-     */
-    addMedia(name: string, data: ArrayBuffer | Blob | Uint8Array, mimeType: string): Promise<string>;
-    /**
-     * Remove a media asset by its relative path.
-     */
-    removeMedia(relativePath: string): Promise<void>;
-    /**
-     * Dispose of any held resources (e.g., revoke blob URLs).
-     * Call this when the provider is no longer needed.
-     */
-    dispose(): void;
-}
-
-export type { MediaEntry, MediaProvider };
+export * from './Types.js';
+export * from './Doc.js';
+export * from './BlockTemplates.js';
+export * from './Theme.js';
+export * from './themeLibrary.js';
+export * from './Viewport.js';
+export { getLayoutHints, getTwoColumnPositions, getSafeTextBounds, scaledFontSize as layoutScaledFontSize, } from './LayoutStrategy.js';
+export type { LayoutHints } from './LayoutStrategy.js';
+export type { MediaProvider, MediaEntry } from './MediaProvider.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/schemas/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/schemas/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,qBAAqB,CAAC;AACpC,cAAc,YAAY,CAAC;AAC3B,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,OAAO,EACL,cAAc,EACd,qBAAqB,EACrB,iBAAiB,EACjB,cAAc,IAAI,oBAAoB,GACvC,MAAM,qBAAqB,CAAC;AAC7B,YAAY,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AACvD,YAAY,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/schemas/index.js

@@ -1,61 +1,8 @@
-import {
-  calculateDuration,
-  createTheme,
-  getBlockAtTime,
-  getCaptionAtTime,
-  getSegmentAtTime,
-  validateDoc
-} from "../chunk-S4F2RY37.js";
-import {
-  DEFAULT_DOC_FONT,
-  DEFAULT_THEME,
-  DEFAULT_THEME_ID,
-  DEFAULT_TITLE_FONT,
-  THEMES,
-  VIEWPORT_PRESETS,
-  calculateFontScale,
-  createTemplateContext,
-  getAspectRatioString,
-  getAvailableThemes,
-  getLayoutHints,
-  getSafeTextBounds,
-  getThemeSummaries,
-  getTwoColumnPositions,
-  getViewport,
-  getViewportOrientation,
-  isPersistentLayerTemplate,
-  isTemplateBlock,
-  resolveTheme,
-  scaledFontSize,
-  scaledFontSize2
-} from "../chunk-O5HCIUAD.js";
-export {
-  DEFAULT_DOC_FONT,
-  DEFAULT_THEME,
-  DEFAULT_THEME_ID,
-  DEFAULT_TITLE_FONT,
-  THEMES,
-  VIEWPORT_PRESETS,
-  calculateDuration,
-  calculateFontScale,
-  createTemplateContext,
-  createTheme,
-  getAspectRatioString,
-  getAvailableThemes,
-  getBlockAtTime,
-  getCaptionAtTime,
-  getLayoutHints,
-  getSafeTextBounds,
-  getSegmentAtTime,
-  getThemeSummaries,
-  getTwoColumnPositions,
-  getViewport,
-  getViewportOrientation,
-  isPersistentLayerTemplate,
-  isTemplateBlock,
-  scaledFontSize as layoutScaledFontSize,
-  resolveTheme,
-  scaledFontSize2 as scaledFontSize,
-  validateDoc
-};
+export * from './Types.js';
+export * from './Doc.js';
+export * from './BlockTemplates.js';
+export * from './Theme.js';
+export * from './themeLibrary.js';
+export * from './Viewport.js';
+export { getLayoutHints, getTwoColumnPositions, getSafeTextBounds, scaledFontSize as layoutScaledFontSize, } from './LayoutStrategy.js';
 //# sourceMappingURL=index.js.map

package/dist/schemas/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/schemas/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,qBAAqB,CAAC;AACpC,cAAc,YAAY,CAAC;AAC3B,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,OAAO,EACL,cAAc,EACd,qBAAqB,EACrB,iBAAiB,EACjB,cAAc,IAAI,oBAAoB,GACvC,MAAM,qBAAqB,CAAC"}

package/dist/schemas/themeLibrary.d.ts

@@ -0,0 +1,41 @@
+/**
+ * Built-in Theme Library
+ *
+ * Ships 8 curated themes covering documentary, editorial, minimal, and
+ * cinematic styles. Each theme is fully JSON-serializable.
+ *
+ * Usage:
+ * ```ts
+ * import { THEMES, resolveTheme } from '@bendyline/squisq/schemas';
+ *
+ * const theme = resolveTheme('minimalist'); // look up by id
+ * const theme = THEMES.documentary;         // direct access
+ * ```
+ */
+import type { Theme } from './Theme.js';
+/**
+ * All built-in themes, keyed by id.
+ */
+export declare const THEMES: Record<string, Theme>;
+/** The default theme id. */
+export declare const DEFAULT_THEME_ID = "documentary";
+/** The default theme (documentary — migrated from old DEFAULT_THEME). */
+export declare const DEFAULT_THEME: Theme;
+/**
+ * Resolve a theme by id. Returns the default theme when `id` is
+ * undefined or not found in the library.
+ */
+export declare function resolveTheme(id: string | undefined): Theme;
+/**
+ * Get all available theme ids.
+ */
+export declare function getAvailableThemes(): string[];
+/**
+ * Get a summary of all themes (id + name + description) for theme pickers.
+ */
+export declare function getThemeSummaries(): Array<{
+    id: string;
+    name: string;
+    description?: string;
+}>;
+//# sourceMappingURL=themeLibrary.d.ts.map

package/dist/schemas/themeLibrary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"themeLibrary.d.ts","sourceRoot":"","sources":["../../src/schemas/themeLibrary.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH,OAAO,KAAK,EAAE,KAAK,EAAoB,MAAM,YAAY,CAAC;AA+a1D;;GAEG;AACH,eAAO,MAAM,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CASxC,CAAC;AAEF,4BAA4B;AAC5B,eAAO,MAAM,gBAAgB,gBAAgB,CAAC;AAE9C,yEAAyE;AACzE,eAAO,MAAM,aAAa,EAAE,KAAmB,CAAC;AAEhD;;;GAGG;AACH,wBAAgB,YAAY,CAAC,EAAE,EAAE,MAAM,GAAG,SAAS,GAAG,KAAK,CAG1D;AAED;;GAEG;AACH,wBAAgB,kBAAkB,IAAI,MAAM,EAAE,CAE7C;AAED;;GAEG;AACH,wBAAgB,iBAAiB,IAAI,KAAK,CAAC;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,WAAW,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,CAM7F"}

package/dist/schemas/themeLibrary.js

@@ -0,0 +1,466 @@
+/**
+ * Built-in Theme Library
+ *
+ * Ships 8 curated themes covering documentary, editorial, minimal, and
+ * cinematic styles. Each theme is fully JSON-serializable.
+ *
+ * Usage:
+ * ```ts
+ * import { THEMES, resolveTheme } from '@bendyline/squisq/schemas';
+ *
+ * const theme = resolveTheme('minimalist'); // look up by id
+ * const theme = THEMES.documentary;         // direct access
+ * ```
+ */
+// ============================================
+// Shared constants
+// ============================================
+const SERIF = '"PT Serif", Georgia, "Times New Roman", serif';
+const SANS = '"Inter", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif';
+const MONO = '"JetBrains Mono", "Fira Code", "Consolas", monospace';
+const MERRIWEATHER = '"Merriweather", Georgia, "Times New Roman", serif';
+const GEORGIA = 'Georgia, "Times New Roman", serif';
+/** Standard 6-scheme set used by the documentary theme (migrated from old COLOR_SCHEMES). */
+const CLASSIC_COLOR_SCHEMES = {
+    blue: { bg: '#1a365d', text: '#63b3ed', accent: '#90cdf4' },
+    green: { bg: '#22543d', text: '#9ae6b4', accent: '#68d391' },
+    purple: { bg: '#44337a', text: '#d6bcfa', accent: '#b794f4' },
+    red: { bg: '#742a2a', text: '#fc8181', accent: '#feb2b2' },
+    orange: { bg: '#744210', text: '#fbd38d', accent: '#f6ad55' },
+    teal: { bg: '#234e52', text: '#81e6d9', accent: '#4fd1c5' },
+};
+// ============================================
+// 1. Documentary (default — migrated from old DEFAULT_THEME)
+// ============================================
+const documentary = {
+    id: 'documentary',
+    name: 'Documentary',
+    description: 'Classic dark cinematic look with serif typography. The original Squisq style.',
+    colors: {
+        primary: '#3d5a80',
+        secondary: '#63b3ed',
+        background: '#1a202c',
+        backgroundLight: '#2d3748',
+        text: '#ffffff',
+        textMuted: '#a0aec0',
+        highlight: '#63b3ed',
+        warning: '#fc8181',
+    },
+    typography: {
+        bodyFontFamily: SERIF,
+        titleFontFamily: SERIF,
+        titleWeight: 'bold',
+    },
+    style: {
+        textShadow: true,
+        overlayOpacity: 0.5,
+        animationSpeed: 1.0,
+    },
+    renderStyle: {
+        name: 'documentary',
+        defaultTextAnimation: 'fadeIn',
+        defaultImageAnimation: 'slowZoom',
+        ambientMotion: true,
+        defaultTransition: { type: 'fade', duration: 0.8 },
+    },
+    colorSchemes: CLASSIC_COLOR_SCHEMES,
+    persistentLayers: {
+        bottomLayers: [
+            {
+                template: 'gradientBackground',
+                config: { type: 'gradientBackground', preset: 'dark-vignette' },
+            },
+        ],
+    },
+};
+// ============================================
+// 2. Minimalist
+// ============================================
+const minimalist = {
+    id: 'minimalist',
+    name: 'Minimalist',
+    description: 'Clean near-white background with sans-serif type and minimal animation.',
+    colors: {
+        primary: '#2d3748',
+        secondary: '#4a5568',
+        background: '#f7fafc',
+        backgroundLight: '#edf2f7',
+        text: '#1a202c',
+        textMuted: '#718096',
+        highlight: '#3182ce',
+        warning: '#e53e3e',
+    },
+    typography: {
+        bodyFontFamily: SANS,
+        titleFontFamily: SANS,
+        titleWeight: 'bold',
+        lineHeight: 1.6,
+    },
+    style: {
+        textShadow: false,
+        overlayOpacity: 0.3,
+        animationSpeed: 1.2,
+        borderRadius: 8,
+    },
+    renderStyle: {
+        name: 'minimalist',
+        defaultTextAnimation: 'fadeIn',
+        ambientMotion: false,
+        defaultTransition: { type: 'fade', duration: 0.6 },
+        templateHints: {
+            titleBlock: { showAccentLine: false },
+        },
+    },
+    colorSchemes: {
+        blue: { bg: '#ebf8ff', text: '#2b6cb0', accent: '#3182ce' },
+        green: { bg: '#f0fff4', text: '#276749', accent: '#38a169' },
+        purple: { bg: '#faf5ff', text: '#553c9a', accent: '#805ad5' },
+        red: { bg: '#fff5f5', text: '#c53030', accent: '#e53e3e' },
+        orange: { bg: '#fffaf0', text: '#c05621', accent: '#dd6b20' },
+        teal: { bg: '#e6fffa', text: '#285e61', accent: '#319795' },
+    },
+};
+// ============================================
+// 3. Bold
+// ============================================
+const bold = {
+    id: 'bold',
+    name: 'Bold',
+    description: 'High-contrast black with vivid accents and dramatic animations.',
+    colors: {
+        primary: '#e53e3e',
+        secondary: '#ed8936',
+        background: '#000000',
+        backgroundLight: '#1a1a1a',
+        text: '#ffffff',
+        textMuted: '#cbd5e0',
+        highlight: '#f6e05e',
+        warning: '#fc8181',
+    },
+    typography: {
+        bodyFontFamily: SANS,
+        titleFontFamily: SANS,
+        titleWeight: 'bold',
+        titleScale: 1.15,
+        bodyScale: 1.0,
+        titleLineHeight: 1.1,
+    },
+    style: {
+        textShadow: true,
+        overlayOpacity: 0.6,
+        animationSpeed: 0.8,
+    },
+    renderStyle: {
+        name: 'bold',
+        defaultTextAnimation: 'zoomIn',
+        defaultImageAnimation: 'slowZoom',
+        ambientMotion: true,
+        defaultTransition: { type: 'dissolve', duration: 0.5 },
+        templateHints: {
+            statHighlight: { entrance: 'dramatic' },
+            fullBleedQuote: { entrance: 'dramatic' },
+        },
+    },
+    colorSchemes: {
+        blue: { bg: '#1a202c', text: '#63b3ed', accent: '#90cdf4' },
+        green: { bg: '#1a202c', text: '#48bb78', accent: '#68d391' },
+        purple: { bg: '#1a202c', text: '#b794f4', accent: '#d6bcfa' },
+        red: { bg: '#1a202c', text: '#fc8181', accent: '#feb2b2' },
+        orange: { bg: '#1a202c', text: '#f6ad55', accent: '#fbd38d' },
+        teal: { bg: '#1a202c', text: '#4fd1c5', accent: '#81e6d9' },
+    },
+};
+// ============================================
+// 4. Morning Light
+// ============================================
+const morningLight = {
+    id: 'morning-light',
+    name: 'Morning Light',
+    description: 'Warm light background with dark text and gentle serif typography.',
+    colors: {
+        primary: '#744210',
+        secondary: '#975a16',
+        background: '#faf8f5',
+        backgroundLight: '#f5f0eb',
+        text: '#2d3748',
+        textMuted: '#718096',
+        highlight: '#dd6b20',
+        warning: '#c53030',
+    },
+    typography: {
+        bodyFontFamily: MERRIWEATHER,
+        titleFontFamily: MERRIWEATHER,
+        titleWeight: 'bold',
+        lineHeight: 1.7,
+    },
+    style: {
+        textShadow: false,
+        overlayOpacity: 0.35,
+        animationSpeed: 1.1,
+        borderRadius: 4,
+    },
+    renderStyle: {
+        name: 'morning-light',
+        defaultTextAnimation: 'fadeIn',
+        ambientMotion: false,
+        defaultTransition: { type: 'fade', duration: 1.0 },
+    },
+    colorSchemes: {
+        blue: { bg: '#ebf8ff', text: '#2c5282', accent: '#4299e1' },
+        green: { bg: '#f0fff4', text: '#22543d', accent: '#48bb78' },
+        purple: { bg: '#faf5ff', text: '#44337a', accent: '#9f7aea' },
+        red: { bg: '#fff5f5', text: '#9b2c2c', accent: '#fc8181' },
+        orange: { bg: '#fffaf0', text: '#744210', accent: '#ed8936' },
+        teal: { bg: '#e6fffa', text: '#234e52', accent: '#38b2ac' },
+    },
+};
+// ============================================
+// 5. Tech Dark
+// ============================================
+const techDark = {
+    id: 'tech-dark',
+    name: 'Tech Dark',
+    description: 'True black with neon cyan/green accents and monospace titles.',
+    colors: {
+        primary: '#00e5ff',
+        secondary: '#00e676',
+        background: '#0a0a0a',
+        backgroundLight: '#1a1a2e',
+        text: '#e0e0e0',
+        textMuted: '#9e9e9e',
+        highlight: '#00e5ff',
+        warning: '#ff5252',
+    },
+    typography: {
+        bodyFontFamily: SANS,
+        titleFontFamily: MONO,
+        monoFontFamily: MONO,
+        titleWeight: 'bold',
+        titleScale: 0.9,
+        lineHeight: 1.5,
+    },
+    style: {
+        textShadow: true,
+        overlayOpacity: 0.55,
+        animationSpeed: 0.9,
+        borderRadius: 2,
+    },
+    renderStyle: {
+        name: 'tech-dark',
+        defaultTextAnimation: 'typewriter',
+        defaultImageAnimation: 'slowZoom',
+        ambientMotion: true,
+        defaultTransition: { type: 'dissolve', duration: 0.4 },
+        templateHints: {
+            statHighlight: { entrance: 'dramatic' },
+        },
+    },
+    colorSchemes: {
+        blue: { bg: '#0d1b2a', text: '#00b0ff', accent: '#40c4ff' },
+        green: { bg: '#0d1b0d', text: '#00e676', accent: '#69f0ae' },
+        purple: { bg: '#1a0d2e', text: '#d500f9', accent: '#ea80fc' },
+        red: { bg: '#2e0d0d', text: '#ff5252', accent: '#ff8a80' },
+        orange: { bg: '#2e1a0d', text: '#ff9100', accent: '#ffab40' },
+        teal: { bg: '#0d2e2e', text: '#1de9b6', accent: '#64ffda' },
+    },
+};
+// ============================================
+// 6. Magazine
+// ============================================
+const magazine = {
+    id: 'magazine',
+    name: 'Magazine',
+    description: 'Rich editorial palette with mixed serif/sans typography and slide transitions.',
+    colors: {
+        primary: '#c53030',
+        secondary: '#2b6cb0',
+        background: '#1a202c',
+        backgroundLight: '#2d3748',
+        text: '#f7fafc',
+        textMuted: '#cbd5e0',
+        highlight: '#ed8936',
+        warning: '#fc8181',
+    },
+    typography: {
+        bodyFontFamily: SANS,
+        titleFontFamily: GEORGIA,
+        titleWeight: 'bold',
+        titleScale: 1.05,
+        lineHeight: 1.5,
+    },
+    style: {
+        textShadow: true,
+        overlayOpacity: 0.45,
+        animationSpeed: 1.0,
+        borderRadius: 6,
+    },
+    renderStyle: {
+        name: 'magazine',
+        defaultTextAnimation: 'fadeIn',
+        defaultImageAnimation: 'slowZoom',
+        ambientMotion: true,
+        defaultTransition: { type: 'slideLeft', duration: 0.7 },
+    },
+    colorSchemes: {
+        blue: { bg: '#1a365d', text: '#90cdf4', accent: '#63b3ed' },
+        green: { bg: '#1c4532', text: '#9ae6b4', accent: '#68d391' },
+        purple: { bg: '#322659', text: '#d6bcfa', accent: '#b794f4' },
+        red: { bg: '#63171b', text: '#feb2b2', accent: '#fc8181' },
+        orange: { bg: '#652b19', text: '#fbd38d', accent: '#f6ad55' },
+        teal: { bg: '#1d4044', text: '#81e6d9', accent: '#4fd1c5' },
+    },
+};
+// ============================================
+// 7. Cinematic
+// ============================================
+const cinematic = {
+    id: 'cinematic',
+    name: 'Cinematic',
+    description: 'Ultra-dark with moody gradients, gold accents, and slow dissolve transitions.',
+    colors: {
+        primary: '#d69e2e',
+        secondary: '#b7791f',
+        background: '#0a0f1a',
+        backgroundLight: '#1a202c',
+        text: '#f7fafc',
+        textMuted: '#a0aec0',
+        highlight: '#ecc94b',
+        warning: '#fc8181',
+    },
+    typography: {
+        bodyFontFamily: SERIF,
+        titleFontFamily: SERIF,
+        titleWeight: 'bold',
+        lineHeight: 1.5,
+        titleLineHeight: 1.2,
+    },
+    style: {
+        textShadow: true,
+        overlayOpacity: 0.55,
+        animationSpeed: 1.2,
+    },
+    renderStyle: {
+        name: 'cinematic',
+        defaultTextAnimation: 'fadeIn',
+        defaultImageAnimation: 'slowZoom',
+        ambientMotion: true,
+        defaultTransition: { type: 'dissolve', duration: 1.2 },
+        templateHints: {
+            titleBlock: { showAccentLine: true },
+        },
+    },
+    colorSchemes: {
+        blue: { bg: '#0d1b2a', text: '#90cdf4', accent: '#63b3ed' },
+        green: { bg: '#0d1b14', text: '#9ae6b4', accent: '#68d391' },
+        purple: { bg: '#1a0d2e', text: '#d6bcfa', accent: '#b794f4' },
+        red: { bg: '#2a0d0d', text: '#fc8181', accent: '#feb2b2' },
+        orange: { bg: '#2a1a0d', text: '#fbd38d', accent: '#f6ad55' },
+        teal: { bg: '#0d2a2a', text: '#81e6d9', accent: '#4fd1c5' },
+    },
+    persistentLayers: {
+        bottomLayers: [
+            {
+                template: 'gradientBackground',
+                config: { type: 'gradientBackground', preset: 'radial-dark' },
+            },
+        ],
+    },
+};
+// ============================================
+// 8. Warm Earth
+// ============================================
+const warmEarth = {
+    id: 'warm-earth',
+    name: 'Warm Earth',
+    description: 'Natural warm tones with earthy browns and terracotta accents.',
+    colors: {
+        primary: '#9c4221',
+        secondary: '#c05621',
+        background: '#1c1410',
+        backgroundLight: '#2d241e',
+        text: '#faf5f0',
+        textMuted: '#c4a882',
+        highlight: '#dd6b20',
+        warning: '#e53e3e',
+    },
+    typography: {
+        bodyFontFamily: GEORGIA,
+        titleFontFamily: GEORGIA,
+        titleWeight: 'bold',
+        lineHeight: 1.6,
+    },
+    style: {
+        textShadow: true,
+        overlayOpacity: 0.5,
+        animationSpeed: 1.1,
+    },
+    renderStyle: {
+        name: 'warm-earth',
+        defaultTextAnimation: 'fadeIn',
+        defaultImageAnimation: 'panLeft',
+        ambientMotion: true,
+        defaultTransition: { type: 'fade', duration: 0.9 },
+    },
+    colorSchemes: {
+        blue: { bg: '#2a1f14', text: '#90cdf4', accent: '#63b3ed' },
+        green: { bg: '#1e2a14', text: '#9ae6b4', accent: '#68d391' },
+        purple: { bg: '#2a142a', text: '#d6bcfa', accent: '#b794f4' },
+        red: { bg: '#2a1414', text: '#fc8181', accent: '#feb2b2' },
+        orange: { bg: '#2a1e0a', text: '#fbd38d', accent: '#f6ad55' },
+        teal: { bg: '#142a28', text: '#81e6d9', accent: '#4fd1c5' },
+    },
+    persistentLayers: {
+        bottomLayers: [
+            {
+                template: 'gradientBackground',
+                config: { type: 'gradientBackground', preset: 'earth-tones' },
+            },
+        ],
+    },
+};
+// ============================================
+// Theme Library
+// ============================================
+/**
+ * All built-in themes, keyed by id.
+ */
+export const THEMES = {
+    documentary,
+    minimalist,
+    bold,
+    'morning-light': morningLight,
+    'tech-dark': techDark,
+    magazine,
+    cinematic,
+    'warm-earth': warmEarth,
+};
+/** The default theme id. */
+export const DEFAULT_THEME_ID = 'documentary';
+/** The default theme (documentary — migrated from old DEFAULT_THEME). */
+export const DEFAULT_THEME = documentary;
+/**
+ * Resolve a theme by id. Returns the default theme when `id` is
+ * undefined or not found in the library.
+ */
+export function resolveTheme(id) {
+    if (id && id in THEMES)
+        return THEMES[id];
+    return DEFAULT_THEME;
+}
+/**
+ * Get all available theme ids.
+ */
+export function getAvailableThemes() {
+    return Object.keys(THEMES);
+}
+/**
+ * Get a summary of all themes (id + name + description) for theme pickers.
+ */
+export function getThemeSummaries() {
+    return Object.values(THEMES).map((t) => ({
+        id: t.id,
+        name: t.name,
+        description: t.description,
+    }));
+}
+//# sourceMappingURL=themeLibrary.js.map