@yahoo/uds 3.150.1-beta.1 → 3.151.0

package/dist/components/client/Modal/ManagedModal.cjs

@@ -0,0 +1,52 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+"use client";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../../_virtual/_rolldown/runtime.cjs");
+const require_components_client_Modal_modalStore = require("./modalStore.cjs");
+const require_components_client_Modal_UDSModalConfigProvider = require("./UDSModalConfigProvider.cjs");
+const require_components_client_Modal_ModalActions = require("./ModalActions.cjs");
+const require_components_client_Modal_ModalContent = require("./ModalContent.cjs");
+const require_components_client_Modal_ModalDescription = require("./ModalDescription.cjs");
+const require_components_client_Modal_ModalTitle = require("./ModalTitle.cjs");
+const require_components_client_Modal_Modal = require("./Modal.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let motion_react = require("motion/react");
+//#region src/components/client/Modal/ManagedModal.tsx
+const ManagedModal = ({ slot }) => {
+	const { animationDuration } = require_components_client_Modal_UDSModalConfigProvider.useModalConfig();
+	const durationOut = typeof animationDuration === "number" ? animationDuration : animationDuration.out;
+	const exitDuration = (0, motion_react.useReducedMotion)() || slot.props.reduceMotion ? 0 : durationOut;
+	(0, react.useEffect)(() => {
+		if (!slot.closing) return;
+		const ownerId = slot.ownerId;
+		const timer = window.setTimeout(() => require_components_client_Modal_modalStore.removeModalEntry(ownerId), exitDuration);
+		return () => window.clearTimeout(timer);
+	}, [
+		slot.closing,
+		slot.ownerId,
+		exitDuration
+	]);
+	const { onClose, title, description, content, actions, ...modalProps } = slot.props;
+	const { actionStartContent } = slot.options;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_components_client_Modal_Modal.Modal, {
+		...modalProps,
+		open: slot.open,
+		onClose: (event) => {
+			onClose?.(event);
+			require_components_client_Modal_modalStore.closeModalEntry(slot.ownerId);
+		},
+		children: [
+			title != null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_client_Modal_ModalTitle.ModalTitle, { children: title }) : null,
+			description != null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_client_Modal_ModalDescription.ModalDescription, { children: description }) : null,
+			content != null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_client_Modal_ModalContent.ModalContent, { children: content }) : null,
+			actions != null || actionStartContent != null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_client_Modal_ModalActions.ModalActions, {
+				startContent: actionStartContent,
+				children: actions
+			}) : null
+		]
+	});
+};
+ManagedModal.displayName = "ManagedModal";
+//#endregion
+exports.ManagedModal = ManagedModal;

package/dist/components/client/Modal/ManagedModal.d.cts

@@ -0,0 +1,16 @@
+
+import { ModalSlotState } from "./modalStore.cjs";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/client/Modal/ManagedModal.d.ts
+interface ManagedModalProps {
+  slot: ModalSlotState;
+}
+declare const ManagedModal: {
+  ({
+    slot
+  }: ManagedModalProps): _$react_jsx_runtime0.JSX.Element;
+  displayName: string;
+};
+//#endregion
+export { ManagedModal };

package/dist/components/client/Modal/ManagedModal.d.ts

@@ -0,0 +1,17 @@
+
+"use client";
+import { ModalSlotState } from "./modalStore.js";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/client/Modal/ManagedModal.d.ts
+interface ManagedModalProps {
+  slot: ModalSlotState;
+}
+declare const ManagedModal: {
+  ({
+    slot
+  }: ManagedModalProps): _$react_jsx_runtime0.JSX.Element;
+  displayName: string;
+};
+//#endregion
+export { ManagedModal };

package/dist/components/client/Modal/ManagedModal.js

