@expcat/tigercat-vue 1.5.0 → 2.0.0-preview.2

package/dist/components/ImageViewer.d.mts

@@ -1,25 +1,14 @@
 import * as vue from 'vue';
 import { PropType } from 'vue';
-import { TigerLocale } from '@expcat/tigercat-core';
+import { TigerLocale, ImageViewerProps } from '@expcat/tigercat-core';
 
-interface VueImageViewerProps {
-    images: string[];
-    open?: boolean;
-    currentIndex?: number;
-    zoomable?: boolean;
-    rotatable?: boolean;
-    showNav?: boolean;
-    showCounter?: boolean;
-    maskClosable?: boolean;
-    minZoom?: number;
-    maxZoom?: number;
-    className?: string;
-    locale?: Partial<TigerLocale>;
+interface VueImageViewerProps extends Omit<ImageViewerProps, 'images'> {
+    images?: string[];
 }
 declare const ImageViewer: vue.DefineComponent<vue.ExtractPropTypes<{
     images: {
         type: PropType<string[]>;
-        required: true;
+        default: () => never[];
     };
     open: {
         type: BooleanConstructor;
@@ -70,7 +59,7 @@ declare const ImageViewer: vue.DefineComponent<vue.ExtractPropTypes<{
 }> | null, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("close" | "update:open" | "update:currentIndex")[], "close" | "update:open" | "update:currentIndex", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     images: {
         type: PropType<string[]>;
-        required: true;
+        default: () => never[];
     };
     open: {
         type: BooleanConstructor;
@@ -121,9 +110,10 @@ declare const ImageViewer: vue.DefineComponent<vue.ExtractPropTypes<{
     "onUpdate:open"?: ((...args: any[]) => any) | undefined;
     "onUpdate:currentIndex"?: ((...args: any[]) => any) | undefined;
 }>, {
-    locale: Partial<TigerLocale>;
     className: string;
+    locale: Partial<TigerLocale>;
     open: boolean;
+    images: string[];
     currentIndex: number;
     maskClosable: boolean;
     zoomable: boolean;

package/dist/components/ImageViewer.mjs

@@ -1,7 +1,7 @@
 import {
   ImageViewer,
   ImageViewer_default
-} from "../chunk-N2QGYEOQ.mjs";
+} from "../chunk-YSKG5FSX.mjs";
 import "../chunk-R6WFL6NI.mjs";
 export {
   ImageViewer,

package/dist/components/InfiniteScroll.d.mts

@@ -101,12 +101,12 @@ declare const InfiniteScroll: vue.DefineComponent<vue.ExtractPropTypes<{
 }>> & Readonly<{
     "onLoad-more"?: ((...args: any[]) => any) | undefined;
 }>, {
-    locale: Partial<TigerLocale>;
-    direction: "vertical" | "horizontal";
+    loading: boolean;
     loadingText: string;
     className: string;
+    direction: "horizontal" | "vertical";
+    locale: Partial<TigerLocale>;
     disabled: boolean;
-    loading: boolean;
     threshold: number;
     hasMore: boolean;
     endText: string;

package/dist/components/Input.d.mts

@@ -1,10 +1,10 @@
 import * as vue from 'vue';
 import { PropType } from 'vue';
-import { InputSize, InputType, InputStatus } from '@expcat/tigercat-core';
+import { ComponentSize, InputType, InputStatus } from '@expcat/tigercat-core';
 
 interface VueInputProps {
     modelValue?: string | number;
-    size?: InputSize;
+    size?: ComponentSize;
     type?: InputType;
     status?: InputStatus;
     errorMessage?: string;
@@ -38,7 +38,7 @@ declare const Input: vue.DefineComponent<vue.ExtractPropTypes<{
      * @default 'md'
      */
     size: {
-        type: PropType<InputSize>;
+        type: PropType<ComponentSize>;
         default: string;
     };
     /**
@@ -151,7 +151,7 @@ declare const Input: vue.DefineComponent<vue.ExtractPropTypes<{
      * @default 'md'
      */
     size: {
-        type: PropType<InputSize>;
+        type: PropType<ComponentSize>;
         default: string;
     };
     /**
@@ -245,17 +245,17 @@ declare const Input: vue.DefineComponent<vue.ExtractPropTypes<{
     };
 }>> & Readonly<{
     onClear?: ((...args: any[]) => any) | undefined;
-    onInput?: ((...args: any[]) => any) | undefined;
     onBlur?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
     onFocus?: ((...args: any[]) => any) | undefined;
+    onInput?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
-    status: InputStatus;
+    size: ComponentSize;
     type: InputType;
-    required: boolean;
-    size: InputSize;
+    status: InputStatus;
     disabled: boolean;
+    required: boolean;
     placeholder: string;
     clearable: boolean;
     readonly: boolean;

package/dist/components/InputGroup.d.mts

@@ -1,14 +1,14 @@
 import * as vue from 'vue';
 import { PropType } from 'vue';
-import { InputGroupSize } from '@expcat/tigercat-core';
+import { ComponentSize } from '@expcat/tigercat-core';
 
 declare const INPUT_GROUP_INJECTION_KEY: unique symbol;
 interface InputGroupContext {
-    size?: InputGroupSize;
+    size?: ComponentSize;
     compact?: boolean;
 }
 interface VueInputGroupProps {
-    size?: InputGroupSize;
+    size?: ComponentSize;
     compact?: boolean;
     className?: string;
 }
@@ -18,7 +18,7 @@ interface VueInputGroupAddonProps {
 }
 declare const InputGroup: vue.DefineComponent<vue.ExtractPropTypes<{
     size: {
-        type: PropType<InputGroupSize>;
+        type: PropType<ComponentSize>;
         default: string;
     };
     compact: {
@@ -33,7 +33,7 @@ declare const InputGroup: vue.DefineComponent<vue.ExtractPropTypes<{
     [key: string]: any;
 }>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     size: {
-        type: PropType<InputGroupSize>;
+        type: PropType<ComponentSize>;
         default: string;
     };
     compact: {
@@ -45,7 +45,7 @@ declare const InputGroup: vue.DefineComponent<vue.ExtractPropTypes<{
         default: undefined;
     };
 }>> & Readonly<{}>, {
-    size: InputGroupSize;
+    size: ComponentSize;
     className: string;
     compact: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
@@ -70,8 +70,8 @@ declare const InputGroupAddon: vue.DefineComponent<vue.ExtractPropTypes<{
         default: undefined;
     };
 }>> & Readonly<{}>, {
-    type: "icon" | "text";
     className: string;
+    type: "text" | "icon";
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
 export { INPUT_GROUP_INJECTION_KEY, InputGroup, InputGroupAddon, type InputGroupContext, type VueInputGroupAddonProps, type VueInputGroupProps, InputGroup as default };

package/dist/components/InputNumber.d.mts

@@ -1,12 +1,12 @@
 import * as vue from 'vue';
 import { PropType } from 'vue';
-import { InputSize, InputStatus } from '@expcat/tigercat-core';
+import { ComponentSize, InputStatus } from '@expcat/tigercat-core';
 
 interface VueInputNumberProps {
     modelValue?: number | null;
     /** Initial value for uncontrolled usage (when `modelValue` is not bound) */
     defaultValue?: number | null;
-    size?: InputSize;
+    size?: ComponentSize;
     status?: InputStatus;
     min?: number;
     max?: number;
@@ -34,7 +34,7 @@ declare const InputNumber: vue.DefineComponent<vue.ExtractPropTypes<{
         default: undefined;
     };
     size: {
-        type: PropType<InputSize>;
+        type: PropType<ComponentSize>;
         default: string;
     };
     status: {
@@ -105,7 +105,7 @@ declare const InputNumber: vue.DefineComponent<vue.ExtractPropTypes<{
         default: undefined;
     };
     size: {
-        type: PropType<InputSize>;
+        type: PropType<ComponentSize>;
         default: string;
     };
     status: {
@@ -171,9 +171,9 @@ declare const InputNumber: vue.DefineComponent<vue.ExtractPropTypes<{
     onFocus?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
-    status: InputStatus;
-    size: InputSize;
+    size: ComponentSize;
     className: string;
+    status: InputStatus;
     disabled: boolean;
     defaultValue: number | null;
     min: number;

package/dist/components/Kanban.d.mts

@@ -177,9 +177,9 @@ declare const Kanban: vue.DefineComponent<vue.ExtractPropTypes<{
     "onColumn-add"?: ((...args: any[]) => any) | undefined;
     "onUpdate:columns"?: ((...args: any[]) => any) | undefined;
 }>, {
-    locale: Partial<TigerLocale>;
     className: string;
     style: Record<string, string | number>;
+    locale: Partial<TigerLocale>;
     columns: TaskBoardColumn[];
     columnDraggable: boolean;
     draggable: boolean;

package/dist/components/LineChart.d.mts

@@ -395,11 +395,11 @@ declare const LineChart: vue.DefineComponent<vue.ExtractPropTypes<{
     "onSeries-click"?: ((...args: any[]) => any) | undefined;
     "onSeries-hover"?: ((...args: any[]) => any) | undefined;
 }>, {
-    width: number;
-    height: number;
     padding: ChartPadding;
     hoverable: boolean;
     strokeWidth: number;
+    width: number;
+    height: number;
     selectable: boolean;
     xTicks: number;
     yTicks: number;

package/dist/components/LineChart.mjs

@@ -1,14 +1,14 @@
 import {
   LineChart,
   LineChart_default
-} from "../chunk-BRGQXIKA.mjs";
-import "../chunk-R2HO74FE.mjs";
-import "../chunk-HLPSHCXO.mjs";
-import "../chunk-2ZUEXCVJ.mjs";
-import "../chunk-G2LB4QCL.mjs";
+} from "../chunk-Z4NJJ7NI.mjs";
+import "../chunk-PE5OA4YG.mjs";
+import "../chunk-SPFL55TF.mjs";
 import "../chunk-ZWVA7HT3.mjs";
 import "../chunk-W5RZPTFD.mjs";
 import "../chunk-MI6TL3CQ.mjs";
+import "../chunk-HLPSHCXO.mjs";
+import "../chunk-2ZUEXCVJ.mjs";
 export {
   LineChart,
   LineChart_default as default

package/dist/components/Link.d.mts

@@ -81,9 +81,9 @@ declare const Link: vue.DefineComponent<vue.ExtractPropTypes<{
     onClick?: ((event: MouseEvent) => any) | undefined;
 }>, {
     size: LinkSize;
-    disabled: boolean;
     variant: LinkVariant;
     underline: boolean;
+    disabled: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
 export { Link, type VueLinkProps, Link as default };

package/dist/components/List.d.mts

@@ -1,6 +1,6 @@
 import * as vue from 'vue';
 import { PropType, VNode } from 'vue';
-import { ListItem, ListSize, ListBorderStyle, TigerLocale, ListItemLayout, ListPaginationConfig } from '@expcat/tigercat-core';
+import { ListItem, ComponentSize, ListBorderStyle, TigerLocale, ListItemLayout, ListPaginationConfig } from '@expcat/tigercat-core';
 
 declare const List: vue.DefineComponent<vue.ExtractPropTypes<{
     /**
@@ -14,8 +14,8 @@ declare const List: vue.DefineComponent<vue.ExtractPropTypes<{
      * List size
      */
     size: {
-        type: PropType<ListSize>;
-        default: ListSize;
+        type: PropType<ComponentSize>;
+        default: string;
     };
     /**
      * Border style
@@ -159,8 +159,8 @@ declare const List: vue.DefineComponent<vue.ExtractPropTypes<{
      * List size
      */
     size: {
-        type: PropType<ListSize>;
-        default: ListSize;
+        type: PropType<ComponentSize>;
+        default: string;
     };
     /**
      * Border style
@@ -295,18 +295,18 @@ declare const List: vue.DefineComponent<vue.ExtractPropTypes<{
     "onItem-click"?: ((...args: any[]) => any) | undefined;
     onReorder?: ((...args: any[]) => any) | undefined;
 }>, {
-    locale: Partial<TigerLocale>;
-    pagination: false | ListPaginationConfig;
+    size: ComponentSize;
+    loading: boolean;
     emptyText: string;
-    size: ListSize;
     className: string;
     style: Record<string, string | number>;
-    loading: boolean;
-    virtual: boolean;
-    dataSource: ListItem[];
-    split: boolean;
     bordered: ListBorderStyle;
     hoverable: boolean;
+    split: boolean;
+    locale: Partial<TigerLocale>;
+    pagination: false | ListPaginationConfig;
+    virtual: boolean;
+    dataSource: ListItem[];
     rowKey: string | ((item: ListItem, index: number) => string | number);
     virtualHeight: number;
     virtualItemHeight: number;
@@ -316,7 +316,7 @@ declare const List: vue.DefineComponent<vue.ExtractPropTypes<{
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 interface VueListProps {
     dataSource?: ListItem[];
-    size?: ListSize;
+    size?: ComponentSize;
     bordered?: ListBorderStyle;
     loading?: boolean;
     emptyText?: string;

package/dist/components/Loading.d.mts

@@ -59,9 +59,9 @@ declare const Loading: vue.DefineComponent<vue.ExtractPropTypes<{
         type: PropType<Partial<TigerLocale>>;
         default: undefined;
     };
-}>, () => string | number | boolean | void | vue.VNode<vue.RendererNode, vue.RendererElement, {
+}>, () => string | number | boolean | void | vue.VNodeArrayChildren | vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
-}> | vue.VNodeArrayChildren | null, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+}> | null, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     variant: {
         type: PropType<LoadingVariant>;
         default: LoadingVariant;
@@ -115,19 +115,19 @@ declare const Loading: vue.DefineComponent<vue.ExtractPropTypes<{
         default: undefined;
     };
 }>> & Readonly<{}>, {
-    locale: Partial<TigerLocale>;
     size: LoadingSize;
     className: string;
     style: Record<string, string | number>;
     variant: LoadingVariant;
-    text: string;
     color: LoadingColor;
-    delay: number;
-    disableTeleport: boolean;
+    locale: Partial<TigerLocale>;
+    text: string;
     fullscreen: boolean;
+    delay: number;
     background: string;
     customColor: string;
     lockScroll: boolean;
+    disableTeleport: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
 export { Loading, type VueLoadingProps, Loading as default };

package/dist/components/MarkdownEditor.d.mts

@@ -132,10 +132,10 @@ declare const MarkdownEditor: vue.DefineComponent<vue.ExtractPropTypes<{
     "onMode-change"?: ((...args: any[]) => any) | undefined;
 }>, {
     className: string;
-    mode: MarkdownEditorMode;
     style: Record<string, string | number>;
-    disabled: boolean;
+    mode: MarkdownEditorMode;
     value: string;
+    disabled: boolean;
     defaultValue: string;
     placeholder: string;
     height: string | number;

package/dist/components/Mentions.d.mts

@@ -42,7 +42,7 @@ declare const Mentions: vue.DefineComponent<vue.ExtractPropTypes<{
     };
 }>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
-}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("select" | "change" | "update:modelValue")[], "select" | "change" | "update:modelValue", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("change" | "select" | "update:modelValue")[], "change" | "select" | "update:modelValue", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     modelValue: {
         type: StringConstructor;
         default: string;
@@ -72,8 +72,8 @@ declare const Mentions: vue.DefineComponent<vue.ExtractPropTypes<{
         default: number;
     };
 }>> & Readonly<{
-    onSelect?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
+    onSelect?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
     size: MentionsSize;

package/dist/components/Menu.d.mts

@@ -144,7 +144,7 @@ declare const Menu: vue.DefineComponent<vue.ExtractPropTypes<{
     };
 }>, () => VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
-}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("search" | "select" | "open-change" | "update:selectedKeys" | "update:openKeys" | "update:searchValue")[], "search" | "select" | "open-change" | "update:selectedKeys" | "update:openKeys" | "update:searchValue", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("select" | "search" | "update:searchValue" | "open-change" | "update:selectedKeys" | "update:openKeys")[], "select" | "search" | "update:searchValue" | "open-change" | "update:selectedKeys" | "update:openKeys", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     /**
      * Data-driven menu items
      */
@@ -254,30 +254,30 @@ declare const Menu: vue.DefineComponent<vue.ExtractPropTypes<{
     };
 }>> & Readonly<{
     onSelect?: ((...args: any[]) => any) | undefined;
-    onSearch?: ((...args: any[]) => any) | undefined;
+    "onUpdate:searchValue"?: ((...args: any[]) => any) | undefined;
     "onUpdate:selectedKeys"?: ((...args: any[]) => any) | undefined;
+    onSearch?: ((...args: any[]) => any) | undefined;
     "onOpen-change"?: ((...args: any[]) => any) | undefined;
     "onUpdate:openKeys"?: ((...args: any[]) => any) | undefined;
-    "onUpdate:searchValue"?: ((...args: any[]) => any) | undefined;
 }>, {
-    theme: MenuTheme;
+    items: MenuItem$1[];
     emptyText: string;
-    searchPlaceholder: string;
     className: string;
-    mode: MenuMode;
     style: Record<string, string | number> | undefined;
+    mode: MenuMode;
+    theme: MenuTheme;
+    searchPlaceholder: string;
     searchable: boolean;
     multiple: boolean;
+    searchValue: string;
+    defaultSearchValue: string;
     collapsed: boolean;
-    items: MenuItem$1[];
     defaultSelectedKeys: (string | number)[];
     selectedKeys: (string | number)[];
     openKeys: (string | number)[];
     defaultOpenKeys: (string | number)[];
     inlineIndent: number;
     popupPortal: boolean;
-    searchValue: string;
-    defaultSearchValue: string;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
 interface VueMenuItemProps {

package/dist/components/Message.d.mts

@@ -1,43 +1,8 @@
-import * as vue from 'vue';
-import { PropType } from 'vue';
-import { MessageOptions, MessagePosition, MessageInstance } from '@expcat/tigercat-core';
+import { MessageOptions } from '@expcat/tigercat-core';
+export { MessageContainer, VueMessageContainerProps } from './MessageContainer.mjs';
+import 'vue';
 
-interface VueMessageContainerProps {
-    position?: MessagePosition;
-    messages?: MessageInstance[];
-}
-/** Options accepted by the Vue global Message API. */
 type VueMessageProps = MessageOptions;
-/**
- * Message container component
- */
-declare const MessageContainer: vue.DefineComponent<vue.ExtractPropTypes<{
-    position: {
-        type: PropType<MessagePosition>;
-        default: MessagePosition;
-    };
-    messages: {
-        type: PropType<MessageInstance[]>;
-        default: () => never[];
-    };
-}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-    [key: string]: any;
-}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
-    position: {
-        type: PropType<MessagePosition>;
-        default: MessagePosition;
-    };
-    messages: {
-        type: PropType<MessageInstance[]>;
-        default: () => never[];
-    };
-}>> & Readonly<{}>, {
-    position: MessagePosition;
-    messages: MessageInstance[];
-}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
-/**
- * Message API
- */
 declare const Message: {
     info(options: MessageOptions): () => void;
     success(options: MessageOptions): () => void;
@@ -47,4 +12,4 @@ declare const Message: {
     clear(): void;
 };
 
-export { Message, MessageContainer, type VueMessageContainerProps, type VueMessageProps, Message as default };
+export { Message, type VueMessageProps, Message as default };

package/dist/components/Message.mjs

@@ -1,9 +1,144 @@
 import {
-  Message,
-  MessageContainer,
-  Message_default
-} from "../chunk-VJJ7RAC6.mjs";
+  MessageContainer
+} from "../chunk-GTFAC625.mjs";
 import "../chunk-2TNZ4JNT.mjs";
+
+// src/components/Message.ts
+import { createApp, defineComponent, h, ref } from "vue";
+import {
+  createInstanceCounter,
+  isBrowser,
+  normalizeStringOption
+} from "@expcat/tigercat-core";
+var MESSAGE_CONTAINER_ID = "tiger-message-container";
+var MESSAGE_CONTAINER_ROOT_ID = `${MESSAGE_CONTAINER_ID}-root`;
+var MESSAGE_POSITIONS = [
+  "top",
+  "top-left",
+  "top-right",
+  "bottom",
+  "bottom-left",
+  "bottom-right"
+];
+var messageInstances = ref([]);
+var containerApp = null;
+var getNextInstanceId = null;
+function getMessageInstanceId() {
+  getNextInstanceId ??= createInstanceCounter();
+  return getNextInstanceId();
+}
+var MessageHost = /* @__PURE__ */ defineComponent({
+  name: "TigerMessageHost",
+  setup() {
+    return () => MESSAGE_POSITIONS.map((position) => {
+      const positionedMessages = messageInstances.value.filter(
+        (message) => message.position === position
+      );
+      if (positionedMessages.length === 0) return null;
+      return h(MessageContainer, {
+        key: position,
+        position,
+        messages: positionedMessages,
+        onClose: removeMessage
+      });
+    });
+  }
+});
+function ensureContainer() {
+  if (!isBrowser()) {
+    return;
+  }
+  const existingRootEl = document.getElementById(MESSAGE_CONTAINER_ROOT_ID);
+  if (containerApp && !existingRootEl) {
+    containerApp = null;
+  }
+  if (containerApp) {
+    return;
+  }
+  let rootEl = existingRootEl;
+  if (!rootEl) {
+    rootEl = document.createElement("div");
+    rootEl.id = MESSAGE_CONTAINER_ROOT_ID;
+    document.body.appendChild(rootEl);
+  }
+  containerApp = createApp(MessageHost);
+  containerApp.mount(rootEl);
+}
+function addMessage(config) {
+  const id = getMessageInstanceId();
+  const instance = {
+    id,
+    type: config.type || "info",
+    content: config.content,
+    duration: config.duration !== void 0 ? config.duration : 3e3,
+    closable: config.closable || false,
+    onClose: config.onClose,
+    icon: config.icon,
+    className: config.className,
+    position: config.position ?? "top"
+  };
+  messageInstances.value.push(instance);
+  ensureContainer();
+  if (instance.duration > 0) {
+    setTimeout(() => {
+      removeMessage(id);
+    }, instance.duration);
+  }
+  return () => removeMessage(id);
+}
+function removeMessage(id) {
+  const index = messageInstances.value.findIndex((msg) => msg.id === id);
+  if (index !== -1) {
+    const instance = messageInstances.value[index];
+    messageInstances.value.splice(index, 1);
+    instance.onClose?.();
+  }
+}
+function clearAll() {
+  messageInstances.value.forEach((instance) => {
+    instance.onClose?.();
+  });
+  messageInstances.value = [];
+  if (containerApp) {
+    containerApp.unmount();
+    containerApp = null;
+  }
+  if (isBrowser()) {
+    const rootEl = document.getElementById(MESSAGE_CONTAINER_ROOT_ID);
+    if (rootEl?.parentNode) {
+      rootEl.parentNode.removeChild(rootEl);
+    }
+  }
+}
+function normalizeOptions(options) {
+  return normalizeStringOption(options, "content");
+}
+var Message = {
+  info(options) {
+    const config = normalizeOptions(options);
+    return addMessage({ ...config, type: "info" });
+  },
+  success(options) {
+    const config = normalizeOptions(options);
+    return addMessage({ ...config, type: "success" });
+  },
+  warning(options) {
+    const config = normalizeOptions(options);
+    return addMessage({ ...config, type: "warning" });
+  },
+  error(options) {
+    const config = normalizeOptions(options);
+    return addMessage({ ...config, type: "error" });
+  },
+  loading(options) {
+    const config = normalizeOptions(options);
+    return addMessage({ ...config, type: "loading", duration: 0 });
+  },
+  clear() {
+    clearAll();
+  }
+};
+var Message_default = Message;
 export {
   Message,
   MessageContainer,