dotmote 0.1.0

package/dist/core/physics.js

@@ -0,0 +1,177 @@
+/**
+ * Normalize loose `items` input into concrete {@link ContentItem}s.
+ * Strings become `{ kind: 'text', value }`. Anything already shaped like a
+ * `ContentItem` is passed through. Non-string / non-object values are dropped.
+ */
+export function normalizeItems(input) {
+    if (!input || !Array.isArray(input))
+        return [];
+    const out = [];
+    for (const raw of input) {
+        if (typeof raw === 'string') {
+            if (raw.length === 0)
+                continue;
+            out.push({ kind: 'text', value: raw });
+            continue;
+        }
+        if (raw && typeof raw === 'object' && 'kind' in raw) {
+            const item = raw;
+            if (item.kind === 'text' || item.kind === 'emoji') {
+                if (item.value.length === 0)
+                    continue;
+                out.push({ kind: item.kind, value: item.value });
+            }
+            else if (item.kind === 'shape') {
+                out.push({
+                    kind: 'shape',
+                    value: item.value,
+                    ...(typeof item.radius === 'number' ? { radius: item.radius } : {}),
+                });
+            }
+            else if (item.kind === 'path') {
+                if (item.value.length === 0)
+                    continue;
+                out.push({ kind: 'path', value: item.value });
+            }
+        }
+    }
+    return out;
+}
+/**
+ * Reflect a body's velocity component when its center crosses a wall, and
+ * clamp its center back onto the boundary line so it can't tunnel.
+ *
+ * `edgePadding` is the distance from each edge the body stays inside.
+ */
+export function bounce(body, width, height, edgePadding) {
+    if (body.centerX < edgePadding) {
+        body.centerX = edgePadding + (edgePadding - body.centerX);
+        body.velocityX = Math.abs(body.velocityX);
+    }
+    else if (body.centerX > width - edgePadding) {
+        body.centerX = width - edgePadding - (body.centerX - (width - edgePadding));
+        body.velocityX = -Math.abs(body.velocityX);
+    }
+    if (body.centerY < edgePadding) {
+        body.centerY = edgePadding + (edgePadding - body.centerY);
+        body.velocityY = Math.abs(body.velocityY);
+    }
+    else if (body.centerY > height - edgePadding) {
+        body.centerY = height - edgePadding - (body.centerY - (height - edgePadding));
+        body.velocityY = -Math.abs(body.velocityY);
+    }
+}
+/**
+ * AABB collision test using half-sizes: two bodies overlap only when both
+ * `x` and `y` spans intersect. Returns `true` when a collision was resolved.
+ *
+ * On overlap, the pair is separated along the axis of *smaller* overlap (each
+ * moved by half the penetration, in opposite directions) and their velocity
+ * components on that axis are **swapped** (a simplified exchange, per spec —
+ * not a full elastic impulse).
+ */
+export function resolveCollision(a, b) {
+    const overlapX = a.width / 2 + b.width / 2 - Math.abs(b.centerX - a.centerX);
+    const overlapY = a.height / 2 + b.height / 2 - Math.abs(b.centerY - a.centerY);
+    if (overlapX <= 0 || overlapY <= 0)
+        return false;
+    if (overlapX < overlapY) {
+        const sign = a.centerX === b.centerX ? 1 : Math.sign(b.centerX - a.centerX);
+        const push = overlapX / 2;
+        a.centerX -= sign * push;
+        b.centerX += sign * push;
+        const tmp = a.velocityX;
+        a.velocityX = b.velocityX;
+        b.velocityX = tmp;
+    }
+    else {
+        const sign = a.centerY === b.centerY ? 1 : Math.sign(b.centerY - a.centerY);
+        const push = overlapY / 2;
+        a.centerY -= sign * push;
+        b.centerY += sign * push;
+        const tmp = a.velocityY;
+        a.velocityY = b.velocityY;
+        b.velocityY = tmp;
+    }
+    return true;
+}
+/**
+ * Advance the *active* bodies by `dt` seconds: integrate position, bounce off
+ * the walls, then pairwise-resolve collisions.
+ *
+ * Returns a NEW array of the same bodies so callers can pass a slice of their
+ * `bodies` list (e.g. only the bodies whose intro has finished) without
+ * mutating the source ordering.
+ */
+export function stepBodies(bodies, dt, width, height, edgePadding) {
+    if (dt <= 0)
+        return;
+    for (const body of bodies) {
+        body.centerX += body.velocityX * dt;
+        body.centerY += body.velocityY * dt;
+        bounce(body, width, height, edgePadding);
+    }
+    // O(n^2) pairwise collision resolution. Fine for the small counts we use.
+    for (let i = 0; i < bodies.length; i++) {
+        for (let j = i + 1; j < bodies.length; j++) {
+            resolveCollision(bodies[i], bodies[j]);
+        }
+    }
+}
+/**
+ * Advance bodies by `dt` seconds with WALL bounce only — no pairwise collision,
+ * so bodies can pass through each other (the `roam` motion).
+ */
+export function stepRoam(bodies, dt, width, height, edgePadding) {
+    if (dt <= 0)
+        return;
+    for (const body of bodies) {
+        body.centerX += body.velocityX * dt;
+        body.centerY += body.velocityY * dt;
+        bounce(body, width, height, edgePadding);
+    }
+}
+/**
+ * Advance bodies for the horizontal ticker (marquee) modes: move along X (the
+ * velocity already encodes direction) and wrap around a horizontal track.
+ *
+ * `dir` is `+1` for left→right and `-1` for right→left; `gap` is the padding
+ * between a body and the screen edge that triggers a wrap. `track` is the loop
+ * length (sum of body widths + `n * gap`), which keeps the first/last gap even.
+ */
+export function stepTicker(bodies, dt, width, dir, gap, track) {
+    if (dt <= 0)
+        return;
+    const loop = track && track > 0 ? track : width + 2 * gap;
+    for (const body of bodies) {
+        body.centerX += body.velocityX * dt;
+        if (dir > 0) {
+            if (body.centerX - body.width / 2 > width + gap) {
+                body.centerX -= loop;
+            }
+        }
+        else {
+            if (body.centerX + body.width / 2 < -gap) {
+                body.centerX += loop;
+            }
+        }
+    }
+}
+/** Whether a motion mode is one of the horizontal ticker (marquee) modes. */
+export function isTickerMotion(mode) {
+    return mode === 'ticker-left' || mode === 'ticker-right';
+}
+/**
+ * Clamp a value into `[min, max]`.
+ */
+export function clamp(value, min, max) {
+    return value < min ? min : value > max ? max : value;
+}
+/**
+ * A short ease-out curve for the intro fade-in (0..1 input → 0..1 output).
+ */
+export function easeOutCubic(t) {
+    const x = clamp(t, 0, 1);
+    return 1 - Math.pow(1 - x, 3);
+}
+//# sourceMappingURL=physics.js.map

