@liteforge/modal 0.2.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 SchildW3rk
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/index.d.ts

@@ -0,0 +1,6 @@
+export { createModal } from './modal.js';
+export { ModalProvider } from './provider.js';
+export { confirm, alert, prompt } from './presets.js';
+export { injectDefaultStyles, resetStylesInjection } from './styles.js';
+export type { ModalConfig, CreateModalOptions, ModalResult, ModalSize } from './types.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,WAAW,EAAE,MAAM,YAAY,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACtD,OAAO,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AACxE,YAAY,EAAE,WAAW,EAAE,kBAAkB,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC"}

package/dist/index.js

@@ -0,0 +1,5 @@
+export { createModal } from './modal.js';
+export { ModalProvider } from './provider.js';
+export { confirm, alert, prompt } from './presets.js';
+export { injectDefaultStyles, resetStylesInjection } from './styles.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,WAAW,EAAE,MAAM,YAAY,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACtD,OAAO,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC"}

package/dist/modal.d.ts

@@ -0,0 +1,20 @@
+import { signal } from '@liteforge/core';
+import type { ModalConfig, CreateModalOptions, ModalResult } from './types.js';
+export interface ModalEntry {
+    id: symbol;
+    options: Required<ModalConfig>;
+    contentFn: () => Node;
+    isOpen: ReturnType<typeof signal<boolean>>;
+    open: () => void;
+    close: () => void;
+    toggle: () => void;
+    destroy: () => void;
+}
+export declare const modalRegistry: Set<ModalEntry>;
+/**
+ * A signal that bumps whenever entries are added/removed from the registry.
+ * The provider's effect reads this so it re-runs on registry changes.
+ */
+export declare const registryVersion: ReturnType<typeof signal<number>>;
+export declare function createModal(opts: CreateModalOptions): ModalResult;
+//# sourceMappingURL=modal.d.ts.map

package/dist/modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../src/modal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,KAAK,EAAE,WAAW,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAI/E,MAAM,WAAW,UAAU;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,QAAQ,CAAC,WAAW,CAAC,CAAC;IAC/B,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,MAAM,EAAE,UAAU,CAAC,OAAO,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC;IAC3C,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAwBD,eAAO,MAAM,aAAa,EAAE,GAAG,CAAC,UAAU,CAAoB,CAAC;AAE/D;;;GAGG;AACH,eAAO,MAAM,eAAe,EAAE,UAAU,CAAC,OAAO,MAAM,CAAC,MAAM,CAAC,CAAmB,CAAC;AA4BlF,wBAAgB,WAAW,CAAC,IAAI,EAAE,kBAAkB,GAAG,WAAW,CA6EjE"}

package/dist/modal.js

