vue-smart-toast 0.1.0

package/README.md

@@ -0,0 +1,137 @@
+# Vue Smart Toast
+
+A Vue 3 toast library with a Sonner-style desktop experience and a lightweight
+Vant-style mobile experience behind one command API.
+
+## Install
+
+```bash
+pnpm add vue-smart-toast
+```
+
+## Usage
+
+Import the style once and render `<Toaster />` near the root of your app.
+
+```vue
+<script setup lang="ts">
+import { Toaster, toast } from 'vue-smart-toast'
+import 'vue-smart-toast/style.css'
+</script>
+
+<template>
+  <Toaster />
+  <button @click="toast.success('Saved')">Show toast</button>
+</template>
+```
+
+## API
+
+```ts
+toast('Message')
+toast.success('Saved')
+toast.error('Failed')
+toast.info('Sync started')
+toast.warning('Storage is almost full')
+toast.dismiss(id)
+toast.clear()
+```
+
+Promise toasts update from loading to success or error:
+
+```ts
+toast.promise(save(), {
+  loading: 'Saving...',
+  success: 'Saved',
+  error: 'Save failed',
+})
+```
+
+## Desktop And Mobile
+
+By default, `device: 'auto'` chooses the mobile toast on small or touch-first
+viewports and the desktop toast elsewhere. You can force either surface per
+toast.
+
+```ts
+toast.success('Desktop toast', { device: 'pc' })
+toast.success('Mobile toast', { device: 'mobile' })
+```
+
+## Toaster Options
+
+Desktop options follow the Vue Sonner-style model.
+
+```vue
+<Toaster
+  position="top-right"
+  theme="light"
+  rich-colors
+  close-button
+  :toast-options="{
+    class: 'my-toast',
+    style: { background: 'white' },
+    classes: {
+      toast: 'toast-root',
+      title: 'toast-title',
+      description: 'toast-description',
+      icon: 'toast-icon',
+    },
+  }"
+/>
+```
+
+Mobile toasts have separate options so you can keep a different visual language.
+
+```vue
+<Toaster
+  :mobile-toast-options="{
+    class: 'mobile-toast',
+    classes: {
+      toast: 'mobile-toast-root',
+      text: 'mobile-toast-text',
+      icon: 'mobile-toast-icon',
+    },
+  }"
+/>
+```
+
+## Icons
+
+Use slots to replace default icons globally.
+
+```vue
+<Toaster>
+  <template #success-icon>
+    <SuccessIcon />
+  </template>
+
+  <template #mobile-success-icon>
+    <MobileSuccessIcon />
+  </template>
+</Toaster>
+```
+
+Override or hide an icon for a single toast.
+
+```ts
+toast.success('Saved', { icon: SuccessIcon })
+toast.success('Saved', { icon: false })
+toast.success('Saved', { device: 'mobile', mobileIcon: MobileSuccessIcon })
+```
+
+## Plugin
+
+The default export registers the global `<Toaster />` component and `$toast`.
+
+```ts
+import { createApp } from 'vue'
+import VueSmartToast from 'vue-smart-toast'
+import 'vue-smart-toast/style.css'
+
+createApp(App).use(VueSmartToast).mount('#app')
+```
+
+## License
+
+MIT

package/dist/types/Toaster.vue.d.ts

