epic-modals 0.0.10 → 1.0.1

package/dist/vanilla/index.d.ts

@@ -1,41 +1,40 @@
-import { BaseModalProps } from '../core/types';
-import { ModalLibraryConfig } from '../core/config.svelte.js';
-export { openModal, closeModal, minimizeModal, restoreModal, bringToFront, isModalOpen, isModalRegistered, openChildModal, closeAllModals, toggleModalTransparency, } from '../core/state.svelte.js';
-export { setConfig, getConfig } from '../core/config.svelte.js';
-export interface ModalOptions extends Omit<BaseModalProps, 'icon'> {
+import { VanillaModalOptions } from './VanillaModal';
+import { ModalLibraryConfig } from '../core/config';
+export { openModal, closeModal, minimizeModal, restoreModal, restoreAllMinimizedModals, bringToFront, isModalOpen, isModalRegistered, openChildModal, closeAllModals, toggleModalTransparency, getModalState, reorderDock, getModalsStore, getDockOrder, } from '../core/state';
+export { setConfig, getConfig } from '../core/config';
+export type { VanillaModalOptions } from './VanillaModal';
+export type { VanillaDockOptions } from './VanillaDock';
+export type { VanillaBackdropOptions } from './VanillaBackdrop';
+export interface ModalOptions extends Omit<VanillaModalOptions, 'container' | 'content' | 'footer'> {
+    
     content?: string | HTMLElement;
+    
     footer?: string | HTMLElement;
-    /** Icon identifier string (used by renderIcon in modal header and dock) */
-    icon?: string;
-    /** Custom icon element (overrides icon string if provided) */
+    
     customIcon?: string | HTMLElement;
 }
 export interface ModalControl {
     destroy: () => void;
+    
+    update: (options: Partial<ModalOptions>) => void;
 }
 export interface DockControl {
     destroy: () => void;
 }
-/**
- * Create a modal
- */
-export declare function createModal(options: ModalOptions): ModalControl;
-/**
- * Create a dock for minimized modals
- */
-export declare function createDock(): DockControl;
 export interface BackdropControl {
     destroy: () => void;
 }
-/**
- * Create a backdrop overlay (shown when modals are open)
- */
+
+export declare function createModal(options: ModalOptions): ModalControl;
+
+export declare function createDock(): DockControl;
+
 export declare function createBackdrop(): BackdropControl;
 export interface InitOptions {
     config?: Partial<ModalLibraryConfig>;
-    /** Whether to create the backdrop automatically (default: true if features.backdrop is enabled) */
+    
     backdrop?: boolean;
-    /** Whether to create the dock automatically (default: true if features.dock is enabled) */
+    
     dock?: boolean;
 }
 export interface InitControl {
@@ -43,9 +42,6 @@ export interface InitControl {
     backdrop: BackdropControl | null;
     dock: DockControl | null;
 }
-/**
- * Initialize the modals library (similar to ModalProvider in Svelte)
- * Call this once before creating any modals
- */
+
 export declare function init(options?: InitOptions): InitControl;
 //# sourceMappingURL=index.d.ts.map

package/dist/vanilla.d.ts

@@ -1,10 +1,3 @@
-/**
- * Vanilla JavaScript API for the Modals Library
- *
- * This entry point exports the vanilla API for creating and managing modals
- * without requiring a framework like Svelte or React.
- *
- * @module vanilla
- */
+
 export * from './vanilla/index';
 //# sourceMappingURL=vanilla.d.ts.map

package/dist/vanilla.js

@@ -1 +1 @@
-import{m as o,v as t,a as n,s as e,i as r,g as s,D as a,B as d}from"./runtime.js";import{l as c,x as i,e as l,w as u,q as p,f,j as m,o as y,h as g,y as M}from"./runtime.js";function b(e){const{content:r,footer:s,icon:a,...d}=e,c=o(t,{target:document.body,props:{...d,children:r?()=>v(r):void 0,footer:s?()=>v(s):void 0,icon:a?()=>v(a):void 0}});return{destroy:()=>n(c)}}function k(){const t=o(a,{target:document.body,props:{}});return{destroy:()=>n(t)}}function v(o){if("string"==typeof o){const t=document.createElement("div");return t.innerHTML=o,t}return o}function T(){const t=o(d,{target:document.body,props:{}});return{destroy:()=>n(t)}}function h(o={}){const{config:t}=o;t&&e(t),r();const n=s(),a=o.backdrop??n.features.backdrop?T():null,d=o.dock??n.features.dock?k():null;return{backdrop:a,dock:d,destroy:()=>{null==a||a.destroy(),null==d||d.destroy()}}}export{c as bringToFront,i as closeAllModals,l as closeModal,T as createBackdrop,k as createDock,b as createModal,s as getConfig,h as init,u as isModalOpen,p as isModalRegistered,f as minimizeModal,m as openChildModal,y as openModal,g as restoreModal,e as setConfig,M as toggleModalTransparency};
+var e=Object.defineProperty,t=(t,n,i)=>((t,n,i)=>n in t?e(t,n,{enumerable:!0,configurable:!0,writable:!0,value:i}):t[n]=i)(t,"symbol"!=typeof n?n+"":n,i);import{J as n,r as i,d as o,b as s,M as a,u as r,K as l,L as d,R as c,v as h,w as p,x as m,j as u,A as b,t as E,p as g,s as C,q as f,k as y,B as k,f as A,N as v,h as H,O as w,l as I,m as N,o as z}from"./runtime.js";import{E as L,P as M,Q as $,S as D,I as O,F as S,G as T,D as x,T as P,U as B,V as W}from"./runtime.js";class F{constructor(e){t(this,"controller"),t(this,"dialogEl"),t(this,"headerEl"),t(this,"bodyEl"),t(this,"footerEl",null),t(this,"resizeHandlesContainer",null),t(this,"container"),t(this,"options"),t(this,"configHelper"),t(this,"unsubscribe",null),t(this,"abortController",new AbortController),this.options=e,this.container=e.container,this.configHelper=n(e.config),i(o({id:e.id,title:e.title,icon:e.icon,autoOpen:e.autoOpen??!0,glow:e.glow})),(e.autoOpen??1)&&s(e.id),this.dialogEl=this.createDialogElement(),this.headerEl=this.createHeaderElement(),this.bodyEl=this.createBodyElement(),e.footer&&(this.footerEl=this.createFooterElement(),this.footerEl.appendChild(e.footer)),this.configHelper.isFeatureEnabled("resize")&&(this.resizeHandlesContainer=this.createResizeHandles()),this.dialogEl.appendChild(this.headerEl),this.dialogEl.appendChild(this.bodyEl),this.footerEl&&this.dialogEl.appendChild(this.footerEl),this.resizeHandlesContainer&&this.dialogEl.appendChild(this.resizeHandlesContainer),e.content&&this.bodyEl.appendChild(e.content);const r={id:e.id,title:e.title,icon:e.icon,config:e.config,maxWidth:e.maxWidth,preferredHeight:e.preferredHeight,glow:e.glow,closeOnEscape:e.closeOnEscape??!0,autoOpen:e.autoOpen??!0,openSourcePosition:e.openSourcePosition,onClose:e.onClose,skipRegistration:!0,configHelper:this.configHelper};this.controller=new a(r),this.container.appendChild(this.dialogEl),this.controller.mount(this.dialogEl),this.unsubscribe=this.controller.subscribe(e=>{this.updateFromState(e)}),this.updateFromState(this.controller.getState()),this.setupEventHandlers()}destroy(){var e;this.abortController.abort(),null==(e=this.unsubscribe)||e.call(this),this.controller.destroy(),r(this.options.id),this.dialogEl.remove()}createDialogElement(){const e=document.createElement("div");return e.className=l.dialog,e.setAttribute(d.modalId,String(this.options.id)),e.setAttribute("role","dialog"),e.setAttribute("aria-modal","true"),e.setAttribute("aria-labelledby",`${this.options.id}-title`),e.setAttribute("tabindex","-1"),e}createHeaderElement(){const e=document.createElement("header"),t=this.configHelper.isFeatureEnabled("drag"),n=this.configHelper.getAppearance("headerLayout"),i=this.configHelper.isFeatureEnabled("minimize"),o=!this.configHelper.isFeatureEnabled("dock"),s=this.configHelper.isFeatureEnabled("transparency");e.className=t?`${l.header} ${l.headerDraggable}`:l.header;const a=this.getIconElement();return"macos"===n?this.createMacOSHeader(e,a,i,o,s):this.createWindowsHeader(e,a,i,o,s),e}getIconElement(){return this.options.iconElement?this.options.iconElement:this.options.icon&&this.options.renderIcon?this.options.renderIcon(this.options.icon):null}createMacOSHeader(e,t,n,i,o){const s=document.createElement("div");s.className=l.headerTrafficLights;const a=document.createElement("button");if(a.type="button",a.className=`${l.headerLight} ${l.headerLightClose}`,a.setAttribute("aria-label","Close"),a.setAttribute("data-control","close"),s.appendChild(a),n){const e=document.createElement("button");e.type="button",e.className=`${l.headerLight} ${l.headerLightMinimize}${i?` ${l.headerLightDisabled}`:""}`,e.setAttribute("aria-label","Minimize"),e.setAttribute("data-control","minimize"),i&&(e.disabled=!0,e.title="Enable dock to minimize"),s.appendChild(e)}if(o){const e=document.createElement("button");e.type="button",e.className=`${l.headerLight} ${l.headerLightStyle}`,e.setAttribute("aria-label","Toggle style"),e.setAttribute("data-control","style"),s.appendChild(e)}e.appendChild(s);const r=document.createElement("div");if(r.className=l.headerMacCenter,t){const e=document.createElement("div");e.className=l.headerIcon,e.appendChild(t),r.appendChild(e)}const d=document.createElement("div");d.className=l.headerTitleGroup;const c=document.createElement("h2");c.className=l.headerTitle,c.id=`${this.options.id}-title`,c.textContent=this.options.title,d.appendChild(c),r.appendChild(d),e.appendChild(r);const h=document.createElement("div");h.className=l.headerMacSpacer,e.appendChild(h)}createWindowsHeader(e,t,n,i,o){const s=document.createElement("div");if(s.className=l.headerTitleGroup,t){const e=document.createElement("div");e.className=l.headerIcon,e.appendChild(t),s.appendChild(e)}const a=document.createElement("h2");a.className=l.headerTitle,a.id=`${this.options.id}-title`,a.textContent=this.options.title,s.appendChild(a),e.appendChild(s);const r=document.createElement("div");if(r.className=l.headerActions,o){const e=document.createElement("button");e.type="button",e.className=`${l.headerBtnWindows} ${l.headerBtnWindowsStyle}`,e.setAttribute("aria-label","Toggle style"),e.setAttribute("data-control","style"),e.innerHTML="◇",r.appendChild(e)}if(n){const e=document.createElement("button");e.type="button",e.className=`${l.headerBtnWindows}${i?` ${l.headerBtnWindowsDisabled}`:""}`,e.setAttribute("aria-label","Minimize"),e.setAttribute("data-control","minimize"),e.innerHTML="–",i&&(e.disabled=!0,e.title="Enable dock to minimize"),r.appendChild(e)}const d=document.createElement("button");d.type="button",d.className=`${l.headerBtnWindows} ${l.headerBtnWindowsClose}`,d.setAttribute("aria-label","Close"),d.setAttribute("data-control","close"),d.innerHTML="×",r.appendChild(d),e.appendChild(r)}createBodyElement(){const e=document.createElement("div");return e.className=l.body,e}createFooterElement(){const e=document.createElement("div");return e.className=l.footer,e}createResizeHandles(){const e=document.createElement("div");e.className=l.resizeHandles,e.setAttribute("role","group"),e.setAttribute("aria-label","Resize handles");for(const t of c){const n=document.createElement("div");n.className=`${l.resizeHandle} ${l.resizePrefix}${t}`,n.setAttribute("role","separator"),n.setAttribute("tabindex","0"),n.setAttribute("aria-label",`Resize ${t}`),n.setAttribute("aria-orientation","n"===t||"s"===t?"horizontal":"vertical"),n.setAttribute(d.resizeDirection,t),e.appendChild(n)}return e}updateFromState(e){this.dialogEl.className=e.cssClasses.join(" "),this.updateStyles(e.style),this.dialogEl.setAttribute("data-state",e.dataState),this.dialogEl.setAttribute("data-animation-phase",e.dataAnimationPhase)}updateStyles(e){for(const[t,n]of Object.entries(e))t.startsWith("--")?this.dialogEl.style.setProperty(t,String(n)):this.dialogEl.style.setProperty(t,"number"==typeof n?String(n):n)}setupEventHandlers(){const e=this.abortController.signal,t="macos"===this.configHelper.getAppearance("headerLayout")?`.${l.headerLight}`:`.${l.headerBtnWindows}`;this.headerEl.addEventListener("pointerdown",e=>{e.target.closest(t)||this.controller.startDrag(e)},{signal:e}),this.dialogEl.addEventListener("pointermove",e=>{this.controller.handlePointerMove(e)},{signal:e}),this.dialogEl.addEventListener("pointerup",e=>{this.controller.handlePointerUp(e)},{signal:e}),this.headerEl.addEventListener("click",e=>{const t=e.target.closest("button");if(!t)return;const n=t.getAttribute("data-control");"close"===n?this.controller.close():"minimize"===n?this.controller.minimize():"style"===n&&this.controller.toggleTransparency()},{signal:e}),this.resizeHandlesContainer&&this.resizeHandlesContainer.addEventListener("pointerdown",e=>{const t=e.target.closest(`.${l.resizeHandle}`);if(!t)return;const n=t.getAttribute(d.resizeDirection);n&&this.controller.startResize(e,n)},{signal:e}),this.dialogEl.addEventListener("keydown",e=>{this.controller.handleKeyDown(e)},{signal:e}),this.dialogEl.addEventListener("pointerdown",()=>{this.controller.bringToFront()},{signal:e})}}class R{constructor(e){t(this,"containerEl"),t(this,"dockEl"),t(this,"parentContainer"),t(this,"unsubscribe"),t(this,"abortController",new AbortController),t(this,"isAttached",!1),t(this,"options"),this.options=e,this.parentContainer=e.container,this.containerEl=this.createContainerDOM(),this.dockEl=this.createDockDOM(),this.containerEl.appendChild(this.dockEl),this.unsubscribe=h(()=>{this.render()}),this.render()}createContainerDOM(){const e=document.createElement("div");return e.setAttribute("data-dock-container","true"),e}createDockDOM(){const e=document.createElement("div");return e.className=l.dock,e}render(){const e=y();if(!e.features.dock)return void(this.isAttached&&(this.containerEl.remove(),this.isAttached=!1));const t=p();if(0===t.length)return void(this.isAttached&&(this.containerEl.remove(),this.isAttached=!1));this.isAttached||(this.parentContainer.appendChild(this.containerEl),this.isAttached=!0);const n=e.dock.position;if(this.containerEl.className=m(n,0===t.length),this.containerEl.style.zIndex=String(u("DOCK")),this.dockEl.className=b(n,"horizontal"),this.dockEl.innerHTML="","free"===n){const e=this.createDockHandle();this.dockEl.appendChild(e)}const i=k(),o=e.dock.labelMode;for(const e of t){const t=e.lastChildId?i.get(e.lastChildId):null,n=this.createDockItem(e,t??null,o);this.dockEl.appendChild(n)}}createDockHandle(){const e=document.createElement("button");return e.type="button",e.className=l.dockHandle,e.setAttribute("aria-label","Drag dock"),e}createDockItem(e,t,n){const i=document.createElement("button"),o=[l.dockItem,e.glow&&l.dockItemHasGlow,e.lastChildId&&l.dockItemHasChild,"beside"===n&&l.dockItemLabelBeside,"below"===n&&l.dockItemLabelBelow].filter(Boolean).join(" ");i.className=o,i.setAttribute(d.modalId,E(e.id)),i.setAttribute("aria-label",`Restore ${e.title}`),e.glow&&i.style.setProperty("--modal-dock-glow-color",e.glow.color);const s=document.createElement("span");if(s.className=l.dockItemIcon,e.icon&&this.options.renderIcon){const t=this.options.renderIcon(e.icon);t?s.appendChild(t):s.appendChild(this.createIconPlaceholder(e.title))}else s.appendChild(this.createIconPlaceholder(e.title));if(i.appendChild(s),"hidden"!==n){const t=document.createElement("span");t.className=l.dockItemLabel,t.textContent=e.title,i.appendChild(t)}const a=document.createElement("span");if(a.className=l.dockItemGlow,i.appendChild(a),e.lastChildId&&t){const e=document.createElement("span");if(e.className=l.dockChildIndicator,t.icon&&this.options.renderIcon){const n=this.options.renderIcon(t.icon);n?e.appendChild(n):e.textContent="+"}else e.textContent="+";i.appendChild(e)}return i.addEventListener("click",t=>{g(e.id)?C(t.currentTarget):f(e.id)},{signal:this.abortController.signal}),i}createIconPlaceholder(e){const t=document.createElement("span");return t.className=l.dockItemIconPlaceholder,t.textContent=e.charAt(0),t}destroy(){this.abortController.abort(),this.unsubscribe(),this.isAttached&&(this.containerEl.remove(),this.isAttached=!1)}}class j{constructor(e){t(this,"element"),t(this,"unsubscribe"),t(this,"abortController",new AbortController),this.element=this.createDOM(),e.container.appendChild(this.element),this.unsubscribe=h(()=>{this.render()}),this.render()}createDOM(){const e=document.createElement("div");return e.className=l.backdrop,e.addEventListener("click",()=>{A().blockClicks&&v()},{signal:this.abortController.signal}),e}render(){A().visible?H()?(this.element.classList.add(l.backdropVisible),this.element.style.display=""):(this.element.classList.remove(l.backdropVisible),this.element.style.display="none"):this.element.style.display="none"}destroy(){this.abortController.abort(),this.unsubscribe(),this.element.remove()}}function G(e){if("string"==typeof e){const t=document.createElement("div");return t.innerHTML=e,t}return e}function K(e){const{content:t,footer:n,customIcon:i,...o}=e,s=t?G(t):void 0,a=n?G(n):void 0,r=new F({...o,container:document.body,content:s,footer:a});return{destroy:()=>r.destroy(),update:e=>{}}}function V(){const e=new R({container:document.body});return{destroy:()=>e.destroy()}}function q(){const e=new j({container:document.body});return{destroy:()=>e.destroy()}}function J(e={}){const{config:t}=e;t&&w(t),I(),N();const n=y(),i=e.backdrop??n.features.backdrop?q():null,o=e.dock??n.features.dock?V():null;return{backdrop:i,dock:o,destroy:()=>{null==i||i.destroy(),null==o||o.destroy(),z()}}}export{s as bringToFront,v as closeAllModals,L as closeModal,q as createBackdrop,V as createDock,K as createModal,y as getConfig,M as getDockOrder,$ as getModalState,k as getModalsStore,J as init,D as isModalOpen,O as isModalRegistered,S as minimizeModal,T as openChildModal,x as openModal,P as reorderDock,B as restoreAllMinimizedModals,f as restoreModal,w as setConfig,W as toggleModalTransparency};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "epic-modals",
-  "version": "0.0.10",
+  "version": "1.0.1",
   "description": "A stunning modal library with macOS-style animations, drag, resize, and dock. Supports Svelte 5, React, and vanilla JS.",
   "keywords": [
     "modal",
@@ -15,8 +15,15 @@
     "animations"
   ],
   "author": "Damian Lesiuk",
-  "license": "Elastic-2.0",
+  "license": "MIT",
   "homepage": "https://epicmodals.eu",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/Lesiuk/epic-modals.git"
+  },
+  "bugs": {
+    "url": "https://github.com/Lesiuk/epic-modals/issues"
+  },
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -44,20 +51,29 @@
     "./styles/themes/dark": "./dist/styles/themes/dark.css"
   },
   "files": [
-    "dist",
+    "dist/**/*.js",
+    "dist/**/*.css",
+    "dist/**/*.d.ts",
+    "!dist/**/*.test.d.ts",
     "!dist/**/*.map",
     "LICENSE"
   ],
   "scripts": {
     "dev": "vite dev",
+    "dev:fixtures": "vite --config e2e/fixtures/vite.config.ts",
     "build": "vite build && BUILD_TYPE=standalone vite build && node scripts/build-css.js",
     "build:dev": "vite build --mode development && BUILD_TYPE=standalone vite build --mode development && node scripts/build-css.js",
     "check": "svelte-check --tsconfig ./tsconfig.json",
+    "lint": "eslint src --ext .ts,.tsx,.svelte",
     "test": "vitest run",
     "test:watch": "vitest",
+    "test:all": "vitest run && playwright test",
     "test:e2e": "playwright test",
     "test:e2e:ui": "playwright test --ui",
-    "test:e2e:headed": "playwright test --headed"
+    "test:e2e:headed": "playwright test --headed",
+    "test:e2e:vanilla": "playwright test --project=vanilla",
+    "test:e2e:react": "playwright test --project=react",
+    "test:e2e:svelte": "playwright test --project=svelte"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",
@@ -76,17 +92,39 @@
     }
   },
   "devDependencies": {
+    "@eslint/js": "^9.39.2",
+    "@istanbuljs/nyc-config-typescript": "^1.0.2",
     "@rollup/plugin-terser": "^0.4.4",
-    "lightningcss": "^1.30.0",
     "@sveltejs/vite-plugin-svelte": "^5.0.0",
+    "@testing-library/dom": "^10.4.1",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^16.3.2",
+    "@testing-library/svelte": "^5.3.1",
+    "@testing-library/user-event": "^14.6.1",
     "@types/react": "^19.2.8",
     "@types/react-dom": "^19.2.3",
+    "@typescript-eslint/eslint-plugin": "^8.53.1",
+    "@typescript-eslint/parser": "^8.53.1",
+    "@vitest/coverage-istanbul": "^4.0.17",
+    "@vitest/coverage-v8": "^4.0.17",
+    "eslint": "^9.39.2",
+    "eslint-plugin-svelte": "^3.14.0",
+    "globals": "^17.1.0",
+    "happy-dom": "^20.3.7",
+    "jsdom": "^27.4.0",
+    "lightningcss": "^1.30.0",
+    "nyc": "^17.1.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
     "svelte": "^5.0.0",
     "svelte-check": "^4.0.0",
+    "svelte-eslint-parser": "^1.4.1",
     "terser": "^5.46.0",
     "typescript": "^5.6.0",
+    "typescript-eslint": "^8.53.1",
     "vite": "^6.0.0",
     "vite-plugin-dts": "^4.5.4",
+    "vite-plugin-istanbul": "^7.2.1",
     "vitest": "^4.0.17"
   }
 }