@@ -0,0 +1,120 @@
+import { signal } from '@liteforge/core';
+/**
+ * Global singleton key — ensures all Vite module instances share the same
+ * registry even when ESM module isolation creates separate module scopes
+ * (e.g. main.tsx and lazy-loaded page chunks in dev mode).
+ */
+const REGISTRY_KEY = '__lfModalRegistry__';
+const VERSION_KEY = '__lfModalVersion__';
+const g = globalThis;
+if (!g[REGISTRY_KEY]) {
+    g[REGISTRY_KEY] = new Set();
+}
+if (!g[VERSION_KEY]) {
+    g[VERSION_KEY] = signal(0);
+}
+export const modalRegistry = g[REGISTRY_KEY];
+/**
+ * A signal that bumps whenever entries are added/removed from the registry.
+ * The provider's effect reads this so it re-runs on registry changes.
+ */
+export const registryVersion = g[VERSION_KEY];
+function bumpRegistry() {
+    registryVersion.update((v) => v + 1);
+}
+// ─── Shared ESC listener ─────────────────────────────────────
+const ESC_KEY = '__lfModalEsc__';
+const ge = globalThis;
+function ensureEscListener() {
+    if (ge[ESC_KEY])
+        return;
+    ge[ESC_KEY] = true;
+    document.addEventListener('keydown', (e) => {
+        if (e.key !== 'Escape')
+            return;
+        for (const entry of modalRegistry) {
+            if (entry.isOpen() && entry.options.closeOnEsc) {
+                entry.close();
+                break;
+            }
+        }
+    });
+}
+// ─── createModal ─────────────────────────────────────────────
+export function createModal(opts) {
+    const cfg = opts.config ?? {};
+    const contentFn = opts.component;
+    const resolvedOptions = {
+        title: cfg.title ?? '',
+        size: cfg.size ?? 'md',
+        closable: cfg.closable ?? true,
+        closeOnBackdrop: cfg.closeOnBackdrop ?? true,
+        closeOnEsc: cfg.closeOnEsc ?? true,
+        unstyled: cfg.unstyled ?? false,
+        onOpen: cfg.onOpen ?? (() => { }),
+        onClose: cfg.onClose ?? (() => { }),
+    };
+    const isOpenSignal = signal(false);
+    let disposed = false;
+    let contentNode = null;
+    let previousFocus = null;
+    const entry = {
+        id: Symbol(),
+        options: resolvedOptions,
+        contentFn: () => {
+            if (!contentNode) {
+                contentNode = contentFn();
+            }
+            return contentNode;
+        },
+        isOpen: isOpenSignal,
+        open() {
+            if (disposed)
+                return;
+            previousFocus = document.activeElement;
+            isOpenSignal.set(true);
+            resolvedOptions.onOpen();
+        },
+        close() {
+            if (disposed)
+                return;
+            isOpenSignal.set(false);
+            resolvedOptions.onClose();
+            if (previousFocus && previousFocus.focus) {
+                previousFocus.focus();
+            }
+            previousFocus = null;
+        },
+        toggle() {
+            if (disposed)
+                return;
+            if (isOpenSignal()) {
+                entry.close();
+            }
+            else {
+                entry.open();
+            }
+        },
+        destroy() {
+            disposed = true;
+            if (isOpenSignal()) {
+                entry.close();
+            }
+            modalRegistry.delete(entry);
+            bumpRegistry();
+        },
+    };
+    modalRegistry.add(entry);
+    bumpRegistry();
+    if (typeof document !== 'undefined') {
+        ensureEscListener();
+    }
+    return {
+        isOpen: isOpenSignal,
+        open: entry.open,
+        close: entry.close,
+        toggle: entry.toggle,
+        destroy: entry.destroy,
+    };
+}
+//# sourceMappingURL=modal.js.map

package/dist/modal.js.map

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

package/dist/presets.d.ts

@@ -0,0 +1,5 @@
+import type { ModalConfig } from './types.js';
+export declare function confirm(message: string, config?: Partial<ModalConfig>): Promise<boolean>;
+export declare function alert(message: string, config?: Partial<ModalConfig>): Promise<void>;
+export declare function prompt(message: string, defaultValue?: string, config?: Partial<ModalConfig>): Promise<string | null>;
+//# sourceMappingURL=presets.d.ts.map

package/dist/presets.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"presets.d.ts","sourceRoot":"","sources":["../src/presets.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAI9C,wBAAgB,OAAO,CACrB,OAAO,EAAE,MAAM,EACf,MAAM,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,GAC5B,OAAO,CAAC,OAAO,CAAC,CAsDlB;AAID,wBAAgB,KAAK,CACnB,OAAO,EAAE,MAAM,EACf,MAAM,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,GAC5B,OAAO,CAAC,IAAI,CAAC,CAwCf;AAID,wBAAgB,MAAM,CACpB,OAAO,EAAE,MAAM,EACf,YAAY,CAAC,EAAE,MAAM,EACrB,MAAM,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,GAC5B,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CA8DxB"}

package/dist/presets.js