@@ -0,0 +1,50 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+"use client";
+import { closeModalEntry, removeModalEntry } from "./modalStore.js";
+import { useModalConfig } from "./UDSModalConfigProvider.js";
+import { ModalActions } from "./ModalActions.js";
+import { ModalContent } from "./ModalContent.js";
+import { ModalDescription } from "./ModalDescription.js";
+import { ModalTitle } from "./ModalTitle.js";
+import { Modal } from "./Modal.js";
+import { useEffect } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useReducedMotion } from "motion/react";
+//#region src/components/client/Modal/ManagedModal.tsx
+const ManagedModal = ({ slot }) => {
+	const { animationDuration } = useModalConfig();
+	const durationOut = typeof animationDuration === "number" ? animationDuration : animationDuration.out;
+	const exitDuration = useReducedMotion() || slot.props.reduceMotion ? 0 : durationOut;
+	useEffect(() => {
+		if (!slot.closing) return;
+		const ownerId = slot.ownerId;
+		const timer = window.setTimeout(() => removeModalEntry(ownerId), exitDuration);
+		return () => window.clearTimeout(timer);
+	}, [
+		slot.closing,
+		slot.ownerId,
+		exitDuration
+	]);
+	const { onClose, title, description, content, actions, ...modalProps } = slot.props;
+	const { actionStartContent } = slot.options;
+	return /* @__PURE__ */ jsxs(Modal, {
+		...modalProps,
+		open: slot.open,
+		onClose: (event) => {
+			onClose?.(event);
+			closeModalEntry(slot.ownerId);
+		},
+		children: [
+			title != null ? /* @__PURE__ */ jsx(ModalTitle, { children: title }) : null,
+			description != null ? /* @__PURE__ */ jsx(ModalDescription, { children: description }) : null,
+			content != null ? /* @__PURE__ */ jsx(ModalContent, { children: content }) : null,
+			actions != null || actionStartContent != null ? /* @__PURE__ */ jsx(ModalActions, {
+				startContent: actionStartContent,
+				children: actions
+			}) : null
+		]
+	});
+};
+ManagedModal.displayName = "ManagedModal";
+//#endregion
+export { ManagedModal };

package/dist/components/client/Modal/ModalPortal.cjs

@@ -0,0 +1,17 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+"use client";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../../_virtual/_rolldown/runtime.cjs");
+const require_components_client_Modal_modalStore = require("./modalStore.cjs");
+const require_components_client_Modal_ManagedModal = require("./ManagedModal.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/client/Modal/ModalPortal.tsx
+const ModalPortal = () => {
+	const slot = (0, react.useSyncExternalStore)(require_components_client_Modal_modalStore.subscribe, require_components_client_Modal_modalStore.getSnapshot, require_components_client_Modal_modalStore.getSnapshot);
+	if (!slot) return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_client_Modal_ManagedModal.ManagedModal, { slot }, slot.slotId);
+};
+ModalPortal.displayName = "ModalPortal";
+//#endregion
+exports.ModalPortal = ModalPortal;

package/dist/components/client/Modal/ModalPortal.d.cts

@@ -0,0 +1,10 @@
+
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/client/Modal/ModalPortal.d.ts
+declare const ModalPortal: {
+  (): _$react_jsx_runtime0.JSX.Element | null;
+  displayName: string;
+};
+//#endregion
+export { ModalPortal };

package/dist/components/client/Modal/ModalPortal.d.ts

@@ -0,0 +1,11 @@
+
+"use client";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/client/Modal/ModalPortal.d.ts
+declare const ModalPortal: {
+  (): _$react_jsx_runtime0.JSX.Element | null;
+  displayName: string;
+};
+//#endregion
+export { ModalPortal };

package/dist/components/client/Modal/ModalPortal.js

@@ -0,0 +1,15 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+"use client";
+import { getSnapshot, subscribe } from "./modalStore.js";
+import { ManagedModal } from "./ManagedModal.js";
+import { useSyncExternalStore } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/client/Modal/ModalPortal.tsx
+const ModalPortal = () => {
+	const slot = useSyncExternalStore(subscribe, getSnapshot, getSnapshot);
+	if (!slot) return null;
+	return /* @__PURE__ */ jsx(ManagedModal, { slot }, slot.slotId);
+};
+ModalPortal.displayName = "ModalPortal";
+//#endregion
+export { ModalPortal };

package/dist/components/client/Modal/createModal.cjs

@@ -0,0 +1,18 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+"use client";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_components_client_Modal_modalStore = require("./modalStore.cjs");
+//#region src/components/client/Modal/createModal.tsx
+function createModal(args) {
+	const id = require_components_client_Modal_modalStore.addModalEntry(args);
+	return {
+		update(next) {
+			require_components_client_Modal_modalStore.updateModalEntry(id, next);
+		},
+		close() {
+			require_components_client_Modal_modalStore.closeModalEntry(id);
+		}
+	};
+}
+//#endregion
+exports.createModal = createModal;

package/dist/components/client/Modal/createModal.d.cts

