@vue-modality/core 0.1.0

package/README.md

@@ -0,0 +1,233 @@
+# @vue-modality/core
+
+Modal system for Vue 3 with namespace queues, close guards, and prompt pattern.
+
+- **Namespace queues** — dialogs, toasts, and sidebars live in isolated stacks
+- **Close guards** — async functions that can cancel or delay closing
+- **Prompt pattern** — `await` a result directly from a modal
+- **Event bus** — `on`/`emit` between the modal and its caller
+- **Zero dependencies** — only `vue` as a peer dependency
+
+## Installation
+
+```sh
+pnpm add https://github.com/rh00x/vue-modality
+```
+
+## Setup
+
+Mount the renderers once in your root component. They subscribe to the reactive queues and render whatever is currently in them.
+
+```vue
+<!-- App.vue -->
+<template>
+  <RouterView />
+
+  <DialogRenderer />
+  <ToastRenderer />
+  <SidebarRenderer />
+</template>
+```
+
+A renderer is just a component that reads the queue and renders `<component :is="...">`. Here is a minimal example:
+
+```vue
+<!-- DialogRenderer.vue -->
+<script setup lang="ts">
+import { useDialog } from '@vue-modality/core'
+
+const { dialogs } = useDialog()
+</script>
+
+<template>
+  <Teleport to="body">
+    <div v-if="dialogs.length" class="overlay" @click.self="dialogs.at(-1)?.close()">
+      <component
+        v-for="dialog in dialogs"
+        :key="dialog.id"
+        :is="dialog.component"
+        v-bind="dialog.props.value"
+        :modal="dialog"
+        @close="dialog.close()"
+      />
+    </div>
+  </Teleport>
+</template>
+```
+
+## Usage
+
+### Dialog
+
+```ts
+import { useDialog } from '@vue-modality/core'
+
+const { openDialog, closeDialog, promptDialog, dialogs } = useDialog()
+
+// Open — closes any existing dialogs first
+await openDialog(MyDialog, { title: 'Hello' })
+
+// Close the topmost dialog
+await closeDialog()
+
+// Close a specific dialog by ID
+await closeDialog(dialog.id)
+```
+
+### Prompt
+
+Open a dialog and wait for a typed result. The modal resolves by calling `props.modal.emit(MODAL_EVENT_PROMPT, value)`.
+
+```ts
+import { useDialog, MODAL_EVENT_PROMPT } from '@vue-modality/core'
+
+const { promptDialog } = useDialog()
+
+const result = await promptDialog<string>(ConfirmDialog, { message: 'Are you sure?' })
+// result is the value passed to MODAL_EVENT_PROMPT, or null if closed without a result
+```
+
+Inside the modal component:
+
+```vue
+<script setup lang="ts">
+import { MODAL_EVENT_PROMPT, type ModalRecord } from '@vue-modality/core'
+
+const props = defineProps<{ modal: ModalRecord }>()
+
+function confirm() {
+  props.modal.emit(MODAL_EVENT_PROMPT, 'confirmed')
+}
+</script>
+```
+
+### Toast
+
+```ts
+import { useToast } from '@vue-modality/core'
+
+const { openToast, closeToast, closeAllToasts, toasts } = useToast()
+
+// Toasts auto-close after 5 seconds
+openToast(MyToast, { message: 'Saved!', type: 'success' })
+```
+
+### Sidebar
+
+```ts
+import { useSidebarPanel } from '@vue-modality/core'
+
+const { openSidebar, closeSidebar, sidebar } = useSidebarPanel()
+
+await openSidebar(MyPanel, { userId: 42 })
+```
+
+### Close guards
+
+A close guard is an async function registered on a modal. If it returns `false` (or throws), the close is cancelled.
+
+```ts
+import { useDialog } from '@vue-modality/core'
+
+const { openDialog } = useDialog()
+
+const dialog = await openDialog(EditDialog)
+
+dialog.addCloseGuard(async () => {
+  const confirmed = await confirm('Discard changes?')
+  return confirmed // false cancels close
+})
+```
+
+### Stack (push / pop)
+
+Use `pushModal` / `popModal` directly to manage a stack without closing other modals.
+
+```ts
+import { pushModal, popModal } from '@vue-modality/core'
+
+// Push on top of the current stack
+const modal = pushModal(MyModal, { step: 1 }, { namespace: 'dialog' })
+
+// Close only the topmost modal
+await popModal({ namespace: 'dialog' })
+```
+
+### Event bus
+
+```ts
+import { pushModal } from '@vue-modality/core'
+
+const modal = pushModal(MyModal, {})
+
+// Caller subscribes
+const unsubscribe = modal.on('result', (value) => {
+  console.log('Got:', value)
+})
+
+// Inside the modal component
+props.modal.emit('result', { foo: 'bar' })
+```
+
+### Low-level API
+
+```ts
+import {
+  openModal,   // close all + push
+  pushModal,   // push without closing
+  popModal,    // close topmost
+  closeModal,  // close all in namespace
+  closeById,   // close by modal ID
+  getCurrentModal,      // get topmost modal
+  getQueueByNamespace,  // get raw reactive queue
+} from '@vue-modality/core'
+```
+
+## Namespaces
+
+Every hook uses its own namespace constant:
+
+| Hook | Namespace constant | Default value |
+|---|---|---|
+| `useDialog` | `DIALOG_NAMESPACE` | `'dialog'` |
+| `useToast` | `TOAST_NAMESPACE` | `'toast'` |
+| `useSidebarPanel` | `SIDEBAR_NAMESPACE` | `'sidebar'` |
+
+You can create custom namespaces by passing `{ namespace: 'my-namespace' }` to any low-level method.
+
+## Types
+
+```ts
+import type {
+  ModalRecord,       // the modal instance object
+  ModalID,           // number alias
+  ModalOptions,      // { namespace, isRoute }
+  ModalCloseOptions, // { namespace }
+  GuardFunction,     // () => void | boolean | Promise<boolean>
+  NamespaceKey,      // string | number
+  ComponentProps,    // extracts $props type from a component constructor
+} from '@vue-modality/core'
+```
+
+### `ModalRecord`
+
+```ts
+interface ModalRecord {
+  readonly id: ModalID
+  readonly component: Component
+  readonly namespace: NamespaceKey
+  readonly isRoute: boolean
+  readonly closed: Ref<boolean>
+  props: Ref<any>
+
+  close(): Promise<void>
+  emit(eventName: string, data?: unknown): void
+  on<T>(eventName: string, callback: (v: T) => void): () => void
+  addCloseGuard(fn: GuardFunction): void
+  addDestroyGuard(fn: () => void): void
+}
+```
+
+## License
+
+MIT

package/dist/index.cjs