package/dist/core/config.svelte.d.ts

@@ -1,85 +0,0 @@
-import { DockPosition, DockLabelMode, ModalFeatures, AppearanceConfig } from './types';
-export type { ModalFeatures, AppearanceConfig } from './types';
-export interface DockConfig {
-    /** Dock position: left, right, bottom, or free-floating */
-    position: DockPosition;
-    /** Label display mode */
-    labelMode: DockLabelMode;
-    /** Enable reordering items in dock */
-    enableReorder: boolean;
-    /** Allow dock to be dragged freely (when position is 'free') */
-    enableFreeDrag: boolean;
-}
-export interface AnimationDurations {
-    /** Open animation duration */
-    open: number;
-    /** Close animation duration */
-    close: number;
-    /** Minimize animation duration */
-    minimize: number;
-    /** Restore animation duration */
-    restore: number;
-}
-export interface ZIndexConfig {
-    /** Base z-index for modals */
-    base: number;
-    /** Z-index for dock */
-    dock: number;
-    /** Z-index for toasts */
-    toast: number;
-}
-export interface ParentChildConfig {
-    /** Movement mode: 'realtime' (parent moves instantly) or 'animated' (parent animates after drag) */
-    movementMode: 'realtime' | 'animated';
-    /** Animation duration in milliseconds for animated movement mode */
-    animationDuration: number;
-}
-export interface PositioningConfig {
-    /**
-     * Strategy for placing new modals:
-     * - 'centered': Always center new modals (default, current behavior)
-     * - 'smart': Find position with least overlap with existing modals
-     */
-    strategy: 'centered' | 'smart';
-    /** Minimum gap between modals when using smart positioning (default: 16) */
-    modalGap: number;
-    /** CSS selectors for elements that modals should avoid overlapping (e.g., navigation bars, toolbars) */
-    avoidElements: string[];
-}
-export interface ModalLibraryConfig {
-    features: ModalFeatures;
-    dock: DockConfig;
-    animations: AnimationDurations;
-    appearance: AppearanceConfig;
-    zIndex: ZIndexConfig;
-    parentChild: ParentChildConfig;
-    positioning: PositioningConfig;
-    /** Portal target selector or element */
-    portalTarget: string | HTMLElement;
-}
-export declare const defaultConfig: ModalLibraryConfig;
-/**
- * Get the config version for tracking changes in $derived
- */
-export declare function getConfigVersion(): number;
-/**
- * Get the current library configuration
- */
-export declare function getConfig(): ModalLibraryConfig;
-/**
- * Set the library configuration (called by ModalProvider)
- */
-export declare function setConfig(config: Partial<ModalLibraryConfig>): void;
-/**
- * Reset to default configuration
- */
-export declare function resetConfig(): void;
-/**
- * Deep merge configuration objects
- */
-export declare function mergeConfig(base: ModalLibraryConfig, override: Partial<ModalLibraryConfig>): ModalLibraryConfig;
-/**
- * Check if a feature is enabled
- */
-export declare function isFeatureEnabled(feature: keyof ModalFeatures): boolean;
-//# sourceMappingURL=config.svelte.d.ts.map

