@yahoo/uds 3.150.1-beta.1 → 3.152.0

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 };

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

@@ -0,0 +1,248 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+"use client";
+//#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
+export { addModalEntry, closeModalEntry, getSnapshot, removeModalEntry, subscribe, updateModalEntry };

package/dist/components/client/index.cjs

@@ -27,12 +27,14 @@ const require_components_client_IconButton = require("./IconButton.cjs");
 const require_components_client_Input_Input = require("./Input/Input.cjs");
 const require_components_client_Input_InputHelpText = require("./Input/InputHelpText.cjs");
 const require_components_client_Menu_Menu_index = require("./Menu/Menu.index.cjs");
+const require_components_client_Modal_createModal = require("./Modal/createModal.cjs");
 const require_components_client_Modal_UDSModalConfigProvider = require("./Modal/UDSModalConfigProvider.cjs");
 const require_components_client_Modal_ModalActions = require("./Modal/ModalActions.cjs");
 const require_components_client_Modal_ModalContent = require("./Modal/ModalContent.cjs");
 const require_components_client_Modal_ModalDescription = require("./Modal/ModalDescription.cjs");
 const require_components_client_Modal_ModalTitle = require("./Modal/ModalTitle.cjs");
 const require_components_client_Modal_Modal = require("./Modal/Modal.cjs");
+const require_components_client_Modal_ModalPortal = require("./Modal/ModalPortal.cjs");
 const require_components_client_PaddleNav_PaddleButtonNext = require("./PaddleNav/PaddleButtonNext.cjs");
 const require_components_client_PaddleNav_PaddleButtonPrevious = require("./PaddleNav/PaddleButtonPrevious.cjs");
 const require_components_client_PaddleNav_PaddleNavContent = require("./PaddleNav/PaddleNavContent.cjs");
@@ -90,6 +92,7 @@ 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.PaddleButtonNext = require_components_client_PaddleNav_PaddleButtonNext.PaddleButtonNext;
 exports.PaddleButtonPrevious = require_components_client_PaddleNav_PaddleButtonPrevious.PaddleButtonPrevious;
@@ -120,6 +123,7 @@ exports.UDSModalConfigProvider = require_components_client_Modal_UDSModalConfigP
 exports.UDSPopoverConfigProvider = require_components_client_Popover_UDSPopoverConfigProvider.UDSPopoverConfigProvider;
 exports.UDSToastConfigProvider = require_components_client_Toast_UDSToastConfigProvider.UDSToastConfigProvider;
 exports.UDSTooltipConfigProvider = require_components_client_Tooltip_UDSTooltipConfigProvider.UDSTooltipConfigProvider;
+exports.createModal = require_components_client_Modal_createModal.createModal;
 exports.createToast = require_components_client_Toast_createToast.createToast;
 exports.useBottomSheetStore = require_components_client_BottomSheet_useBottomSheetStore.useBottomSheetStore;
 exports.useBreakpointsConfig = require_components_client_providers_UDSBreakpointsConfigProvider.useBreakpointsConfig;

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

@@ -32,9 +32,11 @@ import { MenuItemCheckboxProps } from "./Menu/Menu.ItemCheckbox.cjs";
 import { MenuPlacement, MenuProviderProps } from "./Menu/Menu.Provider.cjs";
 import { MenuTriggerProps } from "./Menu/Menu.Trigger.cjs";
 import { Menu_index_d_exports } from "./Menu/Menu.index.cjs";
+import { ModalAPI, createModal } from "./Modal/createModal.cjs";
 import { ModalActions, ModalActionsProps } from "./Modal/ModalActions.cjs";
 import { ModalContent, ModalContentProps } from "./Modal/ModalContent.cjs";
 import { ModalDescription, ModalDescriptionProps } from "./Modal/ModalDescription.cjs";
+import { ModalPortal } from "./Modal/ModalPortal.cjs";
 import { ModalTitle, ModalTitleProps } from "./Modal/ModalTitle.cjs";
 import { UDSModalConfigProvider, UDSModalConfigProviderProps, useModalConfig } from "./Modal/UDSModalConfigProvider.cjs";
 import { PaddleButtonNext, PaddleButtonNextProps } from "./PaddleNav/PaddleButtonNext.cjs";
@@ -65,4 +67,4 @@ import { TooltipContent } from "./Tooltip/TooltipContent.cjs";
 import { TooltipTrigger } from "./Tooltip/TooltipTrigger.cjs";
 import { UDSTooltipConfigProvider, UDSTooltipConfigProviderProps } from "./Tooltip/UDSTooltipConfigProvider.cjs";
 import { Modal, ModalProps } from "./Modal/Modal.cjs";