@@ -0,0 +1,11 @@
+
+import { CreateModalArgs } from "./modalStore.cjs";
+
+//#region src/components/client/Modal/createModal.d.ts
+interface ModalAPI {
+  update(args: Partial<CreateModalArgs>): void;
+  close(): void;
+}
+declare function createModal(args: CreateModalArgs): ModalAPI;
+//#endregion
+export { type ModalAPI, createModal };

package/dist/components/client/Modal/createModal.d.ts

@@ -0,0 +1,12 @@
+
+"use client";
+import { CreateModalArgs } from "./modalStore.js";
+
+//#region src/components/client/Modal/createModal.d.ts
+interface ModalAPI {
+  update(args: Partial<CreateModalArgs>): void;
+  close(): void;
+}
+declare function createModal(args: CreateModalArgs): ModalAPI;
+//#endregion
+export { type ModalAPI, createModal };

package/dist/components/client/Modal/createModal.js

@@ -0,0 +1,17 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+"use client";
+import { addModalEntry, closeModalEntry, updateModalEntry } from "./modalStore.js";
+//#region src/components/client/Modal/createModal.tsx
+function createModal(args) {
+	const id = addModalEntry(args);
+	return {
+		update(next) {
+			updateModalEntry(id, next);
+		},
+		close() {
+			closeModalEntry(id);
+		}
+	};
+}
+//#endregion
+export { createModal };

package/dist/components/client/Modal/index.cjs

@@ -1,16 +1,20 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
 "use client";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_components_client_Modal_createModal = require("./createModal.cjs");
 const require_components_client_Modal_UDSModalConfigProvider = require("./UDSModalConfigProvider.cjs");
 const require_components_client_Modal_ModalActions = require("./ModalActions.cjs");
 const require_components_client_Modal_ModalContent = require("./ModalContent.cjs");
 const require_components_client_Modal_ModalDescription = require("./ModalDescription.cjs");
 const require_components_client_Modal_ModalTitle = require("./ModalTitle.cjs");
 const require_components_client_Modal_Modal = require("./Modal.cjs");
+const require_components_client_Modal_ModalPortal = require("./ModalPortal.cjs");
 exports.Modal = require_components_client_Modal_Modal.Modal;
 exports.ModalActions = require_components_client_Modal_ModalActions.ModalActions;
 exports.ModalContent = require_components_client_Modal_ModalContent.ModalContent;
 exports.ModalDescription = require_components_client_Modal_ModalDescription.ModalDescription;
+exports.ModalPortal = require_components_client_Modal_ModalPortal.ModalPortal;
 exports.ModalTitle = require_components_client_Modal_ModalTitle.ModalTitle;
 exports.UDSModalConfigProvider = require_components_client_Modal_UDSModalConfigProvider.UDSModalConfigProvider;
+exports.createModal = require_components_client_Modal_createModal.createModal;
 exports.useModalConfig = require_components_client_Modal_UDSModalConfigProvider.useModalConfig;

package/dist/components/client/Modal/index.d.cts

@@ -1,8 +1,10 @@
 
+import { ModalAPI, createModal } from "./createModal.cjs";
 import { ModalActions, ModalActionsProps } from "./ModalActions.cjs";
 import { ModalContent, ModalContentProps } from "./ModalContent.cjs";
 import { ModalDescription, ModalDescriptionProps } from "./ModalDescription.cjs";
+import { ModalPortal } from "./ModalPortal.cjs";
 import { ModalTitle, ModalTitleProps } from "./ModalTitle.cjs";
 import { UDSModalConfigProvider, UDSModalConfigProviderProps, useModalConfig } from "./UDSModalConfigProvider.cjs";
 import { Modal, ModalProps } from "./Modal.cjs";
-export { Modal, ModalActions, type ModalActionsProps, ModalContent, type ModalContentProps, ModalDescription, type ModalDescriptionProps, type ModalProps, ModalTitle, type ModalTitleProps, UDSModalConfigProvider, type UDSModalConfigProviderProps, useModalConfig };
+export { Modal, type ModalAPI, ModalActions, type ModalActionsProps, ModalContent, type ModalContentProps, ModalDescription, type ModalDescriptionProps, ModalPortal, type ModalProps, ModalTitle, type ModalTitleProps, UDSModalConfigProvider, type UDSModalConfigProviderProps, createModal, useModalConfig };

