nuance-ui 0.1.57 → 0.1.59

package/dist/module.json

@@ -4,7 +4,7 @@
   "compatibility": {
     "nuxt": "^4.0.0"
   },
-  "version": "0.1.57",
+  "version": "0.1.59",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/module.mjs

@@ -37,7 +37,7 @@ const module$1 = defineNuxtModule({
     nuxt.options.alias["@nui/utils"] = resolve("./runtime/utils");
     nuxt.options.alias["@nui/helpers"] = resolve("./runtime/helpers");
     nuxt.options.alias["@nui/types"] = resolve("./runtime/types");
-    nuxt.options.alias["@nui/modals"] = resolve("./runtime/plugins/modals");
+    nuxt.options.alias["@nui/modals"] = resolve("./runtime/modals");
     nuxt.options.appConfig.nui = defu(nuxt.options.appConfig.nui || {}, defaultConfig);
     nuxt.options.postcss = nuxt.options.postcss || {};
     nuxt.options.postcss.plugins = nuxt.options.postcss.plugins || {};

package/dist/runtime/components/combobox/combobox-root.d.vue.ts

@@ -25,15 +25,15 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    clear: () => any;
     select: (args_0: number) => any;
+    clear: () => any;
     close: (args_0: import("./types/index.js").ComboboxDropdownEventSource) => any;
     submit: (args_0: string, args_1: import("./types/index.js").ComboboxItem) => any;
     open: (args_0: import("./types/index.js").ComboboxDropdownEventSource) => any;
     "update:open": (value: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    onClear?: (() => any) | undefined;
     onSelect?: ((args_0: number) => any) | undefined;
+    onClear?: (() => any) | undefined;
     onClose?: ((args_0: import("./types/index.js").ComboboxDropdownEventSource) => any) | undefined;
     onSubmit?: ((args_0: string, args_1: import("./types/index.js").ComboboxItem) => any) | undefined;
     onOpen?: ((args_0: import("./types/index.js").ComboboxDropdownEventSource) => any) | undefined;

package/dist/runtime/components/combobox/combobox-root.vue.d.ts

@@ -25,15 +25,15 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    clear: () => any;
     select: (args_0: number) => any;
+    clear: () => any;
     close: (args_0: import("./types/index.js").ComboboxDropdownEventSource) => any;
     submit: (args_0: string, args_1: import("./types/index.js").ComboboxItem) => any;
     open: (args_0: import("./types/index.js").ComboboxDropdownEventSource) => any;
     "update:open": (value: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    onClear?: (() => any) | undefined;
     onSelect?: ((args_0: number) => any) | undefined;
+    onClear?: (() => any) | undefined;
     onClose?: ((args_0: import("./types/index.js").ComboboxDropdownEventSource) => any) | undefined;
     onSubmit?: ((args_0: string, args_1: import("./types/index.js").ComboboxItem) => any) | undefined;
     onOpen?: ((args_0: import("./types/index.js").ComboboxDropdownEventSource) => any) | undefined;

package/dist/runtime/components/index.d.ts

@@ -20,7 +20,6 @@ export * from './input/index.js';
 export * from './link/index.js';
 export * from './loader/index.js';
 export * from './modal/index.js';
-export * from './modals/index.js';
 export * from './nav-link/index.js';
 export * from './paper.vue.js';
 export * from './popover/index.js';

package/dist/runtime/components/index.js

@@ -18,7 +18,6 @@ export * from "./input/index.js";
 export * from "./link/index.js";
 export * from "./loader/index.js";
 export * from "./modal/index.js";
-export * from "./modals/index.js";
 export * from "./nav-link/index.js";
 export * from "./paper.vue";
 export * from "./popover/index.js";

package/dist/runtime/components/select/select.d.vue.ts

@@ -24,8 +24,8 @@ declare const __VLS_export: <Value extends string = string, Ext extends Combobox
         modelValue?: ComboboxItem<Value, Ext> | null;
         search?: string;
     }) & {
-        onClear?: (() => any) | undefined;
         onSelect?: ((args_0: number) => any) | undefined;
+        onClear?: (() => any) | undefined;
         onClose?: ((args_0: import("..").ComboboxDropdownEventSource) => any) | undefined;
         onSubmit?: ((args_0: string, args_1: ComboboxItem) => any) | undefined;
         "onUpdate:modelValue"?: ((value: ComboboxItem<Value, Ext> | null) => any) | undefined;
@@ -48,7 +48,7 @@ declare const __VLS_export: <Value extends string = string, Ext extends Combobox
     } & {
         rightSection?: (props: {}) => any;
     };
-    emit: (((evt: "clear") => void) & ((evt: "select", args_0: number) => void) & ((evt: "close", args_0: import("..").ComboboxDropdownEventSource) => void) & ((evt: "submit", args_0: string, args_1: ComboboxItem) => void) & ((evt: "open", args_0: import("..").ComboboxDropdownEventSource) => void)) & (((event: "update:modelValue", value: ComboboxItem<Value, Ext> | null) => void) & ((event: "update:search", value: string) => void) & ((event: "update:open", value: boolean) => void));
+    emit: (((evt: "select", args_0: number) => void) & ((evt: "clear") => void) & ((evt: "close", args_0: import("..").ComboboxDropdownEventSource) => void) & ((evt: "submit", args_0: string, args_1: ComboboxItem) => void) & ((evt: "open", args_0: import("..").ComboboxDropdownEventSource) => void)) & (((event: "update:modelValue", value: ComboboxItem<Value, Ext> | null) => void) & ((event: "update:search", value: string) => void) & ((event: "update:open", value: boolean) => void));
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/runtime/components/select/select.vue.d.ts

@@ -24,8 +24,8 @@ declare const __VLS_export: <Value extends string = string, Ext extends Combobox
         modelValue?: ComboboxItem<Value, Ext> | null;
         search?: string;
     }) & {
-        onClear?: (() => any) | undefined;
         onSelect?: ((args_0: number) => any) | undefined;
+        onClear?: (() => any) | undefined;
         onClose?: ((args_0: import("..").ComboboxDropdownEventSource) => any) | undefined;
         onSubmit?: ((args_0: string, args_1: ComboboxItem) => any) | undefined;
         "onUpdate:modelValue"?: ((value: ComboboxItem<Value, Ext> | null) => any) | undefined;
@@ -48,7 +48,7 @@ declare const __VLS_export: <Value extends string = string, Ext extends Combobox
     } & {
         rightSection?: (props: {}) => any;
     };