-export { Avatar, AvatarIcon, type AvatarIconProps, AvatarImage, type AvatarImageProps, type AvatarProps, AvatarText, type AvatarTextProps, Badge, type BadgeProps, BottomSheet, BottomSheetContent, type BottomSheetContentProps, type BottomSheetController, BottomSheetDismiss, type BottomSheetDismissProps, BottomSheetHeader, type BottomSheetHeaderProps, type BottomSheetProps, BottomSheetProvider, type BottomSheetProviderProps, BottomSheetTrigger, type BottomSheetTriggerProps, Button, type ButtonProps, Checkbox, type CheckboxProps, Chip, ChipButton, type ChipButtonProps, ChipDismissible, type ChipDismissibleProps, ChipLink, type ChipLinkProps, type ChipProps, ChipToggle, type ChipToggleProps, IconButton, type IconButtonProps, Input, InputHelpText, type InputHelpTextProps, type InputProps, Menu_index_d_exports as Menu, type MenuContentProps, type MenuDividerProps, type MenuItemCheckboxProps, type MenuItemProps, type MenuPlacement, type MenuProviderProps, type MenuTriggerProps, Modal, ModalActions, type ModalActionsProps, ModalContent, type ModalContentProps, ModalDescription, type ModalDescriptionProps, type ModalProps, ModalTitle, type ModalTitleProps, PaddleButtonNext, type PaddleButtonNextProps, PaddleButtonPrevious, type PaddleButtonPreviousProps, PaddleNav, PaddleNavContent, type PaddleNavContentProps, type PaddleNavProps, Popover, PopoverContent, type UniversalPopoverContentProps as PopoverContentProps, type UniversalPopoverProps as PopoverProps, PopoverTrigger, type UniversalPopoverTriggerProps as PopoverTriggerProps, Pressable, type PressableProps, Radio, RadioGroupProvider, type RadioGroupProviderProps, type RadioProps, SpringMotionConfig, type SpringMotionConfigProps, Switch, type SwitchProps, Tab, TabList, type TabListProps, TabPanel, type TabPanelProps, type TabProps, Tabs, type TabsProps, type TabsVariant, Toast, ToastContainer, type ToastContainerProps, type ToastLoadingPromise, ToastPortal, type ToastPortalProps, type ToastProps, Tooltip, TooltipContent, type UniversalTooltipContentProps as TooltipContentProps, type UniversalTooltipProps as TooltipProps, TooltipTrigger, type UniversalTooltipTriggerProps as TooltipTriggerProps, UDSBottomSheetConfigProvider, type UDSBottomSheetConfigProviderProps, UDSBreakpointsConfigProvider, type UDSBreakpointsConfigProviderProps, UDSConfigProvider, type UDSConfigProviderProps, UDSModalConfigProvider, type UDSModalConfigProviderProps, UDSPopoverConfigProvider, type UDSPopoverConfigProviderProps, UDSToastConfigProvider, type UDSToastConfigProviderProps, UDSTooltipConfigProvider, type UDSTooltipConfigProviderProps, createToast, useBottomSheetStore, useBreakpointsConfig, useModalConfig, useToastConfig };
+export { Avatar, AvatarIcon, type AvatarIconProps, AvatarImage, type AvatarImageProps, type AvatarProps, AvatarText, type AvatarTextProps, Badge, type BadgeProps, BottomSheet, BottomSheetContent, type BottomSheetContentProps, type BottomSheetController, BottomSheetDismiss, type BottomSheetDismissProps, BottomSheetHeader, type BottomSheetHeaderProps, type BottomSheetProps, BottomSheetProvider, type BottomSheetProviderProps, BottomSheetTrigger, type BottomSheetTriggerProps, Button, type ButtonProps, Checkbox, type CheckboxProps, Chip, ChipButton, type ChipButtonProps, ChipDismissible, type ChipDismissibleProps, ChipLink, type ChipLinkProps, type ChipProps, ChipToggle, type ChipToggleProps, IconButton, type IconButtonProps, Input, InputHelpText, type InputHelpTextProps, type InputProps, Menu_index_d_exports as Menu, type MenuContentProps, type MenuDividerProps, type MenuItemCheckboxProps, type MenuItemProps, type MenuPlacement, type MenuProviderProps, type MenuTriggerProps, Modal, type ModalAPI, ModalActions, type ModalActionsProps, ModalContent, type ModalContentProps, ModalDescription, type ModalDescriptionProps, ModalPortal, type ModalProps, ModalTitle, type ModalTitleProps, PaddleButtonNext, type PaddleButtonNextProps, PaddleButtonPrevious, type PaddleButtonPreviousProps, PaddleNav, PaddleNavContent, type PaddleNavContentProps, type PaddleNavProps, Popover, PopoverContent, type UniversalPopoverContentProps as PopoverContentProps, type UniversalPopoverProps as PopoverProps, PopoverTrigger, type UniversalPopoverTriggerProps as PopoverTriggerProps, Pressable, type PressableProps, Radio, RadioGroupProvider, type RadioGroupProviderProps, type RadioProps, SpringMotionConfig, type SpringMotionConfigProps, Switch, type SwitchProps, Tab, TabList, type TabListProps, TabPanel, type TabPanelProps, type TabProps, Tabs, type TabsProps, type TabsVariant, Toast, ToastContainer, type ToastContainerProps, type ToastLoadingPromise, ToastPortal, type ToastPortalProps, type ToastProps, Tooltip, TooltipContent, type UniversalTooltipContentProps as TooltipContentProps, type UniversalTooltipProps as TooltipProps, TooltipTrigger, type UniversalTooltipTriggerProps as TooltipTriggerProps, UDSBottomSheetConfigProvider, type UDSBottomSheetConfigProviderProps, UDSBreakpointsConfigProvider, type UDSBreakpointsConfigProviderProps, UDSConfigProvider, type UDSConfigProviderProps, UDSModalConfigProvider, type UDSModalConfigProviderProps, UDSPopoverConfigProvider, type UDSPopoverConfigProviderProps, UDSToastConfigProvider, type UDSToastConfigProviderProps, UDSTooltipConfigProvider, type UDSTooltipConfigProviderProps, createModal, createToast, useBottomSheetStore, useBreakpointsConfig, useModalConfig, useToastConfig };

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