@@ -0,0 +1,379 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  DIALOG_NAMESPACE: () => DIALOG_NAMESPACE,
+  MODAL_EVENT_PROMPT: () => MODAL_EVENT_PROMPT,
+  SIDEBAR_NAMESPACE: () => SIDEBAR_NAMESPACE,
+  TOAST_NAMESPACE: () => TOAST_NAMESPACE,
+  closeById: () => closeById,
+  closeModal: () => closeModal,
+  getCurrentModal: () => getCurrentModal,
+  getQueueByNamespace: () => getQueueByNamespace,
+  openModal: () => openModal,
+  popModal: () => popModal,
+  promptModal: () => promptModal,
+  pushModal: () => pushModal,
+  useDialog: () => useDialog,
+  useSidebarPanel: () => useSidebarPanel,
+  useToast: () => useToast
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/modal/state.ts
+var import_vue = require("vue");
+var DEFAULT_NAMESPACE = "default";
+var namespaceMap = /* @__PURE__ */ new Map();
+function getNamespaceState(namespace = DEFAULT_NAMESPACE) {
+  if (!namespaceMap.has(namespace)) {
+    namespaceMap.set(namespace, { queue: (0, import_vue.reactive)([]) });
+  }
+  return namespaceMap.get(namespace);
+}
+function getQueueByNamespace(namespace) {
+  return getNamespaceState(namespace).queue;
+}
+
+// src/modal/methods/close-modal.ts
+async function closeModal(options = {}) {
+  const queue = [...getNamespaceState(options.namespace).queue].reverse();
+  for (const modal of queue) {
+    await modal.close();
+  }
+}
+
+// src/modal/methods/push-modal.ts
+var import_vue3 = require("vue");
+
+// src/modal/modal.ts
+var import_vue2 = require("vue");
+
+// src/modal/guards.ts
+var store = /* @__PURE__ */ new Map();
+var guardRegistry = {
+  add(modalId, name, func) {
+    let guard = store.get(modalId);
+    if (!guard) {
+      guard = {};
+      store.set(modalId, guard);
+    }
+    guard[name] ??= [];
+    guard[name].push(func);
+  },
+  get(id, name) {
+    return store.get(id)?.[name] ?? [];
+  },
+  delete(id) {
+    store.delete(id);
+  }
+};
+async function runGuardQueue(fns) {
+  for (const fn of fns) {
+    await fn();
+  }
+}
+function guardToPromiseFn(guard) {
+  return async () => {
+    const result = await guard();
+    if (result !== false) return;
+    throw new Error("Guard returned false. Close cancelled.");
+  };
+}
+
+// src/modal/modal.ts
+var MODAL_EVENT_PROMPT = "modal:prompt";
+var modalStore = /* @__PURE__ */ new Map();
+var idCounter = 0;
+function createModal(component, props, options = {}) {
+  const id = idCounter++;
+  const namespace = options.namespace ?? DEFAULT_NAMESPACE;
+  const isRoute = options.isRoute ?? false;
+  let closing = false;
+  const propsRef = (0, import_vue2.ref)(props);
+  const events = (0, import_vue2.reactive)({});
+  const closed = (0, import_vue2.ref)(false);
+  const modal = {
+    id,
+    component,
+    namespace,
+    isRoute,
+    props: propsRef,
+    events,
+    closed,
+    async close() {
+      if (closing || closed.value) return;
+      closing = true;
+      const queue = getNamespaceState(namespace).queue;
+      const guardFns = guardRegistry.get(id, "close").map((guard) => guardToPromiseFn(guard));
+      try {
+        await runGuardQueue(guardFns);
+      } catch (error) {
+        closing = false;
+        throw error;
+      }
+      const current = queue.findIndex((m) => m.id === id);
+      if (current !== -1) {
+        queue.splice(current, 1);
+      }
+      closed.value = true;
+      for (const runnable of guardRegistry.get(id, "destroy")) {
+        try {
+          runnable();
+        } catch (error) {
+          console.warn("Error running modal destroy guard", error);
+        }
+      }
+      guardRegistry.delete(id);
+      modalStore.delete(id);
+      for (const key in events) {
+        delete events[key];
+      }
+    },
+    emit(eventName, data) {
+      const handlers = events[eventName];
+      if (!handlers) return;
+      for (const handler of [...handlers]) {
+        handler(data);
+      }
+    },
+    on(eventName, callback) {
+      let handlers = events[eventName];
+      if (!Array.isArray(handlers)) {
+        handlers = [];
+        events[eventName] = handlers;
+      }
+      handlers.push(callback);
+      return () => {
+        const arr = events[eventName];
+        if (!arr) return;
+        const i = arr.indexOf(callback);
+        if (i !== -1) {
+          arr.splice(i, 1);
+        }
+      };
+    },
+    addCloseGuard(fn) {
+      guardRegistry.add(id, "close", fn);
+    },
+    addDestroyGuard(fn) {
+      guardRegistry.add(id, "destroy", fn);
+    }
+  };
+  return modal;
+}
+
+// src/modal/methods/push-modal.ts
+function pushModal(component, props = {}, options = {}) {
+  const ns = getNamespaceState(options.namespace);
+  const modal = createModal(component, props, options);
+  ns.queue.push((0, import_vue3.markRaw)(modal));
+  modalStore.set(modal.id, modal);
+  return modal;
+}
+
+// src/modal/methods/open-modal.ts
+async function openModal(component, props = {}, options = {}) {
+  await closeModal({ namespace: options.namespace });
+  return pushModal(component, props, options);
+}
+
+// src/modal/methods/prompt-modal.ts
+function promptModal(component, props = {}, options = {}) {
+  const modal = pushModal(component, props, options);
+  let isPrompted = false;
+  const { promise, resolve } = Promise.withResolvers();
+  const unsubscribe = modal.on(MODAL_EVENT_PROMPT, async (data) => {
+    if (isPrompted) return;
+    isPrompted = true;
+    try {
+      await modal.close();
+      resolve(data);
+    } catch {
+      isPrompted = false;
+    }
+  });
+  modal.addDestroyGuard(() => {
+    unsubscribe();
+    if (!isPrompted) {
+      resolve(null);
+    }
+  });
+  return promise;
+}
+
+// src/modal/methods/get-current-modal.ts
+function getCurrentModal(namespace) {
+  const ns = getNamespaceState(namespace);
+  return ns.queue.at(-1);
+}
+
+// src/modal/methods/pop-modal.ts
+async function popModal(options = {}) {
+  const modal = getCurrentModal(options.namespace);
+  if (!modal) return;
+  await modal.close();
+}
+
+// src/modal/methods/close-by-id.ts
+async function closeById(id) {
+  const modal = modalStore.get(id);
+  if (!modal) throw new Error(`Modal with ID ${id} not found`);
+  await modal.close();
+}
+
+// src/hooks/dialog.ts
+var DIALOG_NAMESPACE = "dialog";
+var dialogs = getQueueByNamespace(DIALOG_NAMESPACE);
+function useDialog() {
+  async function closeDialog(dialogId) {
+    if (typeof dialogId === "number") {
+      await dialogs.find((d) => d.id === dialogId)?.close();
+      return;
+    }
+    const reversed = [...dialogs].reverse();
+    for (let i = 0; i < reversed.length; i++) {
+      await reversed[i].close();
+      if (reversed[i + 1]?.isRoute) break;
+    }
+  }
+  function promptDialog(Component, props) {
+    return promptModal(Component, props, { namespace: DIALOG_NAMESPACE });
+  }
+  function openDialog(Component, props) {
+    return openModal(Component, props, { namespace: DIALOG_NAMESPACE });
+  }
+  return {
+    /** Reactive list of active dialogs */
+    dialogs,
+    /** Opens a dialog with the given component and props */
+    openDialog,
+    /**
+     * Closes a dialog.
+     * If an ID is provided, closes that specific dialog.
+     * Otherwise closes all dialogs, stopping before any route-bound dialog.
+     */
+    closeDialog,
+    /**
+     * Opens a dialog in prompt mode and waits for a result.
+     * Useful for confirmation flows or data-input dialogs.
+     */
+    promptDialog
+  };
+}
+
+// src/hooks/toast.ts
+var import_vue4 = require("vue");
+var TOAST_NAMESPACE = "toast";
+var DURATION = 5e3;
+var toasts = getQueueByNamespace(TOAST_NAMESPACE);
+var timers = /* @__PURE__ */ new Map();
+function removeTimer(toastId) {
+  const timer = timers.get(toastId);
+  if (!timer) return;
+  clearTimeout(timer);
+  timers.delete(toastId);
+}
+function addTimer(toastId) {
+  if (timers.has(toastId)) return;
+  const timer = setTimeout(() => closeToast(toastId), DURATION);
+  timers.set(toastId, timer);
+}
+function closeToast(toastId) {
+  removeTimer(toastId);
+  const toast = toasts.find((t) => t.id === toastId);
+  toast?.close().catch(() => {
+  });
+}
+function closeAllToasts() {
+  toasts.forEach((t) => closeToast(t.id));
+}
+(0, import_vue4.watch)(
+  toasts,
+  (nextToasts) => {
+    const activeIds = new Set(nextToasts.map((t) => t.id));
+    nextToasts.forEach((t) => addTimer(t.id));
+    for (const id of timers.keys()) {
+      if (!activeIds.has(id)) {
+        removeTimer(id);
+      }
+    }
+  },
+  { immediate: true }
+);
+function openToast(Component, props) {
+  return pushModal(Component, props, { namespace: TOAST_NAMESPACE });
+}
+function useToast() {
+  return {
+    /** Reactive list of active toasts */
+    toasts,
+    /** Opens a toast with a custom component */
+    openToast,
+    /** Closes a toast by ID */
+    closeToast,
+    /** Closes all active toasts */
+    closeAllToasts
+  };
+}
+
+// src/hooks/sidebar-panel.ts
+var import_vue5 = require("vue");
+var SIDEBAR_NAMESPACE = "sidebar";
+var sidebars = getQueueByNamespace(SIDEBAR_NAMESPACE);
+var sidebar = (0, import_vue5.computed)(() => sidebars.at(-1));
+function useSidebarPanel() {
+  function openSidebar(Component, props) {
+    return openModal(Component, props, { namespace: SIDEBAR_NAMESPACE });
+  }
+  async function closeSidebar() {
+    if (!sidebar.value) return;
+    await sidebar.value.close();
+  }
+  return {
+    /** Reactive list of active sidebars */
+    sidebars,
+    /** The topmost (currently active) sidebar */
+    sidebar,
+    /** Opens a component inside a sidebar panel */
+    openSidebar,
+    /** Closes the current sidebar */
+    closeSidebar
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DIALOG_NAMESPACE,
+  MODAL_EVENT_PROMPT,
+  SIDEBAR_NAMESPACE,
+  TOAST_NAMESPACE,
+  closeById,
+  closeModal,
+  getCurrentModal,
+  getQueueByNamespace,
+  openModal,
+  popModal,
+  promptModal,
+  pushModal,
+  useDialog,
+  useSidebarPanel,
+  useToast
+});
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts","../src/modal/state.ts","../src/modal/methods/close-modal.ts","../src/modal/methods/push-modal.ts","../src/modal/modal.ts","../src/modal/guards.ts","../src/modal/methods/open-modal.ts","../src/modal/methods/prompt-modal.ts","../src/modal/methods/get-current-modal.ts","../src/modal/methods/pop-modal.ts","../src/modal/methods/close-by-id.ts","../src/hooks/dialog.ts","../src/hooks/toast.ts","../src/hooks/sidebar-panel.ts"],"sourcesContent":["// Core\nexport { openModal } from './modal/methods/open-modal'\nexport { promptModal } from './modal/methods/prompt-modal'\nexport { pushModal } from './modal/methods/push-modal'\nexport { popModal } from './modal/methods/pop-modal'\nexport { closeModal } from './modal/methods/close-modal'\nexport { closeById } from './modal/methods/close-by-id'\nexport { getCurrentModal } from './modal/methods/get-current-modal'\nexport { getQueueByNamespace } from './modal/state'\nexport { MODAL_EVENT_PROMPT } from './modal/modal'\nexport type { ModalRecord, ModalID } from './modal/modal'\nexport type { ModalOptions, ModalCloseOptions, GuardFunction, NamespaceKey } from './modal/types'\n\n// Hooks\nexport { useDialog, DIALOG_NAMESPACE } from './hooks/dialog'\nexport { useToast, TOAST_NAMESPACE } from './hooks/toast'\nexport { useSidebarPanel, SIDEBAR_NAMESPACE } from './hooks/sidebar-panel'\n\n// Utils\nexport type { ComponentProps } from './component-props'\n","import { reactive } from 'vue'\nimport type { ModalRecord } from './modal'\nimport type { NamespaceKey } from './types'\n\nexport const DEFAULT_NAMESPACE: NamespaceKey = 'default'\n\nexport interface NamespaceState {\n  queue: ModalRecord[]\n}\n\nconst namespaceMap = new Map<NamespaceKey, NamespaceState>()\n\n/** Returns (or lazily creates) the reactive state for the given namespace */\nexport function getNamespaceState(namespace: NamespaceKey = DEFAULT_NAMESPACE): NamespaceState {\n  if (!namespaceMap.has(namespace)) {\n    namespaceMap.set(namespace, { queue: reactive([]) })\n  }\n\n  return namespaceMap.get(namespace)!\n}\n\n/** Returns the reactive modal queue for the given namespace */\nexport function getQueueByNamespace(namespace?: NamespaceKey) {\n  return getNamespaceState(namespace).queue\n}\n","import { getNamespaceState } from '../state'\nimport type { ModalCloseOptions } from '../types'\n\n/** Closes all modals in the namespace sequentially (LIFO order) */\nexport async function closeModal(options: ModalCloseOptions = {}): Promise<void> {\n  // Snapshot and reverse: close top-to-bottom so a guard rejection on an upper modal\n  // leaves lower modals untouched\n  const queue = [...getNamespaceState(options.namespace).queue].reverse()\n  for (const modal of queue) {\n    await modal.close()\n  }\n}\n","import { markRaw, type Component } from 'vue'\nimport { createModal, modalStore } from '../modal'\nimport { getNamespaceState } from '../state'\nimport type { ModalOptions } from '../types'\n\n/** Pushes a new modal on top of the current stack. Use `popModal` to close it */\nexport function pushModal(\n  component: Component,\n  props: any = {},\n  options: Partial<ModalOptions> = {}\n) {\n  const ns = getNamespaceState(options.namespace)\n  const modal = createModal(component, props, options)\n\n  // markRaw prevents Vue from making the modal record itself reactive\n  // (individual Ref fields inside remain reactive as intended)\n  ns.queue.push(markRaw(modal))\n\n  // Register in modalStore only after the modal has been successfully queued\n  modalStore.set(modal.id, modal)\n\n  return modal\n}\n","import { reactive, ref, type Component, type Ref } from 'vue'\nimport { guardRegistry, guardToPromiseFn, runGuardQueue } from './guards'\nimport { DEFAULT_NAMESPACE, getNamespaceState } from './state'\nimport type { EventCallback, GuardFunction, ModalOptions, NamespaceKey } from './types'\n\nexport type ModalID = number\n\n/** Event name used by `promptModal` to receive a result value from the modal component */\nexport const MODAL_EVENT_PROMPT = 'modal:prompt'\n\n/** Global store of all active modal records, keyed by modal ID */\nexport const modalStore = new Map<ModalID, ModalRecord>()\n\nlet idCounter = 0\n\nexport interface ModalRecord {\n  readonly id: ModalID\n  readonly component: Component\n  readonly namespace: NamespaceKey\n  readonly isRoute: boolean\n  readonly closed: Ref<boolean>\n  props: Ref<any>\n  readonly events: Record<string, EventCallback[]>\n  /** Closes the modal, running all registered close guards first */\n  close(): Promise<void>\n  /** Emits an event on the modal's internal event bus */\n  emit(eventName: string, data?: unknown): void\n  /** Subscribes to an event on the modal's internal event bus. Returns an unsubscribe function */\n  on<T = unknown>(eventName: string, callback: (v: T) => void): () => void\n  /** Registers a guard function that can cancel or delay closing */\n  addCloseGuard(fn: GuardFunction): void\n  /** Registers a callback invoked after the modal is fully destroyed */\n  addDestroyGuard(fn: () => void): void\n}\n\n/** Creates a new modal record without mounting it into any queue */\nexport function createModal(\n  component: Component,\n  props: any,\n  options: Partial<ModalOptions> = {}\n): ModalRecord {\n  const id = idCounter++\n  const namespace = options.namespace ?? DEFAULT_NAMESPACE\n  const isRoute = options.isRoute ?? false\n\n  let closing = false\n\n  const propsRef = ref(props)\n  const events = reactive<Record<string, EventCallback[]>>({})\n  const closed = ref(false)\n\n  const modal: ModalRecord = {\n    id,\n    component,\n    namespace,\n    isRoute,\n    props: propsRef,\n    events,\n    closed,\n\n    async close(): Promise<void> {\n      // Already closed or close in progress\n      if (closing || closed.value) return\n      closing = true\n\n      const queue = getNamespaceState(namespace).queue\n      const guardFns = guardRegistry.get(id, 'close').map((guard) => guardToPromiseFn(guard))\n\n      try {\n        await runGuardQueue(guardFns)\n      } catch (error) {\n        // Guard rejected the close — reset the flag so the user can retry\n        closing = false\n        throw error\n      }\n\n      // Re-find the index: the queue may have changed during async guards\n      const current = queue.findIndex((m) => m.id === id)\n      if (current !== -1) {\n        queue.splice(current, 1)\n      }\n\n      closed.value = true\n\n      for (const runnable of guardRegistry.get(id, 'destroy')) {\n        try {\n          runnable()\n        } catch (error) {\n          console.warn('Error running modal destroy guard', error)\n        }\n      }\n\n      guardRegistry.delete(id)\n      modalStore.delete(id)\n\n      for (const key in events) {\n        delete events[key]\n      }\n    },\n\n    emit(eventName: string, data?: unknown): void {\n      const handlers = events[eventName]\n      if (!handlers) return\n      for (const handler of [...handlers]) {\n        handler(data)\n      }\n    },\n\n    on<T = unknown>(eventName: string, callback: (v: T) => void): () => void {\n      let handlers = events[eventName]\n      if (!Array.isArray(handlers)) {\n        handlers = []\n        events[eventName] = handlers\n      }\n\n      handlers.push(callback as EventCallback)\n\n      return () => {\n        const arr = events[eventName]\n        if (!arr) return\n\n        const i = arr.indexOf(callback)\n        if (i !== -1) {\n          arr.splice(i, 1)\n        }\n      }\n    },\n\n    addCloseGuard(fn: GuardFunction): void {\n      guardRegistry.add(id, 'close', fn)\n    },\n\n    addDestroyGuard(fn: () => void): void {\n      guardRegistry.add(id, 'destroy', fn)\n    }\n  }\n\n  return modal\n}\n","import type { GuardFunction } from './types'\n\ntype GuardFunctionPromisify = () => Promise<void>\n\ntype AvailableKeys = 'close' | 'destroy'\n\nconst store = new Map<number, Partial<Record<AvailableKeys, GuardFunction[]>>>()\n\n/** Registry for per-modal guard functions, keyed by modal ID */\nexport const guardRegistry = {\n  add(modalId: number, name: AvailableKeys, func: GuardFunction): void {\n    let guard = store.get(modalId)\n    if (!guard) {\n      guard = {}\n      store.set(modalId, guard)\n    }\n\n    guard[name] ??= []\n    guard[name].push(func)\n  },\n\n  get(id: number, name: AvailableKeys): GuardFunction[] {\n    return store.get(id)?.[name] ?? []\n  },\n\n  delete(id: number): void {\n    store.delete(id)\n  }\n}\n\n/** Runs an array of promisified guard functions sequentially */\nexport async function runGuardQueue(fns: GuardFunctionPromisify[]): Promise<void> {\n  for (const fn of fns) {\n    await fn()\n  }\n}\n\n/** Wraps a guard function so it throws when the guard returns `false` */\nexport function guardToPromiseFn(guard: GuardFunction): GuardFunctionPromisify {\n  return async () => {\n    const result = await guard()\n    if (result !== false) return\n    throw new Error('Guard returned false. Close cancelled.')\n  }\n}\n","import type { Component } from 'vue'\nimport type { ModalOptions } from '../types'\nimport { closeModal } from './close-modal'\nimport { pushModal } from './push-modal'\n\n/** Closes all active modals in the namespace and opens a new one */\nexport async function openModal(\n  component: Component,\n  props: any = {},\n  options: Partial<ModalOptions> = {}\n) {\n  await closeModal({ namespace: options.namespace })\n  return pushModal(component, props, options)\n}\n","import type { Component } from 'vue'\nimport { MODAL_EVENT_PROMPT } from '../modal'\nimport type { ModalOptions } from '../types'\nimport { pushModal } from './push-modal'\n\n/**\n * Opens a modal and waits for a result via the `MODAL_EVENT_PROMPT` event.\n * Resolves with the value passed to the event, or `null` if the modal is\n * closed without emitting a result.\n */\nexport function promptModal<T = unknown>(\n  component: Component,\n  props: any = {},\n  options: Partial<ModalOptions> = {}\n): Promise<T | null> {\n  const modal = pushModal(component, props, options)\n  let isPrompted = false\n\n  const { promise, resolve } = Promise.withResolvers<T | null>()\n\n  const unsubscribe = modal.on(MODAL_EVENT_PROMPT, async (data: T) => {\n    // Guard against concurrent calls: ignore a second emit while close is in progress\n    if (isPrompted) return\n    isPrompted = true\n\n    try {\n      await modal.close()\n      resolve(data)\n    } catch {\n      // Guard rejected the close — reset the flag so the user can retry\n      isPrompted = false\n    }\n  })\n\n  // addDestroyGuard is called after the modal is fully closed (non-cancellable)\n  modal.addDestroyGuard(() => {\n    unsubscribe()\n    if (!isPrompted) {\n      resolve(null)\n    }\n  })\n\n  return promise\n}\n","import { getNamespaceState } from '../state'\nimport type { NamespaceKey } from '../types'\n\n/** Returns the topmost active modal in the namespace, or `undefined` if the queue is empty */\nexport function getCurrentModal(namespace?: NamespaceKey) {\n  const ns = getNamespaceState(namespace)\n  return ns.queue.at(-1)\n}\n","import type { ModalCloseOptions } from '../types'\nimport { getCurrentModal } from './get-current-modal'\n\n/** Closes the topmost active modal in the namespace */\nexport async function popModal(options: ModalCloseOptions = {}): Promise<void> {\n  const modal = getCurrentModal(options.namespace)\n  if (!modal) return\n  await modal.close()\n}\n","import { modalStore } from '../modal'\n\n/** Closes a modal by its ID. Throws if no modal with the given ID exists */\nexport async function closeById(id: number): Promise<void> {\n  const modal = modalStore.get(id)\n  if (!modal) throw new Error(`Modal with ID ${id} not found`)\n  await modal.close()\n}\n","import type { ComponentProps } from '../component-props'\nimport type { ModalRecord } from '../modal/modal'\nimport { getQueueByNamespace } from '../modal/state'\nimport { openModal as openModalFn } from '../modal/methods/open-modal'\nimport { promptModal as promptModalFn } from '../modal/methods/prompt-modal'\n\nexport const DIALOG_NAMESPACE = 'dialog'\n\nconst dialogs = getQueueByNamespace(DIALOG_NAMESPACE)\n\n/**\n * Composable for managing dialog modals.\n * Provides methods to open, close, and prompt dialogs within the `dialog` namespace.\n */\nexport function useDialog() {\n  async function closeDialog(dialogId?: number): Promise<void> {\n    if (typeof dialogId === 'number') {\n      await dialogs.find((d) => d.id === dialogId)?.close()\n      return\n    }\n\n    const reversed = [...dialogs].reverse()\n    for (let i = 0; i < reversed.length; i++) {\n      await reversed[i]!.close()\n      // Stop before a route-bound dialog\n      if (reversed[i + 1]?.isRoute) break\n    }\n  }\n\n  function promptDialog<\n    Result = unknown,\n    C extends new (...args: unknown[]) => unknown = new (...args: unknown[]) => unknown\n  >(Component: C, props?: ComponentProps<C>): Promise<Result | null> {\n    return promptModalFn<Result>(Component, props, { namespace: DIALOG_NAMESPACE })\n  }\n\n  function openDialog<C extends new (...args: unknown[]) => unknown>(\n    Component: C,\n    props?: ComponentProps<C>\n  ): Promise<ModalRecord> {\n    return openModalFn(Component, props, { namespace: DIALOG_NAMESPACE })\n  }\n\n  return {\n    /** Reactive list of active dialogs */\n    dialogs,\n    /** Opens a dialog with the given component and props */\n    openDialog,\n    /**\n     * Closes a dialog.\n     * If an ID is provided, closes that specific dialog.\n     * Otherwise closes all dialogs, stopping before any route-bound dialog.\n     */\n    closeDialog,\n    /**\n     * Opens a dialog in prompt mode and waits for a result.\n     * Useful for confirmation flows or data-input dialogs.\n     */\n    promptDialog\n  }\n}\n","import type { ComponentProps } from '../component-props'\nimport type { ModalRecord } from '../modal/modal'\nimport { getQueueByNamespace } from '../modal/state'\nimport { pushModal } from '../modal/methods/push-modal'\nimport { watch } from 'vue'\n\nexport const TOAST_NAMESPACE = 'toast'\nconst DURATION = 5_000\n\n// Queue and timers are module-level singletons shared across all useToast() calls\nconst toasts = getQueueByNamespace(TOAST_NAMESPACE)\nconst timers = new Map<number, ReturnType<typeof setTimeout>>()\n\nfunction removeTimer(toastId: number) {\n  const timer = timers.get(toastId)\n  if (!timer) return\n\n  clearTimeout(timer)\n  timers.delete(toastId)\n}\n\nfunction addTimer(toastId: number) {\n  if (timers.has(toastId)) return\n  const timer = setTimeout(() => closeToast(toastId), DURATION)\n  timers.set(toastId, timer)\n}\n\nfunction closeToast(toastId: number) {\n  removeTimer(toastId)\n  const toast = toasts.find((t) => t.id === toastId)\n  toast?.close().catch(() => {})\n}\n\nfunction closeAllToasts() {\n  toasts.forEach((t) => closeToast(t.id))\n}\n\n// Sync timers with the queue — runs once at module level\nwatch(\n  toasts,\n  (nextToasts) => {\n    const activeIds = new Set(nextToasts.map((t) => t.id))\n    nextToasts.forEach((t) => addTimer(t.id))\n    for (const id of timers.keys()) {\n      if (!activeIds.has(id)) {\n        removeTimer(id)\n      }\n    }\n  },\n  { immediate: true }\n)\n\nfunction openToast<C extends new (...args: unknown[]) => unknown>(\n  Component: C,\n  props?: ComponentProps<C>\n): ModalRecord {\n  return pushModal(Component, props, { namespace: TOAST_NAMESPACE })\n}\n\n/** Composable for managing toast notifications */\nexport function useToast() {\n  return {\n    /** Reactive list of active toasts */\n    toasts,\n    /** Opens a toast with a custom component */\n    openToast,\n    /** Closes a toast by ID */\n    closeToast,\n    /** Closes all active toasts */\n    closeAllToasts\n  }\n}\n","import type { ComponentProps } from '../component-props'\nimport { getQueueByNamespace } from '../modal/state'\nimport { openModal } from '../modal/methods/open-modal'\nimport { computed } from 'vue'\n\nexport const SIDEBAR_NAMESPACE = 'sidebar'\n\nconst sidebars = getQueueByNamespace(SIDEBAR_NAMESPACE)\nconst sidebar = computed(() => sidebars.at(-1))\n\n/**\n * Composable for managing sidebar panels.\n * Provides methods to open and close sidebars within the `sidebar` namespace.\n */\nexport function useSidebarPanel() {\n  function openSidebar<C extends new (...args: unknown[]) => unknown>(\n    Component: C,\n    props?: ComponentProps<C>\n  ) {\n    return openModal(Component, props, { namespace: SIDEBAR_NAMESPACE })\n  }\n\n  async function closeSidebar(): Promise<void> {\n    if (!sidebar.value) return\n    await sidebar.value.close()\n  }\n\n  return {\n    /** Reactive list of active sidebars */\n    sidebars,\n    /** The topmost (currently active) sidebar */\n    sidebar,\n    /** Opens a component inside a sidebar panel */\n    openSidebar,\n    /** Closes the current sidebar */\n    closeSidebar\n  }\n}\n"],"mappings":"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","names":["import_vue","import_vue","import_vue","import_vue"]}

