@ogxjs/core 0.1.2 → 0.2.0-alpha.1

package/dist/perf/timing.d.ts

@@ -0,0 +1,160 @@
+/**
+ * @ogxjs/core - Performance Timing API
+ * Profiling and performance measurement tools
+ *
+ * @description
+ * Provides timing utilities for measuring OGX performance:
+ * - Timer API for manual measurements
+ * - Automatic instrumentation for render pipeline
+ * - Report generation with statistics
+ *
+ * @version 0.2.0 "Turbo"
+ */
+export interface TimingEntry {
+    label: string;
+    startTime: number;
+    endTime?: number;
+    duration?: number;
+}
+export interface TimingReport {
+    entries: TimingEntry[];
+    totals: Record<string, TimingAggregate>;
+    summary: {
+        totalDuration: number;
+        entryCount: number;
+        averageDuration: number;
+    };
+}
+export interface TimingAggregate {
+    count: number;
+    totalMs: number;
+    minMs: number;
+    maxMs: number;
+    avgMs: number;
+}
+/**
+ * Performance timer for measuring code execution
+ *
+ * @example
+ * ```ts
+ * const timer = new Timer();
+ *
+ * timer.start("render");
+ * await render(element);
+ * timer.end("render");
+ *
+ * timer.start("png-conversion");
+ * const png = convertToPng(svg);
+ * timer.end("png-conversion");
+ *
+ * console.log(timer.getReport());
+ * // { entries: [...], totals: {...}, summary: {...} }
+ * ```
+ */
+export declare class Timer {
+    private entries;
+    private active;
+    private enabled;
+    constructor(enabled?: boolean);
+    /**
+     * Start a timing measurement
+     */
+    start(label: string): void;
+    /**
+     * End a timing measurement
+     * @returns Duration in milliseconds
+     */
+    end(label: string): number;
+    /**
+     * Measure an async operation
+     */
+    measure<T>(label: string, fn: () => Promise<T>): Promise<T>;
+    /**
+     * Measure a sync operation
+     */
+    measureSync<T>(label: string, fn: () => T): T;
+    /**
+     * Get timing report
+     */
+    getReport(): TimingReport;
+    /**
+     * Get formatted report string
+     */
+    getFormattedReport(): string;
+    /**
+     * Clear all entries
+     */
+    clear(): void;
+    /**
+     * Enable/disable timing
+     */
+    setEnabled(enabled: boolean): void;
+    /**
+     * Check if timing is enabled
+     */
+    isEnabled(): boolean;
+}
+/**
+ * Global timing API
+ */
+export declare const timing: {
+    /**
+     * Start a timing measurement
+     */
+    start(label: string): void;
+    /**
+     * End a timing measurement
+     */
+    end(label: string): number;
+    /**
+     * Measure an async operation
+     */
+    measure<T>(label: string, fn: () => Promise<T>): Promise<T>;
+    /**
+     * Measure a sync operation
+     */
+    measureSync<T>(label: string, fn: () => T): T;
+    /**
+     * Get timing report
+     */
+    getReport(): TimingReport;
+    /**
+     * Get formatted report string
+     */
+    getFormattedReport(): string;
+    /**
+     * Clear all timing entries
+     */
+    clear(): void;
+    /**
+     * Enable timing (useful for debugging in production)
+     */
+    enable(): void;
+    /**
+     * Disable timing
+     */
+    disable(): void;
+    /**
+     * Check if timing is enabled
+     */
+    isEnabled(): boolean;
+};
+/**
+ * Quick one-off timing for a function
+ * Returns [result, durationMs]
+ */
+export declare function quickTime<T>(fn: () => Promise<T>): Promise<[T, number]>;
+/**
+ * Quick one-off timing for a sync function
+ */
+export declare function quickTimeSync<T>(fn: () => T): [T, number];
+/**
+ * Benchmark a function multiple times
+ * Returns statistics
+ */
+export declare function benchmark(fn: () => Promise<void>, iterations?: number): Promise<TimingAggregate>;
+/**
+ * Benchmark a sync function
+ */
+export declare function benchmarkSync(fn: () => void, iterations?: number): TimingAggregate;
+//# sourceMappingURL=timing.d.ts.map