-    emit: (((evt: "clear") => void) & ((evt: "select", args_0: number) => void) & ((evt: "close", args_0: import("..").ComboboxDropdownEventSource) => void) & ((evt: "submit", args_0: string, args_1: ComboboxItem) => void) & ((evt: "open", args_0: import("..").ComboboxDropdownEventSource) => void)) & (((event: "update:modelValue", value: ComboboxItem<Value, Ext> | null) => void) & ((event: "update:search", value: string) => void) & ((event: "update:open", value: boolean) => void));
+    emit: (((evt: "select", args_0: number) => void) & ((evt: "clear") => void) & ((evt: "close", args_0: import("..").ComboboxDropdownEventSource) => void) & ((evt: "submit", args_0: string, args_1: ComboboxItem) => void) & ((evt: "open", args_0: import("..").ComboboxDropdownEventSource) => void)) & (((event: "update:modelValue", value: ComboboxItem<Value, Ext> | null) => void) & ((event: "update:search", value: string) => void) & ((event: "update:open", value: boolean) => void));
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/runtime/composals/index.d.ts

@@ -1,5 +1,4 @@
 export * from './use-active-link.js';
 export * from './use-date-config.js';
-export * from './use-modal.js';
 export * from './use-style-resolver.js';
 export * from './use-theme.js';

package/dist/runtime/composals/index.js

@@ -1,5 +1,4 @@
 export * from "./use-active-link.js";
 export * from "./use-date-config.js";
-export * from "./use-modal.js";
 export * from "./use-style-resolver.js";
 export * from "./use-theme.js";

package/dist/runtime/{components/modals → modals}/_confirm-modal/confirm-modal.d.vue.ts

@@ -1,8 +1,7 @@
-import type { MaybePromise } from '@nui/types';
-import type { ButtonProps } from '../../button/button.vue.js';
-import type { ModalRootProps } from '../../modal/modal-root.vue.js';
+import type { ButtonProps, ModalRootProps } from '../../components/index.js';
+import type { MaybePromise } from '../../types/index.js';
 type ConfirmLabels = Record<'confirm' | 'cancel', string>;