package/dist/components/client/Modal/index.d.ts

@@ -1,9 +1,11 @@
 
 "use client";
+import { ModalAPI, createModal } from "./createModal.js";
 import { ModalActions, ModalActionsProps } from "./ModalActions.js";
 import { ModalContent, ModalContentProps } from "./ModalContent.js";
 import { ModalDescription, ModalDescriptionProps } from "./ModalDescription.js";
+import { ModalPortal } from "./ModalPortal.js";
 import { ModalTitle, ModalTitleProps } from "./ModalTitle.js";
 import { UDSModalConfigProvider, UDSModalConfigProviderProps, useModalConfig } from "./UDSModalConfigProvider.js";
 import { Modal, ModalProps } from "./Modal.js";
-export { Modal, ModalActions, type ModalActionsProps, ModalContent, type ModalContentProps, ModalDescription, type ModalDescriptionProps, type ModalProps, ModalTitle, type ModalTitleProps, UDSModalConfigProvider, type UDSModalConfigProviderProps, useModalConfig };
+export { Modal, type ModalAPI, ModalActions, type ModalActionsProps, ModalContent, type ModalContentProps, ModalDescription, type ModalDescriptionProps, ModalPortal, type ModalProps, ModalTitle, type ModalTitleProps, UDSModalConfigProvider, type UDSModalConfigProviderProps, createModal, useModalConfig };

package/dist/components/client/Modal/index.js

@@ -1,9 +1,11 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
 "use client";
+import { createModal } from "./createModal.js";
 import { UDSModalConfigProvider, useModalConfig } from "./UDSModalConfigProvider.js";
 import { ModalActions } from "./ModalActions.js";
 import { ModalContent } from "./ModalContent.js";
 import { ModalDescription } from "./ModalDescription.js";
 import { ModalTitle } from "./ModalTitle.js";
 import { Modal } from "./Modal.js";
-export { Modal, ModalActions, ModalContent, ModalDescription, ModalTitle, UDSModalConfigProvider, useModalConfig };
+import { ModalPortal } from "./ModalPortal.js";
+export { Modal, ModalActions, ModalContent, ModalDescription, ModalPortal, ModalTitle, UDSModalConfigProvider, createModal, useModalConfig };

package/dist/components/client/Modal/modalStore.cjs