@@ -0,0 +1,162 @@
+import { createModal } from './modal.js';
+// ─── confirm() ───────────────────────────────────────────────
+export function confirm(message, config) {
+    return new Promise((resolve) => {
+        let resolved = false;
+        const modal = createModal({
+            config: {
+                title: 'Confirm',
+                size: 'sm',
+                closable: false,
+                closeOnBackdrop: false,
+                closeOnEsc: false,
+                ...config,
+            },
+            component: () => {
+                const wrapper = document.createElement('div');
+                const msg = document.createElement('p');
+                msg.style.margin = '0 0 20px';
+                msg.textContent = message;
+                wrapper.appendChild(msg);
+                const actions = document.createElement('div');
+                actions.style.cssText = 'display:flex;gap:8px;justify-content:flex-end';
+                const cancelBtn = document.createElement('button');
+                cancelBtn.textContent = 'Cancel';
+                cancelBtn.style.cssText = 'padding:8px 16px;border:1px solid #d1d5db;border-radius:6px;background:#fff;cursor:pointer;font-size:14px';
+                cancelBtn.addEventListener('click', () => {
+                    if (!resolved) {
+                        resolved = true;
+                        modal.close();
+                        resolve(false);
+                    }
+                });
+                const okBtn = document.createElement('button');
+                okBtn.textContent = 'OK';
+                okBtn.style.cssText = 'padding:8px 16px;border:none;border-radius:6px;background:#3b82f6;color:#fff;cursor:pointer;font-size:14px';
+                okBtn.addEventListener('click', () => {
+                    if (!resolved) {
+                        resolved = true;
+                        modal.close();
+                        resolve(true);
+                    }
+                });
+                actions.appendChild(cancelBtn);
+                actions.appendChild(okBtn);
+                wrapper.appendChild(actions);
+                return wrapper;
+            },
+        });
+        modal.open();
+        // Resolve false if closed externally
+        const origClose = modal.close;
+        modal.close = () => {
+            origClose();
+            if (!resolved) {
+                resolved = true;
+                resolve(false);
+            }
+        };
+    }).then((result) => result);
+}
+// ─── alert() ─────────────────────────────────────────────────
+export function alert(message, config) {
+    return new Promise((resolve) => {
+        const modal = createModal({
+            config: {
+                title: 'Alert',
+                size: 'sm',
+                closable: false,
+                closeOnBackdrop: false,
+                closeOnEsc: false,
+                ...config,
+            },
+            component: () => {
+                const wrapper = document.createElement('div');
+                const msg = document.createElement('p');
+                msg.style.margin = '0 0 20px';
+                msg.textContent = message;
+                wrapper.appendChild(msg);
+                const actions = document.createElement('div');
+                actions.style.cssText = 'display:flex;justify-content:flex-end';
+                const okBtn = document.createElement('button');
+                okBtn.textContent = 'OK';
+                okBtn.style.cssText = 'padding:8px 16px;border:none;border-radius:6px;background:#3b82f6;color:#fff;cursor:pointer;font-size:14px';
+                okBtn.addEventListener('click', () => {
+                    modal.close();
+                    modal.destroy();
+                    resolve();
+                });
+                actions.appendChild(okBtn);
+                wrapper.appendChild(actions);
+                return wrapper;
+            },
+        });
+        modal.open();
+    });
+}
+// ─── prompt() ────────────────────────────────────────────────
+export function prompt(message, defaultValue, config) {
+    return new Promise((resolve) => {
+        let resolved = false;
+        const modal = createModal({
+            config: {
+                title: 'Input',
+                size: 'sm',
+                closable: false,
+                closeOnBackdrop: false,
+                closeOnEsc: false,
+                ...config,
+            },
+            component: () => {
+                const wrapper = document.createElement('div');
+                const msg = document.createElement('p');
+                msg.style.margin = '0 0 12px';
+                msg.textContent = message;
+                wrapper.appendChild(msg);
+                const input = document.createElement('input');
+                input.type = 'text';
+                input.value = defaultValue ?? '';
+                input.style.cssText = 'width:100%;padding:8px 10px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;box-sizing:border-box;margin-bottom:16px';
+                wrapper.appendChild(input);
+                const actions = document.createElement('div');
+                actions.style.cssText = 'display:flex;gap:8px;justify-content:flex-end';
+                const cancelBtn = document.createElement('button');
+                cancelBtn.textContent = 'Cancel';
+                cancelBtn.style.cssText = 'padding:8px 16px;border:1px solid #d1d5db;border-radius:6px;background:#fff;cursor:pointer;font-size:14px';
+                cancelBtn.addEventListener('click', () => {
+                    if (!resolved) {
+                        resolved = true;
+                        modal.close();
+                        modal.destroy();
+                        resolve(null);
+                    }
+                });
+                const okBtn = document.createElement('button');
+                okBtn.textContent = 'OK';
+                okBtn.style.cssText = 'padding:8px 16px;border:none;border-radius:6px;background:#3b82f6;color:#fff;cursor:pointer;font-size:14px';
+                okBtn.addEventListener('click', () => {
+                    if (!resolved) {
+                        resolved = true;
+                        modal.close();
+                        modal.destroy();
+                        resolve(input.value);
+                    }
+                });
+                input.addEventListener('keydown', (e) => {
+                    if (e.key === 'Enter' && !resolved) {
+                        resolved = true;
+                        modal.close();
+                        modal.destroy();
+                        resolve(input.value);
+                    }
+                });
+                actions.appendChild(cancelBtn);
+                actions.appendChild(okBtn);
+                wrapper.appendChild(actions);
+                return wrapper;
+            },
+        });
+        modal.open();
+    });
+}
+//# sourceMappingURL=presets.js.map