package/dist/index.d.cts

@@ -0,0 +1,131 @@
+import * as vue from 'vue';
+import { Component, Ref } from 'vue';
+
+type NamespaceKey = number | string;
+/**
+ * Guard function for a modal.
+ * Return `false` to cancel closing, `true` or `void` to allow it.
+ * Supports async: `Promise<boolean>`.
+ */
+type GuardFunction = () => void | boolean | Promise<boolean>;
+interface ModalCloseOptions {
+    namespace?: NamespaceKey;
+}
+interface ModalOptions {
+    isRoute: boolean;
+    namespace: NamespaceKey;
+}
+type EventCallback = (v: any) => any;
+
+type ModalID = number;
+/** Event name used by `promptModal` to receive a result value from the modal component */
+declare const MODAL_EVENT_PROMPT = "modal:prompt";
+interface ModalRecord {
+    readonly id: ModalID;
+    readonly component: Component;
+    readonly namespace: NamespaceKey;
+    readonly isRoute: boolean;
+    readonly closed: Ref<boolean>;
+    props: Ref<any>;
+    readonly events: Record<string, EventCallback[]>;
+    /** Closes the modal, running all registered close guards first */
+    close(): Promise<void>;
+    /** Emits an event on the modal's internal event bus */
+    emit(eventName: string, data?: unknown): void;
+    /** Subscribes to an event on the modal's internal event bus. Returns an unsubscribe function */
+    on<T = unknown>(eventName: string, callback: (v: T) => void): () => void;
+    /** Registers a guard function that can cancel or delay closing */
+    addCloseGuard(fn: GuardFunction): void;
+    /** Registers a callback invoked after the modal is fully destroyed */
+    addDestroyGuard(fn: () => void): void;
+}
+
+/** Closes all active modals in the namespace and opens a new one */
+declare function openModal(component: Component, props?: any, options?: Partial<ModalOptions>): Promise<ModalRecord>;
+
+/**
+ * Opens a modal and waits for a result via the `MODAL_EVENT_PROMPT` event.
+ * Resolves with the value passed to the event, or `null` if the modal is
+ * closed without emitting a result.
+ */
+declare function promptModal<T = unknown>(component: Component, props?: any, options?: Partial<ModalOptions>): Promise<T | null>;
+
+/** Pushes a new modal on top of the current stack. Use `popModal` to close it */
+declare function pushModal(component: Component, props?: any, options?: Partial<ModalOptions>): ModalRecord;
+
+/** Closes the topmost active modal in the namespace */
+declare function popModal(options?: ModalCloseOptions): Promise<void>;
+
+/** Closes all modals in the namespace sequentially (LIFO order) */
+declare function closeModal(options?: ModalCloseOptions): Promise<void>;
+
+/** Closes a modal by its ID. Throws if no modal with the given ID exists */
+declare function closeById(id: number): Promise<void>;
+
+/** Returns the topmost active modal in the namespace, or `undefined` if the queue is empty */
+declare function getCurrentModal(namespace?: NamespaceKey): ModalRecord | undefined;
+
+/** Returns the reactive modal queue for the given namespace */
+declare function getQueueByNamespace(namespace?: NamespaceKey): ModalRecord[];
+
+/** Extracts the `$props` type from a Vue component constructor, making all props optional */
+type ComponentProps<T> = T extends new (...args: unknown[]) => infer R ? R extends {
+    $props: infer P;
+} ? Partial<P> : Record<string, unknown> : never;
+
+declare const DIALOG_NAMESPACE = "dialog";
+/**
+ * Composable for managing dialog modals.
+ * Provides methods to open, close, and prompt dialogs within the `dialog` namespace.
+ */
+declare function useDialog(): {
+    /** Reactive list of active dialogs */
+    dialogs: ModalRecord[];
+    /** Opens a dialog with the given component and props */
+    openDialog: <C extends new (...args: unknown[]) => unknown>(Component: C, props?: ComponentProps<C>) => Promise<ModalRecord>;
+    /**
+     * Closes a dialog.
+     * If an ID is provided, closes that specific dialog.
+     * Otherwise closes all dialogs, stopping before any route-bound dialog.
+     */
+    closeDialog: (dialogId?: number) => Promise<void>;
+    /**
+     * Opens a dialog in prompt mode and waits for a result.
+     * Useful for confirmation flows or data-input dialogs.
+     */
+    promptDialog: <Result = unknown, C extends new (...args: unknown[]) => unknown = new (...args: unknown[]) => unknown>(Component: C, props?: ComponentProps<C>) => Promise<Result | null>;
+};
+
+declare const TOAST_NAMESPACE = "toast";
+declare function closeToast(toastId: number): void;
+declare function closeAllToasts(): void;
+declare function openToast<C extends new (...args: unknown[]) => unknown>(Component: C, props?: ComponentProps<C>): ModalRecord;
+/** Composable for managing toast notifications */
+declare function useToast(): {
+    /** Reactive list of active toasts */
+    toasts: ModalRecord[];
+    /** Opens a toast with a custom component */
+    openToast: typeof openToast;
+    /** Closes a toast by ID */
+    closeToast: typeof closeToast;
+    /** Closes all active toasts */
+    closeAllToasts: typeof closeAllToasts;
+};
+
+declare const SIDEBAR_NAMESPACE = "sidebar";
+/**
+ * Composable for managing sidebar panels.
+ * Provides methods to open and close sidebars within the `sidebar` namespace.
+ */
+declare function useSidebarPanel(): {
+    /** Reactive list of active sidebars */
+    sidebars: ModalRecord[];
+    /** The topmost (currently active) sidebar */
+    sidebar: vue.ComputedRef<ModalRecord | undefined>;
+    /** Opens a component inside a sidebar panel */
+    openSidebar: <C extends new (...args: unknown[]) => unknown>(Component: C, props?: ComponentProps<C>) => Promise<ModalRecord>;
+    /** Closes the current sidebar */
+    closeSidebar: () => Promise<void>;
+};
+
+export { type ComponentProps, DIALOG_NAMESPACE, type GuardFunction, MODAL_EVENT_PROMPT, type ModalCloseOptions, type ModalID, type ModalOptions, type ModalRecord, type NamespaceKey, SIDEBAR_NAMESPACE, TOAST_NAMESPACE, closeById, closeModal, getCurrentModal, getQueueByNamespace, openModal, popModal, promptModal, pushModal, useDialog, useSidebarPanel, useToast };