@@ -0,0 +1,254 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+"use client";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+//#region src/components/client/Modal/modalStore.ts
+let nextSlotId = 0;
+let nextOwnerId = 0;
+let slot = null;
+const subscribers = /* @__PURE__ */ new Set();
+const notify = () => {
+	for (const fn of subscribers) fn();
+};
+const subscribe = (fn) => {
+	subscribers.add(fn);
+	return () => {
+		subscribers.delete(fn);
+	};
+};
+const getSnapshot = () => slot;
+const splitArgs = (args) => {
+	const { actionStartContent, replace, ...rest } = args;
+	return {
+		props: rest,
+		options: {
+			actionStartContent,
+			replace
+		}
+	};
+};
+const errorIfNoPortalMounted = () => {
+	if (process.env.NODE_ENV === "production") return;
+	if (subscribers.size === 0) console.error("[UDS] createModal was called but no <ModalPortal /> is mounted in this React tree. Render <ModalPortal /> inside your UDSConfigProvider for the modal to display. Note: ModalPortal must be in the same React tree (and the same @yahoo/uds module instance) as the createModal caller — multi-tenant apps with isolated React trees need their own ModalPortal in each tree.");
+};
+const scheduleOpen = (slotId, ownerId) => {
+	if (typeof window === "undefined") return;
+	window.requestAnimationFrame(() => {
+		window.requestAnimationFrame(() => {
+			if (!slot || slot.slotId !== slotId || slot.ownerId !== ownerId || slot.closing) return;
+			slot = {
+				...slot,
+				open: true
+			};
+			notify();
+		});
+	});
+};
+const addModalEntry = (args) => {
+	errorIfNoPortalMounted();
+	nextOwnerId += 1;
+	const ownerId = nextOwnerId;
+	const { props, options } = splitArgs(args);
+	const newEntry = {
+		ownerId,
+		props,
+		options
+	};
+	if (!slot) {
+		nextSlotId += 1;
+		const slotId = nextSlotId;
+		slot = {
+			slotId,
+			ownerId,
+			open: false,
+			closing: false,
+			props,
+			options,
+			stack: [],
+			pending: null,
+			preserveOnExit: false
+		};
+		notify();
+		scheduleOpen(slotId, ownerId);
+		return ownerId;
+	}
+	if (options.replace === true) {
+		slot = {
+			...slot,
+			open: false,
+			closing: true,
+			stack: [],
+			pending: newEntry,
+			preserveOnExit: false
+		};
+		notify();
+		return ownerId;
+	}
+	if (slot.closing) {
+		slot = {
+			...slot,
+			pending: newEntry
+		};
+		notify();
+		return ownerId;
+	}
+	slot = {
+		...slot,
+		open: false,
+		closing: true,
+		pending: newEntry,
+		preserveOnExit: true
+	};
+	notify();
+	return ownerId;
+};
+const updateModalEntry = (ownerId, next) => {
+	if (!slot) return;
+	const { props: nextProps, options: nextOptions } = splitArgs(next);
+	if (slot.ownerId === ownerId) {
+		slot = {
+			...slot,
+			props: {
+				...slot.props,
+				...nextProps
+			},
+			options: {
+				...slot.options,
+				...nextOptions
+			}
+		};
+		notify();
+		return;
+	}
+	if (slot.pending?.ownerId === ownerId) {
+		const updatedPending = {
+			ownerId: slot.pending.ownerId,
+			props: {
+				...slot.pending.props,
+				...nextProps
+			},
+			options: {
+				...slot.pending.options,
+				...nextOptions
+			}
+		};
+		slot = {
+			...slot,
+			pending: updatedPending
+		};
+		notify();
+		return;
+	}
+	const buriedIndex = slot.stack.findIndex((entry) => entry.ownerId === ownerId);
+	if (buriedIndex === -1) return;
+	const buried = slot.stack[buriedIndex];
+	if (!buried) return;
+	const updatedEntry = {
+		ownerId: buried.ownerId,
+		props: {
+			...buried.props,
+			...nextProps
+		},
+		options: {
+			...buried.options,
+			...nextOptions
+		}
+	};
+	const nextStack = slot.stack.slice();
+	nextStack[buriedIndex] = updatedEntry;
+	slot = {
+		...slot,
+		stack: nextStack
+	};
+	notify();
+};
+const closeModalEntry = (ownerId) => {
+	if (!slot) return;
+	if (slot.ownerId === ownerId) {
+		slot = {
+			...slot,
+			open: false,
+			closing: true,
+			preserveOnExit: false
+		};
+		notify();
+		return;
+	}
+	if (slot.pending?.ownerId === ownerId) {
+		slot = {
+			...slot,
+			pending: null
+		};
+		notify();
+		return;
+	}
+	const buriedIndex = slot.stack.findIndex((entry) => entry.ownerId === ownerId);
+	if (buriedIndex === -1) return;
+	const nextStack = slot.stack.slice();
+	nextStack.splice(buriedIndex, 1);
+	slot = {
+		...slot,
+		stack: nextStack
+	};
+	notify();
+};
+const removeModalEntry = (ownerId) => {
+	if (!slot || slot.ownerId !== ownerId) return;
+	if (slot.pending) {
+		const nextStack = slot.preserveOnExit ? [...slot.stack, {
+			ownerId: slot.ownerId,
+			props: slot.props,
+			options: slot.options
+		}] : slot.stack;
+		nextSlotId += 1;
+		const slotId = nextSlotId;
+		const promoted = slot.pending;
+		slot = {
+			slotId,
+			ownerId: promoted.ownerId,
+			open: false,
+			closing: false,
+			props: promoted.props,
+			options: promoted.options,
+			stack: nextStack,
+			pending: null,
+			preserveOnExit: false
+		};
+		notify();
+		scheduleOpen(slotId, promoted.ownerId);
+		return;
+	}
+	if (slot.stack.length === 0) {
+		slot = null;
+		notify();
+		return;
+	}
+	const restored = slot.stack[slot.stack.length - 1];
+	if (!restored) {
+		slot = null;
+		notify();
+		return;
+	}
+	const restoredStack = slot.stack.slice(0, -1);
+	nextSlotId += 1;
+	const slotId = nextSlotId;
+	slot = {
+		slotId,
+		ownerId: restored.ownerId,
+		open: false,
+		closing: false,
+		props: restored.props,
+		options: restored.options,
+		stack: restoredStack,
+		pending: null,
+		preserveOnExit: false
+	};
+	notify();
+	scheduleOpen(slotId, restored.ownerId);
+};
+//#endregion
+exports.addModalEntry = addModalEntry;
+exports.closeModalEntry = closeModalEntry;
+exports.getSnapshot = getSnapshot;
+exports.removeModalEntry = removeModalEntry;
+exports.subscribe = subscribe;
+exports.updateModalEntry = updateModalEntry;