package/dist/perf/timing.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"timing.d.ts","sourceRoot":"","sources":["../../src/perf/timing.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAIH,MAAM,WAAW,WAAW;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,YAAY;IAC5B,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,eAAe,CAAC,CAAC;IACxC,OAAO,EAAE;QACR,aAAa,EAAE,MAAM,CAAC;QACtB,UAAU,EAAE,MAAM,CAAC;QACnB,eAAe,EAAE,MAAM,CAAC;KACxB,CAAC;CACF;AAED,MAAM,WAAW,eAAe;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACd;AAID;;;;;;;;;;;;;;;;;;GAkBG;AACH,qBAAa,KAAK;IACjB,OAAO,CAAC,OAAO,CAAqB;IACpC,OAAO,CAAC,MAAM,CAAkC;IAChD,OAAO,CAAC,OAAO,CAAU;gBAEb,OAAO,UAAO;IAI1B;;OAEG;IACH,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAW1B;;;OAGG;IACH,GAAG,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM;IAkB1B;;OAEG;IACG,OAAO,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC;IASjE;;OAEG;IACH,WAAW,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,CAAC,GAAG,CAAC;IAS7C;;OAEG;IACH,SAAS,IAAI,YAAY;IAkDzB;;OAEG;IACH,kBAAkB,IAAI,MAAM;IA2B5B;;OAEG;IACH,KAAK,IAAI,IAAI;IAKb;;OAEG;IACH,UAAU,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI;IAIlC;;OAEG;IACH,SAAS,IAAI,OAAO;CAGpB;AAUD;;GAEG;AACH,eAAO,MAAM,MAAM;IAClB;;OAEG;iBACU,MAAM,GAAG,IAAI;IAI1B;;OAEG;eACQ,MAAM,GAAG,MAAM;IAI1B;;OAEG;YACK,CAAC,SAAS,MAAM,MAAM,MAAM,OAAO,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC;IAI3D;;OAEG;gBACS,CAAC,SAAS,MAAM,MAAM,MAAM,CAAC,GAAG,CAAC;IAI7C;;OAEG;iBACU,YAAY;IAIzB;;OAEG;0BACmB,MAAM;IAI5B;;OAEG;aACM,IAAI;IAIb;;OAEG;cACO,IAAI;IAId;;OAEG;eACQ,IAAI;IAIf;;OAEG;iBACU,OAAO;CAGpB,CAAC;AAIF;;;GAGG;AACH,wBAAsB,SAAS,CAAC,CAAC,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,CAK7E;AAED;;GAEG;AACH,wBAAgB,aAAa,CAAC,CAAC,EAAE,EAAE,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE,MAAM,CAAC,CAKzD;AAED;;;GAGG;AACH,wBAAsB,SAAS,CAC9B,EAAE,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,EACvB,UAAU,SAAM,GACd,OAAO,CAAC,eAAe,CAAC,CAkB1B;AAED;;GAEG;AACH,wBAAgB,aAAa,CAC5B,EAAE,EAAE,MAAM,IAAI,EACd,UAAU,SAAM,GACd,eAAe,CAkBjB"}

package/dist/perf/timing.js