@@ -33,9 +33,11 @@ import { MenuItemCheckboxProps } from "./Menu/Menu.ItemCheckbox.js";
 import { MenuPlacement, MenuProviderProps } from "./Menu/Menu.Provider.js";
 import { MenuTriggerProps } from "./Menu/Menu.Trigger.js";
 import { Menu_index_d_exports } from "./Menu/Menu.index.js";
+import { ModalAPI, createModal } from "./Modal/createModal.js";
 import { ModalActions, ModalActionsProps } from "./Modal/ModalActions.js";
 import { ModalContent, ModalContentProps } from "./Modal/ModalContent.js";
 import { ModalDescription, ModalDescriptionProps } from "./Modal/ModalDescription.js";
+import { ModalPortal } from "./Modal/ModalPortal.js";
 import { ModalTitle, ModalTitleProps } from "./Modal/ModalTitle.js";
 import { UDSModalConfigProvider, UDSModalConfigProviderProps, useModalConfig } from "./Modal/UDSModalConfigProvider.js";
 import { PaddleButtonNext, PaddleButtonNextProps } from "./PaddleNav/PaddleButtonNext.js";
@@ -66,4 +68,4 @@ import { TooltipContent } from "./Tooltip/TooltipContent.js";
 import { TooltipTrigger } from "./Tooltip/TooltipTrigger.js";
 import { UDSTooltipConfigProvider, UDSTooltipConfigProviderProps } from "./Tooltip/UDSTooltipConfigProvider.js";
 import { Modal, ModalProps } from "./Modal/Modal.js";
