@backbay/glia 0.2.0-alpha.1

package/dist/theme/registry.js

@@ -0,0 +1,250 @@
+/**
+ * Theme Registry
+ *
+ * Central registry of all available UI themes.
+ * Provides lookup and utility functions for theme management.
+ */
+import { nebulaTheme } from "./nebula";
+import { solarpunkTheme } from "./solarpunk";
+// ============================================================================
+// THEME REGISTRY
+// ============================================================================
+export const THEMES = {
+    nebula: nebulaTheme,
+    solarpunk: solarpunkTheme,
+};
+export const DEFAULT_THEME_ID = "nebula";
+export function getTheme(id) {
+    return THEMES[id] ?? THEMES[DEFAULT_THEME_ID];
+}
+export function getThemeIds() {
+    return Object.keys(THEMES);
+}
+function clampByte(value) {
+    if (Number.isNaN(value))
+        return 0;
+    return Math.min(255, Math.max(0, value));
+}
+function parseHexColor(hex) {
+    const value = hex.trim();
+    if (!value.startsWith("#"))
+        return null;
+    const raw = value.slice(1);
+    if (raw.length === 3) {
+        const r = Number.parseInt(raw[0] + raw[0], 16);
+        const g = Number.parseInt(raw[1] + raw[1], 16);
+        const b = Number.parseInt(raw[2] + raw[2], 16);
+        if ([r, g, b].some((n) => Number.isNaN(n)))
+            return null;
+        return { r, g, b };
+    }
+    if (raw.length === 6) {
+        const r = Number.parseInt(raw.slice(0, 2), 16);
+        const g = Number.parseInt(raw.slice(2, 4), 16);
+        const b = Number.parseInt(raw.slice(4, 6), 16);
+        if ([r, g, b].some((n) => Number.isNaN(n)))
+            return null;
+        return { r, g, b };
+    }
+    return null;
+}
+function parseRgbFunction(color) {
+    const match = color
+        .trim()
+        .match(/^rgba?\(\s*([\d.]+)\s*,\s*([\d.]+)\s*,\s*([\d.]+)(?:\s*,\s*[\d.]+)?\s*\)$/i);
+    if (!match)
+        return null;
+    const r = clampByte(Number.parseFloat(match[1]));
+    const g = clampByte(Number.parseFloat(match[2]));
+    const b = clampByte(Number.parseFloat(match[3]));
+    return { r, g, b };
+}
+function parseColorToRgb(color) {
+    return parseHexColor(color) ?? parseRgbFunction(color);
+}
+function rgbToHslComponents(rgb) {
+    const r = rgb.r / 255;
+    const g = rgb.g / 255;
+    const b = rgb.b / 255;
+    const max = Math.max(r, g, b);
+    const min = Math.min(r, g, b);
+    const delta = max - min;
+    let h = 0;
+    let s = 0;
+    const l = (max + min) / 2;
+    if (delta !== 0) {
+        s = l > 0.5 ? delta / (2 - max - min) : delta / (max + min);
+        switch (max) {
+            case r:
+                h = (g - b) / delta + (g < b ? 6 : 0);
+                break;
+            case g:
+                h = (b - r) / delta + 2;
+                break;
+            default:
+                h = (r - g) / delta + 4;
+                break;
+        }
+        h /= 6;
+    }
+    const hDeg = Math.round(h * 360);
+    const sPct = Math.round(s * 100);
+    const lPct = Math.round(l * 100);
+    return `${hDeg} ${sPct}% ${lPct}%`;
+}
+function colorToHslComponents(color) {
+    const rgb = parseColorToRgb(color);
+    if (!rgb)
+        return null;
+    return rgbToHslComponents(rgb);
+}
+/**
+ * Converts a theme object to CSS custom properties
+ */
+export function themeToCssVariables(theme) {
+    return {
+        // Colors
+        "--theme-bg-body": theme.color.bg.body,
+        "--theme-bg-panel": theme.color.bg.panel,
+        "--theme-bg-elevated": theme.color.bg.elevated,
+        "--theme-bg-horizon": theme.color.bg.horizon,
+        "--theme-text-primary": theme.color.text.primary,
+        "--theme-text-muted": theme.color.text.muted,
+        "--theme-text-soft": theme.color.text.soft,
+        "--theme-accent-primary": theme.color.accent.primary,
+        "--theme-accent-secondary": theme.color.accent.secondary,
+        "--theme-accent-positive": theme.color.accent.positive,
+        "--theme-accent-warning": theme.color.accent.warning,
+        "--theme-accent-destructive": theme.color.accent.destructive,
+        "--theme-border": theme.color.border,
+        "--theme-ring": theme.color.ring,
+        // Glass
+        "--theme-glass-panel-bg": theme.glass.panelBg,
+        "--theme-glass-panel-border": theme.glass.panelBorder,
+        "--theme-glass-panel-blur": theme.glass.panelBlur,
+        "--theme-glass-header-gradient": theme.glass.headerGradient,
+        "--theme-glass-card-bg": theme.glass.cardBg,
+        "--theme-glass-card-border": theme.glass.cardBorder,
+        "--theme-glass-hover-bg": theme.glass.hoverBg,
+        "--theme-glass-active-border": theme.glass.activeBorder,
+        "--theme-glass-active-shadow": theme.glass.activeShadow,
+        // Elevation
+        "--theme-shadow-soft": theme.elevation.softDrop,
+        "--theme-shadow-hud-panel": theme.elevation.hudPanel,
+        "--theme-shadow-hud-rail": theme.elevation.hudRail,
+        "--theme-shadow-modal": theme.elevation.modal,
+        "--theme-shadow-glow": theme.elevation.glow,
+        // Ambient
+        "--theme-ambient-horizon": theme.ambient.horizonGradient,
+        "--theme-ambient-ripple-primary": theme.ambient.rippleColorPrimary,
+        "--theme-ambient-ripple-secondary": theme.ambient.rippleColorSecondary,
+        "--theme-ambient-glow-intensity": String(theme.ambient.glowIntensity),
+        // Controls
+        "--theme-switch-track-on": theme.controls.switch.track.bg.on,
+        "--theme-switch-track-off": theme.controls.switch.track.bg.off,
+        "--theme-switch-thumb-on": theme.controls.switch.thumb.bg.on,
+        "--theme-switch-thumb-off": theme.controls.switch.thumb.bg.off,
+        "--theme-button-glow-hover-bg": theme.controls.buttonGlow.hoverBg,
+        "--theme-button-glow-hover-text": theme.controls.buttonGlow.hoverText,
+        "--theme-button-glow-hover-shadow": theme.controls.buttonGlow.hoverShadow,
+    };
+}
+const TAILWIND_CSS_VARIABLE_KEYS = [
+    "--cyan-neon",
+    "--magenta-neon",
+    "--emerald-neon",
+    "--violet-neon",
+    "--yellow-warning",
+    "--background",
+    "--foreground",
+    "--card",
+    "--card-foreground",
+    "--popover",
+    "--popover-foreground",
+    "--primary",
+    "--primary-foreground",
+    "--secondary",
+    "--secondary-foreground",
+    "--muted",
+    "--muted-foreground",
+    "--accent",
+    "--accent-foreground",
+    "--destructive",
+    "--destructive-foreground",
+    "--border",
+    "--input",
+    "--ring",
+];
+function themeToTailwindCssVariables(theme) {
+    const bg = colorToHslComponents(theme.color.bg.body);
+    const fg = colorToHslComponents(theme.color.text.primary);
+    const panel = colorToHslComponents(theme.color.bg.panel);
+    const elevated = colorToHslComponents(theme.color.bg.elevated);
+    const primary = colorToHslComponents(theme.color.accent.primary);
+    const secondary = colorToHslComponents(theme.color.accent.secondary);
+    const positive = colorToHslComponents(theme.color.accent.positive);
+    const warning = colorToHslComponents(theme.color.accent.warning);
+    const destructive = colorToHslComponents(theme.color.accent.destructive);
+    const border = colorToHslComponents(theme.color.border);
+    const ring = colorToHslComponents(theme.color.ring);
+    const mutedFg = colorToHslComponents(theme.color.text.muted);
+    const violetFallback = theme.id === "nebula"
+        ? colorToHslComponents("#8B5CF6")
+        : colorToHslComponents(theme.color.accent.secondary);
+    return {
+        "--cyan-neon": primary ?? undefined,
+        "--magenta-neon": secondary ?? undefined,
+        "--emerald-neon": positive ?? undefined,
+        "--violet-neon": violetFallback ?? undefined,
+        "--yellow-warning": warning ?? undefined,
+        "--background": bg ?? undefined,
+        "--foreground": fg ?? undefined,
+        "--card": panel ?? undefined,
+        "--card-foreground": fg ?? undefined,
+        "--popover": elevated ?? undefined,
+        "--popover-foreground": fg ?? undefined,
+        "--primary": primary ?? undefined,
+        "--primary-foreground": bg ?? undefined,
+        "--secondary": secondary ?? undefined,
+        "--secondary-foreground": fg ?? undefined,
+        "--muted": elevated ?? undefined,
+        "--muted-foreground": mutedFg ?? undefined,
+        "--accent": panel ?? undefined,
+        "--accent-foreground": primary ?? undefined,
+        "--destructive": destructive ?? undefined,
+        "--destructive-foreground": fg ?? undefined,
+        "--border": border ?? undefined,
+        "--input": elevated ?? undefined,
+        "--ring": ring ?? undefined,
+    };
+}
+/**
+ * Applies theme CSS variables to a target element
+ */
+export function applyThemeCssVariables(theme, target = document.documentElement) {
+    const variables = themeToCssVariables(theme);
+    const tailwindVariables = themeToTailwindCssVariables(theme);
+    for (const [key, value] of Object.entries(variables)) {
+        target.style.setProperty(key, value);
+    }
+    for (const [key, value] of Object.entries(tailwindVariables)) {
+        if (!value)
+            continue;
+        target.style.setProperty(key, value);
+    }
+    // Set data attribute for CSS selectors
+    target.dataset.uiTheme = theme.id;
+}
+/**
+ * Removes theme CSS variables from a target element
+ */
+export function removeThemeCssVariables(target = document.documentElement) {
+    const variables = themeToCssVariables(THEMES.nebula);
+    for (const key of Object.keys(variables)) {
+        target.style.removeProperty(key);
+    }
+    for (const key of TAILWIND_CSS_VARIABLE_KEYS) {
+        target.style.removeProperty(key);
+    }
+    delete target.dataset.uiTheme;
+}