@@ -0,0 +1,305 @@
+/**
+ * @ogxjs/core - Performance Timing API
+ * Profiling and performance measurement tools
+ *
+ * @description
+ * Provides timing utilities for measuring OGX performance:
+ * - Timer API for manual measurements
+ * - Automatic instrumentation for render pipeline
+ * - Report generation with statistics
+ *
+ * @version 0.2.0 "Turbo"
+ */
+// TIMING CLASS
+/**
+ * Performance timer for measuring code execution
+ *
+ * @example
+ * ```ts
+ * const timer = new Timer();
+ *
+ * timer.start("render");
+ * await render(element);
+ * timer.end("render");
+ *
+ * timer.start("png-conversion");
+ * const png = convertToPng(svg);
+ * timer.end("png-conversion");
+ *
+ * console.log(timer.getReport());
+ * // { entries: [...], totals: {...}, summary: {...} }
+ * ```
+ */
+export class Timer {
+    entries = [];
+    active = new Map();
+    enabled;
+    constructor(enabled = true) {
+        this.enabled = enabled;
+    }
+    /**
+     * Start a timing measurement
+     */
+    start(label) {
+        if (!this.enabled)
+            return;
+        const entry = {
+            label,
+            startTime: performance.now(),
+        };
+        this.active.set(label, entry);
+    }
+    /**
+     * End a timing measurement
+     * @returns Duration in milliseconds
+     */
+    end(label) {
+        if (!this.enabled)
+            return 0;
+        const entry = this.active.get(label);
+        if (!entry) {
+            console.warn(`Timer: No active timer for "${label}"`);
+            return 0;
+        }
+        entry.endTime = performance.now();
+        entry.duration = entry.endTime - entry.startTime;
+        this.entries.push(entry);
+        this.active.delete(label);
+        return entry.duration;
+    }
+    /**
+     * Measure an async operation
+     */
+    async measure(label, fn) {
+        this.start(label);
+        try {
+            return await fn();
+        }
+        finally {
+            this.end(label);
+        }
+    }
+    /**
+     * Measure a sync operation
+     */
+    measureSync(label, fn) {
+        this.start(label);
+        try {
+            return fn();
+        }
+        finally {
+            this.end(label);
+        }
+    }
+    /**
+     * Get timing report
+     */
+    getReport() {
+        // Aggregate by label
+        const totals = {};
+        for (const entry of this.entries) {
+            if (entry.duration === undefined)
+                continue;
+            if (!totals[entry.label]) {
+                totals[entry.label] = {
+                    count: 0,
+                    totalMs: 0,
+                    minMs: Infinity,
+                    maxMs: -Infinity,
+                    avgMs: 0,
+                };
+            }
+            const agg = totals[entry.label];
+            agg.count++;
+            agg.totalMs += entry.duration;
+            agg.minMs = Math.min(agg.minMs, entry.duration);
+            agg.maxMs = Math.max(agg.maxMs, entry.duration);
+        }
+        // Calculate averages
+        for (const label of Object.keys(totals)) {
+            const agg = totals[label];
+            agg.avgMs = agg.totalMs / agg.count;
+        }
+        // Calculate summary
+        const totalDuration = this.entries.reduce((sum, e) => sum + (e.duration ?? 0), 0);
+        const entryCount = this.entries.filter((e) => e.duration !== undefined).length;
+        return {
+            entries: [...this.entries],
+            totals,
+            summary: {
+                totalDuration,
+                entryCount,
+                averageDuration: entryCount > 0 ? totalDuration / entryCount : 0,
+            },
+        };
+    }
+    /**
+     * Get formatted report string
+     */
+    getFormattedReport() {
+        const report = this.getReport();
+        const lines = [
+            "┌─────────────────────────────────────────────────────┐",
+            "│              OGX Performance Report                 │",
+            "├─────────────────────────────────────────────────────┤",
+        ];
+        // Totals by label
+        for (const [label, agg] of Object.entries(report.totals)) {
+            lines.push(`│ ${label.padEnd(20)} │ ${agg.avgMs.toFixed(2).padStart(8)}ms avg │`);
+            lines.push(`│ ${"".padEnd(20)} │ ${agg.count.toString().padStart(8)} calls │`);
+        }
+        lines.push("├─────────────────────────────────────────────────────┤");
+        lines.push(`│ Total: ${report.summary.totalDuration.toFixed(2)}ms (${report.summary.entryCount} entries) │`);
+        lines.push("└─────────────────────────────────────────────────────┘");
+        return lines.join("\n");
+    }
+    /**
+     * Clear all entries
+     */
+    clear() {
+        this.entries = [];
+        this.active.clear();
+    }
+    /**
+     * Enable/disable timing
+     */
+    setEnabled(enabled) {
+        this.enabled = enabled;
+    }
+    /**
+     * Check if timing is enabled
+     */
+    isEnabled() {
+        return this.enabled;
+    }
+}
+// GLOBAL TIMER
+/**
+ * Global timer instance for OGX operations
+ * Disabled by default in production
+ */
+const globalTimer = new Timer(process.env.NODE_ENV !== "production");
+/**
+ * Global timing API
+ */
+export const timing = {
+    /**
+     * Start a timing measurement
+     */
+    start(label) {
+        globalTimer.start(label);
+    },
+    /**
+     * End a timing measurement
+     */
+    end(label) {
+        return globalTimer.end(label);
+    },
+    /**
+     * Measure an async operation
+     */
+    measure(label, fn) {
+        return globalTimer.measure(label, fn);
+    },
+    /**
+     * Measure a sync operation
+     */
+    measureSync(label, fn) {
+        return globalTimer.measureSync(label, fn);
+    },
+    /**
+     * Get timing report
+     */
+    getReport() {
+        return globalTimer.getReport();
+    },
+    /**
+     * Get formatted report string
+     */
+    getFormattedReport() {
+        return globalTimer.getFormattedReport();
+    },
+    /**
+     * Clear all timing entries
+     */
+    clear() {
+        globalTimer.clear();
+    },
+    /**
+     * Enable timing (useful for debugging in production)
+     */
+    enable() {
+        globalTimer.setEnabled(true);
+    },
+    /**
+     * Disable timing
+     */
+    disable() {
+        globalTimer.setEnabled(false);
+    },
+    /**
+     * Check if timing is enabled
+     */
+    isEnabled() {
+        return globalTimer.isEnabled();
+    },
+};
+// QUICK TIMING UTILITIES
+/**
+ * Quick one-off timing for a function
+ * Returns [result, durationMs]
+ */
+export async function quickTime(fn) {
+    const start = performance.now();
+    const result = await fn();
+    const duration = performance.now() - start;
+    return [result, duration];
+}
+/**
+ * Quick one-off timing for a sync function
+ */
+export function quickTimeSync(fn) {
+    const start = performance.now();
+    const result = fn();
+    const duration = performance.now() - start;
+    return [result, duration];
+}
+/**
+ * Benchmark a function multiple times
+ * Returns statistics
+ */
+export async function benchmark(fn, iterations = 100) {
+    const durations = [];
+    for (let i = 0; i < iterations; i++) {
+        const start = performance.now();
+        await fn();
+        durations.push(performance.now() - start);
+    }
+    const totalMs = durations.reduce((sum, d) => sum + d, 0);
+    return {
+        count: iterations,
+        totalMs,
+        minMs: Math.min(...durations),
+        maxMs: Math.max(...durations),
+        avgMs: totalMs / iterations,
+    };
+}
+/**
+ * Benchmark a sync function
+ */
+export function benchmarkSync(fn, iterations = 100) {
+    const durations = [];
+    for (let i = 0; i < iterations; i++) {
+        const start = performance.now();
+        fn();
+        durations.push(performance.now() - start);
+    }
+    const totalMs = durations.reduce((sum, d) => sum + d, 0);
+    return {
+        count: iterations,
+        totalMs,
+        minMs: Math.min(...durations),
+        maxMs: Math.max(...durations),
+        avgMs: totalMs / iterations,
+    };
+}