package/dist/presets.js.map

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

package/dist/provider.d.ts

@@ -0,0 +1,4 @@
+export declare function ModalProvider(opts?: {
+    unstyled?: boolean;
+}): Node;
+//# sourceMappingURL=provider.d.ts.map

package/dist/provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"provider.d.ts","sourceRoot":"","sources":["../src/provider.ts"],"names":[],"mappings":"AAwHA,wBAAgB,aAAa,CAAC,IAAI,CAAC,EAAE;IAAE,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,GAAG,IAAI,CA+BjE"}

package/dist/provider.js

@@ -0,0 +1,125 @@
+import { effect } from '@liteforge/core';
+import { modalRegistry, registryVersion } from './modal.js';
+import { injectDefaultStyles } from './styles.js';
+// ─── Focus trap helpers ──────────────────────────────────────
+const FOCUSABLE_SELECTOR = 'a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])';
+function getFocusableElements(el) {
+    return Array.from(el.querySelectorAll(FOCUSABLE_SELECTOR));
+}
+function trapFocus(modalEl) {
+    return (e) => {
+        if (e.key !== 'Tab')
+            return;
+        const focusable = getFocusableElements(modalEl);
+        if (focusable.length === 0)
+            return;
+        const first = focusable[0];
+        const last = focusable[focusable.length - 1];
+        if (e.shiftKey) {
+            if (document.activeElement === first) {
+                e.preventDefault();
+                last.focus();
+            }
+        }
+        else {
+            if (document.activeElement === last) {
+                e.preventDefault();
+                first.focus();
+            }
+        }
+    };
+}
+// ─── Render a single modal overlay ──────────────────────────
+function renderOverlay(entry, onRemove) {
+    const size = entry.options.size;
+    const overlay = document.createElement('div');
+    overlay.className = `lf-modal-overlay lf-modal-overlay--${size}`;
+    const modalEl = document.createElement('div');
+    modalEl.className = 'lf-modal';
+    modalEl.setAttribute('role', 'dialog');
+    modalEl.setAttribute('aria-modal', 'true');
+    // Header
+    const header = document.createElement('div');
+    header.className = 'lf-modal-header';
+    const titleEl = document.createElement('span');
+    titleEl.className = 'lf-modal-title';
+    titleEl.textContent = entry.options.title;
+    header.appendChild(titleEl);
+    if (entry.options.closable) {
+        const closeBtn = document.createElement('button');
+        closeBtn.className = 'lf-modal-close';
+        closeBtn.textContent = '✕';
+        closeBtn.setAttribute('aria-label', 'Close');
+        closeBtn.addEventListener('click', () => entry.close());
+        header.appendChild(closeBtn);
+    }
+    modalEl.appendChild(header);
+    // Body
+    const body = document.createElement('div');
+    body.className = 'lf-modal-body';
+    body.appendChild(entry.contentFn());
+    modalEl.appendChild(body);
+    overlay.appendChild(modalEl);
+    // Backdrop click to close
+    overlay.addEventListener('click', (e) => {
+        if (e.target === overlay && entry.options.closeOnBackdrop) {
+            entry.close();
+        }
+    });
+    // Focus trap
+    const focusTrapHandler = trapFocus(modalEl);
+    modalEl.addEventListener('keydown', focusTrapHandler);
+    // Animate in
+    requestAnimationFrame(() => {
+        overlay.classList.add('lf-modal-overlay--open');
+        // Move focus into modal
+        const focusable = getFocusableElements(modalEl);
+        if (focusable.length > 0) {
+            focusable[0].focus();
+        }
+        else {
+            modalEl.focus();
+        }
+    });
+    // Animate out on close
+    const cleanup = effect(() => {
+        if (!entry.isOpen()) {
+            overlay.classList.remove('lf-modal-overlay--open');
+            overlay.addEventListener('transitionend', () => {
+                cleanup();
+                onRemove();
+            }, { once: true });
+        }
+    });
+    return overlay;
+}
+// ─── ModalProvider ───────────────────────────────────────────
+export function ModalProvider(opts) {
+    if (!opts?.unstyled) {
+        injectDefaultStyles();
+    }
+    const container = document.createElement('div');
+    container.className = 'lf-modal-provider';
+    // Track rendered overlays: entry id → overlay element
+    const rendered = new Map();
+    // Reactively sync open modals.
+    // Reading registryVersion() ensures effect re-runs when entries are added/removed.
+    effect(() => {
+        registryVersion(); // subscribe to registry membership changes
+        const openEntries = Array.from(modalRegistry).filter((e) => e.isOpen());
+        // Add newly opened modals
+        for (const entry of openEntries) {
+            if (!rendered.has(entry.id)) {
+                const overlay = renderOverlay(entry, () => {
+                    rendered.delete(entry.id);
+                    if (overlay.parentNode)
+                        overlay.parentNode.removeChild(overlay);
+                });
+                rendered.set(entry.id, overlay);
+                container.appendChild(overlay);
+            }
+        }
+    });
+    return container;
+}
+//# sourceMappingURL=provider.js.map