-export { Avatar, AvatarIcon, type AvatarIconProps, AvatarImage, type AvatarImageProps, type AvatarProps, AvatarText, type AvatarTextProps, Badge, type BadgeProps, BottomSheet, BottomSheetContent, type BottomSheetContentProps, type BottomSheetController, BottomSheetDismiss, type BottomSheetDismissProps, BottomSheetHeader, type BottomSheetHeaderProps, type BottomSheetProps, BottomSheetProvider, type BottomSheetProviderProps, BottomSheetTrigger, type BottomSheetTriggerProps, Button, type ButtonProps, Checkbox, type CheckboxProps, Chip, ChipButton, type ChipButtonProps, ChipDismissible, type ChipDismissibleProps, ChipLink, type ChipLinkProps, type ChipProps, ChipToggle, type ChipToggleProps, IconButton, type IconButtonProps, Input, InputHelpText, type InputHelpTextProps, type InputProps, Menu_index_d_exports as Menu, type MenuContentProps, type MenuDividerProps, type MenuItemCheckboxProps, type MenuItemProps, type MenuPlacement, type MenuProviderProps, type MenuTriggerProps, Modal, ModalActions, type ModalActionsProps, ModalContent, type ModalContentProps, ModalDescription, type ModalDescriptionProps, type ModalProps, ModalTitle, type ModalTitleProps, PaddleButtonNext, type PaddleButtonNextProps, PaddleButtonPrevious, type PaddleButtonPreviousProps, PaddleNav, PaddleNavContent, type PaddleNavContentProps, type PaddleNavProps, Popover, PopoverContent, type UniversalPopoverContentProps as PopoverContentProps, type UniversalPopoverProps as PopoverProps, PopoverTrigger, type UniversalPopoverTriggerProps as PopoverTriggerProps, Pressable, type PressableProps, Radio, RadioGroupProvider, type RadioGroupProviderProps, type RadioProps, SpringMotionConfig, type SpringMotionConfigProps, Switch, type SwitchProps, Tab, TabList, type TabListProps, TabPanel, type TabPanelProps, type TabProps, Tabs, type TabsProps, type TabsVariant, Toast, ToastContainer, type ToastContainerProps, type ToastLoadingPromise, ToastPortal, type ToastPortalProps, type ToastProps, Tooltip, TooltipContent, type UniversalTooltipContentProps as TooltipContentProps, type UniversalTooltipProps as TooltipProps, TooltipTrigger, type UniversalTooltipTriggerProps as TooltipTriggerProps, UDSBottomSheetConfigProvider, type UDSBottomSheetConfigProviderProps, UDSBreakpointsConfigProvider, type UDSBreakpointsConfigProviderProps, UDSConfigProvider, type UDSConfigProviderProps, UDSModalConfigProvider, type UDSModalConfigProviderProps, UDSPopoverConfigProvider, type UDSPopoverConfigProviderProps, UDSToastConfigProvider, type UDSToastConfigProviderProps, UDSTooltipConfigProvider, type UDSTooltipConfigProviderProps, createToast, useBottomSheetStore, useBreakpointsConfig, useModalConfig, useToastConfig };
+export { Avatar, AvatarIcon, type AvatarIconProps, AvatarImage, type AvatarImageProps, type AvatarProps, AvatarText, type AvatarTextProps, Badge, type BadgeProps, BottomSheet, BottomSheetContent, type BottomSheetContentProps, type BottomSheetController, BottomSheetDismiss, type BottomSheetDismissProps, BottomSheetHeader, type BottomSheetHeaderProps, type BottomSheetProps, BottomSheetProvider, type BottomSheetProviderProps, BottomSheetTrigger, type BottomSheetTriggerProps, Button, type ButtonProps, Checkbox, type CheckboxProps, Chip, ChipButton, type ChipButtonProps, ChipDismissible, type ChipDismissibleProps, ChipLink, type ChipLinkProps, type ChipProps, ChipToggle, type ChipToggleProps, IconButton, type IconButtonProps, Input, InputHelpText, type InputHelpTextProps, type InputProps, Menu_index_d_exports as Menu, type MenuContentProps, type MenuDividerProps, type MenuItemCheckboxProps, type MenuItemProps, type MenuPlacement, type MenuProviderProps, type MenuTriggerProps, Modal, type ModalAPI, ModalActions, type ModalActionsProps, ModalContent, type ModalContentProps, ModalDescription, type ModalDescriptionProps, ModalPortal, type ModalProps, ModalTitle, type ModalTitleProps, PaddleButtonNext, type PaddleButtonNextProps, PaddleButtonPrevious, type PaddleButtonPreviousProps, PaddleNav, PaddleNavContent, type PaddleNavContentProps, type PaddleNavProps, Popover, PopoverContent, type UniversalPopoverContentProps as PopoverContentProps, type UniversalPopoverProps as PopoverProps, PopoverTrigger, type UniversalPopoverTriggerProps as PopoverTriggerProps, Pressable, type PressableProps, Radio, RadioGroupProvider, type RadioGroupProviderProps, type RadioProps, SpringMotionConfig, type SpringMotionConfigProps, Switch, type SwitchProps, Tab, TabList, type TabListProps, TabPanel, type TabPanelProps, type TabProps, Tabs, type TabsProps, type TabsVariant, Toast, ToastContainer, type ToastContainerProps, type ToastLoadingPromise, ToastPortal, type ToastPortalProps, type ToastProps, Tooltip, TooltipContent, type UniversalTooltipContentProps as TooltipContentProps, type UniversalTooltipProps as TooltipProps, TooltipTrigger, type UniversalTooltipTriggerProps as TooltipTriggerProps, UDSBottomSheetConfigProvider, type UDSBottomSheetConfigProviderProps, UDSBreakpointsConfigProvider, type UDSBreakpointsConfigProviderProps, UDSConfigProvider, type UDSConfigProviderProps, UDSModalConfigProvider, type UDSModalConfigProviderProps, UDSPopoverConfigProvider, type UDSPopoverConfigProviderProps, UDSToastConfigProvider, type UDSToastConfigProviderProps, UDSTooltipConfigProvider, type UDSTooltipConfigProviderProps, createModal, createToast, useBottomSheetStore, useBreakpointsConfig, useModalConfig, useToastConfig };