package/dist/presets/blog.js

@@ -60,7 +60,7 @@ export const blogPreset = (props) => {
                         span([
                             "text-lg",
                             "font-medium",
-                            isDark ? "text-zinc-400" : "text-zinc-500",
+                            isDark ? "text-zinc-400" : "text-zinc-600",
                         ], [date, readingTime].filter(Boolean).join(" · ")),
                     ]),
                 ]),

package/dist/presets/docs.d.ts

@@ -15,6 +15,8 @@ export interface DocsPresetProps {
         header?: OGXElement;
         footer?: OGXElement;
     };
+    /** Details Image */
+    detailsOG?: boolean;
 }
 /**
  * Docs preset - ideal for documentation sites

package/dist/presets/docs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"docs.d.ts","sourceRoot":"","sources":["../../src/presets/docs.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAEnD,MAAM,WAAW,eAAe;IAC/B,iBAAiB;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yBAAyB;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,gBAAgB;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,mBAAmB;IACnB,WAAW,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC/B,4BAA4B;IAC5B,KAAK,CAAC,EAAE;QACP,MAAM,CAAC,EAAE,UAAU,CAAC;QACpB,MAAM,CAAC,EAAE,UAAU,CAAC;KACpB,CAAC;CACF;AAED;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,MAAM,CAAC,eAAe,CAuH9C,CAAC"}
+{"version":3,"file":"docs.d.ts","sourceRoot":"","sources":["../../src/presets/docs.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAEnD,MAAM,WAAW,eAAe;IAC/B,iBAAiB;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yBAAyB;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,gBAAgB;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,mBAAmB;IACnB,WAAW,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC/B,4BAA4B;IAC5B,KAAK,CAAC,EAAE;QACP,MAAM,CAAC,EAAE,UAAU,CAAC;QACpB,MAAM,CAAC,EAAE,UAAU,CAAC;KACpB,CAAC;IACF,oBAAoB;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,MAAM,CAAC,eAAe,CA2H9C,CAAC"}

package/dist/presets/docs.js

@@ -3,7 +3,7 @@ import { absolute, div, h1, img, p, row, span, stack } from "../builder";
  * Docs preset - ideal for documentation sites
  */
 export const docsPreset = (props) => {
-    const { title, description, logo, siteName, colorScheme = "dark", slots = {}, } = props;
+    const { title, description, logo, siteName, colorScheme = "dark", slots = {}, detailsOG = false, } = props;
     const isDark = colorScheme === "dark";
     return stack([
         "w-full",
@@ -13,56 +13,59 @@ export const docsPreset = (props) => {
         "relative",
     ], [
         // Background Accent (Subtle Grid + Glow)
-        absolute([
-            isDark ? "bg-grid-white/5-64" : "bg-grid-zinc-900/5-64",
-            "inset-0",
-        ]),
-        absolute([
-            "inset-0",
-            isDark
-                ? "bg-gradient-to-tr from-zinc-950 via-transparent to-indigo-500/10"
-                : "bg-gradient-to-tr from-white via-transparent to-indigo-500/5",
-        ]),
-        absolute(["bg-grain/10"]), // Quality Boost: Dithering
+        ...(detailsOG
+            ? [
+                absolute([
+                    isDark ? "bg-grid-white/5-64" : "bg-grid-zinc-900/5-64",
+                    "inset-0",
+                ]),
+                absolute([
+                    "inset-0",
+                    isDark
+                        ? "bg-gradient-to-tr from-zinc-950 via-transparent to-indigo-500/10"
+                        : "bg-gradient-to-tr from-white via-transparent to-indigo-500/5",
+                ]),
+            ]
+            : []),
         // Content Layout
         stack("flex-1 gap-12 relative", [
             // Header
             slots.header ??
                 row("items-center justify-between", [
                     row("items-center gap-4", [
-                        logo ? img(logo, "w-10 h-10 rounded-lg shadow-sm") : null,
+                        logo ? img(logo, "w-10 h-10") : null,
                         siteName
                             ? span([
                                 "text-2xl",
                                 "font-bold",
-                                isDark ? "text-white" : "text-zinc-900",
+                                isDark ? "text-white" : "text-zinc-950",
                                 "tracking-tight",
                             ], siteName)
                             : null,
                     ]),
                     div([
-                        "px-5 py-1 rounded-full border text-xs font-semibold",
+                        "px-3 py-1 rounded-full border text-xs font-semibold",
                         isDark
-                            ? "bg-white/5 border-white/10 text-zinc-400"
+                            ? "border-white/10 text-zinc-400"
                             : "bg-zinc-100 border-zinc-200 text-zinc-600",
-                    ], "DOCUMENTATION"),
+                    ], "DOCS"),
                 ]),
             // Main content
-            stack("flex-1 justify-center gap-8", [
+            stack("flex-1 justify-center gap-8 w-full", [
                 h1([
                     "text-8xl",
                     "font-black",
                     isDark ? "text-white" : "text-zinc-950",
                     "leading-[1.1]",
-                    "tracking-tight", // Quality Boost
+                    "tracking-tight",
+                    "break-all",
                 ], title),
                 description
                     ? p([
-                        "text-4xl",
-                        isDark ? "text-zinc-400" : "text-zinc-500",
-                        "max-w-[900px]",
+                        "text-3xl",
+                        isDark ? "text-zinc-400" : "text-zinc-600",
                         "leading-relaxed",
-                        "font-semibold",
+                        "font-medium",
                     ], description)
                     : null,
             ]),

package/dist/presets/minimal.d.ts

@@ -8,6 +8,8 @@ export interface MinimalPresetProps {
     background?: string;
     /** Text color (Tailwind class or hex) */
     textColor?: string;
+    /** Color scheme */
+    colorScheme?: "dark" | "light";
     /** Custom slot overrides */
     slots?: {
         content?: OGXElement;

package/dist/presets/minimal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"minimal.d.ts","sourceRoot":"","sources":["../../src/presets/minimal.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAEnD,MAAM,WAAW,kBAAkB;IAClC,gBAAgB;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,qBAAqB;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,+CAA+C;IAC/C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,yCAAyC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4BAA4B;IAC5B,KAAK,CAAC,EAAE;QACP,OAAO,CAAC,EAAE,UAAU,CAAC;KACrB,CAAC;CACF;AAED;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,MAAM,CAAC,kBAAkB,CAqEpD,CAAC"}
+{"version":3,"file":"minimal.d.ts","sourceRoot":"","sources":["../../src/presets/minimal.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAEnD,MAAM,WAAW,kBAAkB;IAClC,gBAAgB;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,qBAAqB;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,+CAA+C;IAC/C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,yCAAyC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mBAAmB;IACnB,WAAW,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC/B,4BAA4B;IAC5B,KAAK,CAAC,EAAE;QACP,OAAO,CAAC,EAAE,UAAU,CAAC;KACrB,CAAC;CACF;AAED;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,MAAM,CAAC,kBAAkB,CA6DpD,CAAC"}

package/dist/presets/minimal.js

@@ -1,9 +1,9 @@
-import { absolute, h1, p, stack } from "../builder";
+import { h1, p, stack } from "../builder";
 /**
  * Minimal preset - ultra clean, just text
  */
 export const minimalPreset = (props) => {
-    const { title, subtitle, background = "bg-zinc-950", textColor = "text-white", slots = {}, } = props;
+    const { title, subtitle, colorScheme = "dark", background = colorScheme === "dark" ? "bg-zinc-950" : "bg-white", textColor = colorScheme === "dark" ? "text-white" : "text-zinc-950", slots = {}, } = props;
     const bgClass = background.startsWith("bg-")
         ? background
         : `bg-[${background}]`;
@@ -15,22 +15,14 @@ export const minimalPreset = (props) => {
         "h-full",
         "items-center",
         "justify-center",
-        "p-24",
+        "p-16",
         "relative",
         bgClass,
     ], [
-        // Subtle Background Texture
-        absolute([
-            "inset-0 opacity-[0.03]",
-            background.includes("light") || background === "bg-white"
-                ? "bg-grid-black-32"
-                : "bg-grid-white-32",
-        ]),
-        absolute(["bg-grain/5"]), // Quality Boost: Dithering
         // Content
-        stack("items-center justify-center relative", slots.content ?? [
+        stack("items-center justify-center relative gap-6", slots.content ?? [
             h1([
-                "text-9xl",
+                "text-8xl",
                 "font-black",
                 "text-center",
                 "tracking-tightest", // Quality Boost
@@ -39,12 +31,12 @@ export const minimalPreset = (props) => {
             ], title),
             subtitle
                 ? p([
-                    "text-3xl",
+                    "text-2xl",
                     "text-center",
-                    "mt-10",
+                    "mt-2",
                     "opacity-40",
                     "font-medium",
-                    "tracking-wide",
+                    "tracking-tight",
                     textClass,
                 ], subtitle.toUpperCase())
                 : null,

package/dist/presets/social.d.ts

@@ -16,6 +16,8 @@ export interface SocialPresetProps {
     fromColor?: string;
     /** To color (hex) */
     toColor?: string;
+    /** Color scheme */
+    colorScheme?: "dark" | "light";
     /** Custom slot overrides */
     slots?: {
         header?: OGXElement;

package/dist/presets/social.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"social.d.ts","sourceRoot":"","sources":["../../src/presets/social.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAEnD,MAAM,WAAW,iBAAiB;IACjC,6BAA6B;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,yBAAyB;IACzB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,iBAAiB;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,qBAAqB;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qBAAqB;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,wCAAwC;IACxC,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC;IAC/C,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qBAAqB;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,4BAA4B;IAC5B,KAAK,CAAC,EAAE;QACP,MAAM,CAAC,EAAE,UAAU,CAAC;QACpB,MAAM,CAAC,EAAE,UAAU,CAAC;KACpB,CAAC;CACF;AAED;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,iBAAiB,CAkGlD,CAAC"}
+{"version":3,"file":"social.d.ts","sourceRoot":"","sources":["../../src/presets/social.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAEnD,MAAM,WAAW,iBAAiB;IACjC,6BAA6B;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,yBAAyB;IACzB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,iBAAiB;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,qBAAqB;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qBAAqB;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,wCAAwC;IACxC,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC;IAC/C,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qBAAqB;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,mBAAmB;IACnB,WAAW,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC/B,4BAA4B;IAC5B,KAAK,CAAC,EAAE;QACP,MAAM,CAAC,EAAE,UAAU,CAAC;QACpB,MAAM,CAAC,EAAE,UAAU,CAAC;KACpB,CAAC;CACF;AAED;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,iBAAiB,CA6GlD,CAAC"}