package/dist/index.d.ts

@@ -0,0 +1,131 @@
+import * as vue from 'vue';
+import { Component, Ref } from 'vue';
+
+type NamespaceKey = number | string;
+/**
+ * Guard function for a modal.
+ * Return `false` to cancel closing, `true` or `void` to allow it.
+ * Supports async: `Promise<boolean>`.
+ */
+type GuardFunction = () => void | boolean | Promise<boolean>;
+interface ModalCloseOptions {
+    namespace?: NamespaceKey;
+}
+interface ModalOptions {
+    isRoute: boolean;
+    namespace: NamespaceKey;
+}
+type EventCallback = (v: any) => any;
+
+type ModalID = number;
+/** Event name used by `promptModal` to receive a result value from the modal component */
+declare const MODAL_EVENT_PROMPT = "modal:prompt";
+interface ModalRecord {
+    readonly id: ModalID;
+    readonly component: Component;
+    readonly namespace: NamespaceKey;
+    readonly isRoute: boolean;
+    readonly closed: Ref<boolean>;
+    props: Ref<any>;
+    readonly events: Record<string, EventCallback[]>;
+    /** Closes the modal, running all registered close guards first */
+    close(): Promise<void>;
+    /** Emits an event on the modal's internal event bus */
+    emit(eventName: string, data?: unknown): void;
+    /** Subscribes to an event on the modal's internal event bus. Returns an unsubscribe function */
+    on<T = unknown>(eventName: string, callback: (v: T) => void): () => void;
+    /** Registers a guard function that can cancel or delay closing */
+    addCloseGuard(fn: GuardFunction): void;
+    /** Registers a callback invoked after the modal is fully destroyed */
+    addDestroyGuard(fn: () => void): void;
+}
+
+/** Closes all active modals in the namespace and opens a new one */
+declare function openModal(component: Component, props?: any, options?: Partial<ModalOptions>): Promise<ModalRecord>;
+
+/**
+ * Opens a modal and waits for a result via the `MODAL_EVENT_PROMPT` event.
+ * Resolves with the value passed to the event, or `null` if the modal is
+ * closed without emitting a result.
+ */
+declare function promptModal<T = unknown>(component: Component, props?: any, options?: Partial<ModalOptions>): Promise<T | null>;
+
+/** Pushes a new modal on top of the current stack. Use `popModal` to close it */
+declare function pushModal(component: Component, props?: any, options?: Partial<ModalOptions>): ModalRecord;
+
+/** Closes the topmost active modal in the namespace */
+declare function popModal(options?: ModalCloseOptions): Promise<void>;
+
+/** Closes all modals in the namespace sequentially (LIFO order) */
+declare function closeModal(options?: ModalCloseOptions): Promise<void>;
+
+/** Closes a modal by its ID. Throws if no modal with the given ID exists */
+declare function closeById(id: number): Promise<void>;
+
+/** Returns the topmost active modal in the namespace, or `undefined` if the queue is empty */
+declare function getCurrentModal(namespace?: NamespaceKey): ModalRecord | undefined;
+
+/** Returns the reactive modal queue for the given namespace */
+declare function getQueueByNamespace(namespace?: NamespaceKey): ModalRecord[];
+
+/** Extracts the `$props` type from a Vue component constructor, making all props optional */
+type ComponentProps<T> = T extends new (...args: unknown[]) => infer R ? R extends {
+    $props: infer P;
+} ? Partial<P> : Record<string, unknown> : never;
+
+declare const DIALOG_NAMESPACE = "dialog";
+/**
+ * Composable for managing dialog modals.
+ * Provides methods to open, close, and prompt dialogs within the `dialog` namespace.
+ */
+declare function useDialog(): {
+    /** Reactive list of active dialogs */
+    dialogs: ModalRecord[];
+    /** Opens a dialog with the given component and props */
+    openDialog: <C extends new (...args: unknown[]) => unknown>(Component: C, props?: ComponentProps<C>) => Promise<ModalRecord>;
+    /**
+     * Closes a dialog.
+     * If an ID is provided, closes that specific dialog.
+     * Otherwise closes all dialogs, stopping before any route-bound dialog.
+     */
+    closeDialog: (dialogId?: number) => Promise<void>;
+    /**
+     * Opens a dialog in prompt mode and waits for a result.
+     * Useful for confirmation flows or data-input dialogs.
+     */
+    promptDialog: <Result = unknown, C extends new (...args: unknown[]) => unknown = new (...args: unknown[]) => unknown>(Component: C, props?: ComponentProps<C>) => Promise<Result | null>;
+};
+
+declare const TOAST_NAMESPACE = "toast";
+declare function closeToast(toastId: number): void;
+declare function closeAllToasts(): void;
+declare function openToast<C extends new (...args: unknown[]) => unknown>(Component: C, props?: ComponentProps<C>): ModalRecord;
+/** Composable for managing toast notifications */
+declare function useToast(): {
+    /** Reactive list of active toasts */
+    toasts: ModalRecord[];
+    /** Opens a toast with a custom component */
+    openToast: typeof openToast;
+    /** Closes a toast by ID */
+    closeToast: typeof closeToast;
+    /** Closes all active toasts */
+    closeAllToasts: typeof closeAllToasts;
+};
+
+declare const SIDEBAR_NAMESPACE = "sidebar";
+/**
+ * Composable for managing sidebar panels.
+ * Provides methods to open and close sidebars within the `sidebar` namespace.
+ */
+declare function useSidebarPanel(): {
+    /** Reactive list of active sidebars */
+    sidebars: ModalRecord[];
+    /** The topmost (currently active) sidebar */
+    sidebar: vue.ComputedRef<ModalRecord | undefined>;
+    /** Opens a component inside a sidebar panel */
+    openSidebar: <C extends new (...args: unknown[]) => unknown>(Component: C, props?: ComponentProps<C>) => Promise<ModalRecord>;
+    /** Closes the current sidebar */
+    closeSidebar: () => Promise<void>;
+};
+
+export { type ComponentProps, DIALOG_NAMESPACE, type GuardFunction, MODAL_EVENT_PROMPT, type ModalCloseOptions, type ModalID, type ModalOptions, type ModalRecord, type NamespaceKey, SIDEBAR_NAMESPACE, TOAST_NAMESPACE, closeById, closeModal, getCurrentModal, getQueueByNamespace, openModal, popModal, promptModal, pushModal, useDialog, useSidebarPanel, useToast };