-export interface ConfirmModalProps extends ModalRootProps {
+export interface ConfirmModalProps extends /* @vue-ignore */ ModalRootProps {
     /** Modal title */
     title: string;
     /** Description text displayed below the title */

package/dist/runtime/{components/modals → modals}/_confirm-modal/confirm-modal.vue

@@ -1,11 +1,11 @@
 <script setup>
-import { useModal } from "@nui/composals";
 import { ref } from "vue";
-import Button from "../../button/button.vue";
-import ModalCloseButton from "../../modal/modal-close-button.vue";
-import ModalHeader from "../../modal/modal-header.vue";
-import ModalRoot from "../../modal/modal-root.vue";
-import Title from "../../title.vue";
+import Button from "../../components/button/button.vue";
+import ModalCloseButton from "../../components/modal/modal-close-button.vue";
+import ModalHeader from "../../components/modal/modal-header.vue";
+import ModalRoot from "../../components/modal/modal-root.vue";
+import Title from "../../components/title.vue";
+import { useModal } from "../use-modal";
 const {
   title,
   description: body,
@@ -25,22 +25,7 @@ const {
   onCancel: { type: Function, required: false },
   onConfirm: { type: Function, required: false },
   cancelProps: { type: Object, required: false },
-  confirmProps: { type: Object, required: false },
-  centered: { type: Boolean, required: false },
-  fullScreen: { type: Boolean, required: false },
-  closeOnClickOutside: { type: Boolean, required: false },
-  withinPortal: { type: Boolean, required: false },
-  withoutOverlay: { type: Boolean, required: false },
-  yOffset: { type: void 0, required: false },
-  xOffset: { type: void 0, required: false },
-  radius: { type: [String, Number], required: false },
-  size: { type: String, required: false },
-  shadow: { type: String, required: false },
-  padding: { type: [String, Number], required: false },
-  transition: { type: String, required: false },
-  portalTarget: { type: [String, Object, null], required: false },
-  is: { type: null, required: false },
-  mod: { type: [Object, Array, null], required: false }
+  confirmProps: { type: Object, required: false }
 });
 const { opened, resolve: hide } = useModal("confirm");
 const loading = ref(false);

package/dist/runtime/{components/modals → modals}/_confirm-modal/confirm-modal.vue.d.ts

@@ -1,8 +1,7 @@
-import type { MaybePromise } from '@nui/types';
-import type { ButtonProps } from '../../button/button.vue.js';
-import type { ModalRootProps } from '../../modal/modal-root.vue.js';
+import type { ButtonProps, ModalRootProps } from '../../components/index.js';
+import type { MaybePromise } from '../../types/index.js';
 type ConfirmLabels = Record<'confirm' | 'cancel', string>;
-export interface ConfirmModalProps extends ModalRootProps {
+export interface ConfirmModalProps extends /* @vue-ignore */ ModalRootProps {
     /** Modal title */
     title: string;
     /** Description text displayed below the title */

package/dist/runtime/{components/modals → modals}/_confirm-modal/index.d.ts

@@ -4,5 +4,5 @@ import type { ConfirmModalProps } from './confirm-modal.vue.js';
  *
  * Resolves with `true` if the user confirmed, rejects if cancelled.
  */
-export declare const openConfirmModal: (props?: ConfirmModalProps | undefined) => Promise<boolean>;
+export declare const openConfirmModal: (props?: any) => Promise<boolean>;
 export type { ConfirmModalProps };

package/dist/runtime/{components/modals → modals}/_confirm-modal/index.js

@@ -1,4 +1,4 @@
-import { $modals } from "../../../plugins/modals/index.js";
+import { $modals } from "../modal-manager.js";
 import ConfirmModal from "./confirm-modal.vue";
 export const openConfirmModal = $modals.create(
   "confirm",

package/dist/runtime/modals/index.d.ts

@@ -0,0 +1,4 @@
+export * from './_confirm-modal/index.js';
+export { $modals } from './modal-manager.js';
+export { default as NModalsProvider } from './modals-provider.vue.js';
+export * from './use-modal.js';

package/dist/runtime/modals/index.js

@@ -0,0 +1,4 @@
+export * from "./_confirm-modal/index.js";
+export { $modals } from "./modal-manager.js";
+export { default as NModalsProvider } from "./modals-provider.vue";
+export * from "./use-modal.js";

package/dist/runtime/modals/modal-manager.d.ts

@@ -0,0 +1,73 @@
+import type { Component } from 'vue';
+/**
+ * Reactive state of a single modal within the modal manager.
+ */
+export interface ModalState<Props extends object = object, Resolve = unknown, Reject = unknown> {
+    /** Unique modal identifier */
+    id: string;
+    /** Vue component rendered as the modal */
+    component: Component;
+    /** Props passed when calling `show` or the opener function */
+    props: Props;
+    /** Current visibility state */
+    opened: boolean;
+    /** Resolves the promise created when the modal was opened */
+    resolve: (value?: Resolve) => void;
+    /** Rejects the promise created when the modal was opened */
+    reject: (reason?: Reject) => void;
+}
+declare function show<T = unknown>(id: string, props?: object): Promise<T>;
+/**
+ * Registers a modal component and returns a typed function to open it.
+ */
+declare function create<TProps extends object = object, TResult = void>(
+/** unique modal identifier */
+id: string, 
+/** Vue component for the modal */
+component: Component): (props?: TProps) => Promise<TResult>;
+/**
+ * Registers a lazy modal — the component is loaded on first open.
+ */
+declare function createLazy<TProps extends object = object, TResult = void>(
+/** unique modal identifier */
+id: string, 
+/** dynamic import function (`() => import('./my-modal.vue')`) */
+loader: () => Promise<{
+    default: Component;
+}>): (props?: Omit<TProps, 'modalId'>) => Promise<TResult>;
+/**
+ * Closes the modal and resolves its promise with the given result.
+ */
+declare function resolve(id: string, result?: any): void;
+/**
+ * Closes the modal and rejects its promise with the given reason.
+ */
+declare function reject(id: string, reason?: any): void;
+/**
+ * Returns the reactive state of a specific modal.
+ * Used inside a modal component (via {@link useModal}).
+ */
+declare function state<Props extends object = object, Resolve = unknown, Reject = unknown>(id: string): ModalState<Props, Resolve, Reject>;
+/**
+ * Modal manager.
+ *
+ * Maintains a component registry and a reactive map of active modals.
+ * Opening a modal returns a `Promise` that resolves via `resolve`
+ * or rejects via `reject` / user dismissal.
+ *
+ * @example
+ * ```ts
+ * const open = $modals.create<MyProps, string>('my-modal', MyModal)
+ * const result = await open({ foo: 'bar' }) // result: string
+ * ```
+ */
+export declare const $modals: import("vue").Raw<{
+    modals: import("vue").Reactive<Map<string, ModalState<object, unknown, unknown>>>;
+    create: typeof create;
+    createLazy: typeof createLazy;
+    show: typeof show;
+    resolve: typeof resolve;
+    reject: typeof reject;
+    state: typeof state;
+}>;
+export {};

package/dist/runtime/modals/modal-manager.js

@@ -0,0 +1,70 @@
+import { markRaw, reactive } from "vue";
+const modals = reactive(/* @__PURE__ */ new Map());
+const registered = /* @__PURE__ */ new Map();
+const lazy = /* @__PURE__ */ new Map();
+async function show(id, props = {}) {
+  if (!registered.has(id) && lazy.has(id)) {
+    const loader = lazy.get(id);
+    try {
+      const loaded = await loader();
+      registered.set(id, loaded.default);
+    } catch (err) {
+      return Promise.reject(err);
+    }
+  }
+  const component = registered.get(id);
+  if (!component)
+    return Promise.reject(new Error(`Modal "${id}" is not registered`));
+  const existing = modals.get(id);
+  return new Promise((resolve2, reject2) => {
+    if (existing) {
+      existing.props = props;
+      existing.opened = true;
+      existing.resolve = resolve2;
+      existing.reject = reject2;
+    } else {
+      modals.set(id, {
+        id,
+        component: markRaw(component),
+        props,
+        opened: true,
+        resolve: resolve2,
+        reject: reject2
+      });
+    }
+  });
+}
+function create(id, component) {
+  registered.set(id, component);
+  return (props) => show(id, props ?? {});
+}
+function createLazy(id, loader) {
+  lazy.set(id, loader);
+  return (props) => show(id, props ?? {});
+}
+function resolve(id, result) {
+  const modal = modals.get(id);
+  if (!modal)
+    return;
+  modal.opened = false;
+  modal.resolve?.(result);
+}
+function reject(id, reason) {
+  const modal = modals.get(id);
+  if (!modal)
+    return;
+  modal.opened = false;
+  modal.reject?.(reason);
+}
+function state(id) {
+  return modals.get(id);
+}
+export const $modals = markRaw({
+  modals,
+  create,
+  createLazy,
+  show,
+  resolve,
+  reject,
+  state
+});

package/dist/runtime/{components/modals → modals}/modals-provider.vue

@@ -1,5 +1,5 @@
 <script setup>
-import { $modals } from "../../plugins/modals";
+import { $modals } from "./modal-manager";
 </script>
 
 <template>

package/dist/runtime/{composals → modals}/use-modal.js

@@ -1,5 +1,5 @@
 import { computed } from "vue";
-import { $modals } from "../plugins/modals/index.js";
+import { $modals } from "./modal-manager.js";
 export function useModal(id) {
   const state = computed(() => $modals.state(id));
   const opened = computed({

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "nuance-ui",
-	"version": "0.1.57",
+	"version": "0.1.59",
 	"description": "A UI Library for Modern Web Apps, powered by Vue.",
 	"repository": {
 		"type": "git",

package/dist/runtime/components/modals/index.d.ts

@@ -1 +0,0 @@
-export * from './_confirm-modal/index.js';

package/dist/runtime/components/modals/index.js

@@ -1 +0,0 @@
-export * from "./_confirm-modal/index.js";

package/dist/runtime/plugins/modals/index.d.ts

@@ -1,2 +0,0 @@
-import { ModalManager } from './modal-manager.js';
-export declare const $modals: import("vue").Raw<ModalManager>;

package/dist/runtime/plugins/modals/index.js

@@ -1,3 +0,0 @@
-import { markRaw } from "vue";
-import { ModalManager } from "./modal-manager.js";
-export const $modals = markRaw(new ModalManager());

package/dist/runtime/plugins/modals/modal-manager.d.ts

@@ -1,78 +0,0 @@
-import type { Component } from 'vue';
-/**
- * Reactive state of a single modal within {@link ModalManager}.
- */
-export interface ModalState<Props extends object = object, Resolve = unknown, Reject = unknown> {
-    /** Unique modal identifier */
-    id: string;
-    /** Vue component rendered as the modal */
-    component: Component;
-    /** Props passed when calling `show` or the opener function */
-    props: Props;
-    /** Current visibility state */
-    opened: boolean;
-    /** Resolves the promise created when the modal was opened */
-    resolve: (value?: Resolve) => void;
-    /** Rejects the promise created when the modal was opened */
-    reject: (reason?: Reject) => void;
-}
-/**
- * Modal manager.
- *
- * Maintains a component registry and a reactive map of active modals.
- * Opening a modal returns a `Promise` that resolves via `hide`
- * or rejects via `reject` / user dismissal.
- *
- * @example
- * ```ts
- * const open = $modals.create<MyProps, string>('my-modal', MyModal)
- * const result = await open({ foo: 'bar' }) // result: string
- * ```
- */
-export declare class ModalManager {
-    #private;
-    /** Reactive map of all active modals. Used by `ModalProvider` for rendering */
-    get modals(): import("vue").Reactive<Map<string, ModalState<object, unknown, unknown>>>;
-    /**
-     * Registers a modal component and returns a typed function to open it.
-     */
-    create<TProps extends object = object, TResult = void>(
-    /** unique modal identifier */
-    id: string, 
-    /** Vue component for the modal */
-    component: Component): (props?: TProps) => Promise<TResult>;
-    /**
-     * Registers a lazy modal — the component is loaded on first open.
-     */
-    createLazy<TProps extends object = object, TResult = void>(
-    /** unique modal identifier */
-    id: string, 
-    /** dynamic import function (`() => import('./my-modal.vue')`) */
-    loader: () => Promise<{
-        default: Component;
-    }>): (props?: Omit<TProps, 'modalId'>) => Promise<TResult>;
-    /**
-     * Opens a previously registered modal by its identifier.
-     */
-    show<T = unknown>(id: string, props?: object): Promise<T>;
-    /**
-     * Closes the modal and resolves its promise with the given result.
-     *
-     * @param id     — modal identifier
-     * @param result — value the promise resolves with
-     */
-    resolve(id: string, result?: any): void;
-    /**
-     * Closes the modal and rejects its promise with the given reason.
-     *
-     * @param id     — modal identifier
-     * @param reason — rejection reason
-     */
-    reject(id: string, reason?: any): void;
-    /**
-     * Returns the reactive state of a specific modal as `ComputedRef<ModalState>`.
-     *
-     * Used inside a modal component (via {@link useModal}).
-     */
-    state<Props extends object = object, Resolve = unknown, Reject = unknown>(id: string): ModalState<Props, Resolve, Reject>;
-}

package/dist/runtime/plugins/modals/modal-manager.js

@@ -1,107 +0,0 @@
-import { markRaw, reactive } from "vue";
-export class ModalManager {
-  /** Reactive map of active modals */
-  #modals = reactive(/* @__PURE__ */ new Map());
-  /** Eagerly registered components (id → Component) */
-  #registered = /* @__PURE__ */ new Map();
-  /** Lazily registered loaders (id → loader) */
-  #lazy = /* @__PURE__ */ new Map();
-  /** Reactive map of all active modals. Used by `ModalProvider` for rendering */
-  get modals() {
-    return this.#modals;
-  }
-  // ── Facade ──
-  /**
-   * Registers a modal component and returns a typed function to open it.
-   */
-  create(id, component) {
-    this.#registered.set(id, component);
-    return (props) => this.#show(id, props ?? {});
-  }
-  /**
-   * Registers a lazy modal — the component is loaded on first open.
-   */
-  createLazy(id, loader) {
-    this.#lazy.set(id, loader);
-    return (props) => this.#show(id, props ?? {});
-  }
-  /**
-   * Opens a previously registered modal by its identifier.
-   */
-  async show(id, props = {}) {
-    return this.#show(id, props);
-  }
-  /**
-   * Closes the modal and resolves its promise with the given result.
-   *
-   * @param id     — modal identifier
-   * @param result — value the promise resolves with
-   */
-  resolve(id, result) {
-    this.#resolve(id, result);
-  }
-  /**
-   * Closes the modal and rejects its promise with the given reason.
-   *
-   * @param id     — modal identifier
-   * @param reason — rejection reason
-   */
-  reject(id, reason) {
-    this.#reject(id, reason);
-  }
-  /**
-   * Returns the reactive state of a specific modal as `ComputedRef<ModalState>`.
-   *
-   * Used inside a modal component (via {@link useModal}).
-   */
-  state(id) {
-    return this.#modals.get(id);
-  }
-  // ── Private implementation ──
-  async #show(id, props = {}) {
-    if (!this.#registered.has(id) && this.#lazy.has(id)) {
-      const loader = this.#lazy.get(id);
-      try {
-        const loaded = await loader();
-        this.#registered.set(id, loaded.default);
-      } catch (err) {
-        return Promise.reject(err);
-      }
-    }
-    const component = this.#registered.get(id);
-    if (!component)
-      return Promise.reject(new Error(`Modal "${id}" is not registered`));
-    const existing = this.#modals.get(id);
-    return new Promise((resolve, reject) => {
-      if (existing) {
-        existing.props = props;
-        existing.opened = true;
-        existing.resolve = resolve;
-        existing.reject = reject;
-      } else {
-        this.#modals.set(id, {
-          id,
-          component: markRaw(component),
-          props,
-          opened: true,
-          resolve,
-          reject
-        });
-      }
-    });
-  }
-  #resolve(id, result) {
-    const modal = this.#modals.get(id);
-    if (!modal)
-      return;
-    modal.opened = false;
-    modal.resolve?.(result);
-  }
-  #reject(id, reason) {
-    const modal = this.#modals.get(id);
-    if (!modal)
-      return;
-    modal.opened = false;
-    modal.reject?.(reason);
-  }
-}