package/dist/core/stacking.svelte.d.ts

@@ -1,19 +0,0 @@
-import { StackingLayerName } from './types';
-/**
- * Initialize the z-index counter from config
- */
-export declare function initializeStacking(): void;
-/**
- * Get the next available z-index for a new modal
- * Increments by 2 to leave room for floating elements (dropdowns, tooltips) at +1
- */
-export declare function acquireModalZIndex(): number;
-/**
- * Get a specific z-index for a layer
- */
-export declare function getLayerZIndex(layer: StackingLayerName): number;
-/**
- * Reset the z-index counter (useful for testing)
- */
-export declare function resetStacking(): void;
-//# sourceMappingURL=stacking.svelte.d.ts.map

package/dist/core/state.svelte.d.ts

@@ -1,324 +0,0 @@
-import { ModalState, ModalId, Position, Dimensions, AnimationTransform } from './types';
-/** URL state callbacks for browser integration */
-interface URLStateCallbacks {
-    push: (id: ModalId) => void;
-    replace: (id: ModalId) => void;
-    pop: () => void;
-}
-/** Dock position getter function */
-type DockPositionGetter = () => {
-    x: number;
-    y: number;
-    width: number;
-    height: number;
-};
-/** Modal registry interface for static modal lookup (kept for API compatibility) */
-interface ModalRegistry {
-    has(id: ModalId): boolean;
-    get(id: ModalId): {
-        title: string;
-        icon: string;
-        closeOnOutsideClick?: boolean;
-    } | undefined;
-}
-/** Store type for modals collection */
-export type ModalsStore = ReturnType<typeof createModalsStore>;
-/**
- * Subscribe to state changes (for React integration)
- * @returns Unsubscribe function
- */
-export declare function subscribe(callback: () => void): () => void;
-declare function createModalsStore(): {
-    readonly modals: Map<ModalId, ModalState>;
-    readonly pendingMinimize: ModalId[];
-    readonly pendingOpen: ModalId[];
-    readonly pendingClose: ModalId[];
-    readonly pendingRestore: ModalId[];
-    readonly dockOrder: ModalId[];
-};
-/**
- * Register a new modal in the system
- * If modal already exists, merges new props with existing state to preserve
- * saved position, size, and other runtime state
- */
-export declare function registerModal(modal: Omit<ModalState, 'zIndex' | 'isAnimating'>): void;
-/**
- * Unregister a modal from the system
- */
-export declare function unregisterModal(id: ModalId): void;
-/**
- * Minimize a modal with genie animation to dock
- * If this is a child modal, redirects to minimize parent (they act as unit)
- * Both parent and child minimize together
- */
-export declare function minimizeModal(id: ModalId): void;
-/**
- * Restore a minimized modal from dock
- * Also restores child modal if one was hidden with parent
- */
-export declare function restoreModal(id: ModalId): void;
-/**
- * Restore all minimized modals (called when dock feature is disabled)
- */
-export declare function restoreAllMinimizedModals(): void;
-/**
- * Restore a child modal that was hidden with parent
- * Recursively restores all descendants (grandchildren, etc.)
- */
-export declare function restoreChildModal(id: ModalId): void;
-/**
- * Update modal position (called during drag)
- * Also syncs linked modal positions:
- * - If this modal has a child, the child moves with it
- * - If this modal is a child, the parent moves with it
- */
-export declare function updateModalPosition(id: ModalId, position: Position, options?: {
-    constrain?: boolean;
-    drag?: boolean;
-    size?: Dimensions;
-}): void;
-/**
- * Update modal size
- */
-export declare function updateModalSize(id: ModalId, size: Dimensions): void;
-/**
- * Update multiple modal properties at once
- */
-export declare function updateModal(id: ModalId, updates: Partial<ModalState>): void;
-/**
- * Bring a modal to the front (highest z-index)
- * Maintains parent-child z-index relationship: child always above parent
- * When clicking on any modal in a chain, the ENTIRE chain is brought to front
- */
-export declare function bringToFront(id: ModalId): void;
-/**
- * Check if a modal is the top-most modal
- */
-export declare function isTopModal(id: ModalId): boolean;
-/**
- * Reorder dock items (drag and drop)
- */
-export declare function reorderDock(newOrder: ModalId[]): void;
-/**
- * Open a modal by ID (for already-registered modals)
- *
- * @param id - Modal ID to open
- * @param sourceElement - Source element for genie animation. REQUIRED - the animation
- *   needs a source position to animate from. For modals that open without user interaction,
- *   use the `autoOpen` prop on the Modal component instead.
- * @param options - Optional settings like parentId for child modals
- */
-export interface OpenModalOptions {
-    /** Parent modal ID to link this modal as a child */
-    parentId?: ModalId;
-}
-export declare function openModal(id: ModalId, sourceElement: HTMLElement, options?: OpenModalOptions): void;
-/**
- * Create and open a new modal (registers and opens in one call)
- * @param modal - Full modal state to register and open
- */
-export declare function createModal(modal: Omit<ModalState, 'zIndex' | 'isAnimating'>): void;
-/**
- * Close a modal
- */
-export declare function closeModal(id: ModalId, force?: boolean): void;
-/**
- * Close all modals
- */
-export declare function closeAllModals(): void;
-/**
- * Finalize modal close after animation completes
- * Resets modal to minimal closed state to free memory (position, size, etc.)
- * but keeps registration so the modal can be reopened
- */
-export declare function finalizeModalClose(id: ModalId): void;
-/**
- * Get list of modals to close (for cascade)
- */
-export declare function getModalsToClose(fromId: ModalId): ModalId[];
-/**
- * Open a child modal linked to a parent
- */
-export declare function openChildModal(child: {
-    id: ModalId;
-} & Partial<Omit<ModalState, 'zIndex' | 'isAnimating' | 'parentId'>>, parentId: ModalId, sourceElement?: HTMLElement): void;
-/**
- * Link two modals as parent-child
- * Calculates and stores the offset from parent position for linked movement
- */
-export declare function linkModals(parentId: ModalId, childId: ModalId): void;
-/**
- * Hide a child modal when its parent is minimized
- * Recursively hides all descendants (grandchildren, etc.)
- */
-export declare function hideChildWithParent(parentId: ModalId): void;
-/**
- * Update child modal position when parent moves
- * Maintains the offsetFromParent relationship
- */
-export declare function updateChildPosition(parentId: ModalId, parentPosition: Position): void;
-/**
- * Calculate and set child's offset from parent
- * Called when child modal is first opened centered on parent
- */
-export declare function setChildOffsetFromParent(childId: ModalId, parentId: ModalId): void;
-/** Check if modal has pending minimize */
-export declare function hasPendingMinimize(id: ModalId): boolean;
-/** Consume pending minimize flag */
-export declare function consumePendingMinimize(id: ModalId): boolean;
-/** Check if any modal has pending minimize */
-export declare function hasAnyPendingMinimize(): boolean;
-/** Get all registered modal IDs */
-export declare function getRegisteredModalIds(): ModalId[];
-/** Get modal state */
-export declare function getModalState(id: ModalId): ModalState | undefined;
-/**
- * Get bounds of all open, visible modals with their IDs (for rearrangement).
- * Excludes minimized modals and the modal being positioned.
- * Returns bounds from DOM if position/size not tracked in state.
- */
-export declare function getOpenModalBoundsWithIds(excludeId?: ModalId): Array<{
-    id: string;
-    x: number;
-    y: number;
-    width: number;
-    height: number;
-}>;
-/**
- * Get bounds of all open, visible modals (for smart positioning).
- * Excludes minimized modals and the modal being positioned.
- * Returns bounds from DOM if position/size not tracked in state.
- */
-export declare function getOpenModalBounds(excludeId?: ModalId): Array<{
-    x: number;
-    y: number;
-    width: number;
-    height: number;
-}>;
-/** Get state version for reactive tracking in components */
-export declare function getStateVersion(): number;
-/** Consume pending minimize target */
-export declare function consumePendingMinimizeTarget(): AnimationTransform | null;
-/** Check if modal has pending open */
-export declare function hasPendingOpen(id: ModalId): boolean;
-/** Consume pending open flag */
-export declare function consumePendingOpen(id: ModalId): boolean;
-/** Check if modal has pending close */
-export declare function hasPendingClose(id: ModalId): boolean;
-/** Consume pending close flag */
-export declare function consumePendingClose(id: ModalId): boolean;
-/** Check if modal has pending force close */
-export declare function hasPendingForceClose(id: ModalId): boolean;
-/** Consume pending force close flag */
-export declare function consumePendingForceClose(id: ModalId): boolean;
-/** Check if modal has pending restore */
-export declare function hasPendingRestore(id: ModalId): boolean;
-/** Consume pending restore flag */
-export declare function consumePendingRestore(id: ModalId): boolean;
-/** Check if modal has pending child restore */
-export declare function hasPendingChildRestore(id: ModalId): boolean;
-/** Consume pending child restore flag */
-export declare function consumePendingChildRestore(id: ModalId): boolean;
-/** Check if modal has pending attention (shake/glow effect) */
-export declare function hasPendingAttention(id: ModalId): boolean;
-/** Consume pending attention flag */
-export declare function consumePendingAttention(id: ModalId): boolean;
-/** Trigger attention effect on a modal (shake + glow) */
-export declare function triggerAttention(id: ModalId): void;
-/** Start attention animation (called when animation begins) */
-export declare function startAttentionAnimation(id: ModalId): void;
-/** End attention animation (called when animation completes) */
-export declare function endAttentionAnimation(id: ModalId): void;
-/** Get pending parent link (without consuming) */
-export declare function getPendingParentLink(): {
-    parentId: ModalId;
-    childId: ModalId;
-} | null;
-/** Consume pending parent link for a specific child */
-export declare function consumePendingParentLink(childId: ModalId): {
-    parentId: ModalId;
-    childId: ModalId;
-} | null;
-/** Store source position for open animation */
-export declare function storeOpenSourcePosition(id: ModalId, pos: Position): void;
-/** Consume open source position for a specific modal */
-export declare function consumeOpenSourcePosition(id: ModalId): Position | null;
-/** Set modal animating state */
-export declare function setModalAnimating(id: ModalId, animating: boolean): void;
-/** Check if modal is animating */
-export declare function isModalAnimating(id: ModalId): boolean;
-/** Check if modal is open (not minimized and not hidden) */
-export declare function isModalOpen(id: ModalId): boolean;
-/** Check if modal is registered */
-export declare function isModalRegistered(id: ModalId): boolean;
-/** Get store reference */
-export declare function getModalsStore(): ModalsStore;
-/** Toggle modal transparency */
-export declare function toggleModalTransparency(id: ModalId): void;
-/** Reset modal transparency */
-export declare function resetModalTransparency(id: ModalId): void;
-/**
- * Shake element (visual feedback for invalid actions)
- */
-export declare function shakeElement(element: HTMLElement): void;
-/**
- * Animate parent modal to its target position (for animated movement mode)
- */
-export declare function animateParentToPosition(parentId: ModalId): void;
-/**
- * Clear the animation flag after animation completes
- */
-export declare function clearParentAnimationFlag(parentId: ModalId): void;
-/**
- * Check if parent has a pending animation
- */
-export declare function hasPendingParentAnimation(parentId: ModalId): boolean;
-/**
- * Clear pending parent animation
- */
-export declare function clearPendingParentAnimation(parentId: ModalId): void;
-/**
- * Move multiple modals to new positions with animation.
- * Uses the same animation mechanism as parent-child movement.
- * @param moves - Map of modal IDs to their target positions
- */
-export declare function animateModalsToPositions(moves: Map<ModalId, Position>): void;
-/**
- * Trigger cascading parent animations up the chain.
- * Each parent animates after the previous one finishes, creating a waterfall effect.
- * Positions are recalculated dynamically at animation time based on the child's current position.
- * @param childId - The ID of the modal that was dragged
- */
-export declare function triggerCascadingParentAnimations(childId: ModalId): void;
-/**
- * Set registry functions for static modal lookup
- * NOTE: Currently unused but kept for API compatibility
- */
-export declare function setRegistryFunctions(_registry: ModalRegistry): void;
-/**
- * Set URL state callbacks for browser integration
- */
-export declare function setURLStateCallbacks(callbacks: URLStateCallbacks): void;
-/**
- * Set dock position getter for animations
- */
-export declare function setDockPositionGetter(getter: DockPositionGetter): void;
-/**
- * Get internal state (for testing only)
- */
-export declare function _getInternalState(): {
-    modals: Map<ModalId, ModalState>;
-    pendingMinimize: ModalId[];
-    pendingOpen: ModalId[];
-    pendingClose: ModalId[];
-    pendingRestore: ModalId[];
-    dockOrder: ModalId[];
-    animatingModals: Set<ModalId>;
-    transparentModals: Set<ModalId>;
-};
-/**
- * Reset internal state (for testing only)
- */
-export declare function _resetInternalState(): void;
-export {};
-//# sourceMappingURL=state.svelte.d.ts.map

package/dist/core/utils.d.ts

@@ -1,7 +0,0 @@
-import { ModalId } from './types';
-/**
- * Convert a modal ID (string or Symbol) to a string suitable for DOM attributes
- * Symbols are converted using their description property
- */
-export declare function toDataId(id: ModalId): string;
-//# sourceMappingURL=utils.d.ts.map