package/dist/index.js

@@ -0,0 +1,338 @@
+// src/modal/state.ts
+import { reactive } from "vue";
+var DEFAULT_NAMESPACE = "default";
+var namespaceMap = /* @__PURE__ */ new Map();
+function getNamespaceState(namespace = DEFAULT_NAMESPACE) {
+  if (!namespaceMap.has(namespace)) {
+    namespaceMap.set(namespace, { queue: reactive([]) });
+  }
+  return namespaceMap.get(namespace);
+}
+function getQueueByNamespace(namespace) {
+  return getNamespaceState(namespace).queue;
+}
+
+// src/modal/methods/close-modal.ts
+async function closeModal(options = {}) {
+  const queue = [...getNamespaceState(options.namespace).queue].reverse();
+  for (const modal of queue) {
+    await modal.close();
+  }
+}
+
+// src/modal/methods/push-modal.ts
+import { markRaw } from "vue";
+
+// src/modal/modal.ts
+import { reactive as reactive2, ref } from "vue";
+
+// src/modal/guards.ts
+var store = /* @__PURE__ */ new Map();
+var guardRegistry = {
+  add(modalId, name, func) {
+    let guard = store.get(modalId);
+    if (!guard) {
+      guard = {};
+      store.set(modalId, guard);
+    }
+    guard[name] ??= [];
+    guard[name].push(func);
+  },
+  get(id, name) {
+    return store.get(id)?.[name] ?? [];
+  },
+  delete(id) {
+    store.delete(id);
+  }
+};
+async function runGuardQueue(fns) {
+  for (const fn of fns) {
+    await fn();
+  }
+}
+function guardToPromiseFn(guard) {
+  return async () => {
+    const result = await guard();
+    if (result !== false) return;
+    throw new Error("Guard returned false. Close cancelled.");
+  };
+}
+
+// src/modal/modal.ts
+var MODAL_EVENT_PROMPT = "modal:prompt";
+var modalStore = /* @__PURE__ */ new Map();
+var idCounter = 0;
+function createModal(component, props, options = {}) {
+  const id = idCounter++;
+  const namespace = options.namespace ?? DEFAULT_NAMESPACE;
+  const isRoute = options.isRoute ?? false;
+  let closing = false;
+  const propsRef = ref(props);
+  const events = reactive2({});
+  const closed = ref(false);
+  const modal = {
+    id,
+    component,
+    namespace,
+    isRoute,
+    props: propsRef,
+    events,
+    closed,
+    async close() {
+      if (closing || closed.value) return;
+      closing = true;
+      const queue = getNamespaceState(namespace).queue;
+      const guardFns = guardRegistry.get(id, "close").map((guard) => guardToPromiseFn(guard));
+      try {
+        await runGuardQueue(guardFns);
+      } catch (error) {
+        closing = false;
+        throw error;
+      }
+      const current = queue.findIndex((m) => m.id === id);
+      if (current !== -1) {
+        queue.splice(current, 1);
+      }
+      closed.value = true;
+      for (const runnable of guardRegistry.get(id, "destroy")) {
+        try {
+          runnable();
+        } catch (error) {
+          console.warn("Error running modal destroy guard", error);
+        }
+      }
+      guardRegistry.delete(id);
+      modalStore.delete(id);
+      for (const key in events) {
+        delete events[key];
+      }
+    },
+    emit(eventName, data) {
+      const handlers = events[eventName];
+      if (!handlers) return;
+      for (const handler of [...handlers]) {
+        handler(data);
+      }
+    },
+    on(eventName, callback) {
+      let handlers = events[eventName];
+      if (!Array.isArray(handlers)) {
+        handlers = [];
+        events[eventName] = handlers;
+      }
+      handlers.push(callback);
+      return () => {
+        const arr = events[eventName];
+        if (!arr) return;
+        const i = arr.indexOf(callback);
+        if (i !== -1) {
+          arr.splice(i, 1);
+        }
+      };
+    },
+    addCloseGuard(fn) {
+      guardRegistry.add(id, "close", fn);
+    },
+    addDestroyGuard(fn) {
+      guardRegistry.add(id, "destroy", fn);
+    }
+  };
+  return modal;
+}
+
+// src/modal/methods/push-modal.ts
+function pushModal(component, props = {}, options = {}) {
+  const ns = getNamespaceState(options.namespace);
+  const modal = createModal(component, props, options);
+  ns.queue.push(markRaw(modal));
+  modalStore.set(modal.id, modal);
+  return modal;
+}
+
+// src/modal/methods/open-modal.ts
+async function openModal(component, props = {}, options = {}) {
+  await closeModal({ namespace: options.namespace });
+  return pushModal(component, props, options);
+}
+
+// src/modal/methods/prompt-modal.ts
+function promptModal(component, props = {}, options = {}) {
+  const modal = pushModal(component, props, options);
+  let isPrompted = false;
+  const { promise, resolve } = Promise.withResolvers();
+  const unsubscribe = modal.on(MODAL_EVENT_PROMPT, async (data) => {
+    if (isPrompted) return;
+    isPrompted = true;
+    try {
+      await modal.close();
+      resolve(data);
+    } catch {
+      isPrompted = false;
+    }
+  });
+  modal.addDestroyGuard(() => {
+    unsubscribe();
+    if (!isPrompted) {
+      resolve(null);
+    }
+  });
+  return promise;
+}
+
+// src/modal/methods/get-current-modal.ts
+function getCurrentModal(namespace) {
+  const ns = getNamespaceState(namespace);
+  return ns.queue.at(-1);
+}
+
+// src/modal/methods/pop-modal.ts
+async function popModal(options = {}) {
+  const modal = getCurrentModal(options.namespace);
+  if (!modal) return;
+  await modal.close();
+}
+
+// src/modal/methods/close-by-id.ts
+async function closeById(id) {
+  const modal = modalStore.get(id);
+  if (!modal) throw new Error(`Modal with ID ${id} not found`);
+  await modal.close();
+}
+
+// src/hooks/dialog.ts
+var DIALOG_NAMESPACE = "dialog";
+var dialogs = getQueueByNamespace(DIALOG_NAMESPACE);
+function useDialog() {
+  async function closeDialog(dialogId) {
+    if (typeof dialogId === "number") {
+      await dialogs.find((d) => d.id === dialogId)?.close();
+      return;
+    }
+    const reversed = [...dialogs].reverse();
+    for (let i = 0; i < reversed.length; i++) {
+      await reversed[i].close();
+      if (reversed[i + 1]?.isRoute) break;
+    }
+  }
+  function promptDialog(Component, props) {
+    return promptModal(Component, props, { namespace: DIALOG_NAMESPACE });
+  }
+  function openDialog(Component, props) {
+    return openModal(Component, props, { namespace: DIALOG_NAMESPACE });
+  }
+  return {
+    /** Reactive list of active dialogs */
+    dialogs,
+    /** Opens a dialog with the given component and props */
+    openDialog,
+    /**
+     * Closes a dialog.
+     * If an ID is provided, closes that specific dialog.
+     * Otherwise closes all dialogs, stopping before any route-bound dialog.
+     */
+    closeDialog,
+    /**
+     * Opens a dialog in prompt mode and waits for a result.
+     * Useful for confirmation flows or data-input dialogs.
+     */
+    promptDialog
+  };
+}
+
+// src/hooks/toast.ts
+import { watch } from "vue";
+var TOAST_NAMESPACE = "toast";
+var DURATION = 5e3;
+var toasts = getQueueByNamespace(TOAST_NAMESPACE);
+var timers = /* @__PURE__ */ new Map();
+function removeTimer(toastId) {
+  const timer = timers.get(toastId);
+  if (!timer) return;
+  clearTimeout(timer);
+  timers.delete(toastId);
+}
+function addTimer(toastId) {
+  if (timers.has(toastId)) return;
+  const timer = setTimeout(() => closeToast(toastId), DURATION);
+  timers.set(toastId, timer);
+}
+function closeToast(toastId) {
+  removeTimer(toastId);
+  const toast = toasts.find((t) => t.id === toastId);
+  toast?.close().catch(() => {
+  });
+}
+function closeAllToasts() {
+  toasts.forEach((t) => closeToast(t.id));
+}
+watch(
+  toasts,
+  (nextToasts) => {
+    const activeIds = new Set(nextToasts.map((t) => t.id));
+    nextToasts.forEach((t) => addTimer(t.id));
+    for (const id of timers.keys()) {
+      if (!activeIds.has(id)) {
+        removeTimer(id);
+      }
+    }
+  },
+  { immediate: true }
+);
+function openToast(Component, props) {
+  return pushModal(Component, props, { namespace: TOAST_NAMESPACE });
+}
+function useToast() {
+  return {
+    /** Reactive list of active toasts */
+    toasts,
+    /** Opens a toast with a custom component */
+    openToast,
+    /** Closes a toast by ID */
+    closeToast,
+    /** Closes all active toasts */
+    closeAllToasts
+  };
+}
+
+// src/hooks/sidebar-panel.ts
+import { computed } from "vue";
+var SIDEBAR_NAMESPACE = "sidebar";
+var sidebars = getQueueByNamespace(SIDEBAR_NAMESPACE);
+var sidebar = computed(() => sidebars.at(-1));
+function useSidebarPanel() {
+  function openSidebar(Component, props) {
+    return openModal(Component, props, { namespace: SIDEBAR_NAMESPACE });
+  }
+  async function closeSidebar() {
+    if (!sidebar.value) return;
+    await sidebar.value.close();
+  }
+  return {
+    /** Reactive list of active sidebars */
+    sidebars,
+    /** The topmost (currently active) sidebar */
+    sidebar,
+    /** Opens a component inside a sidebar panel */
+    openSidebar,
+    /** Closes the current sidebar */
+    closeSidebar
+  };
+}
+export {
+  DIALOG_NAMESPACE,
+  MODAL_EVENT_PROMPT,
+  SIDEBAR_NAMESPACE,
+  TOAST_NAMESPACE,
+  closeById,
+  closeModal,
+  getCurrentModal,
+  getQueueByNamespace,
+  openModal,
+  popModal,
+  promptModal,
+  pushModal,
+  useDialog,
+  useSidebarPanel,
+  useToast
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/modal/state.ts","../src/modal/methods/close-modal.ts","../src/modal/methods/push-modal.ts","../src/modal/modal.ts","../src/modal/guards.ts","../src/modal/methods/open-modal.ts","../src/modal/methods/prompt-modal.ts","../src/modal/methods/get-current-modal.ts","../src/modal/methods/pop-modal.ts","../src/modal/methods/close-by-id.ts","../src/hooks/dialog.ts","../src/hooks/toast.ts","../src/hooks/sidebar-panel.ts"],"sourcesContent":["import { reactive } from 'vue'\nimport type { ModalRecord } from './modal'\nimport type { NamespaceKey } from './types'\n\nexport const DEFAULT_NAMESPACE: NamespaceKey = 'default'\n\nexport interface NamespaceState {\n  queue: ModalRecord[]\n}\n\nconst namespaceMap = new Map<NamespaceKey, NamespaceState>()\n\n/** Returns (or lazily creates) the reactive state for the given namespace */\nexport function getNamespaceState(namespace: NamespaceKey = DEFAULT_NAMESPACE): NamespaceState {\n  if (!namespaceMap.has(namespace)) {\n    namespaceMap.set(namespace, { queue: reactive([]) })\n  }\n\n  return namespaceMap.get(namespace)!\n}\n\n/** Returns the reactive modal queue for the given namespace */\nexport function getQueueByNamespace(namespace?: NamespaceKey) {\n  return getNamespaceState(namespace).queue\n}\n","import { getNamespaceState } from '../state'\nimport type { ModalCloseOptions } from '../types'\n\n/** Closes all modals in the namespace sequentially (LIFO order) */\nexport async function closeModal(options: ModalCloseOptions = {}): Promise<void> {\n  // Snapshot and reverse: close top-to-bottom so a guard rejection on an upper modal\n  // leaves lower modals untouched\n  const queue = [...getNamespaceState(options.namespace).queue].reverse()\n  for (const modal of queue) {\n    await modal.close()\n  }\n}\n","import { markRaw, type Component } from 'vue'\nimport { createModal, modalStore } from '../modal'\nimport { getNamespaceState } from '../state'\nimport type { ModalOptions } from '../types'\n\n/** Pushes a new modal on top of the current stack. Use `popModal` to close it */\nexport function pushModal(\n  component: Component,\n  props: any = {},\n  options: Partial<ModalOptions> = {}\n) {\n  const ns = getNamespaceState(options.namespace)\n  const modal = createModal(component, props, options)\n\n  // markRaw prevents Vue from making the modal record itself reactive\n  // (individual Ref fields inside remain reactive as intended)\n  ns.queue.push(markRaw(modal))\n\n  // Register in modalStore only after the modal has been successfully queued\n  modalStore.set(modal.id, modal)\n\n  return modal\n}\n","import { reactive, ref, type Component, type Ref } from 'vue'\nimport { guardRegistry, guardToPromiseFn, runGuardQueue } from './guards'\nimport { DEFAULT_NAMESPACE, getNamespaceState } from './state'\nimport type { EventCallback, GuardFunction, ModalOptions, NamespaceKey } from './types'\n\nexport type ModalID = number\n\n/** Event name used by `promptModal` to receive a result value from the modal component */\nexport const MODAL_EVENT_PROMPT = 'modal:prompt'\n\n/** Global store of all active modal records, keyed by modal ID */\nexport const modalStore = new Map<ModalID, ModalRecord>()\n\nlet idCounter = 0\n\nexport interface ModalRecord {\n  readonly id: ModalID\n  readonly component: Component\n  readonly namespace: NamespaceKey\n  readonly isRoute: boolean\n  readonly closed: Ref<boolean>\n  props: Ref<any>\n  readonly events: Record<string, EventCallback[]>\n  /** Closes the modal, running all registered close guards first */\n  close(): Promise<void>\n  /** Emits an event on the modal's internal event bus */\n  emit(eventName: string, data?: unknown): void\n  /** Subscribes to an event on the modal's internal event bus. Returns an unsubscribe function */\n  on<T = unknown>(eventName: string, callback: (v: T) => void): () => void\n  /** Registers a guard function that can cancel or delay closing */\n  addCloseGuard(fn: GuardFunction): void\n  /** Registers a callback invoked after the modal is fully destroyed */\n  addDestroyGuard(fn: () => void): void\n}\n\n/** Creates a new modal record without mounting it into any queue */\nexport function createModal(\n  component: Component,\n  props: any,\n  options: Partial<ModalOptions> = {}\n): ModalRecord {\n  const id = idCounter++\n  const namespace = options.namespace ?? DEFAULT_NAMESPACE\n  const isRoute = options.isRoute ?? false\n\n  let closing = false\n\n  const propsRef = ref(props)\n  const events = reactive<Record<string, EventCallback[]>>({})\n  const closed = ref(false)\n\n  const modal: ModalRecord = {\n    id,\n    component,\n    namespace,\n    isRoute,\n    props: propsRef,\n    events,\n    closed,\n\n    async close(): Promise<void> {\n      // Already closed or close in progress\n      if (closing || closed.value) return\n      closing = true\n\n      const queue = getNamespaceState(namespace).queue\n      const guardFns = guardRegistry.get(id, 'close').map((guard) => guardToPromiseFn(guard))\n\n      try {\n        await runGuardQueue(guardFns)\n      } catch (error) {\n        // Guard rejected the close — reset the flag so the user can retry\n        closing = false\n        throw error\n      }\n\n      // Re-find the index: the queue may have changed during async guards\n      const current = queue.findIndex((m) => m.id === id)\n      if (current !== -1) {\n        queue.splice(current, 1)\n      }\n\n      closed.value = true\n\n      for (const runnable of guardRegistry.get(id, 'destroy')) {\n        try {\n          runnable()\n        } catch (error) {\n          console.warn('Error running modal destroy guard', error)\n        }\n      }\n\n      guardRegistry.delete(id)\n      modalStore.delete(id)\n\n      for (const key in events) {\n        delete events[key]\n      }\n    },\n\n    emit(eventName: string, data?: unknown): void {\n      const handlers = events[eventName]\n      if (!handlers) return\n      for (const handler of [...handlers]) {\n        handler(data)\n      }\n    },\n\n    on<T = unknown>(eventName: string, callback: (v: T) => void): () => void {\n      let handlers = events[eventName]\n      if (!Array.isArray(handlers)) {\n        handlers = []\n        events[eventName] = handlers\n      }\n\n      handlers.push(callback as EventCallback)\n\n      return () => {\n        const arr = events[eventName]\n        if (!arr) return\n\n        const i = arr.indexOf(callback)\n        if (i !== -1) {\n          arr.splice(i, 1)\n        }\n      }\n    },\n\n    addCloseGuard(fn: GuardFunction): void {\n      guardRegistry.add(id, 'close', fn)\n    },\n\n    addDestroyGuard(fn: () => void): void {\n      guardRegistry.add(id, 'destroy', fn)\n    }\n  }\n\n  return modal\n}\n","import type { GuardFunction } from './types'\n\ntype GuardFunctionPromisify = () => Promise<void>\n\ntype AvailableKeys = 'close' | 'destroy'\n\nconst store = new Map<number, Partial<Record<AvailableKeys, GuardFunction[]>>>()\n\n/** Registry for per-modal guard functions, keyed by modal ID */\nexport const guardRegistry = {\n  add(modalId: number, name: AvailableKeys, func: GuardFunction): void {\n    let guard = store.get(modalId)\n    if (!guard) {\n      guard = {}\n      store.set(modalId, guard)\n    }\n\n    guard[name] ??= []\n    guard[name].push(func)\n  },\n\n  get(id: number, name: AvailableKeys): GuardFunction[] {\n    return store.get(id)?.[name] ?? []\n  },\n\n  delete(id: number): void {\n    store.delete(id)\n  }\n}\n\n/** Runs an array of promisified guard functions sequentially */\nexport async function runGuardQueue(fns: GuardFunctionPromisify[]): Promise<void> {\n  for (const fn of fns) {\n    await fn()\n  }\n}\n\n/** Wraps a guard function so it throws when the guard returns `false` */\nexport function guardToPromiseFn(guard: GuardFunction): GuardFunctionPromisify {\n  return async () => {\n    const result = await guard()\n    if (result !== false) return\n    throw new Error('Guard returned false. Close cancelled.')\n  }\n}\n","import type { Component } from 'vue'\nimport type { ModalOptions } from '../types'\nimport { closeModal } from './close-modal'\nimport { pushModal } from './push-modal'\n\n/** Closes all active modals in the namespace and opens a new one */\nexport async function openModal(\n  component: Component,\n  props: any = {},\n  options: Partial<ModalOptions> = {}\n) {\n  await closeModal({ namespace: options.namespace })\n  return pushModal(component, props, options)\n}\n","import type { Component } from 'vue'\nimport { MODAL_EVENT_PROMPT } from '../modal'\nimport type { ModalOptions } from '../types'\nimport { pushModal } from './push-modal'\n\n/**\n * Opens a modal and waits for a result via the `MODAL_EVENT_PROMPT` event.\n * Resolves with the value passed to the event, or `null` if the modal is\n * closed without emitting a result.\n */\nexport function promptModal<T = unknown>(\n  component: Component,\n  props: any = {},\n  options: Partial<ModalOptions> = {}\n): Promise<T | null> {\n  const modal = pushModal(component, props, options)\n  let isPrompted = false\n\n  const { promise, resolve } = Promise.withResolvers<T | null>()\n\n  const unsubscribe = modal.on(MODAL_EVENT_PROMPT, async (data: T) => {\n    // Guard against concurrent calls: ignore a second emit while close is in progress\n    if (isPrompted) return\n    isPrompted = true\n\n    try {\n      await modal.close()\n      resolve(data)\n    } catch {\n      // Guard rejected the close — reset the flag so the user can retry\n      isPrompted = false\n    }\n  })\n\n  // addDestroyGuard is called after the modal is fully closed (non-cancellable)\n  modal.addDestroyGuard(() => {\n    unsubscribe()\n    if (!isPrompted) {\n      resolve(null)\n    }\n  })\n\n  return promise\n}\n","import { getNamespaceState } from '../state'\nimport type { NamespaceKey } from '../types'\n\n/** Returns the topmost active modal in the namespace, or `undefined` if the queue is empty */\nexport function getCurrentModal(namespace?: NamespaceKey) {\n  const ns = getNamespaceState(namespace)\n  return ns.queue.at(-1)\n}\n","import type { ModalCloseOptions } from '../types'\nimport { getCurrentModal } from './get-current-modal'\n\n/** Closes the topmost active modal in the namespace */\nexport async function popModal(options: ModalCloseOptions = {}): Promise<void> {\n  const modal = getCurrentModal(options.namespace)\n  if (!modal) return\n  await modal.close()\n}\n","import { modalStore } from '../modal'\n\n/** Closes a modal by its ID. Throws if no modal with the given ID exists */\nexport async function closeById(id: number): Promise<void> {\n  const modal = modalStore.get(id)\n  if (!modal) throw new Error(`Modal with ID ${id} not found`)\n  await modal.close()\n}\n","import type { ComponentProps } from '../component-props'\nimport type { ModalRecord } from '../modal/modal'\nimport { getQueueByNamespace } from '../modal/state'\nimport { openModal as openModalFn } from '../modal/methods/open-modal'\nimport { promptModal as promptModalFn } from '../modal/methods/prompt-modal'\n\nexport const DIALOG_NAMESPACE = 'dialog'\n\nconst dialogs = getQueueByNamespace(DIALOG_NAMESPACE)\n\n/**\n * Composable for managing dialog modals.\n * Provides methods to open, close, and prompt dialogs within the `dialog` namespace.\n */\nexport function useDialog() {\n  async function closeDialog(dialogId?: number): Promise<void> {\n    if (typeof dialogId === 'number') {\n      await dialogs.find((d) => d.id === dialogId)?.close()\n      return\n    }\n\n    const reversed = [...dialogs].reverse()\n    for (let i = 0; i < reversed.length; i++) {\n      await reversed[i]!.close()\n      // Stop before a route-bound dialog\n      if (reversed[i + 1]?.isRoute) break\n    }\n  }\n\n  function promptDialog<\n    Result = unknown,\n    C extends new (...args: unknown[]) => unknown = new (...args: unknown[]) => unknown\n  >(Component: C, props?: ComponentProps<C>): Promise<Result | null> {\n    return promptModalFn<Result>(Component, props, { namespace: DIALOG_NAMESPACE })\n  }\n\n  function openDialog<C extends new (...args: unknown[]) => unknown>(\n    Component: C,\n    props?: ComponentProps<C>\n  ): Promise<ModalRecord> {\n    return openModalFn(Component, props, { namespace: DIALOG_NAMESPACE })\n  }\n\n  return {\n    /** Reactive list of active dialogs */\n    dialogs,\n    /** Opens a dialog with the given component and props */\n    openDialog,\n    /**\n     * Closes a dialog.\n     * If an ID is provided, closes that specific dialog.\n     * Otherwise closes all dialogs, stopping before any route-bound dialog.\n     */\n    closeDialog,\n    /**\n     * Opens a dialog in prompt mode and waits for a result.\n     * Useful for confirmation flows or data-input dialogs.\n     */\n    promptDialog\n  }\n}\n","import type { ComponentProps } from '../component-props'\nimport type { ModalRecord } from '../modal/modal'\nimport { getQueueByNamespace } from '../modal/state'\nimport { pushModal } from '../modal/methods/push-modal'\nimport { watch } from 'vue'\n\nexport const TOAST_NAMESPACE = 'toast'\nconst DURATION = 5_000\n\n// Queue and timers are module-level singletons shared across all useToast() calls\nconst toasts = getQueueByNamespace(TOAST_NAMESPACE)\nconst timers = new Map<number, ReturnType<typeof setTimeout>>()\n\nfunction removeTimer(toastId: number) {\n  const timer = timers.get(toastId)\n  if (!timer) return\n\n  clearTimeout(timer)\n  timers.delete(toastId)\n}\n\nfunction addTimer(toastId: number) {\n  if (timers.has(toastId)) return\n  const timer = setTimeout(() => closeToast(toastId), DURATION)\n  timers.set(toastId, timer)\n}\n\nfunction closeToast(toastId: number) {\n  removeTimer(toastId)\n  const toast = toasts.find((t) => t.id === toastId)\n  toast?.close().catch(() => {})\n}\n\nfunction closeAllToasts() {\n  toasts.forEach((t) => closeToast(t.id))\n}\n\n// Sync timers with the queue — runs once at module level\nwatch(\n  toasts,\n  (nextToasts) => {\n    const activeIds = new Set(nextToasts.map((t) => t.id))\n    nextToasts.forEach((t) => addTimer(t.id))\n    for (const id of timers.keys()) {\n      if (!activeIds.has(id)) {\n        removeTimer(id)\n      }\n    }\n  },\n  { immediate: true }\n)\n\nfunction openToast<C extends new (...args: unknown[]) => unknown>(\n  Component: C,\n  props?: ComponentProps<C>\n): ModalRecord {\n  return pushModal(Component, props, { namespace: TOAST_NAMESPACE })\n}\n\n/** Composable for managing toast notifications */\nexport function useToast() {\n  return {\n    /** Reactive list of active toasts */\n    toasts,\n    /** Opens a toast with a custom component */\n    openToast,\n    /** Closes a toast by ID */\n    closeToast,\n    /** Closes all active toasts */\n    closeAllToasts\n  }\n}\n","import type { ComponentProps } from '../component-props'\nimport { getQueueByNamespace } from '../modal/state'\nimport { openModal } from '../modal/methods/open-modal'\nimport { computed } from 'vue'\n\nexport const SIDEBAR_NAMESPACE = 'sidebar'\n\nconst sidebars = getQueueByNamespace(SIDEBAR_NAMESPACE)\nconst sidebar = computed(() => sidebars.at(-1))\n\n/**\n * Composable for managing sidebar panels.\n * Provides methods to open and close sidebars within the `sidebar` namespace.\n */\nexport function useSidebarPanel() {\n  function openSidebar<C extends new (...args: unknown[]) => unknown>(\n    Component: C,\n    props?: ComponentProps<C>\n  ) {\n    return openModal(Component, props, { namespace: SIDEBAR_NAMESPACE })\n  }\n\n  async function closeSidebar(): Promise<void> {\n    if (!sidebar.value) return\n    await sidebar.value.close()\n  }\n\n  return {\n    /** Reactive list of active sidebars */\n    sidebars,\n    /** The topmost (currently active) sidebar */\n    sidebar,\n    /** Opens a component inside a sidebar panel */\n    openSidebar,\n    /** Closes the current sidebar */\n    closeSidebar\n  }\n}\n"],"mappings":"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","names":["reactive","reactive"]}

package/package.json

@@ -0,0 +1,58 @@
+{
+  "name": "@vue-modality/core",
+  "version": "0.1.0",
+  "description": "Lightweight modal library for Vue 3 with namespace queues, guard system, and promise-based prompt pattern. Zero dependencies.",
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/rh00x/vue-modality",
+    "directory": "packages/core"
+  },
+  "homepage": "https://rh00x.github.io/vue-modality/",
+  "bugs": "https://github.com/rh00x/vue-modality/issues",
+  "keywords": [
+    "vue",
+    "vue3",
+    "modal",
+    "dialog",
+    "popup",
+    "toast",
+    "sidebar",
+    "typescript",
+    "promise",
+    "guard",
+    "namespace",
+    "lightweight"
+  ],
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch"
+  },
+  "peerDependencies": {
+    "vue": "^3.4"
+  },
+  "peerDependenciesMeta": {
+    "vue-router": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "tsup": "^8.3.5",
+    "typescript": "^5.7.2",
+    "vue": "^3.5.13"
+  }
+}