package/dist/core/physics.js.map

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

package/dist/index.d.ts

@@ -0,0 +1,10 @@
+export { Dotmote } from './Dotmote.js';
+/** @deprecated Use {@link Dotmote}. Kept as a backwards-compatible alias. */
+export { Dotmote as DotMatrixBackground } from './Dotmote.js';
+export type { DotmoteProps, DotMatrixBackgroundProps, ContentItem, ContentInput, ThemeConfig, ThemePreset, ThemeLike, Breakpoints, MotionMode, Body, CoreOptions, } from './types.js';
+export { themes, resolveTheme } from './themes.js';
+export { createDotMatrixCore, DEFAULT_BREAKPOINTS, DEFAULT_ITEMS, normalizeItems, bounce, resolveCollision, stepBodies, stepRoam, stepTicker, isTickerMotion, clamp, easeOutCubic, } from './core/index.js';
+export type { DotMatrixCoreHandle, DotMatrixCoreConfig } from './core/index.js';
+/** Default export is the component itself. */
+export { Dotmote as default } from './Dotmote.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,6EAA6E;AAC7E,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAE9D,YAAY,EACV,YAAY,EACZ,wBAAwB,EACxB,WAAW,EACX,YAAY,EACZ,WAAW,EACX,WAAW,EACX,SAAS,EACT,WAAW,EACX,UAAU,EACV,IAAI,EACJ,WAAW,GACZ,MAAM,YAAY,CAAC;AAEpB,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAEnD,OAAO,EACL,mBAAmB,EACnB,mBAAmB,EACnB,aAAa,EACb,cAAc,EACd,MAAM,EACN,gBAAgB,EAChB,UAAU,EACV,QAAQ,EACR,UAAU,EACV,cAAc,EACd,KAAK,EACL,YAAY,GACb,MAAM,iBAAiB,CAAC;AACzB,YAAY,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAEhF,8CAA8C;AAC9C,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,cAAc,CAAC"}