package/dist/components/client/index.js

@@ -26,12 +26,14 @@ import { IconButton } from "./IconButton.js";
 import { Input } from "./Input/Input.js";
 import { InputHelpText } from "./Input/InputHelpText.js";
 import { Menu_index_exports } from "./Menu/Menu.index.js";
+import { createModal } from "./Modal/createModal.js";
 import { UDSModalConfigProvider, useModalConfig } from "./Modal/UDSModalConfigProvider.js";
 import { ModalActions } from "./Modal/ModalActions.js";
 import { ModalContent } from "./Modal/ModalContent.js";
 import { ModalDescription } from "./Modal/ModalDescription.js";
 import { ModalTitle } from "./Modal/ModalTitle.js";
 import { Modal } from "./Modal/Modal.js";
+import { ModalPortal } from "./Modal/ModalPortal.js";
 import { PaddleButtonNext } from "./PaddleNav/PaddleButtonNext.js";
 import { PaddleButtonPrevious } from "./PaddleNav/PaddleButtonPrevious.js";
 import { PaddleNavContent } from "./PaddleNav/PaddleNavContent.js";
@@ -58,4 +60,4 @@ import { ToastPortal } from "./Toast/ToastPortal.js";
 import { Tooltip } from "./Tooltip/Tooltip.js";
 import { TooltipContent } from "./Tooltip/TooltipContent.js";
 import { TooltipTrigger } from "./Tooltip/TooltipTrigger.js";
-export { Avatar, AvatarIcon, AvatarImage, AvatarText, Badge, BottomSheet, BottomSheetContent, BottomSheetDismiss, BottomSheetHeader, BottomSheetProvider, BottomSheetTrigger, Button, Checkbox, Chip, ChipButton, ChipDismissible, ChipLink, ChipToggle, IconButton, Input, InputHelpText, Menu_index_exports as Menu, Modal, ModalActions, ModalContent, ModalDescription, ModalTitle, PaddleButtonNext, PaddleButtonPrevious, PaddleNav, PaddleNavContent, Popover, PopoverContent, PopoverTrigger, Pressable, Radio, RadioGroupProvider, SpringMotionConfig, Switch, Tab, TabList, TabPanel, Tabs, Toast, ToastContainer, ToastPortal, Tooltip, TooltipContent, TooltipTrigger, UDSBottomSheetConfigProvider, UDSBreakpointsConfigProvider, UDSConfigProvider, UDSModalConfigProvider, UDSPopoverConfigProvider, UDSToastConfigProvider, UDSTooltipConfigProvider, createToast, useBottomSheetStore, useBreakpointsConfig, useModalConfig, useToastConfig };
+export { Avatar, AvatarIcon, AvatarImage, AvatarText, Badge, BottomSheet, BottomSheetContent, BottomSheetDismiss, BottomSheetHeader, BottomSheetProvider, BottomSheetTrigger, Button, Checkbox, Chip, ChipButton, ChipDismissible, ChipLink, ChipToggle, IconButton, Input, InputHelpText, Menu_index_exports as Menu, Modal, ModalActions, ModalContent, ModalDescription, ModalPortal, ModalTitle, PaddleButtonNext, PaddleButtonPrevious, PaddleNav, PaddleNavContent, Popover, PopoverContent, PopoverTrigger, Pressable, Radio, RadioGroupProvider, SpringMotionConfig, Switch, Tab, TabList, TabPanel, Tabs, Toast, ToastContainer, ToastPortal, Tooltip, TooltipContent, TooltipTrigger, UDSBottomSheetConfigProvider, UDSBreakpointsConfigProvider, UDSConfigProvider, UDSModalConfigProvider, UDSPopoverConfigProvider, UDSToastConfigProvider, UDSTooltipConfigProvider, createModal, createToast, useBottomSheetStore, useBreakpointsConfig, useModalConfig, useToastConfig };