package/dist/theme/solarpunk.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Solarpunk Theme - Botanical Observatory
+ *
+ * A warmer, sunlit aesthetic: deep navy with jade and gold accents,
+ * soft analog controls, and floating dust motes.
+ */
+import type { UiTheme } from "./types";
+export declare const solarpunkTheme: UiTheme;
+//# sourceMappingURL=solarpunk.d.ts.map

package/dist/theme/solarpunk.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"solarpunk.d.ts","sourceRoot":"","sources":["../../src/theme/solarpunk.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAEvC,eAAO,MAAM,cAAc,EAAE,OAsH5B,CAAC"}

package/dist/theme/solarpunk.js

@@ -0,0 +1,118 @@
+/**
+ * Solarpunk Theme - Botanical Observatory
+ *
+ * A warmer, sunlit aesthetic: deep navy with jade and gold accents,
+ * soft analog controls, and floating dust motes.
+ */
+export const solarpunkTheme = {
+    id: "solarpunk",
+    name: "Solarpunk Observatory",
+    description: "Botanical space station with sunlit warmth and organic calm",
+    color: {
+        bg: {
+            body: "#0a0f14", // Slightly warmer than nebula
+            panel: "rgba(16, 24, 32, 0.92)",
+            elevated: "rgba(24, 32, 40, 0.96)",
+            horizon: "#0d1318",
+        },
+        text: {
+            primary: "#F0EDE8", // Warm white
+            muted: "#A8B4A8", // Sage-tinged gray
+            soft: "#6B7B6B", // Muted sage
+        },
+        accent: {
+            primary: "#F5A623", // Warm gold (sun)
+            secondary: "#4ADE80", // Leaf green
+            positive: "#4ADE80", // Same leaf green
+            warning: "#FB923C", // Warm orange
+            destructive: "#EF4444", // Softer red
+        },
+        border: "rgba(74, 222, 128, 0.15)",
+        ring: "#4ADE80",
+    },
+    glass: {
+        panelBg: "rgba(16, 24, 20, 0.88)", // Jade-tinted
+        panelBorder: "rgba(74, 222, 128, 0.12)",
+        panelBlur: "20px", // Slightly less blur for organic feel
+        headerGradient: "linear-gradient(to right, rgba(245, 166, 35, 0.06), rgba(74, 222, 128, 0.04), transparent)",
+        cardBg: "rgba(245, 166, 35, 0.02)",
+        cardBorder: "rgba(74, 222, 128, 0.08)",
+        hoverBg: "rgba(245, 166, 35, 0.06)",
+        activeBorder: "rgba(245, 166, 35, 0.35)",
+        activeShadow: "0 6px 24px rgba(245, 166, 35, 0.1)",
+    },
+    elevation: {
+        softDrop: "0 4px 12px rgba(0, 0, 0, 0.12)",
+        hudPanel: "0 8px 32px rgba(10, 15, 20, 0.5), inset 0 1px 0 rgba(245, 166, 35, 0.02)",
+        hudRail: "0 -6px 28px rgba(10, 15, 20, 0.5), inset 0 1px 0 rgba(74, 222, 128, 0.03)",
+        modal: "0 16px 48px rgba(0, 0, 0, 0.4), 0 4px 16px rgba(245, 166, 35, 0.06)",
+        glow: "0 0 20px 2px rgba(245, 166, 35, 0.25)",
+    },
+    motion: {
+        fast: { duration: 0.18, ease: "easeOut" },
+        normal: { duration: 0.25, ease: [0.4, 0, 0.2, 1] }, // Slightly smoother
+        spring: { type: "spring", damping: 28, stiffness: 240 }, // More relaxed
+        ambientDrift: { duration: 12, ease: "linear" }, // Slower drift
+        ripple: { duration: 2.5, ease: "easeInOut" },
+    },
+    ambient: {
+        type: "dust-motes",
+        particleColors: [
+            "rgba(245, 166, 35, 0.6)", // Gold
+            "rgba(255, 248, 220, 0.5)", // Warm cream
+            "rgba(74, 222, 128, 0.3)", // Faint green
+            "rgba(255, 255, 255, 0.4)", // White
+        ],
+        particleDensity: 0.35, // Sparser than stars
+        particleSpeed: 0.15, // Slower, lazier drift
+        particleSizeRange: [2, 6], // Larger motes
+        horizonGradient: `
+      radial-gradient(ellipse at top, rgba(245, 166, 35, 0.06), transparent 60%),
+      radial-gradient(ellipse at bottom left, rgba(74, 222, 128, 0.05), transparent 50%),
+      linear-gradient(to bottom, rgba(16, 24, 20, 0.3), transparent 70%)
+    `,
+        rippleColorPrimary: "rgba(245, 166, 35, 0.035)",
+        rippleColorSecondary: "rgba(74, 222, 128, 0.025)",
+        glowIntensity: 0.5, // Softer glow
+    },
+    controls: {
+        switch: {
+            track: {
+                bg: {
+                    on: "rgba(74, 222, 128, 0.2)",
+                    off: "rgba(245, 230, 210, 0.1)", // Warm cream off state
+                },
+                border: {
+                    on: "rgba(74, 222, 128, 0.4)",
+                    off: "rgba(245, 230, 210, 0.2)",
+                },
+            },
+            thumb: {
+                bg: {
+                    on: "#F5A623", // Gold sun disk
+                    off: "#8B9B8B", // Sage gray
+                },
+                shadow: {
+                    on: "0 0 10px rgba(245, 166, 35, 0.5), inset 0 -1px 2px rgba(0,0,0,0.1)",
+                    off: "0 1px 3px rgba(0, 0, 0, 0.15)",
+                },
+            },
+        },
+        slider: {
+            track: {
+                bg: "rgba(245, 230, 210, 0.1)",
+                border: "rgba(74, 222, 128, 0.15)",
+            },
+            thumb: {
+                bg: "linear-gradient(135deg, #F5A623, #D4860F)", // Brass/wood knob
+                shadow: "0 2px 6px rgba(0, 0, 0, 0.2), 0 0 8px rgba(245, 166, 35, 0.3)",
+            },
+            fill: "rgba(74, 222, 128, 0.5)",
+        },
+        buttonGlow: {
+            hoverBg: "rgba(245, 166, 35, 0.08)",
+            hoverText: "#F5A623",
+            hoverShadow: "0 0 12px rgba(245, 166, 35, 0.12)",
+        },
+    },
+};