package/dist/index.js

@@ -0,0 +1,8 @@
+export { Dotmote } from './Dotmote.js';
+/** @deprecated Use {@link Dotmote}. Kept as a backwards-compatible alias. */
+export { Dotmote as DotMatrixBackground } from './Dotmote.js';
+export { themes, resolveTheme } from './themes.js';
+export { createDotMatrixCore, DEFAULT_BREAKPOINTS, DEFAULT_ITEMS, normalizeItems, bounce, resolveCollision, stepBodies, stepRoam, stepTicker, isTickerMotion, clamp, easeOutCubic, } from './core/index.js';
+/** Default export is the component itself. */
+export { Dotmote as default } from './Dotmote.js';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,6EAA6E;AAC7E,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAgB9D,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAEnD,OAAO,EACL,mBAAmB,EACnB,mBAAmB,EACnB,aAAa,EACb,cAAc,EACd,MAAM,EACN,gBAAgB,EAChB,UAAU,EACV,QAAQ,EACR,UAAU,EACV,cAAc,EACd,KAAK,EACL,YAAY,GACb,MAAM,iBAAiB,CAAC;AAGzB,8CAA8C;AAC9C,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,cAAc,CAAC"}

package/dist/themes.d.ts

@@ -0,0 +1,21 @@
+import type { ThemeConfig, ThemeLike } from './types.js';
+/**
+ * Built-in brand-agnostic theme presets.
+ *
+ * All rgb stops and dot colors are intentionally generic so the backdrop reads
+ * as "subtle dotted texture", not a particular brand. Swap them out via the
+ * `theme` prop with an inline {@link ThemeConfig} if you need custom colors.
+ */
+export declare const themes: Record<'light' | 'dark' | 'mono' | 'gradient', ThemeConfig>;
+/**
+ * Resolve a {@link ThemeLike} into a concrete {@link ThemeConfig}.
+ *
+ * `auto` (or `undefined`) resolves to `light`/`dark` based on `dark`. Pass the
+ * current OS `prefers-color-scheme` value here; it defaults to light so the
+ * function stays SSR-safe (it never touches `window`/`matchMedia` itself).
+ *
+ * @param theme A preset name or an inline config. Defaults to `auto`.
+ * @param dark  Whether the OS prefers a dark scheme (used only for `auto`).
+ */
+export declare function resolveTheme(theme?: ThemeLike, dark?: boolean): ThemeConfig;
+//# sourceMappingURL=themes.d.ts.map

package/dist/themes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"themes.d.ts","sourceRoot":"","sources":["../src/themes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAEzD;;;;;;GAMG;AACH,eAAO,MAAM,MAAM,EAAE,MAAM,CAAC,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,UAAU,EAAE,WAAW,CAsC9E,CAAC;AAMF;;;;;;;;;GASG;AACH,wBAAgB,YAAY,CAAC,KAAK,CAAC,EAAE,SAAS,EAAE,IAAI,UAAQ,GAAG,WAAW,CAoBzE"}

package/dist/themes.js