package/dist/provider.js.map

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

package/dist/styles.d.ts

@@ -0,0 +1,16 @@
+/**
+ * @liteforge/modal - Default CSS Theme
+ *
+ * Minimal, clean default styles using CSS variables.
+ * Injected once when the first modal provider is created (unless unstyled: true).
+ */
+/**
+ * Inject default styles into the document head.
+ * Called automatically when the first ModalProvider is created (unless unstyled: true).
+ */
+export declare function injectDefaultStyles(): void;
+/**
+ * Reset styles injection flag (for testing)
+ */
+export declare function resetStylesInjection(): void;
+//# sourceMappingURL=styles.d.ts.map

package/dist/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../src/styles.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAwIH;;;GAGG;AACH,wBAAgB,mBAAmB,IAAI,IAAI,CAU1C;AAED;;GAEG;AACH,wBAAgB,oBAAoB,IAAI,IAAI,CAM3C"}

package/dist/styles.js

@@ -0,0 +1,164 @@
+/**
+ * @liteforge/modal - Default CSS Theme
+ *
+ * Minimal, clean default styles using CSS variables.
+ * Injected once when the first modal provider is created (unless unstyled: true).
+ */
+let stylesInjected = false;
+const DEFAULT_STYLES = `
+/* ─── CSS Variables (Customizable) ─────────────────────────── */
+
+:root {
+  --lf-modal-backdrop: rgba(0, 0, 0, 0.5);
+  --lf-modal-bg: #ffffff;
+  --lf-modal-border-radius: 10px;
+  --lf-modal-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
+  --lf-modal-header-bg: #f8fafc;
+  --lf-modal-header-color: #1e293b;
+  --lf-modal-body-color: #374151;
+  --lf-modal-close-color: #6b7280;
+  --lf-modal-z-index: 1000;
+}
+
+/* ─── Provider ─────────────────────────────────────────────── */
+
+.lf-modal-provider {
+  position: fixed;
+  inset: 0;
+  pointer-events: none;
+  z-index: var(--lf-modal-z-index);
+}
+
+/* ─── Overlay ──────────────────────────────────────────────── */
+
+.lf-modal-overlay {
+  position: fixed;
+  inset: 0;
+  background: var(--lf-modal-backdrop);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  pointer-events: all;
+  opacity: 0;
+  transition: opacity 0.2s ease;
+  padding: 16px;
+  box-sizing: border-box;
+}
+
+.lf-modal-overlay--open {
+  opacity: 1;
+}
+
+/* ─── Size Variants ────────────────────────────────────────── */
+
+.lf-modal-overlay--sm .lf-modal { max-width: 400px; }
+.lf-modal-overlay--md .lf-modal { max-width: 560px; }
+.lf-modal-overlay--lg .lf-modal { max-width: 720px; }
+.lf-modal-overlay--xl .lf-modal { max-width: 1000px; }
+.lf-modal-overlay--full .lf-modal { max-width: 100vw; margin: 0; border-radius: 0; }
+
+/* ─── Modal ────────────────────────────────────────────────── */
+
+.lf-modal {
+  background: var(--lf-modal-bg);
+  border-radius: var(--lf-modal-border-radius);
+  box-shadow: var(--lf-modal-shadow);
+  width: 100%;
+  max-height: calc(100vh - 32px);
+  display: flex;
+  flex-direction: column;
+  transform: translateY(-8px);
+  transition: transform 0.2s ease;
+  overflow: hidden;
+  font-family: system-ui, -apple-system, sans-serif;
+}
+
+.lf-modal-overlay--open .lf-modal {
+  transform: translateY(0);
+}
+
+/* ─── Header ───────────────────────────────────────────────── */
+
+.lf-modal-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 16px 20px;
+  background: var(--lf-modal-header-bg);
+  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
+  flex-shrink: 0;
+}
+
+.lf-modal-title {
+  font-size: 16px;
+  font-weight: 600;
+  color: var(--lf-modal-header-color);
+  line-height: 1.4;
+}
+
+.lf-modal-close {
+  background: none;
+  border: none;
+  cursor: pointer;
+  color: var(--lf-modal-close-color);
+  font-size: 18px;
+  padding: 4px 8px;
+  border-radius: 4px;
+  line-height: 1;
+  transition: background-color 0.15s, color 0.15s;
+  flex-shrink: 0;
+}
+
+.lf-modal-close:hover {
+  background: rgba(0, 0, 0, 0.06);
+  color: var(--lf-modal-header-color);
+}
+
+/* ─── Body ─────────────────────────────────────────────────── */
+
+.lf-modal-body {
+  padding: 20px;
+  color: var(--lf-modal-body-color);
+  font-size: 14px;
+  line-height: 1.6;
+  overflow-y: auto;
+}
+
+/* ─── Dark Mode Support ────────────────────────────────────── */
+
+[data-theme="dark"] {
+  --lf-modal-backdrop: rgba(0, 0, 0, 0.7);
+  --lf-modal-bg: #1e1e2e;
+  --lf-modal-shadow: 0 20px 60px rgba(0, 0, 0, 0.6);
+  --lf-modal-header-bg: #181825;
+  --lf-modal-header-color: #cdd6f4;
+  --lf-modal-body-color: #a6adc8;
+  --lf-modal-close-color: #6c7086;
+}
+`;
+/**
+ * Inject default styles into the document head.
+ * Called automatically when the first ModalProvider is created (unless unstyled: true).
+ */
+export function injectDefaultStyles() {
+    if (stylesInjected)
+        return;
+    if (typeof document === 'undefined')
+        return; // SSR safety
+    const style = document.createElement('style');
+    style.id = 'lf-modal-styles';
+    style.textContent = DEFAULT_STYLES;
+    document.head.appendChild(style);
+    stylesInjected = true;
+}
+/**
+ * Reset styles injection flag (for testing)
+ */
+export function resetStylesInjection() {
+    stylesInjected = false;
+    const existing = document.getElementById('lf-modal-styles');
+    if (existing) {
+        existing.remove();
+    }
+}
+//# sourceMappingURL=styles.js.map