package/dist/components/client/Modal/modalStore.d.cts

@@ -0,0 +1,35 @@
+
+import { ModalProps } from "./Modal.cjs";
+import { ReactNode } from "react";
+
+//#region src/components/client/Modal/modalStore.d.ts
+type CreateModalProps = Pick<ModalProps, 'onClose' | 'onOpen' | 'portal' | 'modal' | 'includeScrim' | 'hideDismissButton' | 'reduceMotion' | 'closeIcon' | 'maxWidth' | 'maxHeight' | 'fullWidth' | 'fullHeight' | 'scrollBehavior' | 'title' | 'description' | 'content' | 'actions' | 'closeAriaLabel' | 'className' | 'style'>;
+type CreateModalOptions = {
+  actionStartContent?: ReactNode;
+  replace?: boolean;
+};
+type CreateModalArgs = CreateModalProps & CreateModalOptions;
+interface ModalEntry {
+  ownerId: number;
+  props: CreateModalProps;
+  options: CreateModalOptions;
+}
+interface ModalSlotState {
+  slotId: number;
+  ownerId: number;
+  open: boolean;
+  closing: boolean;
+  props: CreateModalProps;
+  options: CreateModalOptions;
+  stack: ModalEntry[];
+  pending: ModalEntry | null;
+  preserveOnExit: boolean;
+}
+declare const subscribe: (fn: () => void) => (() => void);
+declare const getSnapshot: () => ModalSlotState | null;
+declare const addModalEntry: (args: CreateModalArgs) => number;
+declare const updateModalEntry: (ownerId: number, next: Partial<CreateModalArgs>) => void;
+declare const closeModalEntry: (ownerId: number) => void;
+declare const removeModalEntry: (ownerId: number) => void;
+//#endregion
+export { type CreateModalArgs, type CreateModalOptions, type CreateModalProps, type ModalSlotState, addModalEntry, closeModalEntry, getSnapshot, removeModalEntry, subscribe, updateModalEntry };

package/dist/components/client/Modal/modalStore.d.ts

@@ -0,0 +1,36 @@
+
+"use client";
+import { ModalProps } from "./Modal.js";
+import { ReactNode } from "react";
+
+//#region src/components/client/Modal/modalStore.d.ts
+type CreateModalProps = Pick<ModalProps, 'onClose' | 'onOpen' | 'portal' | 'modal' | 'includeScrim' | 'hideDismissButton' | 'reduceMotion' | 'closeIcon' | 'maxWidth' | 'maxHeight' | 'fullWidth' | 'fullHeight' | 'scrollBehavior' | 'title' | 'description' | 'content' | 'actions' | 'closeAriaLabel' | 'className' | 'style'>;
+type CreateModalOptions = {
+  actionStartContent?: ReactNode;
+  replace?: boolean;
+};
+type CreateModalArgs = CreateModalProps & CreateModalOptions;
+interface ModalEntry {
+  ownerId: number;
+  props: CreateModalProps;
+  options: CreateModalOptions;
+}
+interface ModalSlotState {
+  slotId: number;
+  ownerId: number;
+  open: boolean;
+  closing: boolean;
+  props: CreateModalProps;
+  options: CreateModalOptions;
+  stack: ModalEntry[];
+  pending: ModalEntry | null;
+  preserveOnExit: boolean;
+}
+declare const subscribe: (fn: () => void) => (() => void);
+declare const getSnapshot: () => ModalSlotState | null;
+declare const addModalEntry: (args: CreateModalArgs) => number;
+declare const updateModalEntry: (ownerId: number, next: Partial<CreateModalArgs>) => void;
+declare const closeModalEntry: (ownerId: number) => void;
+declare const removeModalEntry: (ownerId: number) => void;
+//#endregion
+export { type CreateModalArgs, type CreateModalOptions, type CreateModalProps, type ModalSlotState, addModalEntry, closeModalEntry, getSnapshot, removeModalEntry, subscribe, updateModalEntry };