@@ -0,0 +1,79 @@
+/**
+ * Built-in brand-agnostic theme presets.
+ *
+ * All rgb stops and dot colors are intentionally generic so the backdrop reads
+ * as "subtle dotted texture", not a particular brand. Swap them out via the
+ * `theme` prop with an inline {@link ThemeConfig} if you need custom colors.
+ */
+export const themes = {
+    /** Classic light theme: white background, soft gray dots, mid-gray glow. */
+    light: {
+        background: '#ffffff',
+        dotColor: 'rgb(230, 228, 228)',
+        glow: [
+            'rgb(160, 159, 159)',
+            'rgb(160, 159, 159)',
+            'rgb(160, 159, 159)',
+        ],
+    },
+    /** Soft light dots that sit on dark backdrops. */
+    dark: {
+        dotColor: 'rgba(255, 255, 255, 0.16)',
+        glow: [
+            'rgba(255, 255, 255, 0.14)',
+            'rgba(255, 255, 255, 0.30)',
+            'rgba(255, 255, 255, 0.56)',
+        ],
+    },
+    /** The default — a neutral gray-readable lattice on any backdrop. */
+    mono: {
+        dotColor: 'rgba(128, 128, 128, 0.5)',
+        glow: [
+            'rgba(120, 120, 120, 0.9)',
+            'rgba(170, 170, 170, 0.9)',
+            'rgba(220, 220, 220, 0.9)',
+        ],
+    },
+    /** A colorful (but still generic) gradient for demos. */
+    gradient: {
+        dotColor: 'rgba(128, 128, 128, 0.5)',
+        glow: [
+            'rgba(56, 189, 248, 0.9)',
+            'rgba(99, 102, 241, 0.9)',
+            'rgba(236, 72, 153, 0.9)',
+        ],
+    },
+};
+const THEME_KEYS = new Set(['light', 'dark', 'mono', 'gradient']);
+/**
+ * Resolve a {@link ThemeLike} into a concrete {@link ThemeConfig}.
+ *
+ * `auto` (or `undefined`) resolves to `light`/`dark` based on `dark`. Pass the
+ * current OS `prefers-color-scheme` value here; it defaults to light so the
+ * function stays SSR-safe (it never touches `window`/`matchMedia` itself).
+ *
+ * @param theme A preset name or an inline config. Defaults to `auto`.
+ * @param dark  Whether the OS prefers a dark scheme (used only for `auto`).
+ */
+export function resolveTheme(theme, dark = false) {
+    if (theme === undefined || theme === null || theme === 'auto') {
+        return themes[dark ? 'dark' : 'light'];
+    }
+    if (typeof theme === 'string') {
+        if (THEME_KEYS.has(theme))
+            return themes[theme];
+        // Unknown preset name: fall back to the scheme-appropriate default.
+        return themes[dark ? 'dark' : 'light'];
+    }
+    // Inline config — clone so callers can't accidentally mutate our preset.
+    const glow = Array.isArray(theme.glow) && theme.glow.length === 3
+        ? theme.glow
+        : themes[dark ? 'dark' : 'light'].glow;
+    return {
+        dotColor: theme.dotColor ?? themes.mono.dotColor,
+        glow: [glow[0], glow[1], glow[2]],
+        ...(theme.activeDotColor ? { activeDotColor: theme.activeDotColor } : {}),
+        ...(theme.background ? { background: theme.background } : {}),
+    };
+}
+//# sourceMappingURL=themes.js.map

package/dist/themes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"themes.js","sourceRoot":"","sources":["../src/themes.ts"],"names":[],"mappings":"AAEA;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,MAAM,GAAgE;IACjF,4EAA4E;IAC5E,KAAK,EAAE;QACL,UAAU,EAAE,SAAS;QACrB,QAAQ,EAAE,oBAAoB;QAC9B,IAAI,EAAE;YACJ,oBAAoB;YACpB,oBAAoB;YACpB,oBAAoB;SACrB;KACF;IACD,kDAAkD;IAClD,IAAI,EAAE;QACJ,QAAQ,EAAE,2BAA2B;QACrC,IAAI,EAAE;YACJ,2BAA2B;YAC3B,2BAA2B;YAC3B,2BAA2B;SAC5B;KACF;IACD,qEAAqE;IACrE,IAAI,EAAE;QACJ,QAAQ,EAAE,0BAA0B;QACpC,IAAI,EAAE;YACJ,0BAA0B;YAC1B,0BAA0B;YAC1B,0BAA0B;SAC3B;KACF;IACD,yDAAyD;IACzD,QAAQ,EAAE;QACR,QAAQ,EAAE,0BAA0B;QACpC,IAAI,EAAE;YACJ,yBAAyB;YACzB,yBAAyB;YACzB,yBAAyB;SAC1B;KACF;CACF,CAAC;AAEF,MAAM,UAAU,GAAG,IAAI,GAAG,CAAC,CAAC,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU,CAAC,CAE/D,CAAC;AAEF;;;;;;;;;GASG;AACH,MAAM,UAAU,YAAY,CAAC,KAAiB,EAAE,IAAI,GAAG,KAAK;IAC1D,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,MAAM,EAAE,CAAC;QAC9D,OAAO,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;IACzC,CAAC;IACD,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;QAC9B,IAAI,UAAU,CAAC,GAAG,CAAC,KAAK,CAAC;YAAE,OAAO,MAAM,CAAC,KAA4B,CAAC,CAAC;QACvE,oEAAoE;QACpE,OAAO,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;IACzC,CAAC;IACD,yEAAyE;IACzE,MAAM,IAAI,GACR,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,KAAK,CAAC,IAAI,CAAC,MAAM,KAAK,CAAC;QAClD,CAAC,CAAC,KAAK,CAAC,IAAI;QACZ,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC;IAC3C,OAAO;QACL,QAAQ,EAAE,KAAK,CAAC,QAAQ,IAAI,MAAM,CAAC,IAAI,CAAC,QAAQ;QAChD,IAAI,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC;QACjC,GAAG,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,cAAc,EAAE,KAAK,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QACzE,GAAG,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,KAAK,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;KAC9D,CAAC;AACJ,CAAC"}

