import { PropType, type ComponentPublicInstance } from 'vue'; import { TeleportTarget } from '../../types'; /** * Container component for managing stacked Toast notifications. * Toasts appear one-by-one and are not stacked on top of each other or side-by-side. * * This component reads from the global toastStore and renders toasts accordingly. * Use the useToast composable to add/remove toasts programmatically. */ declare const _default: import("vue").DefineComponent`. */ target: { type: PropType; default: undefined; }; }>, { toastStore: { toasts: { icon?: string | { path: string; } | { ltr: string | { path: string; }; shouldFlip: true; shouldFlipExceptions?: string[] | undefined; } | { rtl: string | { path: string; }; ltr: string | { path: string; }; } | { langCodeMap: Record; default: string | { path: string; } | { ltr: string | { path: string; }; shouldFlip: true; shouldFlipExceptions?: string[] | undefined; }; } | null | undefined; type?: import("../../types").StatusType | undefined; id: string; autoDismiss?: boolean | number | undefined; message?: string | undefined; actionButton?: { label: string; onClick: () => void; } | undefined; preventUserDismiss?: boolean | undefined; onUserDismissed?: (() => void) | undefined; onAutoDismissed?: (() => void) | undefined; }[]; }; computedTarget: import("vue").ComputedRef; isInitialized: import("vue").Ref; setToastContentRef: (toastId: string, el: Element | ComponentPublicInstance | null) => void; handleUserDismissed: (id: string) => void; handleAutoDismissed: (id: string) => void; handleActionButtonClick: (id: string) => void; }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly`. */ target: { type: PropType; default: undefined; }; }>> & Readonly<{}>, { target: TeleportTarget; }, {}, { CdxToastDisplay: import("vue").DefineComponent; default: string; validator: import("../../types").StringTypeValidator<"progressive" | "subtle" | "notice" | "warning" | "error" | "success">; }; icon: { type: PropType; default: null; }; actionButtonLabel: { type: StringConstructor; default: string; }; preventUserDismiss: { type: BooleanConstructor; default: boolean; }; autoDismiss: { type: (BooleanConstructor | NumberConstructor)[]; default: boolean; validator: (value: unknown) => boolean; }; renderInPlace: { type: BooleanConstructor; default: boolean; }; target: { type: PropType; default: undefined; }; }>, { dismissed: import("vue").Ref; toastElement: import("vue").Ref; rootClasses: import("vue").ComputedRef>; leaveActiveClass: import("vue").Ref; onDismiss: (eventName: "user-dismissed" | "auto-dismissed") => void; onActionButtonClick: () => void; onAfterLeave: () => void; onMouseEnter: () => void; onMouseLeave: () => void; computedTarget: import("vue").ComputedRef; }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("action-button-click" | "user-dismissed" | "auto-dismissed")[], "action-button-click" | "user-dismissed" | "auto-dismissed", import("vue").PublicProps, Readonly; default: string; validator: import("../../types").StringTypeValidator<"progressive" | "subtle" | "notice" | "warning" | "error" | "success">; }; icon: { type: PropType; default: null; }; actionButtonLabel: { type: StringConstructor; default: string; }; preventUserDismiss: { type: BooleanConstructor; default: boolean; }; autoDismiss: { type: (BooleanConstructor | NumberConstructor)[]; default: boolean; validator: (value: unknown) => boolean; }; renderInPlace: { type: BooleanConstructor; default: boolean; }; target: { type: PropType; default: undefined; }; }>> & Readonly<{ "onAction-button-click"?: ((...args: any[]) => any) | undefined; "onUser-dismissed"?: ((...args: any[]) => any) | undefined; "onAuto-dismissed"?: ((...args: any[]) => any) | undefined; }>, { icon: import("@wikimedia/codex-icons").Icon; type: "progressive" | "subtle" | "notice" | "warning" | "error" | "success"; actionButtonLabel: string; target: TeleportTarget; renderInPlace: boolean; autoDismiss: number | boolean; preventUserDismiss: boolean; }, {}, { CdxMessage: import("vue").DefineComponent; default: string; validator: import("../../types").StringTypeValidator<"progressive" | "subtle" | "notice" | "warning" | "error" | "success">; }; inline: { type: BooleanConstructor; default: boolean; }; icon: { type: PropType; default: null; }; fadeIn: { type: BooleanConstructor; default: boolean; }; allowUserDismiss: { type: BooleanConstructor; default: boolean; }; dismissButtonLabel: { type: StringConstructor; default: string; validator: (value: string, props: { [x: string]: unknown; }) => boolean; }; autoDismiss: { type: (BooleanConstructor | NumberConstructor)[]; default: boolean; validator: (value: unknown) => boolean; }; actionButtonLabel: { type: StringConstructor; default: string; }; }>, { dismissed: import("vue").Ref; userDismissable: import("vue").ComputedRef; translatedDismissButtonLabel: import("vue").ComputedRef; rootClasses: import("vue").ComputedRef>; leaveActiveClass: import("vue").Ref; computedIcon: import("vue").ComputedRef; onDismiss: (eventName: "user-dismissed" | "auto-dismissed") => void; onActionButtonClick: () => void; cdxIconClose: string; }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("action-button-click" | "user-dismissed" | "auto-dismissed")[], "action-button-click" | "user-dismissed" | "auto-dismissed", import("vue").PublicProps, Readonly; default: string; validator: import("../../types").StringTypeValidator<"progressive" | "subtle" | "notice" | "warning" | "error" | "success">; }; inline: { type: BooleanConstructor; default: boolean; }; icon: { type: PropType; default: null; }; fadeIn: { type: BooleanConstructor; default: boolean; }; allowUserDismiss: { type: BooleanConstructor; default: boolean; }; dismissButtonLabel: { type: StringConstructor; default: string; validator: (value: string, props: { [x: string]: unknown; }) => boolean; }; autoDismiss: { type: (BooleanConstructor | NumberConstructor)[]; default: boolean; validator: (value: unknown) => boolean; }; actionButtonLabel: { type: StringConstructor; default: string; }; }>> & Readonly<{ "onAction-button-click"?: ((...args: any[]) => any) | undefined; "onUser-dismissed"?: ((...args: any[]) => any) | undefined; "onAuto-dismissed"?: ((...args: any[]) => any) | undefined; }>, { icon: import("@wikimedia/codex-icons").Icon; type: "progressive" | "subtle" | "notice" | "warning" | "error" | "success"; actionButtonLabel: string; inline: boolean; fadeIn: boolean; allowUserDismiss: boolean; dismissButtonLabel: string; autoDismiss: number | boolean; }, {}, { CdxButton: import("vue").DefineComponent; default: string; validator: import("../../types").StringTypeValidator<"default" | "progressive" | "destructive">; }; weight: { type: PropType; default: string; validator: import("../../types").StringTypeValidator<"normal" | "primary" | "quiet">; }; size: { type: PropType; default: string; validator: import("../../types").StringTypeValidator<"medium" | "large" | "small">; }; }>, { button: import("vue").Ref; rootClasses: import("vue").ComputedRef<{ [x: string]: boolean; 'cdx-button--framed': boolean; 'cdx-button--icon-only': boolean; 'cdx-button--is-active': boolean; }>; onClick: (event: Event) => void; onKeyDown: () => void; onKeyUp: () => void; }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly; default: string; validator: import("../../types").StringTypeValidator<"default" | "progressive" | "destructive">; }; weight: { type: PropType; default: string; validator: import("../../types").StringTypeValidator<"normal" | "primary" | "quiet">; }; size: { type: PropType; default: string; validator: import("../../types").StringTypeValidator<"medium" | "large" | "small">; }; }>> & Readonly<{ onClick?: ((...args: any[]) => any) | undefined; }>, { size: "medium" | "large" | "small"; action: "default" | "progressive" | "destructive"; weight: "normal" | "primary" | "quiet"; }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>; CdxIcon: import("vue").DefineComponent; required: true; }; iconLabel: { type: StringConstructor; default: string; }; lang: { type: PropType; default: null; }; dir: { type: PropType; default: null; }; size: { type: PropType; default: string; validator: import("../../types").StringTypeValidator<"medium" | "small" | "x-small">; }; }>, { rootElement: import("vue").Ref; rootClasses: import("vue").ComputedRef<{ [x: string]: boolean; 'cdx-icon--flipped': boolean; }>; iconSvg: import("vue").ComputedRef; iconPath: import("vue").ComputedRef; }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly; required: true; }; iconLabel: { type: StringConstructor; default: string; }; lang: { type: PropType; default: null; }; dir: { type: PropType; default: null; }; size: { type: PropType; default: string; validator: import("../../types").StringTypeValidator<"medium" | "small" | "x-small">; }; }>> & Readonly<{}>, { lang: string | null; iconLabel: string; dir: import("../../types").HTMLDirection | null; size: "medium" | "small" | "x-small"; }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>; }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>; }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>; }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>; export default _default;