@manohub/ui 0.6.0

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

@@ -0,0 +1,203 @@
+import { type IconName } from '@manohub/icon';
+import { type PropType, type SlotsType, type VNodeChild } from 'vue';
+import type { ControlSize } from '../control-size';
+export interface TagProps {
+    /**
+     * 形态：
+     * - `regular`（缺省）常规内容标签
+     * - `status` 状态标签（配 `tone` 用四色）
+     * - `select` 可选标签（渲染隐身原生 radio，选中态实底主色）
+     * - `add` 新增标签（虚线框 + 加号图标，点击回调）
+     * - `chip` 轻量筛选片
+     */
+    shape?: 'regular' | 'status' | 'select' | 'add' | 'chip';
+    /** 状态档语义（只用 `shape="status"`） */
+    tone?: 'info' | 'success' | 'warning' | 'error';
+    /** 尺寸档（20 / 24 / 28） */
+    size?: ControlSize;
+    /** 大号档（= `size="lg"`，保留的既有写法） */
+    lg?: boolean;
+    /** 前置图标（图标包的闭合枚举） */
+    icon?: IconName;
+    /** 描边档：浅主色底 + 浅主色边（设计稿的标签配方，配 `size="sm"` 即「表格内标签」） */
+    outline?: boolean;
+    /** 可关闭（右端出现关闭位） */
+    closable?: boolean;
+    /** 自定义色（hex）：底按该色 14% 与白混出，字用该色本身 */
+    color?: string;
+    /** `shape="select"` 的选中态 */
+    selected?: boolean;
+    /** 禁用（可选档不可点、转弱） */
+    disabled?: boolean;
+    /** `shape="select"` 的原生分组名与值（组内同名互斥） */
+    name?: string;
+    value?: string | number;
+    /** `shape="add"` / `chip` 的点击回调（`select` 档用 `onChange`） */
+    onClick?: () => void;
+    /** `shape="select"` 的选中变化回调 */
+    onChange?: (selected: boolean) => void;
+    /** 关闭回调（`closable` 的关闭位点击） */
+    onClose?: () => void;
+}
+/**
+ * 标签（常规 / 状态 / 可选 / 新增 / 轻量筛选片）。
+ *
+ * **与 `Badge` 的判据**：`Badge` 是状态徽标（固定短、状态色、可带圆点/数字）；
+ * 本件是内容标签（描述性文字，长度随内容，可能可选/可加/可关闭）。
+ *
+ * 可选档（`shape="select"`）是**原生 radio**：组内同名互斥、键盘方向键换项都由浏览器接管，
+ * 样式层靠 `:has(input:checked)` / `[data-state='selected']` / `.is-selected` 三源等价选态。
+ *
+ * 关闭是**受控**的：本件只回调 `onClose`，是否移除由业务决定（与 `Notification` 同一口径）——
+ * 组件自己删自己会让「关闭后又能从别处恢复」这类需求无解。
+ *
+ * @example 状态标签
+ * <Tag shape="status" tone="success">已通过</Tag>
+ *
+ * @example 可关闭的筛选条件
+ * <Tag closable icon="filter" onClose={() => remove('status')}>状态：已通过</Tag>
+ *
+ * @example 可选标签（同组互斥）
+ * <Tag shape="select" name="scope" value="all" :selected="v === 'all'" @change="select('all')">全部</Tag>
+ */
+export declare const Tag: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    shape: {
+        type: PropType<TagProps["shape"]>;
+        default: string;
+    };
+    tone: {
+        type: PropType<TagProps["tone"]>;
+        default: undefined;
+    };
+    size: {
+        type: PropType<ControlSize>;
+        default: string;
+    };
+    lg: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    icon: {
+        type: PropType<IconName>;
+        default: undefined;
+    };
+    outline: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    closable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    color: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    selected: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    name: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    value: {
+        type: PropType<string | number>;
+        default: undefined;
+    };
+    onClick: {
+        type: PropType<() => void>;
+        default: undefined;
+    };
+    onChange: {
+        type: PropType<(selected: boolean) => void>;
+        default: undefined;
+    };
+    onClose: {
+        type: PropType<() => void>;
+        default: undefined;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    shape: {
+        type: PropType<TagProps["shape"]>;
+        default: string;
+    };
+    tone: {
+        type: PropType<TagProps["tone"]>;
+        default: undefined;
+    };
+    size: {
+        type: PropType<ControlSize>;
+        default: string;
+    };
+    lg: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    icon: {
+        type: PropType<IconName>;
+        default: undefined;
+    };
+    outline: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    closable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    color: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    selected: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    name: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    value: {
+        type: PropType<string | number>;
+        default: undefined;
+    };
+    onClick: {
+        type: PropType<() => void>;
+        default: undefined;
+    };
+    onChange: {
+        type: PropType<(selected: boolean) => void>;
+        default: undefined;
+    };
+    onClose: {
+        type: PropType<() => void>;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    color: string;
+    size: ControlSize;
+    icon: "filter" | "copy" | "help" | "table" | "menu" | "search" | "link" | "delete" | "image" | "close" | "key" | "page-title" | "loading" | "info" | "alert" | "chevron-left" | "chevron-right" | "chevron-down" | "chevron-up" | "check" | "user" | "download" | "back" | "folder" | "folder-open" | "file" | "file-code" | "file-json" | "file-text" | "terminal" | "shield" | "wrench" | "plus" | "bell" | "settings" | "logout" | "home" | "workbench" | "grid-dots" | "heart" | "heart-filled" | "edit" | "refresh" | "upload" | "save" | "more" | "eye" | "external-link" | "minus" | "plus-circle" | "close-circle" | "list" | "calendar" | "clock" | "lock" | "unlock" | "users" | "archive" | "package" | "plug" | "branch" | "tag" | "sparkles" | "shield-check" | "shield-alert" | "history";
+    disabled: boolean;
+    name: string;
+    value: string | number;
+    onChange: (selected: boolean) => void;
+    onClick: () => void;
+    onClose: () => void;
+    outline: boolean;
+    selected: boolean;
+    lg: boolean;
+    shape: "add" | "select" | "chip" | "regular" | "status" | undefined;
+    tone: "error" | "info" | "success" | "warning" | undefined;
+    closable: boolean;
+}, SlotsType<{
+    default?: () => VNodeChild;
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/components/tag/index.js

@@ -0,0 +1,144 @@
+import { defineComponent, computed, createVNode, mergeProps, Fragment, isVNode } from "vue";
+import { Icon } from "@manohub/icon";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+const Tag = /* @__PURE__ */ defineComponent({
+  name: "Tag",
+  inheritAttrs: false,
+  props: {
+    shape: {
+      type: String,
+      default: "regular"
+    },
+    tone: {
+      type: String,
+      default: void 0
+    },
+    size: {
+      type: String,
+      default: "md"
+    },
+    lg: {
+      type: Boolean,
+      default: false
+    },
+    icon: {
+      type: String,
+      default: void 0
+    },
+    outline: {
+      type: Boolean,
+      default: false
+    },
+    closable: {
+      type: Boolean,
+      default: false
+    },
+    color: {
+      type: String,
+      default: void 0
+    },
+    selected: {
+      type: Boolean,
+      default: false
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    name: {
+      type: String,
+      default: void 0
+    },
+    value: {
+      type: [String, Number],
+      default: void 0
+    },
+    onClick: {
+      type: Function,
+      default: void 0
+    },
+    onChange: {
+      type: Function,
+      default: void 0
+    },
+    onClose: {
+      type: Function,
+      default: void 0
+    }
+  },
+  slots: Object,
+  setup(props, {
+    slots,
+    attrs
+  }) {
+    const resolvedSize = computed(() => props.lg ? "lg" : props.size);
+    const customColor = computed(() => props.color ? {
+      "--ui-tag-bg": `color-mix(in srgb, ${props.color} 14%, white)`,
+      color: props.color
+    } : void 0);
+    const classes = () => ["mh-tag", resolvedSize.value === "md" ? void 0 : `mh-tag--${resolvedSize.value}`, props.shape !== "regular" ? `mh-tag--${props.shape}` : void 0, props.shape === "status" && props.tone ? `mh-tag--${props.tone}` : void 0, props.outline ? "mh-tag--outline" : void 0, props.shape === "select" && props.selected ? "is-selected" : void 0, props.disabled ? "is-disabled" : void 0, attrs.class].filter(Boolean).join(" ");
+    const content = () => createVNode(Fragment, null, [props.icon ? createVNode(Icon, {
+      "name": props.icon,
+      "class": "mh-tag__icon"
+    }, null) : null, slots.default?.(), props.closable ? createVNode("button", {
+      "type": "button",
+      "class": "mh-tag__close",
+      "aria-label": "关闭",
+      "tabindex": -1,
+      "onClick": (event) => {
+        event.stopPropagation();
+        event.preventDefault();
+        props.onClose?.();
+      }
+    }, [createVNode(Icon, {
+      "name": "close"
+    }, null)]) : null]);
+    return () => {
+      let _slot;
+      const style = {
+        ...customColor.value,
+        ...attrs.style
+      };
+      if (props.shape === "add") {
+        return createVNode("button", {
+          "type": "button",
+          "class": classes(),
+          "style": style,
+          "onClick": props.onClick,
+          "disabled": props.disabled
+        }, [createVNode(Icon, {
+          "name": "plus",
+          "size": 14
+        }, null), slots.default?.()]);
+      }
+      if (props.shape === "select") {
+        return createVNode("label", {
+          "class": classes(),
+          "style": style
+        }, [createVNode("input", {
+          "type": "radio",
+          "name": props.name,
+          "value": props.value,
+          "checked": props.selected,
+          "disabled": props.disabled,
+          "onChange": (event) => props.onChange?.(event.target.checked)
+        }, null), content()]);
+      }
+      const Clickable = props.shape === "chip" ? "button" : "span";
+      return createVNode(Clickable, mergeProps({
+        "class": classes(),
+        "style": style
+      }, props.shape === "chip" ? {
+        type: "button",
+        onClick: props.onClick
+      } : {}), _isSlot(_slot = content()) ? _slot : {
+        default: () => [_slot]
+      });
+    };
+  }
+});
+export {
+  Tag
+};

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

@@ -0,0 +1,271 @@
+import { type PropType, type SlotsType, type VNodeChild } from 'vue';
+import { type IconName } from '@manohub/icon';
+export type ToastTone = 'info' | 'success' | 'warning' | 'error' | 'loading';
+/**
+ * 消息提示（**自绘**；一条浮出消息 + 语义图标 + 可选动作）。
+ *
+ * ## 与 `Notification` / `Notice` 的判据
+ *
+ * 三者都是「告诉用户一件事」，按**出现方式**分：**浮出后自己消失** → 本件（消息提示）；
+ * 嵌在页面里、用户自己关 → `Notification`（通知卡，有标题/头像/标签）；一行话 + 可选操作 → `Notice`。
+ *
+ * ## 只管一条
+ *
+ * 本件是**一条**提示的渲染与计时：`duration > 0` 时到点发出 `close` 事件（**不自己移除 DOM** —— 存在性归
+ * 调用方，避免"组件消失了、队列里还留着"两套口径）；多条堆叠用 `Toast.Stack` 包一层。
+ *
+ * `loading` 档通常是「先给一条加载中，完成后再换成结果态」：换态由调用方替换 `tone`，本件不做轮询。
+ *
+ * @example 基本（3 秒自动消失）
+ * <Toast tone="success" text="保存成功" :duration="3000" @close="remove(it)" />
+ *
+ * @example 堆叠容器 + 带动作
+ * <Toast.Stack>
+ *   <Toast tone="error" text="导出失败" action="重试" @action="retry" />
+ * </Toast.Stack>
+ */
+export declare const Toast: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    tone: {
+        type: PropType<ToastTone>;
+        default: string;
+    };
+    /** 正文（复杂内容走默认插槽） */
+    text: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /** 动作文案（走 `action` 插槽可给自定义元素） */
+    action: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /** 自动消失毫秒数；`0` = 不自动消失（缺省不给计时） */
+    duration: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /** 前置图标：缺省按 `tone` 映射；`false` 不出图标；也可直接给图标名 */
+    icon: {
+        type: PropType<boolean | IconName>;
+        default: boolean;
+    };
+    /** 手动关闭位（`duration` 为 0 的常驻提示必须给用户一个关掉的入口） */
+    closable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    onAction: {
+        type: PropType<() => void>;
+        default: undefined;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    /** 自动消失到点（**只回调不移除**：存在性归调用方，避免"组件没了、队列里还留着"两套口径） */
+    close: () => true;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    tone: {
+        type: PropType<ToastTone>;
+        default: string;
+    };
+    /** 正文（复杂内容走默认插槽） */
+    text: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /** 动作文案（走 `action` 插槽可给自定义元素） */
+    action: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /** 自动消失毫秒数；`0` = 不自动消失（缺省不给计时） */
+    duration: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /** 前置图标：缺省按 `tone` 映射；`false` 不出图标；也可直接给图标名 */
+    icon: {
+        type: PropType<boolean | IconName>;
+        default: boolean;
+    };
+    /** 手动关闭位（`duration` 为 0 的常驻提示必须给用户一个关掉的入口） */
+    closable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    onAction: {
+        type: PropType<() => void>;
+        default: undefined;
+    };
+}>> & Readonly<{
+    onClose?: (() => any) | undefined;
+}>, {
+    text: string;
+    icon: boolean | "filter" | "copy" | "help" | "table" | "menu" | "search" | "link" | "delete" | "image" | "close" | "key" | "page-title" | "loading" | "info" | "alert" | "chevron-left" | "chevron-right" | "chevron-down" | "chevron-up" | "check" | "user" | "download" | "back" | "folder" | "folder-open" | "file" | "file-code" | "file-json" | "file-text" | "terminal" | "shield" | "wrench" | "plus" | "bell" | "settings" | "logout" | "home" | "workbench" | "grid-dots" | "heart" | "heart-filled" | "edit" | "refresh" | "upload" | "save" | "more" | "eye" | "external-link" | "minus" | "plus-circle" | "close-circle" | "list" | "calendar" | "clock" | "lock" | "unlock" | "users" | "archive" | "package" | "plug" | "branch" | "tag" | "sparkles" | "shield-check" | "shield-alert" | "history";
+    tone: ToastTone;
+    closable: boolean;
+    action: string;
+    onAction: () => void;
+    duration: number;
+}, SlotsType<{
+    default?: () => VNodeChild;
+    action?: () => VNodeChild;
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export declare const ToastCompound: {
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+        tone: {
+            type: PropType<ToastTone>;
+            default: string;
+        };
+        /** 正文（复杂内容走默认插槽） */
+        text: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        /** 动作文案（走 `action` 插槽可给自定义元素） */
+        action: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        /** 自动消失毫秒数；`0` = 不自动消失（缺省不给计时） */
+        duration: {
+            type: NumberConstructor;
+            default: number;
+        };
+        /** 前置图标：缺省按 `tone` 映射；`false` 不出图标；也可直接给图标名 */
+        icon: {
+            type: PropType<boolean | IconName>;
+            default: boolean;
+        };
+        /** 手动关闭位（`duration` 为 0 的常驻提示必须给用户一个关掉的入口） */
+        closable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        onAction: {
+            type: PropType<() => void>;
+            default: undefined;
+        };
+    }>> & Readonly<{
+        onClose?: (() => any) | undefined;
+    }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        /** 自动消失到点（**只回调不移除**：存在性归调用方，避免"组件没了、队列里还留着"两套口径） */
+        close: () => true;
+    }, import("vue").PublicProps, {
+        text: string;
+        icon: boolean | "filter" | "copy" | "help" | "table" | "menu" | "search" | "link" | "delete" | "image" | "close" | "key" | "page-title" | "loading" | "info" | "alert" | "chevron-left" | "chevron-right" | "chevron-down" | "chevron-up" | "check" | "user" | "download" | "back" | "folder" | "folder-open" | "file" | "file-code" | "file-json" | "file-text" | "terminal" | "shield" | "wrench" | "plus" | "bell" | "settings" | "logout" | "home" | "workbench" | "grid-dots" | "heart" | "heart-filled" | "edit" | "refresh" | "upload" | "save" | "more" | "eye" | "external-link" | "minus" | "plus-circle" | "close-circle" | "list" | "calendar" | "clock" | "lock" | "unlock" | "users" | "archive" | "package" | "plug" | "branch" | "tag" | "sparkles" | "shield-check" | "shield-alert" | "history";
+        tone: ToastTone;
+        closable: boolean;
+        action: string;
+        onAction: () => void;
+        duration: number;
+    }, true, {}, SlotsType<{
+        default?: () => VNodeChild;
+        action?: () => VNodeChild;
+    }>, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{
+        tone: {
+            type: PropType<ToastTone>;
+            default: string;
+        };
+        /** 正文（复杂内容走默认插槽） */
+        text: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        /** 动作文案（走 `action` 插槽可给自定义元素） */
+        action: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        /** 自动消失毫秒数；`0` = 不自动消失（缺省不给计时） */
+        duration: {
+            type: NumberConstructor;
+            default: number;
+        };
+        /** 前置图标：缺省按 `tone` 映射；`false` 不出图标；也可直接给图标名 */
+        icon: {
+            type: PropType<boolean | IconName>;
+            default: boolean;
+        };
+        /** 手动关闭位（`duration` 为 0 的常驻提示必须给用户一个关掉的入口） */
+        closable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        onAction: {
+            type: PropType<() => void>;
+            default: undefined;
+        };
+    }>> & Readonly<{
+        onClose?: (() => any) | undefined;
+    }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
+        text: string;
+        icon: boolean | "filter" | "copy" | "help" | "table" | "menu" | "search" | "link" | "delete" | "image" | "close" | "key" | "page-title" | "loading" | "info" | "alert" | "chevron-left" | "chevron-right" | "chevron-down" | "chevron-up" | "check" | "user" | "download" | "back" | "folder" | "folder-open" | "file" | "file-code" | "file-json" | "file-text" | "terminal" | "shield" | "wrench" | "plus" | "bell" | "settings" | "logout" | "home" | "workbench" | "grid-dots" | "heart" | "heart-filled" | "edit" | "refresh" | "upload" | "save" | "more" | "eye" | "external-link" | "minus" | "plus-circle" | "close-circle" | "list" | "calendar" | "clock" | "lock" | "unlock" | "users" | "archive" | "package" | "plug" | "branch" | "tag" | "sparkles" | "shield-check" | "shield-alert" | "history";
+        tone: ToastTone;
+        closable: boolean;
+        action: string;
+        onAction: () => void;
+        duration: number;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    tone: {
+        type: PropType<ToastTone>;
+        default: string;
+    };
+    /** 正文（复杂内容走默认插槽） */
+    text: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /** 动作文案（走 `action` 插槽可给自定义元素） */
+    action: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /** 自动消失毫秒数；`0` = 不自动消失（缺省不给计时） */
+    duration: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /** 前置图标：缺省按 `tone` 映射；`false` 不出图标；也可直接给图标名 */
+    icon: {
+        type: PropType<boolean | IconName>;
+        default: boolean;
+    };
+    /** 手动关闭位（`duration` 为 0 的常驻提示必须给用户一个关掉的入口） */
+    closable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    onAction: {
+        type: PropType<() => void>;
+        default: undefined;
+    };
+}>> & Readonly<{
+    onClose?: (() => any) | undefined;
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    /** 自动消失到点（**只回调不移除**：存在性归调用方，避免"组件没了、队列里还留着"两套口径） */
+    close: () => true;
+}, string, {
+    text: string;
+    icon: boolean | "filter" | "copy" | "help" | "table" | "menu" | "search" | "link" | "delete" | "image" | "close" | "key" | "page-title" | "loading" | "info" | "alert" | "chevron-left" | "chevron-right" | "chevron-down" | "chevron-up" | "check" | "user" | "download" | "back" | "folder" | "folder-open" | "file" | "file-code" | "file-json" | "file-text" | "terminal" | "shield" | "wrench" | "plus" | "bell" | "settings" | "logout" | "home" | "workbench" | "grid-dots" | "heart" | "heart-filled" | "edit" | "refresh" | "upload" | "save" | "more" | "eye" | "external-link" | "minus" | "plus-circle" | "close-circle" | "list" | "calendar" | "clock" | "lock" | "unlock" | "users" | "archive" | "package" | "plug" | "branch" | "tag" | "sparkles" | "shield-check" | "shield-alert" | "history";
+    tone: ToastTone;
+    closable: boolean;
+    action: string;
+    onAction: () => void;
+    duration: number;
+}, {}, string, SlotsType<{
+    default?: () => VNodeChild;
+    action?: () => VNodeChild;
+}>, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+    Stack: import("vue").DefineComponent<{}, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+};
+export type ToastCompoundType = typeof ToastCompound;