@@ -0,0 +1,135 @@
+import { type PropType } from 'vue';
+import type { ToasterProps } from './types';
+declare var __VLS_8: {}, __VLS_11: {}, __VLS_14: {}, __VLS_17: {}, __VLS_20: {}, __VLS_23: {}, __VLS_32: {}, __VLS_35: {}, __VLS_38: {}, __VLS_41: {}, __VLS_44: {};
+type __VLS_Slots = {} & {
+    'close-icon'?: (props: typeof __VLS_8) => any;
+} & {
+    'loading-icon'?: (props: typeof __VLS_11) => any;
+} & {
+    'success-icon'?: (props: typeof __VLS_14) => any;
+} & {
+    'error-icon'?: (props: typeof __VLS_17) => any;
+} & {
+    'warning-icon'?: (props: typeof __VLS_20) => any;
+} & {
+    'info-icon'?: (props: typeof __VLS_23) => any;
+} & {
+    'mobile-loading-icon'?: (props: typeof __VLS_32) => any;
+} & {
+    'mobile-success-icon'?: (props: typeof __VLS_35) => any;
+} & {
+    'mobile-error-icon'?: (props: typeof __VLS_38) => any;
+} & {
+    'mobile-warning-icon'?: (props: typeof __VLS_41) => any;
+} & {
+    'mobile-info-icon'?: (props: typeof __VLS_44) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    id: StringConstructor;
+    invert: BooleanConstructor;
+    theme: {
+        type: PropType<ToasterProps["theme"]>;
+        default: string;
+    };
+    position: {
+        type: PropType<ToasterProps["position"]>;
+        default: string;
+    };
+    closeButtonPosition: {
+        type: PropType<ToasterProps["closeButtonPosition"]>;
+        default: string;
+    };
+    hotkey: {
+        type: PropType<ToasterProps["hotkey"]>;
+        default: () => string[];
+    };
+    richColors: BooleanConstructor;
+    expand: BooleanConstructor;
+    duration: NumberConstructor;
+    gap: NumberConstructor;
+    visibleToasts: NumberConstructor;
+    closeButton: BooleanConstructor;
+    toastOptions: {
+        type: PropType<ToasterProps["toastOptions"]>;
+        default: () => {};
+    };
+    mobileToastOptions: {
+        type: PropType<ToasterProps["mobileToastOptions"]>;
+        default: () => {};
+    };
+    class: StringConstructor;
+    style: PropType<ToasterProps["style"]>;
+    offset: PropType<ToasterProps["offset"]>;
+    mobileOffset: PropType<ToasterProps["mobileOffset"]>;
+    dir: {
+        type: PropType<ToasterProps["dir"]>;
+        default: string;
+    };
+    swipeDirections: PropType<ToasterProps["swipeDirections"]>;
+    icons: PropType<ToasterProps["icons"]>;
+    containerAriaLabel: StringConstructor;
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    id: StringConstructor;
+    invert: BooleanConstructor;
+    theme: {
+        type: PropType<ToasterProps["theme"]>;
+        default: string;
+    };
+    position: {
+        type: PropType<ToasterProps["position"]>;
+        default: string;
+    };
+    closeButtonPosition: {
+        type: PropType<ToasterProps["closeButtonPosition"]>;
+        default: string;
+    };
+    hotkey: {
+        type: PropType<ToasterProps["hotkey"]>;
+        default: () => string[];
+    };
+    richColors: BooleanConstructor;
+    expand: BooleanConstructor;
+    duration: NumberConstructor;
+    gap: NumberConstructor;
+    visibleToasts: NumberConstructor;
+    closeButton: BooleanConstructor;
+    toastOptions: {
+        type: PropType<ToasterProps["toastOptions"]>;
+        default: () => {};
+    };
+    mobileToastOptions: {
+        type: PropType<ToasterProps["mobileToastOptions"]>;
+        default: () => {};
+    };
+    class: StringConstructor;
+    style: PropType<ToasterProps["style"]>;
+    offset: PropType<ToasterProps["offset"]>;
+    mobileOffset: PropType<ToasterProps["mobileOffset"]>;
+    dir: {
+        type: PropType<ToasterProps["dir"]>;
+        default: string;
+    };
+    swipeDirections: PropType<ToasterProps["swipeDirections"]>;
+    icons: PropType<ToasterProps["icons"]>;
+    containerAriaLabel: StringConstructor;
+}>> & Readonly<{}>, {
+    richColors: boolean;
+    invert: boolean;
+    closeButton: boolean;
+    position: import("./types").PcPosition | undefined;
+    closeButtonPosition: import("./types").CloseButtonPosition | undefined;
+    toastOptions: Pick<import("./types").ToastOptions, "toasterId" | "duration" | "cancelButtonStyle" | "actionButtonStyle" | "style" | "unstyled" | "class" | "classes" | "descriptionClass" | "closeButtonPosition" | "closeButtonAriaLabel"> | undefined;
+    dir: "rtl" | "ltr" | "auto" | undefined;
+    theme: import("./types").ToastTheme | undefined;
+    hotkey: string[] | undefined;
+    expand: boolean;
+    mobileToastOptions: import("./types").MobileToastOptions | undefined;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/types/index.d.ts

@@ -0,0 +1,11 @@
+import './styles.css';
+import { destroyStore, dismissToast } from './store';
+import Toaster from './Toaster.vue';
+import type { ToastApi, ToastId, ToastOptions, VueToastPlugin } from './types';
+declare const toast: ToastApi;
+declare const plugin: VueToastPlugin;
+export declare function showToastOptions(options: ToastOptions): ToastId;
+export declare const showToast: typeof showToastOptions;
+export { Toaster, toast, dismissToast, destroyStore };
+export type { CloseButtonPosition, DeviceMode, MobilePosition, MobileToastClasses, MobileToastOptions, PcPosition, PromiseToastOptions, SwipeDirection, ToastAction, ToastApi, ToastClasses, ToastId, ToastIcons, ToastItem, ToastMessage, ToastOptions, ToastTheme, ToastType, ToasterProps, } from './types';
+export default plugin;

package/dist/types/mobile/MobileNextArrow.vue.d.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/types/mobile/MobileToast.vue.d.ts

@@ -0,0 +1,27 @@
+import type { MobileToastOptions, ToastItem } from '../types';
+type __VLS_Props = {
+    toast: ToastItem;
+    index: number;
+    toastOptions?: MobileToastOptions;
+};
+declare var __VLS_6: {}, __VLS_8: {}, __VLS_15: {}, __VLS_22: {}, __VLS_29: {};
+type __VLS_Slots = {} & {
+    'loading-icon'?: (props: typeof __VLS_6) => any;
+} & {
+    'success-icon'?: (props: typeof __VLS_8) => any;
+} & {
+    'error-icon'?: (props: typeof __VLS_15) => any;
+} & {
+    'warning-icon'?: (props: typeof __VLS_22) => any;
+} & {
+    'info-icon'?: (props: typeof __VLS_29) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/types/mobile/MobileToastIcon.vue.d.ts

@@ -0,0 +1,7 @@
+import type { ToastType } from '../types';
+type __VLS_Props = {
+    type: ToastType;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/types/mobile/MobileToaster.vue.d.ts

@@ -0,0 +1,26 @@
+import type { MobileToastOptions, ToastItem } from '../types';
+type __VLS_Props = {
+    toasts: ToastItem[];
+    toastOptions?: MobileToastOptions;
+};
+declare var __VLS_8: {}, __VLS_11: {}, __VLS_14: {}, __VLS_17: {}, __VLS_20: {};
+type __VLS_Slots = {} & {
+    'loading-icon'?: (props: typeof __VLS_8) => any;
+} & {
+    'success-icon'?: (props: typeof __VLS_11) => any;
+} & {
+    'error-icon'?: (props: typeof __VLS_14) => any;
+} & {
+    'warning-icon'?: (props: typeof __VLS_17) => any;
+} & {
+    'info-icon'?: (props: typeof __VLS_20) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/types/sonner/Toast.vue.d.ts

@@ -0,0 +1,32 @@
+import { type HeightT, type ToastProps, type ToastT } from './types';
+declare var __VLS_6: {}, __VLS_18: {}, __VLS_20: {}, __VLS_22: {}, __VLS_24: {}, __VLS_26: {};
+type __VLS_Slots = {} & {
+    'close-icon'?: (props: typeof __VLS_6) => any;
+} & {
+    'loading-icon'?: (props: typeof __VLS_18) => any;
+} & {
+    'success-icon'?: (props: typeof __VLS_20) => any;
+} & {
+    'error-icon'?: (props: typeof __VLS_22) => any;
+} & {
+    'warning-icon'?: (props: typeof __VLS_24) => any;
+} & {
+    'info-icon'?: (props: typeof __VLS_26) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<ToastProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:heights": (heights: HeightT[]) => any;
+    "update:height": (height: HeightT) => any;
+    removeToast: (toast: ToastT<import("vue").Component>) => any;
+}, string, import("vue").PublicProps, Readonly<ToastProps> & Readonly<{
+    "onUpdate:heights"?: ((heights: HeightT[]) => any) | undefined;
+    "onUpdate:height"?: ((height: HeightT) => any) | undefined;
+    onRemoveToast?: ((toast: ToastT<import("vue").Component>) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/types/sonner/Toaster.vue.d.ts

@@ -0,0 +1,48 @@
+import type { Position, ToasterProps } from './types';
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ToasterProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ToasterProps> & Readonly<{}>, {
+    richColors: boolean;
+    invert: boolean;
+    closeButton: boolean;
+    class: string;
+    position: Position;
+    closeButtonPosition: import("./types").CloseButtonPosition;
+    toastOptions: import("./types").ToastOptions;
+    gap: number;
+    offset: string | number | {
+        top?: string | number;
+        right?: string | number;
+        bottom?: string | number;
+        left?: string | number;
+    };
+    mobileOffset: string | number | {
+        top?: string | number;
+        right?: string | number;
+        bottom?: string | number;
+        left?: string | number;
+    };
+    visibleToasts: number;
+    dir: "rtl" | "ltr" | "auto";
+    theme: import("./types").Theme;
+    hotkey: string[];
+    expand: boolean;
+    containerAriaLabel: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    'close-icon'?: (props: {}) => any;
+} & {
+    'loading-icon'?: (props: {}) => any;
+} & {
+    'success-icon'?: (props: {}) => any;
+} & {
+    'error-icon'?: (props: {}) => any;
+} & {
+    'warning-icon'?: (props: {}) => any;
+} & {
+    'info-icon'?: (props: {}) => any;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/types/sonner/assets/CloseIcon.vue.d.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/types/sonner/assets/ErrorIcon.vue.d.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/types/sonner/assets/InfoIcon.vue.d.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/types/sonner/assets/Loader.vue.d.ts

@@ -0,0 +1,6 @@
+type __VLS_Props = {
+    visible: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/types/sonner/assets/SuccessIcon.vue.d.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/types/sonner/assets/WarningIcon.vue.d.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/types/sonner/component.d.ts

@@ -0,0 +1 @@
+export { default as Toaster } from './Toaster.vue';

package/dist/types/sonner/constant.d.ts

@@ -0,0 +1,9 @@
+declare const VISIBLE_TOASTS_AMOUNT = 3;
+declare const VIEWPORT_OFFSET = "24px";
+declare const MOBILE_VIEWPORT_OFFSET = "16px";
+declare const TOAST_LIFETIME = 4000;
+declare const TOAST_WIDTH = 356;
+declare const GAP = 14;
+declare const SWIPE_THRESHOLD = 45;
+declare const TIME_BEFORE_UNMOUNT = 200;
+export { VISIBLE_TOASTS_AMOUNT, VIEWPORT_OFFSET, MOBILE_VIEWPORT_OFFSET, TOAST_LIFETIME, TOAST_WIDTH, GAP, SWIPE_THRESHOLD, TIME_BEFORE_UNMOUNT };

package/dist/types/sonner/hooks.d.ts

@@ -0,0 +1,11 @@
+import { type CSSProperties, type Ref } from 'vue';
+import type { SwipeDirection, ToasterProps, ToastT } from './types';
+export declare function useIsDocumentHidden(): {
+    isDocumentHidden: Ref<boolean, boolean>;
+};
+export declare function cn(...classes: (string | undefined)[]): string;
+export declare function getDefaultSwipeDirections(position: string): Array<SwipeDirection>;
+export declare function assignOffset(defaultOffset: ToasterProps['offset'], mobileOffset: ToasterProps['mobileOffset']): CSSProperties;
+export declare function useVueSonner(): {
+    activeToasts: Ref<ToastT[]>;
+};

package/dist/types/sonner/index.d.ts

@@ -0,0 +1,8 @@
+import type { Plugin } from 'vue';
+import type { ToasterProps, ToastT, ExternalToast, Action, ToastClasses, ToastToDismiss, PromiseIExtendedResult, ToastTypes } from './types';
+import { Toaster } from './component';
+import { toast } from './state';
+import { useVueSonner } from './hooks';
+export { Toaster, toast, useVueSonner, type ToasterProps, type ToastT, type ExternalToast, type Action, type ToastClasses, type ToastToDismiss, type PromiseIExtendedResult, type ToastTypes };
+declare const plugin: Plugin;
+export default plugin;

package/dist/types/sonner/state.d.ts

@@ -0,0 +1,56 @@
+import { type Component } from 'vue';
+import type { ExternalToast, PromiseData, PromiseT, ToastT, ToastToDismiss, ToastTypes } from './types';
+type titleT = (() => string | Component) | string | Component;
+declare class Observer {
+    subscribers: Array<(toast: ExternalToast | ToastToDismiss) => void>;
+    toasts: Array<ToastT | ToastToDismiss>;
+    dismissedToasts: Set<string | number>;
+    constructor();
+    subscribe: (subscriber: (toast: ToastT | ToastToDismiss) => void) => () => void;
+    publish: (data: ToastT) => void;
+    addToast: (data: ToastT) => void;
+    create: (data: ExternalToast & {
+        message?: titleT;
+        type?: ToastTypes;
+        promise?: PromiseT;
+    }) => string | number;
+    dismiss: (id?: number | string) => string | number | undefined;
+    message: (message: titleT, data?: ExternalToast) => string | number;
+    error: (message: titleT, data?: ExternalToast) => string | number;
+    success: (message: titleT, data?: ExternalToast) => string | number;
+    info: (message: titleT, data?: ExternalToast) => string | number;
+    warning: (message: titleT, data?: ExternalToast) => string | number;
+    loading: (message: titleT, data?: ExternalToast) => string | number;
+    promise: <ToastData>(promise: PromiseT<ToastData>, data?: PromiseData<ToastData>) => (string & {
+        unwrap: () => Promise<ToastData>;
+    }) | (number & {
+        unwrap: () => Promise<ToastData>;
+    }) | {
+        unwrap: () => Promise<ToastData>;
+    } | undefined;
+    custom: (component: Component, data?: ExternalToast) => string | number;
+    getActiveToasts: () => (ToastT<Component> | ToastToDismiss)[];
+}
+export declare const ToastState: Observer;
+declare function toastFunction(message: titleT, data?: ExternalToast): string | number;
+export declare const toast: typeof toastFunction & {
+    success: (message: titleT, data?: ExternalToast) => string | number;
+    info: (message: titleT, data?: ExternalToast) => string | number;
+    warning: (message: titleT, data?: ExternalToast) => string | number;
+    error: (message: titleT, data?: ExternalToast) => string | number;
+    custom: (component: Component, data?: ExternalToast) => string | number;
+    message: (message: titleT, data?: ExternalToast) => string | number;
+    promise: <ToastData>(promise: PromiseT<ToastData>, data?: PromiseData<ToastData> | undefined) => (string & {
+        unwrap: () => Promise<ToastData>;
+    }) | (number & {
+        unwrap: () => Promise<ToastData>;
+    }) | {
+        unwrap: () => Promise<ToastData>;
+    } | undefined;
+    dismiss: (id?: number | string) => string | number | undefined;
+    loading: (message: titleT, data?: ExternalToast) => string | number;
+} & {
+    getHistory: () => (ToastT<Component> | ToastToDismiss)[];
+    getToasts: () => (ToastT<Component> | ToastToDismiss)[];
+};
+export {};