package/dist/types.d.ts

@@ -0,0 +1,162 @@
+import type * as React from 'react';
+/**
+ * A single drifting "body" that will be revealed through the dot-matrix mask.
+ */
+export type ContentItem = {
+    kind: 'text';
+    value: string;
+} | {
+    kind: 'emoji';
+    value: string;
+} | {
+    kind: 'shape';
+    value: 'circle' | 'square' | 'triangle' | 'star' | 'diamond';
+    radius?: number;
+} | {
+    kind: 'path';
+    value: string;
+};
+/**
+ * Loose input accepted for `items`. Strings are normalized to `{ kind: 'text' }`.
+ */
+export type ContentInput = ContentItem | string;
+/**
+ * Animation behavior for the drifting bodies.
+ * - `drift` — random drift + wall bounce + pairwise collision (default).
+ * - `roam`  — random drift + wall bounce, but bodies pass through each other.
+ * - `static` — frozen (after the intro fade-in).
+ * - `ticker-left` / `ticker-right` — a marquee / billboard: the bodies scroll
+ *   in a single row at the vertical center, looping left→right or right→left.
+ */
+export type MotionMode = 'static' | 'drift' | 'roam' | 'ticker-left' | 'ticker-right';
+/**
+ * A resolved theme: the colors that drive the dot grid and the glow gradient.
+ * `dot` and `background` are optional so a preset can keep them neutral.
+ */
+export interface ThemeConfig {
+    /** Dot color of the background lattice (CSS color string). Defaults to `rgba(128,128,128,0.5)`. */
+    dotColor?: string;
+    /** Color of the *illuminated* (lit) dots. When set the glow is a flat color (all three gradient stops). Omit to use `glow`. */
+    activeDotColor?: string;
+    /** Three-stop linear gradient for the illuminated glow: [start, mid, end]. */
+    glow: [string, string, string];
+    /** Optional background color applied to the element (behind the dots). */
+    background?: string;
+}
+/** Built-in theme names. `auto` resolves to `light`/`dark` from the OS setting. */
+export type ThemePreset = 'auto' | 'light' | 'dark' | 'mono' | 'gradient';
+/** A theme may be a preset name or an inline config. */
+export type ThemeLike = ThemePreset | ThemeConfig;
+/** Responsive breakpoint geometry. */
+export interface Breakpoints {
+    small: number;
+    medium: number;
+    smallSpacing: number;
+    mediumSpacing: number;
+    largeSpacing: number;
+}
+export interface DotmoteProps {
+    /**
+     * String content — each character becomes a drifting body (whitespace is
+     * skipped) and is rendered as one letter/emoji. Shorthand for passing an
+     * array of one-character text items. Takes precedence over {@link items}.
+     */
+    values?: string;
+    /** Bodies to drift. Defaults to the neutral letters `['A','B','C','D','E']`. */
+    items?: ContentInput[];
+    /** Theme preset or custom config. Defaults to `'mono'`. */
+    theme?: ThemeLike;
+    /** Dot radius in px. Defaults to `spacing <= 9 ? 0.82 : 1`. */
+    dotRadius?: number;
+    /**
+     * Glow *strength* (not opacity). Defaults to `1`. `<1` fades the glow;
+     * `>1` (up to ~3) layers it brighter via additive compositing.
+     */
+    glowStrength?: number;
+    /**
+     * @deprecated Renamed to {@link glowStrength}. Kept as a backwards-compatible
+     * alias; when both are set, `glowStrength` wins.
+     */
+    glowAlpha?: number;
+    /** Global speed multiplier. Defaults to `1`. */
+    speed?: number;
+    /** Animation behavior for the bodies. Defaults to `'drift'`. */
+    motion?: MotionMode;
+    /**
+     * Font stack for text/emoji bodies. Defaults to a neutral stack.
+     * Note: the weight and size are prefixed automatically (`900 ${fontSize}px ...`).
+     */
+    fontFamily?: string;
+    /**
+     * Fixed character size in px. Overrides the automatic font size (and
+     * `fontSizeOverride`). Defaults to the responsive clamp / breakpoint logic.
+     */
+    fontSize?: number;
+    /**
+     * Override the automatic font size for the largest breakpoint.
+     * A number sets it directly; a function receives the container width in px.
+     */
+    fontSizeOverride?: number | ((width: number) => number);
+    /** Minimum of the automatic large-screen font-size clamp. Defaults to `207`. */
+    fontSizeMin?: number;
+    /** Maximum of the automatic large-screen font-size clamp. Defaults to `270`. */
+    fontSizeMax?: number;
+    /** Responsive breakpoints. See {@link Breakpoints} for defaults. */
+    breakpoints?: Partial<Breakpoints>;
+    /**
+     * Scale the lattice density on top of the responsive breakpoints.
+     * `1` (default) keeps the breakpoint spacing; `<1` makes the dots denser,
+     * `>1` sparser. This also scales the edge padding and the default dot size.
+     */
+    spacingScale?: number;
+    /** Intro hold duration in ms during which bodies are frozen and fade in. Defaults to `520`. */
+    introDurationMs?: number;
+    /** Passed through to the container `<div>`. */
+    className?: string;
+    /** Alias for `className` (HTML-style). Used when `className` is omitted. */
+    class?: string;
+    /** Passed through to the container `<div>`. */
+    style?: React.CSSProperties;
+    /** Hide the element from assistive tech. Defaults to `true`. */
+    ariaHidden?: boolean;
+}
+/**
+ * @deprecated Renamed to {@link DotmoteProps}. Kept as a backwards-compatible
+ * alias.
+ */
+export type DotMatrixBackgroundProps = DotmoteProps;
+/** Internal resolved options passed to the canvas core. */
+export interface CoreOptions {
+    items: ContentItem[];
+    dot: string;
+    glow: [string, string, string];
+    background?: string;
+    dotRadius?: number;
+    glowStrength: number;
+    speed: number;
+    motion: MotionMode;
+    fontFamily: string;
+    fontSize?: number;
+    fontSizeOverride?: number | ((width: number) => number);
+    fontSizeMin: number;
+    fontSizeMax: number;
+    breakpoints: Breakpoints;
+    spacingScale: number;
+    introDurationMs: number;
+}
+/** A static container to keep physics pure and testable. */
+export interface Body {
+    id: number;
+    item: ContentItem;
+    centerX: number;
+    centerY: number;
+    width: number;
+    height: number;
+    fontSize: number;
+    velocityX: number;
+    velocityY: number;
+    colors: [string, string, string];
+    /** Performance-ish timestamp (ms) at which this body's intro started. */
+    introStart: number;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

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

package/dist/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":""}

package/package.json

@@ -0,0 +1,67 @@
+{
+  "name": "dotmote",
+  "version": "0.1.0",
+  "description": "Brand-agnostic dotted-matrix glowing background component (React + TypeScript + Canvas). Zero runtime deps besides react.",
+  "keywords": [
+    "react",
+    "canvas",
+    "background",
+    "dot-matrix",
+    "dotted-grid",
+    "particles",
+    "glow",
+    "typescript"
+  ],
+  "license": "MIT",
+  "type": "module",
+  "sideEffects": false,
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./themes": {
+      "types": "./dist/themes.d.ts",
+      "import": "./dist/themes.js"
+    }
+  },
+  "files": [
+    "dist",
+    "README.md",
+    "README.zh-CN.md",
+    "LICENSE"
+  ],
+  "scripts": {
+    "typecheck": "tsc --noEmit",
+    "build": "tsc -p tsconfig.build.json",
+    "build:site": "vite build",
+    "prepublishOnly": "npm run build",
+    "lint": "eslint . --ext .ts,.tsx",
+    "test": "vitest run",
+    "dev": "vite",
+    "clean": "rm -rf dist"
+  },
+  "peerDependencies": {
+    "react": ">=18"
+  },
+  "devDependencies": {
+    "@types/react": "^18.3.3",
+    "@types/react-dom": "^18.3.0",
+    "@typescript-eslint/eslint-plugin": "^7.16.1",
+    "@typescript-eslint/parser": "^7.16.1",
+    "@vitejs/plugin-react": "^4.3.1",
+    "eslint": "^8.57.0",
+    "eslint-plugin-react-hooks": "^4.6.2",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "typescript": "^5.5.3",
+    "vite": "^5.4.0",
+    "vitest": "^2.0.3"
+  },
+  "engines": {
+    "node": ">=18"
+  }
+}