package/dist/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../src/styles.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,IAAI,cAAc,GAAG,KAAK,CAAA;AAE1B,MAAM,cAAc,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkItB,CAAA;AAED;;;GAGG;AACH,MAAM,UAAU,mBAAmB;IACjC,IAAI,cAAc;QAAE,OAAM;IAC1B,IAAI,OAAO,QAAQ,KAAK,WAAW;QAAE,OAAM,CAAC,aAAa;IAEzD,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAA;IAC7C,KAAK,CAAC,EAAE,GAAG,iBAAiB,CAAA;IAC5B,KAAK,CAAC,WAAW,GAAG,cAAc,CAAA;IAClC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAA;IAEhC,cAAc,GAAG,IAAI,CAAA;AACvB,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,oBAAoB;IAClC,cAAc,GAAG,KAAK,CAAA;IACtB,MAAM,QAAQ,GAAG,QAAQ,CAAC,cAAc,CAAC,iBAAiB,CAAC,CAAA;IAC3D,IAAI,QAAQ,EAAE,CAAC;QACb,QAAQ,CAAC,MAAM,EAAE,CAAA;IACnB,CAAC;AACH,CAAC"}

package/dist/types.d.ts

@@ -0,0 +1,26 @@
+import type { Signal } from '@liteforge/core';
+export type ModalSize = 'sm' | 'md' | 'lg' | 'xl' | 'full';
+export interface ModalConfig {
+    title?: string;
+    size?: ModalSize;
+    closable?: boolean;
+    closeOnBackdrop?: boolean;
+    closeOnEsc?: boolean;
+    unstyled?: boolean;
+    onOpen?: () => void;
+    onClose?: () => void;
+}
+export interface CreateModalOptions {
+    config?: ModalConfig;
+    component: () => Node;
+}
+/** @deprecated Use CreateModalOptions object form instead */
+export type ModalOptions = ModalConfig;
+export interface ModalResult {
+    isOpen: Signal<boolean>;
+    open: () => void;
+    close: () => void;
+    toggle: () => void;
+    destroy: () => void;
+}
+//# 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":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAE9C,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;AAE3D,MAAM,WAAW,WAAW;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,MAAM,WAAW,kBAAkB;IACjC,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,6DAA6D;AAC7D,MAAM,MAAM,YAAY,GAAG,WAAW,CAAC;AAEvC,MAAM,WAAW,WAAW;IAC1B,MAAM,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;IACxB,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB"}

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,58 @@
+{
+  "name": "@liteforge/modal",
+  "version": "0.2.0",
+  "description": "Signal-based modal system. createModal, ModalProvider, confirm/alert/prompt presets.",
+  "author": "SchildW3rk <contact@schildw3rk.dev>",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/schildw3rk/liteforge",
+    "directory": "packages/modal"
+  },
+  "homepage": "https://github.com/schildw3rk/liteforge#readme",
+  "bugs": {
+    "url": "https://github.com/schildw3rk/liteforge/issues"
+  },
+  "keywords": [
+    "liteforge",
+    "modal",
+    "dialog",
+    "overlay",
+    "signals",
+    "reactive"
+  ],
+  "type": "module",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE"
+  ],
+  "sideEffects": false,
+  "engines": {
+    "node": ">=18"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "peerDependencies": {
+    "@liteforge/core": ">=0.1.0"
+  },
+  "devDependencies": {
+    "@liteforge/core": "0.1.0"
+  },
+  "scripts": {
+    "build": "tsc -p tsconfig.build.json",
+    "dev": "tsc -p tsconfig.build.json --watch",
+    "typecheck": "tsc --noEmit",
+    "clean": "rm -rf dist *.tsbuildinfo"
+  }
+}