package/dist/theme/types.d.ts

@@ -0,0 +1,233 @@
+/**
+ * Theme System Types for Out-of-Scope UI
+ *
+ * This module defines the core type system for multi-skin theming,
+ * supporting both Nebula (clinical cyberpunk) and Solarpunk (botanical observatory) themes.
+ */
+export type UiThemeId = "nebula" | "solarpunk";
+export interface UiColorTokens {
+    bg: {
+        /** Deep space / main body background */
+        body: string;
+        /** Panel surfaces (glass panels, cards) */
+        panel: string;
+        /** Elevated surfaces (modals, popovers) */
+        elevated: string;
+        /** Horizon gradient for ambient backgrounds */
+        horizon: string;
+    };
+    text: {
+        /** Primary text color */
+        primary: string;
+        /** Secondary/muted text */
+        muted: string;
+        /** Soft/subtle text (labels, hints) */
+        soft: string;
+    };
+    accent: {
+        /** Primary accent (cyan in Nebula, gold/sun in Solarpunk) */
+        primary: string;
+        /** Secondary accent (magenta in Nebula, leaf-green in Solarpunk) */
+        secondary: string;
+        /** Positive/success states */
+        positive: string;
+        /** Warning states */
+        warning: string;
+        /** Destructive/error states */
+        destructive: string;
+    };
+    /** Semantic border color */
+    border: string;
+    /** Focus ring color */
+    ring: string;
+}
+export interface UiGlassTokens {
+    /** Panel background (RGBA with alpha) */
+    panelBg: string;
+    /** Panel border color */
+    panelBorder: string;
+    /** Backdrop blur amount */
+    panelBlur: string;
+    /** Header gradient (for panel headers) */
+    headerGradient: string;
+    /** Card/item background within panels */
+    cardBg: string;
+    /** Card border color */
+    cardBorder: string;
+    /** Hover state background */
+    hoverBg: string;
+    /** Active state border */
+    activeBorder: string;
+    /** Active state shadow */
+    activeShadow: string;
+}
+export interface UiElevationTokens {
+    /** Soft drop shadow for cards */
+    softDrop: string;
+    /** HUD panel shadow */
+    hudPanel: string;
+    /** Session rail shadow */
+    hudRail: string;
+    /** Modal shadow */
+    modal: string;
+    /** Glow shadow (for neon/accent elements) */
+    glow: string;
+}
+export interface MotionConfig {
+    duration: number;
+    ease: string | number[];
+}
+export interface UiMotionTokens {
+    /** Fast transitions (hover, active) */
+    fast: MotionConfig;
+    /** Normal transitions */
+    normal: MotionConfig;
+    /** Spring animation config */
+    spring: {
+        type: "spring";
+        damping: number;
+        stiffness: number;
+    };
+    /** Ambient drift (particles, background elements) */
+    ambientDrift: MotionConfig;
+    /** Ripple/glow pulse */
+    ripple: MotionConfig;
+}
+export type AmbientType = "nebula-stars" | "dust-motes";
+export interface UiAmbientTokens {
+    /** Type of ambient background */
+    type: AmbientType;
+    /** Particle/mote colors */
+    particleColors: string[];
+    /** Particle density (0-1) */
+    particleDensity: number;
+    /** Particle speed multiplier */
+    particleSpeed: number;
+    /** Particle size range [min, max] */
+    particleSizeRange: [number, number];
+    /** Background horizon gradient */
+    horizonGradient: string;
+    /** Primary ripple/glow color */
+    rippleColorPrimary: string;
+    /** Secondary ripple/glow color */
+    rippleColorSecondary: string;
+    /** Ambient glow intensity (0-1) */
+    glowIntensity: number;
+}
+export interface UiControlTokens {
+    switch: {
+        track: {
+            bg: {
+                on: string;
+                off: string;
+            };
+            border: {
+                on: string;
+                off: string;
+            };
+        };
+        thumb: {
+            bg: {
+                on: string;
+                off: string;
+            };
+            shadow: {
+                on: string;
+                off: string;
+            };
+        };
+    };
+    slider: {
+        track: {
+            bg: string;
+            border: string;
+        };
+        thumb: {
+            bg: string;
+            shadow: string;
+        };
+        fill: string;
+    };
+    /** Button glow effect */
+    buttonGlow: {
+        hoverBg: string;
+        hoverText: string;
+        hoverShadow: string;
+    };
+}
+export interface UiTheme {
+    /** Theme identifier */
+    id: UiThemeId;
+    /** Human-readable theme name */
+    name: string;
+    /** Short description */
+    description: string;
+    /** Color tokens */
+    color: UiColorTokens;
+    /** Glass/panel tokens */
+    glass: UiGlassTokens;
+    /** Elevation/shadow tokens */
+    elevation: UiElevationTokens;
+    /** Motion/animation tokens */
+    motion: UiMotionTokens;
+    /** Ambient background tokens */
+    ambient: UiAmbientTokens;
+    /** Control (switch, slider, button) tokens */
+    controls: UiControlTokens;
+}
+export interface UiThemeContextValue {
+    /** Current theme object */
+    theme: UiTheme;
+    /** Current theme ID */
+    themeId: UiThemeId;
+    /** Set theme by ID */
+    setThemeId: (id: UiThemeId) => void;
+    /** Whether the theme is still loading/hydrating */
+    isHydrating: boolean;
+}
+/**
+ * Maps theme tokens to CSS custom properties.
+ * These are applied to the document root when the theme changes.
+ */
+export type ThemeCssVariables = {
+    "--theme-bg-body": string;
+    "--theme-bg-panel": string;
+    "--theme-bg-elevated": string;
+    "--theme-bg-horizon": string;
+    "--theme-text-primary": string;
+    "--theme-text-muted": string;
+    "--theme-text-soft": string;
+    "--theme-accent-primary": string;
+    "--theme-accent-secondary": string;
+    "--theme-accent-positive": string;
+    "--theme-accent-warning": string;
+    "--theme-accent-destructive": string;
+    "--theme-border": string;
+    "--theme-ring": string;
+    "--theme-glass-panel-bg": string;
+    "--theme-glass-panel-border": string;
+    "--theme-glass-panel-blur": string;
+    "--theme-glass-header-gradient": string;
+    "--theme-glass-card-bg": string;
+    "--theme-glass-card-border": string;
+    "--theme-glass-hover-bg": string;
+    "--theme-glass-active-border": string;
+    "--theme-glass-active-shadow": string;
+    "--theme-shadow-soft": string;
+    "--theme-shadow-hud-panel": string;
+    "--theme-shadow-hud-rail": string;
+    "--theme-shadow-modal": string;
+    "--theme-shadow-glow": string;
+    "--theme-ambient-horizon": string;
+    "--theme-ambient-ripple-primary": string;
+    "--theme-ambient-ripple-secondary": string;
+    "--theme-ambient-glow-intensity": string;
+    "--theme-switch-track-on": string;
+    "--theme-switch-track-off": string;
+    "--theme-switch-thumb-on": string;
+    "--theme-switch-thumb-off": string;
+    "--theme-button-glow-hover-bg": string;
+    "--theme-button-glow-hover-text": string;
+    "--theme-button-glow-hover-shadow": string;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/theme/types.d.ts.map

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

package/dist/theme/types.js

@@ -0,0 +1,7 @@
+/**
+ * Theme System Types for Out-of-Scope UI
+ *
+ * This module defines the core type system for multi-skin theming,
+ * supporting both Nebula (clinical cyberpunk) and Solarpunk (botanical observatory) themes.
+ */
+export {};

package/dist/vision/adapters/canvasCapture.d.ts

@@ -0,0 +1,24 @@
+import type { VisionAdapter, VisionCaptureOptions, VisionFrame, VisionTopology } from "../types.js";
+export interface CanvasCaptureAdapterOptions {
+    id?: string;
+    label?: string;
+    getCanvas: () => HTMLCanvasElement | null;
+    getTopology?: () => VisionTopology | null;
+    channelId?: string;
+    format?: "image/png" | "image/jpeg" | "image/webp";
+    quality?: number;
+}
+export declare class CanvasCaptureAdapter implements VisionAdapter {
+    id: string;
+    label?: string;
+    private getCanvas;
+    private topologyProvider?;
+    private channelId;
+    private format;
+    private quality?;
+    constructor(options: CanvasCaptureAdapterOptions);
+    getTopology(): VisionTopology | null;
+    capture(options?: VisionCaptureOptions): Promise<VisionFrame>;
+    private scaleCanvas;
+}
+//# sourceMappingURL=canvasCapture.d.ts.map

package/dist/vision/adapters/canvasCapture.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"canvasCapture.d.ts","sourceRoot":"","sources":["../../../src/vision/adapters/canvasCapture.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,aAAa,EACb,oBAAoB,EACpB,WAAW,EACX,cAAc,EAEf,MAAM,aAAa,CAAC;AAErB,MAAM,WAAW,2BAA2B;IAC1C,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,iBAAiB,GAAG,IAAI,CAAC;IAC1C,WAAW,CAAC,EAAE,MAAM,cAAc,GAAG,IAAI,CAAC;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,WAAW,GAAG,YAAY,GAAG,YAAY,CAAC;IACnD,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,qBAAa,oBAAqB,YAAW,aAAa;IACxD,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,SAAS,CAAiC;IAClD,OAAO,CAAC,gBAAgB,CAAC,CAA8B;IACvD,OAAO,CAAC,SAAS,CAAS;IAC1B,OAAO,CAAC,MAAM,CAA4C;IAC1D,OAAO,CAAC,OAAO,CAAC,CAAS;gBAEb,OAAO,EAAE,2BAA2B;IAUhD,WAAW,IAAI,cAAc,GAAG,IAAI;IAI9B,OAAO,CAAC,OAAO,CAAC,EAAE,oBAAoB,GAAG,OAAO,CAAC,WAAW,CAAC;IAuCnE,OAAO,CAAC,WAAW;CAcpB"}